@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");


@media (width >= 0) and
  (width < 768px){


/**
 * Do not edit directly, this file was auto-generated.
 */


:root.supplyx:not(.dark),
:root.supplyx .light,
:root.supplyx:not(.dark) .dark .revert-colors
 {
 /**
  * @tokens Colors
  * @presenter Color
  */

  --colors-gray-light-25: #fcfcfd;
  --colors-gray-light-50: #f9f9fb;
  --colors-gray-light-100: #eff0f3;
  --colors-gray-light-200: #e7e8ec;
  --colors-gray-light-300: #e0e1e6;
  --colors-gray-light-400: #d8d9e0;
  --colors-gray-light-500: #cdced7;
  --colors-gray-light-600: #b9bbc6;
  --colors-gray-light-700: #8b8d98;
  --colors-gray-light-800: #80828d;
  --colors-gray-light-900: #62636c;
  --colors-gray-light-950: #1e1f24;
  --colors-gray-light-alpha-25: #00005503;
  --colors-gray-light-alpha-50: #00005506;
  --colors-gray-light-alpha-100: #00104010;
  --colors-gray-light-alpha-200: #000b3618;
  --colors-gray-light-alpha-300: #0009321f;
  --colors-gray-light-alpha-400: #00073527;
  --colors-gray-light-alpha-500: #00063332;
  --colors-gray-light-alpha-600: #00083046;
  --colors-gray-light-alpha-700: #00051d74;
  --colors-gray-light-alpha-800: #00051b7f;
  --colors-gray-light-alpha-900: #0002119d;
  --colors-gray-light-alpha-950: #000107e1;
  --colors-gray-dark-25: #101216;
  --colors-gray-dark-50: #17191D;
  --colors-gray-dark-100: #202329;
  --colors-gray-dark-200: #262a31;
  --colors-gray-dark-300: #2c313a;
  --colors-gray-dark-400: #343a45;
  --colors-gray-dark-500: #404755;
  --colors-gray-dark-600: #576174;
  --colors-gray-dark-700: #646e81;
  --colors-gray-dark-800: #727b8e;
  --colors-gray-dark-900: #acb4c2;
  --colors-gray-dark-950: #eceef2;
  --colors-gray-dark-alpha-25: #0013df05;
  --colors-gray-dark-alpha-50: #7da7fc0c;
  --colors-gray-dark-alpha-100: #a1c0fd19;
  --colors-gray-dark-alpha-200: #a8c6fb22;
  --colors-gray-dark-alpha-300: #a9c6fa2c;
  --colors-gray-dark-alpha-400: #b0ccff37;
  --colors-gray-dark-alpha-500: #b3ccfd49;
  --colors-gray-dark-alpha-600: #b8d0fd6a;
  --colors-gray-dark-alpha-700: #c0d5fd78;
  --colors-gray-dark-alpha-800: #c8d9fe86;
  --colors-gray-dark-alpha-900: #e0ebfebe;
  --colors-gray-dark-alpha-950: #f8fafef2;
  --colors-red-light-50: #fff7f7;
  --colors-red-light-100: #feebec;
  --colors-red-light-200: #ffdbdc;
  --colors-red-light-300: #ffcdce;
  --colors-red-light-400: #fdbdbe;
  --colors-red-light-500: #f4a9aa;
  --colors-red-light-600: #eb8e90;
  --colors-red-light-700: #C5504D;
  --colors-red-light-800: #B62521;
  --colors-red-light-900: #971F1C;
  --colors-red-light-950: #641723;
  --colors-red-dark-50: #201314;
  --colors-red-dark-100: #3b1219;
  --colors-red-dark-200: #500f1c;
  --colors-red-dark-300: #611623;
  --colors-red-dark-400: #72232d;
  --colors-red-dark-500: #8c333a;
  --colors-red-dark-600: #b54548;
  --colors-red-dark-700: #C5504D;
  --colors-red-dark-800: #D97674;
  --colors-red-dark-900: #E6A4A2;
  --colors-red-dark-950: #ffd1d9;
  --colors-green-light-50: #F3FAF8;
  --colors-green-light-100: #E7F5F0;
  --colors-green-light-200: #CFECE2;
  --colors-green-light-300: #9FD9C5;
  --colors-green-light-400: #6EC5A8;
  --colors-green-light-500: #3EB28B;
  --colors-green-light-600: #0E9F6E;
  --colors-green-light-700: #0C835B;
  --colors-green-light-800: #03543F;
  --colors-green-light-900: #023B2C;
  --colors-green-light-950: #01271E;
  --colors-green-dark-50: #02271D;
  --colors-green-dark-100: #083529;
  --colors-green-dark-200: #084F3C;
  --colors-green-dark-300: #137C58;
  --colors-green-dark-400: #14996C;
  --colors-green-dark-500: #43AD89;
  --colors-green-dark-600: #73C0A6;
  --colors-green-dark-700: #A5D3C3;
  --colors-green-dark-800: #D1EAE1;
  --colors-green-dark-900: #E8F4F0;
  --colors-green-dark-950: #F3FAF8;
  --colors-yellow-light-50: #FEFBF0;
  --colors-yellow-light-100: #FDF2C9;
  --colors-yellow-light-200: #FBE79D;
  --colors-yellow-light-300: #FCDE6E;
  --colors-yellow-light-400: #FBD546;
  --colors-yellow-light-500: #FACA15;
  --colors-yellow-light-600: #D6A100;
  --colors-yellow-light-700: #C27803;
  --colors-yellow-light-800: #9E6206;
  --colors-yellow-light-900: #733D0D;
  --colors-yellow-light-950: #452408;
  --colors-yellow-dark-50: #3D250F;
  --colors-yellow-dark-100: #6C3D13;
  --colors-yellow-dark-200: #96600E;
  --colors-yellow-dark-300: #B37512;
  --colors-yellow-dark-400: #CB9C10;
  --colors-yellow-dark-500: #EEC321;
  --colors-yellow-dark-600: #F2D04D;
  --colors-yellow-dark-700: #F4DA7B;
  --colors-yellow-dark-800: #F8E7A6;
  --colors-yellow-dark-900: #F9F1D5;
  --colors-yellow-dark-950: #FEFCF4;
  --colors-blue-light-50: #EFF6FF;
  --colors-blue-light-100: #DBEAFE;
  --colors-blue-light-200: #BFDBFE;
  --colors-blue-light-300: #93C5FD;
  --colors-blue-light-400: #60A5FA;
  --colors-blue-light-500: #3B82F6;
  --colors-blue-light-600: #2563EB;
  --colors-blue-light-700: #1D4ED8;
  --colors-blue-light-800: #1E40AF;
  --colors-blue-light-900: #1E3A8A;
  --colors-blue-light-950: #172554;
  --colors-blue-light-alpha-50: #EFF6FF08;
  --colors-blue-light-alpha-100: #DBEAFE26;
  --colors-blue-light-alpha-200: #BFDBFE26;
  --colors-blue-light-alpha-300: #93C5FD4D;
  --colors-blue-light-alpha-400: #60A5FA66;
  --colors-blue-light-alpha-500: #3B82F680;
  --colors-blue-light-alpha-600: #2563EB99;
  --colors-blue-light-alpha-700: #1D4ED8B3;
  --colors-blue-light-alpha-800: #1E40AFCC;
  --colors-blue-light-alpha-900: #1E3A8AE6;
  --colors-blue-light-alpha-950: #172554F2;
  --colors-blue-dark-50: #172554;
  --colors-blue-dark-100: #1E3A8A;
  --colors-blue-dark-200: #1E40AF;
  --colors-blue-dark-300: #1D4ED8;
  --colors-blue-dark-400: #2563EB;
  --colors-blue-dark-500: #3B82F6;
  --colors-blue-dark-600: #60A5FA;
  --colors-blue-dark-700: #93C5FD;
  --colors-blue-dark-800: #BFDBFE;
  --colors-blue-dark-900: #DBEAFE;
  --colors-blue-dark-950: #EFF6FF;
  --colors-blue-dark-alpha-50: #17255408;
  --colors-blue-dark-alpha-100: #1E3A8A0D;
  --colors-blue-dark-alpha-200: #1E40AF26;
  --colors-blue-dark-alpha-300: #1D4ED84D;
  --colors-blue-dark-alpha-400: #2563EB66;
  --colors-blue-dark-alpha-500: #3B82F680;
  --colors-blue-dark-alpha-600: #60A5FA99;
  --colors-blue-dark-alpha-700: #93C5FDB3;
  --colors-blue-dark-alpha-800: #BFDBFECC;
  --colors-blue-dark-alpha-900: #DBEAFEE6;
  --colors-blue-dark-alpha-950: #EFF6FFF2;
  --colors-black-white-light-min: #ffffff;
  --colors-black-white-light-max: #000;
  --colors-black-white-dark-min: #000;
  --colors-black-white-dark-max: #ffffff;
  --colors-mystic-violet-light-50: #F6F3F7;
  --colors-mystic-violet-light-100: #EDE7EE;
  --colors-mystic-violet-light-200: #DCD0DE;
  --colors-mystic-violet-light-300: #CAB8CD;
  --colors-mystic-violet-light-400: #A789AB;
  --colors-mystic-violet-light-500: #96719B;
  --colors-mystic-violet-light-600: #845A8A;
  --colors-mystic-violet-light-700: #501358;
  --colors-mystic-violet-light-800: #65296d;
  --colors-mystic-violet-light-900: #8b4d93;
  --colors-mystic-violet-light-950: #54185c;
  --colors-mystic-violet-light-a: #5013581F; /** Primary color alpha value */
  --colors-mystic-violet-dark-50: #2E1631;
  --colors-mystic-violet-dark-100: #461E4B;
  --colors-mystic-violet-dark-200: #522558;
  --colors-mystic-violet-dark-300: #6C4771;
  --colors-mystic-violet-dark-400: #86688A;
  --colors-mystic-violet-dark-500: #97799B;
  --colors-mystic-violet-dark-600: #A890AB;
  --colors-mystic-violet-dark-700: #CBBDCD;
  --colors-mystic-violet-dark-800: #DCD3DE;
  --colors-mystic-violet-dark-900: #EDE9EE;
  --colors-mystic-violet-dark-950: #F6F2F7;
  --colors-mystic-violet-dark-a: #5013581F; /** Primary color alpha value */
  --colors-vibrant-yellow-dark-50: #1a180f;
  --colors-vibrant-yellow-dark-100: #2a2404;
  --colors-vibrant-yellow-dark-200: #362c00;
  --colors-vibrant-yellow-dark-300: #423600;
  --colors-vibrant-yellow-dark-400: #4f4400;
  --colors-vibrant-yellow-dark-500: #62560f;
  --colors-vibrant-yellow-dark-600: #7c6e17;
  --colors-vibrant-yellow-dark-700: #f7d908;
  --colors-vibrant-yellow-dark-800: #edcf00;
  --colors-vibrant-yellow-dark-900: #f9db13;
  --colors-vibrant-yellow-dark-950: #f8edaf;
  --colors-vibrant-yellow-dark-a: #fec30034; /** Primary color alpha value */
  --colors-vibrant-yellow-light-50: #FFFCEB;
  --colors-vibrant-yellow-light-100: #FFF8C7;
  --colors-vibrant-yellow-light-200: #FFF299;
  --colors-vibrant-yellow-light-300: #FFEC6B;
  --colors-vibrant-yellow-light-400: #FFE638;
  --colors-vibrant-yellow-light-500: #FFDF00;
  --colors-vibrant-yellow-light-600: #F0CC00;
  --colors-vibrant-yellow-light-700: #C2A500;
  --colors-vibrant-yellow-light-800: #8F7900;
  --colors-vibrant-yellow-light-900: #473D00;
  --colors-vibrant-yellow-light-950: #2E2700;
  --colors-vibrant-yellow-light-a: #fec30034; /** Primary color alpha value */
  --colors-westwing-gray-light-50: #f9f9fa;
  --colors-westwing-gray-light-100: #f0f0f1;
  --colors-westwing-gray-light-200: #e8e8ea;
  --colors-westwing-gray-light-300: #e1e1e3;
  --colors-westwing-gray-light-400: #d9dadc;
  --colors-westwing-gray-light-500: #ceced2;
  --colors-westwing-gray-light-600: #bbbbbf;
  --colors-westwing-gray-light-700: #1d1d1f;
  --colors-westwing-gray-light-800: #333335;
  --colors-westwing-gray-light-900: #646467;
  --colors-westwing-gray-light-950: #1f1f21;
  --colors-westwing-gray-light-a: #0000111e; /** Primary color alpha value */
  --colors-westwing-gray-dark-50: #19191b;
  --colors-westwing-gray-dark-100: #232325;
  --colors-westwing-gray-dark-200: #2a2a2d;
  --colors-westwing-gray-dark-300: #313134;
  --colors-westwing-gray-dark-400: #3a3a3d;
  --colors-westwing-gray-dark-500: #48484b;
  --colors-westwing-gray-dark-600: #606064;
  --colors-westwing-gray-dark-700: #6e6e72;
  --colors-westwing-gray-dark-800: #616165;
  --colors-westwing-gray-dark-900: #b4b4b8;
  --colors-westwing-gray-dark-950: #eeeef0;
  --colors-westwing-gray-dark-a: #0000111e; /** Primary color alpha value */
  --colors-bonprix-blue-dark-50: #121823;
  --colors-bonprix-blue-dark-100: #172642;
  --colors-bonprix-blue-dark-200: #1b3159;
  --colors-bonprix-blue-dark-300: #243d6a;
  --colors-bonprix-blue-dark-400: #2e497a;
  --colors-bonprix-blue-dark-500: #39578e;
  --colors-bonprix-blue-dark-600: #4467a8;
  --colors-bonprix-blue-dark-700: #89aded;
  --colors-bonprix-blue-dark-800: #7ea2e1;
  --colors-bonprix-blue-dark-900: #91b6f6;
  --colors-bonprix-blue-dark-950: #d4e2fa;
  --colors-bonprix-blue-dark-a: #367dfd4a; /** Primary color alpha value */
  --colors-bonprix-blue-light-50: #f7f9fe;
  --colors-bonprix-blue-light-100: #ecf2fd;
  --colors-bonprix-blue-light-200: #dfeaff;
  --colors-bonprix-blue-light-300: #cfe0fe;
  --colors-bonprix-blue-light-400: #bcd3fc;
  --colors-bonprix-blue-light-500: #a5c1f2;
  --colors-bonprix-blue-light-600: #85a8e8;
  --colors-bonprix-blue-light-700: #89aded;
  --colors-bonprix-blue-light-800: #7ea2e1;
  --colors-bonprix-blue-light-900: #4868a3;
  --colors-bonprix-blue-light-950: #1a3059;
  --colors-bonprix-blue-light-a: #0058ff20; /** Primary color alpha value */
  --colors-transparent: #FFFFFF00;
  --colors-bonprix-gray-light-50: #f8f9f9;
  --colors-bonprix-gray-light-100: #f0f0f0;
  --colors-bonprix-gray-light-200: #e8e8e9;
  --colors-bonprix-gray-light-300: #e1e1e1;
  --colors-bonprix-gray-light-400: #d9d9da;
  --colors-bonprix-gray-light-500: #cececf;
  --colors-bonprix-gray-light-600: #bbbbbc;
  --colors-bonprix-gray-light-700: #000;
  --colors-bonprix-gray-light-800: #2d2e2f;
  --colors-bonprix-gray-light-900: #636464;
  --colors-bonprix-gray-light-950: #1f1f20;
  --colors-bonprix-gray-light-a: #00000c17; /** Primary color alpha value */
  --colors-bonprix-gray-dark-50: #17191e;
  --colors-bonprix-gray-dark-100: #1f2329;
  --colors-bonprix-gray-dark-200: #262a30;
  --colors-bonprix-gray-dark-300: #2d3138;
  --colors-bonprix-gray-dark-400: #363a41;
  --colors-bonprix-gray-dark-500: #43474e;
  --colors-bonprix-gray-dark-600: #5d6068;
  --colors-bonprix-gray-dark-700: #6a6e76;
  --colors-bonprix-gray-dark-800: #5d6068;
  --colors-bonprix-gray-dark-900: #afb4bc;
  --colors-bonprix-gray-dark-950: #eceef2;
  --colors-bonprix-gray-dark-a: #d2e6fb1d; /** Primary color alpha value */
  --colors-westwing-green-light-50: #f4faf9;
  --colors-westwing-green-light-100: #e4f7f2;
  --colors-westwing-green-light-200: #d4f1e9;
  --colors-westwing-green-light-300: #c2e8de;
  --colors-westwing-green-light-400: #aedbcf;
  --colors-westwing-green-light-500: #93cabc;
  --colors-westwing-green-light-600: #6cb5a4;
  --colors-westwing-green-light-700: #48a18e;
  --colors-westwing-green-light-800: #3e9482;
  --colors-westwing-green-light-900: #1b7c6b;
  --colors-westwing-green-light-950: #1d3b34;
  --colors-westwing-green-light-a: #73fbde2d;
  --colors-westwing-green-dark-50: #141a18;
  --colors-westwing-green-dark-100: #192724;
  --colors-westwing-green-dark-200: #1c322c;
  --colors-westwing-green-dark-300: #233b36;
  --colors-westwing-green-dark-400: #2d4741;
  --colors-westwing-green-dark-500: #395750;
  --colors-westwing-green-dark-600: #4a6f66;
  --colors-westwing-green-dark-700: #8ec5b7;
  --colors-westwing-green-dark-800: #8fb7ac;
  --colors-westwing-green-dark-900: #8dc4b6;
  --colors-westwing-green-dark-950: #d9f2eb;
  --colors-westwing-green-dark-a: #73fbde2d; /** Primary color alpha value */
  --mode-colors-gray-25: #fcfcfd;
  --mode-colors-gray-50: #f9f9fb;
  --mode-colors-gray-100: #eff0f3;
  --mode-colors-gray-200: #e7e8ec;
  --mode-colors-gray-300: #e0e1e6;
  --mode-colors-gray-400: #d8d9e0;
  --mode-colors-gray-500: #cdced7;
  --mode-colors-gray-600: #b9bbc6;
  --mode-colors-gray-700: #8b8d98;
  --mode-colors-gray-800: #80828d;
  --mode-colors-gray-900: #62636c;
  --mode-colors-gray-950: #1e1f24;
  --mode-colors-gray-min: #ffffff;
  --mode-colors-gray-max: #000;
  --mode-colors-gray-alpha-25: #00005503;
  --mode-colors-gray-alpha-50: #00005506;
  --mode-colors-gray-alpha-100: #00104010;
  --mode-colors-gray-alpha-200: #000b3618;
  --mode-colors-gray-alpha-300: #0009321f;
  --mode-colors-gray-alpha-400: #00073527;
  --mode-colors-gray-alpha-500: #00063332;
  --mode-colors-gray-alpha-600: #00083046;
  --mode-colors-gray-alpha-700: #00051d74;
  --mode-colors-gray-alpha-800: #00051b7f;
  --mode-colors-gray-alpha-900: #0002119d;
  --mode-colors-gray-alpha-950: #000107e1;
  --mode-colors-green-50: #F3FAF8;
  --mode-colors-green-100: #E7F5F0;
  --mode-colors-green-200: #CFECE2;
  --mode-colors-green-300: #9FD9C5;
  --mode-colors-green-400: #6EC5A8;
  --mode-colors-green-500: #3EB28B;
  --mode-colors-green-600: #0E9F6E;
  --mode-colors-green-700: #0C835B;
  --mode-colors-green-800: #03543F;
  --mode-colors-green-900: #023B2C;
  --mode-colors-green-950: #01271E;
  --mode-colors-yellow-50: #FEFBF0;
  --mode-colors-yellow-100: #FDF2C9;
  --mode-colors-yellow-200: #FBE79D;
  --mode-colors-yellow-300: #FCDE6E;
  --mode-colors-yellow-400: #FBD546;
  --mode-colors-yellow-500: #FACA15;
  --mode-colors-yellow-600: #D6A100;
  --mode-colors-yellow-700: #C27803;
  --mode-colors-yellow-800: #9E6206;
  --mode-colors-yellow-900: #733D0D;
  --mode-colors-yellow-950: #452408;
  --mode-colors-red-50: #fff7f7;
  --mode-colors-red-100: #feebec;
  --mode-colors-red-200: #ffdbdc;
  --mode-colors-red-300: #ffcdce;
  --mode-colors-red-400: #fdbdbe;
  --mode-colors-red-500: #f4a9aa;
  --mode-colors-red-600: #eb8e90;
  --mode-colors-red-700: #C5504D;
  --mode-colors-red-800: #B62521;
  --mode-colors-red-900: #971F1C;
  --mode-colors-red-950: #641723;
  --mode-colors-blue-50: #EFF6FF;
  --mode-colors-blue-100: #DBEAFE;
  --mode-colors-blue-200: #BFDBFE;
  --mode-colors-blue-300: #93C5FD;
  --mode-colors-blue-400: #60A5FA;
  --mode-colors-blue-500: #3B82F6;
  --mode-colors-blue-600: #2563EB;
  --mode-colors-blue-700: #1D4ED8;
  --mode-colors-blue-800: #1E40AF;
  --mode-colors-blue-900: #1E3A8A;
  --mode-colors-blue-950: #172554;
  --mode-colors-blue-alpha-50: #EFF6FF08;
  --mode-colors-blue-alpha-100: #DBEAFE26;
  --mode-colors-blue-alpha-200: #BFDBFE26;
  --mode-colors-blue-alpha-300: #93C5FD4D;
  --mode-colors-blue-alpha-400: #60A5FA66;
  --mode-colors-blue-alpha-500: #3B82F680;
  --mode-colors-blue-alpha-600: #2563EB99;
  --mode-colors-blue-alpha-700: #1D4ED8B3;
  --mode-colors-blue-alpha-800: #1E40AFCC;
  --mode-colors-blue-alpha-900: #1E3A8AE6;
  --mode-colors-blue-alpha-950: #172554F2;
  --mode-colors-supplx-secondary-50: #FFFCEB;
  --mode-colors-supplx-secondary-100: #FFF8C7;
  --mode-colors-supplx-secondary-200: #FFF299;
  --mode-colors-supplx-secondary-300: #FFEC6B;
  --mode-colors-supplx-secondary-400: #FFE638;
  --mode-colors-supplx-secondary-500: #FFDF00;
  --mode-colors-supplx-secondary-600: #F0CC00;
  --mode-colors-supplx-secondary-700: #C2A500;
  --mode-colors-supplx-secondary-800: #8F7900;
  --mode-colors-supplx-secondary-900: #473D00;
  --mode-colors-supplx-secondary-950: #2E2700;
  --mode-colors-supplx-secondary-a: #fec30034;
  --mode-colors-supplx-primary-50: #F6F3F7;
  --mode-colors-supplx-primary-100: #EDE7EE;
  --mode-colors-supplx-primary-200: #DCD0DE;
  --mode-colors-supplx-primary-300: #CAB8CD;
  --mode-colors-supplx-primary-400: #A789AB;
  --mode-colors-supplx-primary-500: #96719B;
  --mode-colors-supplx-primary-600: #845A8A;
  --mode-colors-supplx-primary-700: #501358;
  --mode-colors-supplx-primary-800: #65296d;
  --mode-colors-supplx-primary-900: #8b4d93;
  --mode-colors-supplx-primary-950: #54185c;
  --mode-colors-supplx-primary-a: #5013581F;
  --mode-colors-bonprix-primary-50: #f9f9fa;
  --mode-colors-bonprix-primary-100: #f0f0f1;
  --mode-colors-bonprix-primary-200: #e8e8ea;
  --mode-colors-bonprix-primary-300: #e1e1e3;
  --mode-colors-bonprix-primary-400: #d9dadc;
  --mode-colors-bonprix-primary-500: #ceced2;
  --mode-colors-bonprix-primary-600: #bbbbbf;
  --mode-colors-bonprix-primary-700: #1d1d1f;
  --mode-colors-bonprix-primary-800: #333335;
  --mode-colors-bonprix-primary-900: #646467;
  --mode-colors-bonprix-primary-950: #1f1f21;
  --mode-colors-bonprix-primary-a: #0000111e;
  --mode-colors-bonprix-secondary-50: #f7f9fe;
  --mode-colors-bonprix-secondary-100: #ecf2fd;
  --mode-colors-bonprix-secondary-200: #dfeaff;
  --mode-colors-bonprix-secondary-300: #cfe0fe;
  --mode-colors-bonprix-secondary-400: #bcd3fc;
  --mode-colors-bonprix-secondary-500: #a5c1f2;
  --mode-colors-bonprix-secondary-600: #85a8e8;
  --mode-colors-bonprix-secondary-700: #89aded;
  --mode-colors-bonprix-secondary-800: #7ea2e1;
  --mode-colors-bonprix-secondary-900: #4868a3;
  --mode-colors-bonprix-secondary-950: #1a3059;
  --mode-colors-transparent: #FFFFFF00;
  --mode-colors-westwing-primary-50: #f9f9fa;
  --mode-colors-westwing-primary-100: #f0f0f1;
  --mode-colors-westwing-primary-200: #e8e8ea;
  --mode-colors-westwing-primary-300: #e1e1e3;
  --mode-colors-westwing-primary-400: #d9dadc;
  --mode-colors-westwing-primary-500: #ceced2;
  --mode-colors-westwing-primary-600: #bbbbbf;
  --mode-colors-westwing-primary-700: #1d1d1f;
  --mode-colors-westwing-primary-800: #333335;
  --mode-colors-westwing-primary-900: #646467;
  --mode-colors-westwing-primary-950: #1f1f21;
  --mode-colors-westwing-primary-a: #0000111e;
  --mode-colors-westwing-secondary-50: #f4faf9;
  --mode-colors-westwing-secondary-100: #e4f7f2;
  --mode-colors-westwing-secondary-200: #d4f1e9;
  --mode-colors-westwing-secondary-300: #c2e8de;
  --mode-colors-westwing-secondary-400: #aedbcf;
  --mode-colors-westwing-secondary-500: #93cabc;
  --mode-colors-westwing-secondary-600: #6cb5a4;
  --mode-colors-westwing-secondary-700: #48a18e;
  --mode-colors-westwing-secondary-800: #3e9482;
  --mode-colors-westwing-secondary-900: #1b7c6b;
  --mode-colors-westwing-secondary-950: #1d3b34;
  --brand-colors-neutral-25: #fcfcfd;
  --brand-colors-neutral-50: #f9f9fb;
  --brand-colors-neutral-100: #eff0f3;
  --brand-colors-neutral-200: #e7e8ec;
  --brand-colors-neutral-300: #e0e1e6;
  --brand-colors-neutral-400: #d8d9e0;
  --brand-colors-neutral-500: #cdced7;
  --brand-colors-neutral-600: #b9bbc6;
  --brand-colors-neutral-700: #8b8d98;
  --brand-colors-neutral-800: #80828d;
  --brand-colors-neutral-900: #62636c;
  --brand-colors-neutral-950: #1e1f24;
  --brand-colors-neutral-min: #ffffff;
  --brand-colors-neutral-max: #000;
  --brand-colors-neutral-alpha-25: #00005503;
  --brand-colors-neutral-alpha-50: #00005506;
  --brand-colors-neutral-alpha-100: #00104010;
  --brand-colors-neutral-alpha-200: #000b3618;
  --brand-colors-neutral-alpha-300: #0009321f;
  --brand-colors-neutral-alpha-400: #00073527;
  --brand-colors-neutral-alpha-500: #00063332;
  --brand-colors-neutral-alpha-600: #00083046;
  --brand-colors-neutral-alpha-700: #00051d74;
  --brand-colors-neutral-alpha-800: #00051b7f;
  --brand-colors-neutral-alpha-900: #0002119d;
  --brand-colors-neutral-alpha-950: #000107e1;
  --brand-colors-success-50: #F3FAF8;
  --brand-colors-success-100: #E7F5F0;
  --brand-colors-success-200: #CFECE2;
  --brand-colors-success-300: #9FD9C5;
  --brand-colors-success-400: #6EC5A8;
  --brand-colors-success-500: #3EB28B;
  --brand-colors-success-600: #0E9F6E;
  --brand-colors-success-700: #0C835B;
  --brand-colors-success-800: #03543F;
  --brand-colors-success-900: #023B2C;
  --brand-colors-success-950: #01271E;
  --brand-colors-warning-50: #FEFBF0;
  --brand-colors-warning-100: #FDF2C9;
  --brand-colors-warning-200: #FBE79D;
  --brand-colors-warning-300: #FCDE6E;
  --brand-colors-warning-400: #FBD546;
  --brand-colors-warning-500: #FACA15;
  --brand-colors-warning-600: #D6A100;
  --brand-colors-warning-700: #C27803;
  --brand-colors-warning-800: #9E6206;
  --brand-colors-warning-900: #733D0D;
  --brand-colors-warning-950: #452408;
  --brand-colors-error-50: #fff7f7;
  --brand-colors-error-100: #feebec;
  --brand-colors-error-200: #ffdbdc;
  --brand-colors-error-300: #ffcdce;
  --brand-colors-error-400: #fdbdbe;
  --brand-colors-error-500: #f4a9aa;
  --brand-colors-error-600: #eb8e90;
  --brand-colors-error-700: #C5504D;
  --brand-colors-error-800: #B62521;
  --brand-colors-error-900: #971F1C;
  --brand-colors-error-950: #641723;
  --brand-colors-interactive-50: #EFF6FF;
  --brand-colors-interactive-100: #DBEAFE;
  --brand-colors-interactive-200: #BFDBFE;
  --brand-colors-interactive-300: #93C5FD;
  --brand-colors-interactive-400: #60A5FA;
  --brand-colors-interactive-500: #3B82F6;
  --brand-colors-interactive-600: #2563EB;
  --brand-colors-interactive-700: #1D4ED8;
  --brand-colors-interactive-800: #1E40AF;
  --brand-colors-interactive-900: #1E3A8A;
  --brand-colors-interactive-950: #172554;
  --brand-colors-interactive-alpha-50: #EFF6FF08;
  --brand-colors-interactive-alpha-100: #DBEAFE26;
  --brand-colors-interactive-alpha-200: #BFDBFE26;
  --brand-colors-interactive-alpha-300: #93C5FD4D;
  --brand-colors-interactive-alpha-400: #60A5FA66;
  --brand-colors-interactive-alpha-500: #3B82F680;
  --brand-colors-interactive-alpha-600: #2563EB99;
  --brand-colors-interactive-alpha-700: #1D4ED8B3;
  --brand-colors-interactive-alpha-800: #1E40AFCC;
  --brand-colors-interactive-alpha-900: #1E3A8AE6;
  --brand-colors-interactive-alpha-950: #172554F2;
  --brand-colors-secondary-50: #FFFCEB;
  --brand-colors-secondary-100: #FFF8C7;
  --brand-colors-secondary-200: #FFF299;
  --brand-colors-secondary-300: #FFEC6B;
  --brand-colors-secondary-400: #FFE638;
  --brand-colors-secondary-500: #FFDF00;
  --brand-colors-secondary-600: #F0CC00;
  --brand-colors-secondary-700: #C2A500;
  --brand-colors-secondary-800: #8F7900;
  --brand-colors-secondary-900: #473D00;
  --brand-colors-secondary-950: #2E2700;
  --brand-colors-primary-50: #F6F3F7;
  --brand-colors-primary-100: #EDE7EE;
  --brand-colors-primary-200: #DCD0DE;
  --brand-colors-primary-300: #CAB8CD;
  --brand-colors-primary-400: #A789AB;
  --brand-colors-primary-500: #96719B;
  --brand-colors-primary-600: #845A8A;
  --brand-colors-primary-700: #501358;
  --brand-colors-primary-800: #65296d;
  --brand-colors-primary-900: #8b4d93;
  --brand-colors-primary-950: #54185c;
  --brand-colors-primary-a: #5013581F;
  --brand-colors-transparent: #FFFFFF00;
  --theme-colors-border-default: #d8d9e0;
  --theme-colors-border-strong: #cdced7;
  --theme-colors-border-success: #6EC5A8;
  --theme-colors-border-warning: #FBD546;
  --theme-colors-border-error: #fdbdbe;
  --theme-colors-border-info: #60A5FA;
  --theme-colors-text-default: #1e1f24;
  --theme-colors-text-inverse: #f9f9fb;
  --theme-colors-text-subtle: #62636c;
  --theme-colors-text-success: #023B2C;
  --theme-colors-text-error: #971F1C;
  --theme-colors-text-warning: #733D0D;
  --theme-colors-text-info: #1E3A8A;
  --theme-colors-icon-info: #1D4ED8;
  --theme-colors-icon-success: #0C835B;
  --theme-colors-icon-error: #C5504D;
  --theme-colors-icon-warning: #C27803;
  --theme-colors-icon-default: #1e1f24;
  --theme-colors-icon-inverse: #f9f9fb;
  --theme-colors-icon-subtle: #62636c;
  --theme-colors-icon-extra-subtle: #8b8d98;
  --theme-colors-link-default: #501358;
  --theme-colors-link-hover: #65296d;
  --theme-colors-link-pressed: #65296d; /** Test to used modifier */
  --theme-colors-link-disabled: #d8d9e0;
  --theme-colors-bg-base: #ffffff;
  --theme-colors-bg-hover: #5013581F; /** Hover color for surfaces in the colors: base, layer 1 and layer 2.  */
  --theme-colors-bg-layer0: #f9f9fb; /** Not a regular backgound color. Mainly used as backgound color on AG-Grid row for group on 3rd level and for menus and dropdowns. */
  --theme-colors-bg-layer1: #eff0f3;
  --theme-colors-bg-layer2: #e7e8ec;
  --theme-colors-bg-success-default: #E7F5F0;
  --theme-colors-bg-success-strong: #CFECE2;
  --theme-colors-bg-warning-default: #FDF2C9;
  --theme-colors-bg-warning-strong: #FBE79D;
  --theme-colors-bg-error-default: #feebec;
  --theme-colors-bg-error-strong: #ffdbdc;
  --theme-colors-bg-inverse-base: #1e1f24; /** The darkest background-color used across layouts and components. It is useful for components such as tooltips. */
  --theme-colors-bg-inverse-layer1: #cdced7;
  --theme-colors-bg-info-default: #DBEAFE;
  --theme-colors-bg-info-strong: #BFDBFE;
  --theme-colors-accent-subtle-default: #96719B;
  --theme-colors-accent-subtle-hover: #845A8A;
  --theme-colors-accent-strong-default: #501358;
  --theme-colors-accent-strong-hover: #65296d;
  --button-colors-primary-bg-default: #501358;
  --button-colors-primary-bg-hover: #65296d;
  --button-colors-primary-bg-pressed: #8b4d93;
  --button-colors-primary-bg-disabled: #e7e8ec;
  --button-colors-primary-bg-destructive-default: #B62521;
  --button-colors-primary-bg-destructive-hover: #C5504D;
  --button-colors-primary-bg-destructive-pressed: #B62521;
  --button-colors-primary-bg-destructive-disabled: #feebec;
  --button-colors-primary-fg-default: #ffffff;
  --button-colors-primary-fg-disabled: #00051d74;
  --button-colors-primary-fg-destructive-disabled: #00051d74;
  --button-colors-secondary-bg-default: #00005506;
  --button-colors-secondary-bg-hover: #00104010;
  --button-colors-secondary-bg-pressed: #000b3618;
  --button-colors-secondary-bg-disabled: #FFFFFF00;
  --button-colors-secondary-bg-destructive-default: #00005506;
  --button-colors-secondary-bg-destructive-hover: #00104010;
  --button-colors-secondary-bg-destructive-pressed: #000b3618;
  --button-colors-secondary-bg-destructive-disabled: #FFFFFF00;
  --button-colors-secondary-fg-default: #501358;
  --button-colors-secondary-fg-disabled: #8b8d98;
  --button-colors-secondary-fg-destructive-default: #B62521;
  --button-colors-secondary-fg-destructive-disabled: #8b8d98;
  --button-colors-secondary-border-default: #b9bbc6;
  --button-colors-secondary-border-destructive-default: #eb8e90;
  --button-colors-secondary-border-destructive-disabled: #00073527;
  --button-colors-secondary-border-disabled: #00073527;
  --button-colors-tertiary-bg-hover: #00104010;
  --button-colors-tertiary-bg-pressed: #000b3618;
  --button-colors-tertiary-bg-destructive-hover: #00104010;
  --button-colors-tertiary-bg-destructive-pressed: #000b3618;
  --button-colors-tertiary-fg-default: #501358;
  --button-colors-tertiary-fg-disabled: #8b8d98;
  --button-colors-tertiary-fg-destructive-default: #B62521;
  --button-colors-tertiary-fg-destructive-disabled: #8b8d98;
  --focus-ring-colors-bg: #BFDBFE26;
  --focus-ring-colors-border: #93C5FD;
  --accordion-header-colors-bg-accent-default: #ffffff;
  --accordion-header-colors-bg-accent-hover: #EDE7EE;
  --accordion-header-colors-bg-default: #eff0f3;
  --accordion-header-colors-bg-hover: #e7e8ec;
  --accordion-colors-border-accent-default: #96719B;
  --accordion-colors-border-default: #d8d9e0;
  --accordion-colors-text-title: #1e1f24;
  --accordion-colors-text-subline: #62636c;
  --accordion-colors-text-hint: #1e1f24;
  --accordion-colors-icon-left: #1e1f24;
  --accordion-colors-icon-right: #62636c;
  --accordion-colors-icon-chevron: #62636c;
  --accordion-group-header-colors-bg-default: #ffffff;
  --avatar-colors-border-default: #ffffff;
  --avatar-colors-border-hover: #d8d9e0;
  --avatar-colors-bg-default: #e7e8ec;
  --avatar-colors-bg-hover: #e0e1e6;
  --avatar-colors-fg: #1e1f24;
  --avatar-colors-placeholder-border: #cdced7;
  --checkbox-colors-unselected-border-default: #62636c;
  --checkbox-colors-unselected-border-hover: #845A8A;
  --checkbox-colors-unselected-border-disabled: #00063332;
  --checkbox-colors-unselected-border-error: #B62521;
  --checkbox-colors-unselected-bg-default: #FFFFFF00;
  --checkbox-colors-unselected-bg-hover: #00104010;
  --checkbox-colors-unselected-bg-disabled: #FFFFFF00;
  --checkbox-colors-unselected-bg-error: #fff7f7;
  --checkbox-colors-selected-bg-default: #501358;
  --checkbox-colors-selected-bg-hover: #65296d;
  --checkbox-colors-selected-bg-disabled: #0009321f;
  --checkbox-colors-selected-bg-error: #B62521;
  --checkbox-colors-selected-fg-default: #f9f9fb;
  --checkbox-colors-selected-fg-disabled: #00051d74;
  --draggable-list-colors-bg-header-default: #ffffff;
  --draggable-list-colors-bg-header-dragging: #e7e8ec;
  --draggable-list-colors-bg-content: #e7e8ec;
  --draggable-list-colors-bg-indicator: #3B82F6;
  --draggable-list-colors-border: #d8d9e0;
  --draggable-list-colors-text-visible: #1e1f24;
  --draggable-list-colors-text-hidden: #8b8d98;
  --draggable-list-colors-icon-left-visible: #501358;
  --draggable-list-colors-icon-left-hidden: lch(19.405 44.967 322.4 / 0.7);
  --draggable-list-colors-icon-right: #cdced7;
  --dropdown-colors-border: #d8d9e0;
  --dropdown-colors-bg-hover: #5013581F;
  --dropdown-colors-bg-default: #f9f9fb;
  --dropdown-colors-bg-highlight: #BFDBFE;
  --dropdown-colors-text: #1e1f24; /** Used for 'group title' and 'primary value' */
  --dropdown-colors-hint: #62636c; /** Used for 'loading', 'no results' state and 'secondary value' */
  --form-colors-bg-default: #ffffff;
  --form-colors-bg-hover: #f9f9fb;
  --form-colors-bg-active: #ffffff;
  --form-colors-bg-disabled: #0009321f;
  --form-colors-bg-error: #ffffff;
  --form-colors-input-text-default: #1e1f24;
  --form-colors-input-text-disabled: #62636c;
  --form-colors-input-text-error: #1e1f24;
  --form-colors-border-default: #b9bbc6;
  --form-colors-border-active: #2563EB;
  --form-colors-border-hover: #b9bbc6;
  --form-colors-border-error: #B62521;
  --form-colors-border-disabled: #0009321f;
  --form-colors-icon-subtle: #8b8d98;
  --form-colors-icon-default: #62636c;
  --form-colors-icon-hover: #1e1f24;
  --form-colors-icon-error: #B62521;
  --form-colors-label-default: #1e1f24;
  --form-colors-label-disabled: #8b8d98;
  --form-colors-label-error: #1e1f24;
  --form-colors-label-inverse-default: #f9f9fb;
  --form-colors-label-inverse-disabled: #b9bbc6;
  --form-colors-label-inverse-error: #f9f9fb;
  --form-colors-hint-default: #62636c;
  --form-colors-hint-disabled: #8b8d98;
  --form-colors-hint-inverse-default: #e0e1e6;
  --form-colors-hint-inverse-disabled: #d8d9e0;
  --form-colors-error-message-default: #971F1C;
  --form-colors-error-message-inverse: #ffcdce;
  --form-colors-placeholder-default: #80828d;
  --pill-button-colors-secondary-bg-default: #00005506;
  --pill-button-colors-secondary-bg-hover: #00104010;
  --pill-button-colors-secondary-bg-pressed: #DCD0DE;
  --pill-button-colors-secondary-bg-disabled: #FFFFFF00;
  --pill-button-colors-secondary-fg-default: #1e1f24;
  --pill-button-colors-secondary-fg-pressed: #1e1f24;
  --pill-button-colors-secondary-fg-disabled: #8b8d98;
  --pill-button-colors-secondary-border-default: #b9bbc6;
  --pill-button-colors-secondary-border-disabled: #00073527;
  --pill-button-colors-secondary-border-selected: #96719B;
  --pill-button-colors-destructive-bg-default: #00005506;
  --pill-button-colors-destructive-bg-hover: #00104010;
  --pill-button-colors-destructive-bg-pressed: #B62521;
  --pill-button-colors-destructive-bg-disabled: #FFFFFF00;
  --pill-button-colors-destructive-fg-default: #B62521;
  --pill-button-colors-destructive-fg-pressed: #ffffff;
  --pill-button-colors-destructive-fg-disabled: #8b8d98;
  --pill-button-colors-destructive-border-default: #eb8e90;
  --status-ring-colors-bg: #cdced7; /** Neutral 200 */
  --status-ring-colors-success-fg: #3EB28B; /** Success 500 */
  --status-ring-colors-warning-fg: #D6A100; /** Warning 600 */
  --status-ring-colors-error-fg: #C5504D; /** Error 500 */
  --top-nav-colors-bg: #501358;
  --top-nav-colors-logo: #FFDF00;
  --top-nav-colors-menu-bg-default: #501358;
  --top-nav-colors-menu-bg-hover: #65296d;
  --top-nav-colors-menu-bg-pressed: #8b4d93;
  --top-nav-colors-menu-fg-default: #f9f9fb;
  --top-nav-colors-menu-fg-pressed: #f9f9fb;
  --radio-colors-unselected-border-default: #62636c;
  --radio-colors-selected-border-default: #501358;
  --radio-colors-border-hover: #65296d;
  --radio-colors-border-disabled: #00063332;
  --radio-colors-border-error: #B62521;
  --radio-colors-bg-default: #FFFFFF00;
  --radio-colors-bg-hover: #00104010;
  --radio-colors-bg-disabled: #FFFFFF00;
  --radio-colors-fg-default: #501358;
  --radio-colors-fg-hover: #65296d;
  --radio-colors-fg-disabled: #00051d74;
  --radio-colors-fg-error: #B62521;
  --tab-colors-default-selected-fg: #f9f9fb;
  --tab-colors-default-selected-bg-default: #501358;
  --tab-colors-default-unselected-fg: #501358;
  --tab-colors-default-unselected-bg-default: #e7e8ec;
  --tab-colors-default-unselected-bg-hover: #eff0f3;
  --tab-colors-inverse-selected-fg: #501358;
  --tab-colors-inverse-selected-bg-default: #CAB8CD;
  --tab-colors-inverse-unselected-fg: #f9f9fb;
  --tab-colors-inverse-unselected-bg-default: #FFFFFF00;
  --tab-colors-inverse-unselected-bg-hover: #845A8A;
  --box-colors-bg: #ffffff;
  --box-colors-border: #ffffff;
  --switch-colors-unselected-bg-default: #62636c;
  --switch-colors-unselected-bg-hover: #80828d;
  --switch-colors-unselected-icon-default: #62636c;
  --switch-colors-selected-bg-default: #3EB28B;
  --switch-colors-selected-bg-hover: #6EC5A8;
  --switch-colors-selected-icon-default: #3EB28B;
  --switch-colors-icon-disabled: #8b8d98;
  --switch-colors-bg-disabled: #00073527;
  --switch-colors-fg: #ffffff;
  --notification-badge-colors-strong-bg: #FFDF00;
  --notification-badge-colors-strong-fg: #2E2700;
  --notification-badge-colors-subtle-bg: #80828d;
  --notification-badge-colors-subtle-fg: #fcfcfd;
  --fab-colors-secondary-bg-default: #ffffff;
  --fab-colors-secondary-bg-hover: #eff0f3;
  --fab-colors-secondary-bg-pressed: #e7e8ec;
  --fab-colors-secondary-bg-disabled: #ffffff;
  --fab-colors-secondary-fg-default: #501358;
  --fab-colors-secondary-fg-disabled: #8b8d98;
  --fab-colors-secondary-border-default: #cdced7;
  --fab-colors-secondary-border-disabled: #d8d9e0;

 /**
  * @tokens Others
  */

  --var-1: 0.25rem;
  --var-2: 0.5rem;
  --var-3: 0.75rem;
  --var-4: 1rem;
  --var-5: 1.25rem;
  --var-6: 1.5rem;
  --var-7: 1.75rem;
  --var-8: 2rem;
  --var-9: 2.25rem;
  --var-10: 2.5rem;
  --var-11: 2.75rem;
  --var-12: 3rem;
  --var-14: 3.5rem;
  --var-16: 4rem;
  --var-0-5: 0.125rem;
  --var-1-5: 0.375rem;
  --var-2-5: 0.625rem;
  --var-3-5: 0.875rem;
  --opacity-o100: 0.1;
  --opacity-o200: 0.2;
  --opacity-o300: 0.3;
  --opacity-o400: 0.4;
  --opacity-o500: 0.5;
  --opacity-o600: 0.6;
  --opacity-o700: 0.7;
  --opacity-o800: 0.8;
  --opacity-o900: 0.9;
  --fix-1: 4px;
  --fix-2: 8px;
  --fix-3: 12px;
  --fix-4: 16px;
  --fix-5: 20px;
  --fix-6: 24px;
  --fix-7: 28px;
  --fix-8: 32px;
  --fix-9: 36px;
  --fix-10: 40px;
  --fix-11: 44px;
  --fix-12: 48px;
  --fix-14: 56px;
  --fix-16: 64px;
  --fix-24: 96px;
  --fix-28: 112px;
  --fix-32: 128px;
  --fix-36: 144px;
  --fix-44: 176px;
  --fix-none: 0;
  --fix-0-5: 2px;
  --fix-1-5: 0,375rem;
  --fix-2-5: 10px;
  --fix-3-5: 14px;
  --fix-px: 1px;
  --brand-space-element-to-element-xs: 0.25rem;
  --brand-space-element-to-element-sm: 0.5rem;
  --brand-space-element-to-element-md: 0.75rem;
  --brand-space-element-to-element-lg: 1rem;
  --brand-space-element-to-element-xl: 1.5rem;
  --brand-space-element-to-element-2xl: 2rem;
  --brand-space-element-to-element-3xl: 4rem;
  --brand-space-horizontal-edge-to-element-xs: 0.25rem;
  --brand-space-horizontal-edge-to-element-sm: 0.5rem;
  --brand-space-horizontal-edge-to-element-md: 0.75rem;
  --brand-space-horizontal-edge-to-element-lg: 1rem;
  --brand-space-horizontal-edge-to-element-xl: 1.5rem;
  --brand-space-vertical-edge-to-element-xxs: 0.125rem;
  --brand-space-vertical-edge-to-element-xs: 0.25rem;
  --brand-space-vertical-edge-to-element-sm: 0.75rem;
  --brand-space-vertical-edge-to-element-md: 1rem;
  --brand-space-vertical-edge-to-element-xl: 1.5rem;
  --brand-radius-rounded-none: 0;
  --brand-radius-rounded-xs: 4px;
  --brand-radius-rounded-sm: 8px;
  --brand-radius-rounded-md: 16px;
  --brand-radius-rounded-full: 999px;
  --brand-border-width-border-xxs: 1px;
  --brand-border-width-border-xs: 2px;
  --brand-border-width-border-sm: 4px;
  --brand-layout-gutter-breakpoint-xs-to-m: 16px;
  --brand-layout-gutter-breakpoint-l: 24px;
  --brand-layout-outside-gutter-breakpoint-xs-to-m: 16px;
  --brand-layout-outside-gutter-breakpoint-l: 24px;
  --brand-layout-columns-breakpoint-xs: 2;
  --brand-layout-columns-breakpoint-s: 4;
  --brand-layout-columns-breakpoint-m: 12;
  --brand-layout-columns-breakpoint-l: 12;
  --brand-breakpoint-xs: 320px; /** >319px  */
  --brand-breakpoint-s: 768px; /** >767px */
  --brand-breakpoint-m: 1024px; /** >1023px */
  --brand-breakpoint-l: 1280px; /** >1279px */
  --brand-font-family-a: Inter;
  --brand-font-family-b: Rubik;
  --brand-font-weight-accent-weight: 400; /** To be tested, if this can stay under font weight while actually being a font style.  */
  --brand-font-weight-accent-style: italic; /** To be tested, if this can stay under font weight while actually being a font style.  */
  --brand-font-weight-default: 400;
  --brand-font-weight-strong: 500;
  --brand-font-weight-stronger: 700;
  --brand-font-size-f-20: 0.625rem;
  --brand-font-size-f-10: 0.75rem;
  --brand-font-size-f0: 0.875rem;
  --brand-font-size-f10: 1rem;
  --brand-font-size-f20: 1.125rem;
  --brand-font-size-f30: 1.25rem;
  --brand-font-size-f40: 1.5rem;
  --brand-font-size-f50: 1.75rem;
  --brand-font-size-f60: 1.875rem;
  --brand-font-size-f80: 3rem;
  --brand-line-height-lh-20: 14px;
  --brand-line-height-lh-10: 18px;
  --brand-line-height-lh0: 22px;
  --brand-line-height-lh10: 24px;
  --brand-line-height-lh20: 30px;
  --brand-line-height-lh30: 38px;
  --brand-line-height-lh50: 48px;
  --brand-line-height-lh80: 56px;
  --brand-paragraph-spacing-ps0: 8px;
  --brand-paragraph-spacing-ps10: 12px;
  --brand-paragraph-spacing-ps20: 16px;
  --brand-paragraph-spacing-ps40: 24px;
  --brand-paragraph-spacing-ps60: 32px;
  --brand-paragraph-spacing-ps80: 40px;
  --viewport-width: 320px; /** <321px */
  --layout-gutter: 16px;
  --layout-outside-gutter: 16px;
  --layout-max-width-narrow: 1024px;
  --layout-max-width-full: 100%;
  --button-radius-sm: 8px;
  --button-radius-md: 8px;
  --button-radius-focus-ring-sm: 10px;
  --button-radius-focus-ring-md: 10px;
  --button-focus-ring-offset: 2px;
  --button-focus-ring-position: -2px;
  --button-focus-ring-border-width: 4px;
  --focus-ring-border-width: 4px; /** outside stroke */
  --focus-ring-offset: 4px;
  --focus-ring-position: -4px;
  --accordion-border-width: 1px;
  --accordion-radius: 8px;
  --accordion-md-header-gap: 1rem;
  --accordion-md-header-padding-vertical: 0.75rem;
  --accordion-md-header-padding-horizontal: 1rem;
  --accordion-md-content-padding-vertical: 1rem;
  --accordion-md-content-padding-horizontal: 1rem;
  --accordion-sm-header-gap: 0.5rem;
  --accordion-sm-header-padding-vertical: 0.5rem;
  --accordion-sm-header-padding-horizontal: 0.5rem;
  --accordion-sm-content-padding-vertical: 0.75rem;
  --accordion-sm-content-padding-horizontal: 0.75rem;
  --accordion-desktop-group-header-gap: 1.5rem;
  --accordion-desktop-group-header-padding-vertical: 1rem;
  --accordion-desktop-group-header-padding-horizontal: 1rem;
  --accordion-mobile-group-header-gap: 0.75rem;
  --accordion-mobile-group-header-padding-vertical: 1rem;
  --accordion-mobile-group-header-padding-horizontal: 1rem;
  --avatar-opacity-fg-hover: 0.4;
  --avatar-size-sm: 1.5rem;
  --avatar-size-md: 2rem;
  --avatar-size-lg: 3rem;
  --avatar-border-width-default: 1px;
  --avatar-border-width-placeholder: 2px;
  --checkbox-sm-border-width: 1px;
  --checkbox-sm-radius: 4px;
  --checkbox-sm-height: 1rem;
  --checkbox-sm-width: 1rem;
  --checkbox-sm-gap-horizontal: 0.5rem;
  --checkbox-focus-ring-radius: calc 8px;
  --checkbox-focus-ring-border-width: 4px;
  --draggable-list-radius: 8px;
  --dropdown-radius: 8px;
  --field-radius-sm: 4px;
  --field-radius-md: 4px;
  --field-focus-ring-radius-sm: 4px;
  --field-focus-ring-radius-md: 4px;
  --field-focus-ring-offset: 0px;
  --field-focus-ring-position: 0px;
  --field-focus-ring-border-width: 4px;
  --field-min-height-sm: 32px;
  --field-min-height-md: 40px;
  --field-border-width: 1px;
  --field-spacing-sm-label-to-field: 0.25rem;
  --field-spacing-sm-field-to-hint: 0.25rem;
  --field-spacing-md-label-to-field: 0.25rem;
  --field-spacing-md-field-to-hint: 0.25rem;
  --pill-button-sm-border-width: 1px;
  --pill-button-sm-radius: 999px;
  --pill-button-sm-min-height: 1.25rem;
  --pill-button-sm-min-width: 48px;
  --pill-button-sm-padding-horizontal: 0.5rem;
  --pill-button-sm-padding-vertical: 1px;
  --pill-button-sm-gap: 0.25rem;
  --pill-button-md-border-width: 1px;
  --pill-button-md-radius: 999px;
  --pill-button-md-min-height: 1.5rem;
  --pill-button-md-min-width: 64px;
  --pill-button-md-padding-horizontal: 0.75rem;
  --pill-button-md-padding-vertical: 0.125rem;
  --pill-button-md-gap: 0.25rem;
  --pill-button-focus-ring-radius: 999px;
  --pill-button-focus-ring-offset: 2px;
  --pill-button-focus-ring-position: -2px;
  --pill-button-focus-ring-border-width: 4px;
  --table-spacing-header-cell-md: 2px;
  --table-cell-size-vertical-md: 3rem;
  --radio-sm-border-width: 1px;
  --radio-sm-radius: 999px;
  --radio-sm-height: 1rem;
  --radio-sm-width: 1rem;
  --radio-sm-gap-horizontal: 0.5rem;
  --radio-focus-ring-radius: 999px;
  --radio-focus-ring-border-width: 4px;
  --tab-border-width: 0;
  --tab-radius: 4px;
  --tab-min-height: 2.25rem;
  --tab-min-width: 48px;
  --tab-padding-horizontal: 0.5rem;
  --tab-padding-vertical: 0.125rem;
  --tab-gap: 0.25rem;
  --tab-focus-ring-radius: 999px;
  --tab-focus-ring-offset: 0;
  --tab-focus-ring-position: 0;
  --tab-focus-ring-border-width: 4px;
  --tab-group-gap-vertical: 0.5rem;
  --tab-group-gap-horizontal: 0.25rem;
  --icon-md-border-width: 1.5px;
  --icon-md-size: 1.5rem;
  --icon-sm-border-width: 1.5px;
  --icon-sm-size: 1.25rem;
  --icon-xs-border-width: 1.5px;
  --icon-xs-size: 1rem;
  --icon-xl-border-width: 2px;
  --icon-xl-size: 3rem;
  --key-value-pair-sm-gab-label-left-label-to-value: 0.5rem;
  --key-value-pair-sm-gab-label-top-label-to-value: 0;
  --key-value-pair-sm-gab-label-top-icon-to-data: 0.5rem;
  --key-value-pair-md-gab-label-left-label-to-value: 0.5rem;
  --key-value-pair-md-gab-label-top-label-to-value: 0;
  --key-value-pair-md-gab-label-top-icon-to-data: 0.5rem;
  --key-value-pair-lg-gab-label-left-label-to-value: 0.5rem;
  --key-value-pair-lg-gab-label-top-label-to-value: 0;
  --key-value-pair-lg-gab-label-top-icon-to-data: 0.5rem;
  --key-value-pair-color-label: #62636c;
  --key-value-pair-color-figure: #1e1f24;
  --key-value-pair-font-weight-figure: 500;
  --key-value-pair-font-weight-label: 400;
  --box-radius: 4px;
  --box-border-width: 1px;
  --box-padding-horizontal: 0.75rem;
  --box-padding-vertical: 0.75rem;
  --ag-accent-color: #96719B;
  --ag-active-color: #96719B;
  --ag-advanced-filter-builder-button-bar-border: 1px;
  --ag-advanced-filter-builder-column-pill-color: #93C5FD4D;
  --ag-advanced-filter-builder-indent-size: 32px;
  --ag-advanced-filter-builder-join-pill-color: #3B82F680;
  --ag-advanced-filter-builder-option-pill-color: #2563EB99;
  --ag-advanced-filter-builder-value-pill-color: #0009321f;
  --ag-advanced-filter-column-pill-color: #BFDBFE;
  --ag-advanced-filter-join-pill-color: #e0e1e6;
  --ag-advanced-filter-option-pill-color: #e0e1e6;
  --ag-advanced-filter-value-pill-color: #BFDBFE;
  --ag-alpine-active-color: #96719B;
  --ag-background-color: #ffffff;
  --ag-balham-active-color: #FFE638;
  --ag-border-color: #d8d9e0;
  --ag-border-radius: 4px; /** Border radius applied to many elements such as dialogs and form widgets. */
  --ag-borders: 1px;
  --ag-borders-critical: #F4DA7B;
  --ag-borders-input: 1px;
  --ag-borders-input-invalid: #B62521;
  --ag-borders-secondary: #d8d9e0;
  --ag-borders-side-button: none;
  --ag-browser-color-scheme: #F4DA7B;
  --ag-card-radius: 4px;
  --ag-cell-editing-border: 0px;
  --ag-cell-editing-shadow: 4px;
  --ag-cell-font-family: Inter;
  --ag-cell-horizontal-border: true;
  --ag-cell-horizontal-padding: 9px;
  --ag-cell-text-color: #1e1f24;
  --ag-cell-widget-spacing: 9px;
  --ag-chart-menu-label-color: #FFE638;
  --ag-checkbox-background-color: #FFFFFF00;
  --ag-checkbox-border-radius: 4px;
  --ag-checkbox-border-width: 1px;
  --ag-checkbox-checked-background-color: #501358;
  --ag-checkbox-checked-border-color: #501358;
  --ag-checkbox-checked-color: #501358;
  --ag-checkbox-checked-glow-color: #F4DA7B;
  --ag-checkbox-checked-shape-color: #f9f9fb;
  --ag-checkbox-glow-color: #F4DA7B;
  --ag-checkbox-indeterminate-background-color: #501358;
  --ag-checkbox-indeterminate-border-color: #501358;
  --ag-checkbox-indeterminate-color: #501358;
  --ag-checkbox-indeterminate-shape-color: #f9f9fb;
  --ag-checkbox-unchecked-background-color: #FFFFFF00;
  --ag-checkbox-unchecked-border-color: #62636c;
  --ag-checkbox-unchecked-color: #62636c;
  --ag-chip-background-color: #e7e8ec;
  --ag-chip-border-color: #d8d9e0;
  --ag-chrome-background-color: #ffffff; /** BG color of table header */
  --ag-column-border: false;
  --ag-column-drop-cell-background-color: #eff0f3;
  --ag-column-drop-cell-border: false;
  --ag-column-drop-cell-drag-handle-color: #62636c;
  --ag-column-drop-cell-text-color: #1e1f24;
  --ag-column-hover-color: #5013581F;
  --ag-column-select-indent-size: 0.75rem;
  --ag-control-panel-background-color: #ffffff;
  --ag-data-color: #1e1f24;
  --ag-data-font-size: 0,875 rem;
  --ag-dialog-border: #d8d9e0;
  --ag-disabled-foreground-color: #d8d9e0;
  --ag-drag-and-drop-image-background-color: #ffffff;
  --ag-drag-and-drop-image-border: #d8d9e0;
  --ag-drag-handle-color: #8b8d98;
  --ag-filter-tool-panel-group-indent: 32px;
  --ag-focus-shadow: #93C5FD;
  --ag-font-family: Inter;
  --ag-font-size: 0.875rem;
  --ag-foo-bar: #000000;
  --ag-footer-row-border: #d8d9e0;
  --ag-foreground-color: #1e1f24;
  --ag-grid-size: 6px;
  --ag-header-background-color: #ffffff;
  --ag-header-cell-hover-background-color: #ffffff;
  --ag-header-cell-moving-background-color: #ffffff;
  --ag-header-column-border: #d8d9e0;
  --ag-header-column-border-height: 100%;
  --ag-header-column-resize-handle-color: #d8d9e0;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-height: 100%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-separator-color: #d8d9e0;
  --ag-header-column-separator-display: false;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-font-family: Inter;
  --ag-header-font-size: 0.875rem;
  --ag-header-font-weight: regular;
  --ag-header-foreground-color: #62636c;
  --ag-header-height: 36px;
  --ag-header-text-color: #62636c;
  --ag-icon-button-hover-color: #1e1f24;
  --ag-icon-font-color: #62636c;
  --ag-icon-font-family: agGridQuartz;
  --ag-icon-font-weight: regular;
  --ag-icon-size: 16px;
  --ag-indentation-level: 0;
  --ag-input-background-color: #ffffff;
  --ag-input-border: 1px;
  --ag-input-border-color: #b9bbc6;
  --ag-input-border-color-invalid: #B62521;
  --ag-input-border-radius: 4px;
  --ag-input-disabled-background-color: #0009321f;
  --ag-input-disabled-border: #0009321f;
  --ag-input-disabled-border-color: #0009321f;
  --ag-input-disabled-text-color: #62636c;
  --ag-input-focus-background-color: #ffffff;
  --ag-input-focus-border: 4px;
  --ag-input-focus-border-color: #93C5FD;
  --ag-input-focus-shadow: 4px;
  --ag-input-focus-text-color: #1e1f24;
  --ag-input-height: 32px;
  --ag-input-icon-color: #62636c;
  --ag-input-invalid-background-color: #ffffff;
  --ag-input-invalid-border: #B62521;
  --ag-input-invalid-text-color: #1e1f24;
  --ag-input-padding-start: 0.75rem;
  --ag-input-text-color: #1e1f24;
  --ag-internal-calculated-line-height: 130%;
  --ag-internal-content-line-height: 100%;
  --ag-internal-hover-color: #F4DA7B;
  --ag-internal-measurement-border: #F4DA7B;
  --ag-internal-moving-color: #F4DA7B;
  --ag-internal-padded-row-height: #F4DA7B;
  --ag-internal-spectrum-alpha-color: #F4DA7B;
  --ag-internal-spectrum-alpha-color-from: #F4DA7B;
  --ag-internal-spectrum-alpha-color-to: #F4DA7B;
  --ag-invalid-color: #B62521;
  --ag-list-item-height: 2rem;
  --ag-material-accent-color: #501358;
  --ag-material-primary-color: #501358;
  --ag-menu-background-color: #f9f9fb;
  --ag-menu-min-width: 181px;
  --ag-menu-separator-color: #d8d9e0;
  --ag-menu-text-color: #1e1f24;
  --ag-modal-overlay-background-color: #ffffff;
  --ag-odd-row-background-color: #ffffff;
  --ag-panel-background-color: #eff0f3;
  --ag-panel-border-color: #d8d9e0;
  --ag-panel-title-bar-background-color: #ffffff;
  --ag-panel-title-bar-border: #d8d9e0;
  --ag-pinned-column-border: 1px;
  --ag-pinned-row-border: 1px;
  --ag-quartz-icon-active-color: #96719B;
  --ag-quartz-icon-hover-color: #1e1f24;
  --ag-range-selection-background-color: #000b3618;
  --ag-range-selection-background-color-2: #5013581F;
  --ag-range-selection-background-color-3: #5013581F;
  --ag-range-selection-background-color-4: #5013581F;
  --ag-range-selection-border-color: #93C5FD;
  --ag-range-selection-border-style: solid;
  --ag-range-selection-chart-background-color: #5013581F;
  --ag-range-selection-highlight-color: #5013581F;
  --ag-row-border: true;
  --ag-row-border-color: #d8d9e0;
  --ag-row-border-style: solid;
  --ag-row-border-width: 1px;
  --ag-row-group-indent-size: 24px;
  --ag-row-height: 48px;
  --ag-row-hover-color: #5013581F;
  --ag-row-loading-skeleton-effect-color: #0009321f;
  --ag-secondary-border-color: #d8d9e0;
  --ag-secondary-foreground-color: #62636c;
  --ag-select-cell-background-color: #5013581F;
  --ag-select-cell-border: 1px;
  --ag-selected-row-background-color: #000b3618;
  --ag-selected-tab-underline-color: #cdced7;
  --ag-selected-tab-underline-transition-speed: 0.3s;
  --ag-selected-tab-underline-width: 2px;
  --ag-set-filter-indent-size: 24px;
  --ag-side-bar-background-color: #ffffff;
  --ag-side-bar-panel-width: 350px; /** Sets the filter panel width. */
  --ag-side-button-background-color: #00005506;
  --ag-side-button-bar-background-color: #eff0f3;
  --ag-side-button-bar-top-padding: 0.75rem;
  --ag-side-button-hover-background-color: #00104010;
  --ag-side-button-hover-text-color: #501358;
  --ag-side-button-left-padding: 0.75rem;
  --ag-side-button-right-padding: 0.75rem;
  --ag-side-button-selected-background-color: #eff0f3;
  --ag-side-button-selected-border: 1px;
  --ag-side-button-selected-text-color: #501358;
  --ag-side-button-selected-underline-color: #501358;
  --ag-side-button-text-color: #501358;
  --ag-side-button-vertical-padding: 0.25rem;
  --ag-spacing: 0.75rem;
  --ag-spectrum-alpha-background-checked: #F4DA7B;
  --ag-subheader-background-color: #ffffff;
  --ag-subheader-toolbar-background-color: #ffffff;
  --ag-subtle-text-color: #62636c;
  --ag-tab-background-color: #ffffff;
  --ag-tab-bar-background-color: #ffffff;
  --ag-tab-bar-border: 1px;
  --ag-tab-bar-horizontal-padding: 0.75rem;
  --ag-tab-bar-top-padding: 0.75rem;
  --ag-tab-bottom-padding: 0.25rem;
  --ag-tab-horizontal-padding: 0.75rem;
  --ag-tab-hover-background-color: #5013581F;
  --ag-tab-hover-text-color: #1e1f24;
  --ag-tab-min-width: 240px;
  --ag-tab-selected-background-color: #501358;
  --ag-tab-selected-border-color: #d8d9e0;
  --ag-tab-selected-border-width: 1px;
  --ag-tab-selected-text-color: #1e1f24;
  --ag-tab-spacing: 0.25rem;
  --ag-tab-text-color: #1e1f24;
  --ag-tab-top-padding: 0.25rem;
  --ag-text-color: #1e1f24;
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-off-background-color: #FFE638;
  --ag-toggle-button-off-border-color: #FFE638;
  --ag-toggle-button-on-background-color: #FFE638;
  --ag-toggle-button-on-border-color: #FFE638;
  --ag-toggle-button-switch-background-color: #FFE638;
  --ag-toggle-button-switch-border-color: #F4DA7B;
  --ag-toggle-button-switch-inset: 0.75rem;
  --ag-toggle-button-width: 28px;
  --ag-tool-panel-separator-border: #d8d9e0;
  --ag-tooltip-background-color: #1e1f24;
  --ag-tooltip-border: #d8d9e0;
  --ag-tooltip-text-color: #f9f9fb;
  --ag-value-change-delta-down-color: #ffdbdc;
  --ag-value-change-delta-up-color: #CFECE2;
  --ag-value-change-value-highlight-background-color: #F4DA7B;
  --ag-widget-container-horizontal-padding: 0.75rem;
  --ag-widget-container-vertical-padding: 9px;
  --ag-widget-horizontal-spacing: 9px;
  --ag-widget-vertical-spacing: 6px;
  --ag-wrapper-border: #F4DA7B;
  --ag-wrapper-border-radius: 0;
  --ag-custom-row-backgound-grouplevel-1-color: #e7e8ec;
  --ag-custom-row-backgound-grouplevel-2-color: #eff0f3;
  --ag-custom-row-backgound-grouplevel-3-color: #f9f9fb;
  --fab-radius-md: 8px;
  --fab-radius-focus-ring-md: 10px;
  --fab-focus-ring-offset: 2px;
  --fab-focus-ring-position: -2px;
  --fab-focus-ring-border-width: 4px;
  --shadows-dark-none-blur: 0;
  --shadows-dark-none-spread: 0;
  --shadows-dark-none-color: #000000;
  --shadows-dark-none-type: dropShadow;
  --shadows-dark-none-offset-x: 0;
  --shadows-dark-none-offset-y: 0;
  --shadows-dark-md-blur: 0;
  --shadows-dark-md-spread: 0;
  --shadows-dark-md-color: #000000;
  --shadows-dark-md-type: dropShadow;
  --shadows-dark-md-offset-x: 0;
  --shadows-dark-md-offset-y: 0;
  --shadows-dark-xl-blur: 0;
  --shadows-dark-xl-spread: 0;
  --shadows-dark-xl-color: #000000;
  --shadows-dark-xl-type: dropShadow;
  --shadows-dark-xl-offset-x: 0;
  --shadows-dark-xl-offset-y: 0;
  --shadows-dark-3xl-blur: 20px;
  --shadows-dark-3xl-spread: 5px;
  --shadows-dark-3xl-color: rgba(0,0,0,0.65);
  --shadows-dark-3xl-type: dropShadow;
  --shadows-dark-3xl-offset-x: 0;
  --shadows-dark-3xl-offset-y: -0;
  --shadows-light-none-blur: 0;
  --shadows-light-none-spread: 0;
  --shadows-light-none-color: #000000;
  --shadows-light-none-type: dropShadow;
  --shadows-light-none-offset-x: 0;
  --shadows-light-none-offset-y: 0;
  --shadows-light-md-1-blur: 6px;
  --shadows-light-md-1-spread: -1px;
  --shadows-light-md-1-color: rgba(0,0,0,0.1);
  --shadows-light-md-1-type: dropShadow;
  --shadows-light-md-1-offset-x: 0;
  --shadows-light-md-1-offset-y: 4px;
  --shadows-light-md-2-blur: 4px;
  --shadows-light-md-2-spread: -2px;
  --shadows-light-md-2-color: rgba(0,0,0,0.04);
  --shadows-light-md-2-type: dropShadow;
  --shadows-light-md-2-offset-x: 0;
  --shadows-light-md-2-offset-y: 2px;
  --shadows-light-xl-1-blur: 25px;
  --shadows-light-xl-1-spread: -5px;
  --shadows-light-xl-1-color: rgba(0,0,0,0.1);
  --shadows-light-xl-1-type: dropShadow;
  --shadows-light-xl-1-offset-x: 0;
  --shadows-light-xl-1-offset-y: 20px;
  --shadows-light-xl-2-blur: 10px;
  --shadows-light-xl-2-spread: 0;
  --shadows-light-xl-2-color: rgba(0,0,0,0.04);
  --shadows-light-xl-2-type: dropShadow;
  --shadows-light-xl-2-offset-x: 0;
  --shadows-light-xl-2-offset-y: 10px;
  --shadows-light-3xl-blur: 20px;
  --shadows-light-3xl-spread: 0;
  --shadows-light-3xl-color: rgba(0,0,0,0.65);
  --shadows-light-3xl-type: dropShadow;
  --shadows-light-3xl-offset-x: 0;
  --shadows-light-3xl-offset-y: -0;
  --mode-shadows-none-blur: 0;
  --mode-shadows-none-spread: 0;
  --mode-shadows-none-color: #000000;
  --mode-shadows-none-type: dropShadow;
  --mode-shadows-none-offset-x: 0;
  --mode-shadows-none-offset-y: 0;
  --mode-shadows-md-1-blur: 6px;
  --mode-shadows-md-1-spread: -1px;
  --mode-shadows-md-1-color: rgba(0,0,0,0.1);
  --mode-shadows-md-1-type: dropShadow;
  --mode-shadows-md-1-offset-x: 0;
  --mode-shadows-md-1-offset-y: 4px;
  --mode-shadows-md-2-blur: 4px;
  --mode-shadows-md-2-spread: -2px;
  --mode-shadows-md-2-color: rgba(0,0,0,0.04);
  --mode-shadows-md-2-type: dropShadow;
  --mode-shadows-md-2-offset-x: 0;
  --mode-shadows-md-2-offset-y: 2px;
  --mode-shadows-xl-1-blur: 25px;
  --mode-shadows-xl-1-spread: -5px;
  --mode-shadows-xl-1-color: rgba(0,0,0,0.1);
  --mode-shadows-xl-1-type: dropShadow;
  --mode-shadows-xl-1-offset-x: 0;
  --mode-shadows-xl-1-offset-y: 20px;
  --mode-shadows-xl-2-blur: 10px;
  --mode-shadows-xl-2-spread: 0;
  --mode-shadows-xl-2-color: rgba(0,0,0,0.04);
  --mode-shadows-xl-2-type: dropShadow;
  --mode-shadows-xl-2-offset-x: 0;
  --mode-shadows-xl-2-offset-y: 10px;
  --mode-shadows-3xl-blur: 20px;
  --mode-shadows-3xl-spread: 0;
  --mode-shadows-3xl-color: rgba(0,0,0,0.65);
  --mode-shadows-3xl-type: dropShadow;
  --mode-shadows-3xl-offset-x: 0;
  --mode-shadows-3xl-offset-y: -0;
  --brand-border-width-border-none-blur: 0;
  --brand-border-width-border-none-spread: 0;
  --brand-border-width-border-none-color: #000000;
  --brand-border-width-border-none-type: dropShadow;
  --brand-border-width-border-none-offset-x: 0;
  --brand-border-width-border-none-offset-y: 0;
  --brand-font-style-display-breakpoints-xs-to-m-xs-font-family: Rubik;
  --brand-font-style-display-breakpoints-xs-to-m-xs-font-weight: 500;
  --brand-font-style-display-breakpoints-xs-to-m-xs-font-size: 1.125rem;
  --brand-font-style-display-breakpoints-xs-to-m-xs-line-height: 22px;
  --brand-font-style-display-breakpoints-xs-to-m-xs-paragraph-spacing: 16px;
  --brand-font-style-display-breakpoints-xs-to-m-sm-font-family: Rubik;
  --brand-font-style-display-breakpoints-xs-to-m-sm-font-weight: 500;
  --brand-font-style-display-breakpoints-xs-to-m-sm-font-size: 1.25rem;
  --brand-font-style-display-breakpoints-xs-to-m-sm-line-height: 24px;
  --brand-font-style-display-breakpoints-xs-to-m-sm-paragraph-spacing: 24px;
  --brand-font-style-display-breakpoints-xs-to-m-md-font-family: Rubik;
  --brand-font-style-display-breakpoints-xs-to-m-md-font-weight: 500;
  --brand-font-style-display-breakpoints-xs-to-m-md-font-size: 1.75rem;
  --brand-font-style-display-breakpoints-xs-to-m-md-line-height: 38px;
  --brand-font-style-display-breakpoints-xs-to-m-md-paragraph-spacing: 2rem;
  --brand-font-style-display-breakpoint-l-xs-font-family: Rubik;
  --brand-font-style-display-breakpoint-l-xs-font-weight: 500;
  --brand-font-style-display-breakpoint-l-xs-font-size: 1.125rem;
  --brand-font-style-display-breakpoint-l-xs-line-height: 24px;
  --brand-font-style-display-breakpoint-l-xs-paragraph-spacing: 24px;
  --brand-font-style-display-breakpoint-l-sm-font-family: Rubik;
  --brand-font-style-display-breakpoint-l-sm-font-weight: 500;
  --brand-font-style-display-breakpoint-l-sm-font-size: 1.5rem;
  --brand-font-style-display-breakpoint-l-sm-line-height: 30px;
  --brand-font-style-display-breakpoint-l-sm-paragraph-spacing: 32px;
  --brand-font-style-display-breakpoint-l-md-font-family: Rubik;
  --brand-font-style-display-breakpoint-l-md-font-weight: 500;
  --brand-font-style-display-breakpoint-l-md-font-size: 3rem;
  --brand-font-style-display-breakpoint-l-md-line-height: 56px;
  --brand-font-style-display-breakpoint-l-md-paragraph-spacing: 40px;
  --brand-font-style-text-xs-default-font-family: Inter;
  --brand-font-style-text-xs-default-font-weight: 400;
  --brand-font-style-text-xs-default-font-size: 0.75rem;
  --brand-font-style-text-xs-default-line-height: 18px;
  --brand-font-style-text-xs-default-paragraph-spacing: 8px;
  --brand-font-style-text-xs-accent-font-family: Inter;
  --brand-font-style-text-xs-accent-font-weight: 400;
  --brand-font-style-text-xs-accent-font-size: 0.75rem;
  --brand-font-style-text-xs-accent-line-height: 18px;
  --brand-font-style-text-xs-accent-paragraph-spacing: 8px;
  --brand-font-style-text-xs-accent-font-style: italic;
  --brand-font-style-text-xs-stronger-font-family: Inter;
  --brand-font-style-text-xs-stronger-font-weight: 500;
  --brand-font-style-text-xs-stronger-font-size: 0.75rem;
  --brand-font-style-text-xs-stronger-line-height: 18px;
  --brand-font-style-text-xs-stronger-paragraph-spacing: 8px;
  --brand-font-style-text-xs-uppercase-stronger-font-family: Inter;
  --brand-font-style-text-xs-uppercase-stronger-font-weight: 500;
  --brand-font-style-text-xs-uppercase-stronger-font-size: 0.75rem;
  --brand-font-style-text-xs-uppercase-stronger-line-height: 18px;
  --brand-font-style-text-xs-uppercase-stronger-paragraph-spacing: 8px;
  --brand-font-style-text-xs-uppercase-stronger-text-case: Uppercase;
  --brand-font-style-text-xxs-default-font-family: Inter;
  --brand-font-style-text-xxs-default-font-weight: 400;
  --brand-font-style-text-xxs-default-font-size: 0.625rem;
  --brand-font-style-text-xxs-default-line-height: 14px;
  --brand-font-style-text-xxs-default-paragraph-spacing: 8px;
  --brand-font-style-text-sm-default-font-family: Inter;
  --brand-font-style-text-sm-default-font-weight: 400;
  --brand-font-style-text-sm-default-font-size: 0.875rem;
  --brand-font-style-text-sm-default-line-height: 22px;
  --brand-font-style-text-sm-default-paragraph-spacing: 8px;
  --brand-font-style-text-sm-accent-font-family: Inter;
  --brand-font-style-text-sm-accent-font-weight: 400;
  --brand-font-style-text-sm-accent-font-size: 0.875rem;
  --brand-font-style-text-sm-accent-line-height: 22px;
  --brand-font-style-text-sm-accent-paragraph-spacing: 8px;
  --brand-font-style-text-sm-accent-font-style: italic;
  --brand-font-style-text-sm-stronger-font-family: Inter;
  --brand-font-style-text-sm-stronger-font-weight: 500;
  --brand-font-style-text-sm-stronger-font-size: 0.875rem;
  --brand-font-style-text-sm-stronger-line-height: 22px;
  --brand-font-style-text-sm-stronger-paragraph-spacing: 8px;
  --brand-font-style-text-md-default-font-family: Inter;
  --brand-font-style-text-md-default-font-weight: 400;
  --brand-font-style-text-md-default-font-size: 1rem;
  --brand-font-style-text-md-default-line-height: 24px;
  --brand-font-style-text-md-default-paragraph-spacing: 12px;
  --brand-font-style-text-md-accent-font-family: Inter;
  --brand-font-style-text-md-accent-font-weight: 400;
  --brand-font-style-text-md-accent-font-size: 1rem;
  --brand-font-style-text-md-accent-line-height: 24px;
  --brand-font-style-text-md-accent-paragraph-spacing: 12px;
  --brand-font-style-text-md-accent-font-style: italic;
  --brand-font-style-text-md-stronger-font-family: Inter;
  --brand-font-style-text-md-stronger-font-weight: 500;
  --brand-font-style-text-md-stronger-font-size: 1rem;
  --brand-font-style-text-md-stronger-line-height: 24px;
  --brand-font-style-text-md-stronger-paragraph-spacing: 12px;
  --brand-font-style-text-lg-stronger-font-family: Inter;
  --brand-font-style-text-lg-stronger-font-weight: 700;
  --brand-font-style-text-lg-stronger-font-size: 1.125rem;
  --brand-font-style-text-lg-stronger-line-height: 24px;
  --brand-font-style-text-lg-stronger-paragraph-spacing: 16px;
  --brand-font-style-text-xl-stronger-font-family: Inter;
  --brand-font-style-text-xl-stronger-font-weight: 700;
  --brand-font-style-text-xl-stronger-font-size: 1.5rem;
  --brand-font-style-text-xl-stronger-line-height: 30px;
  --brand-font-style-text-xl-stronger-paragraph-spacing: 16px;
  --theme-shadows-none-blur: 0;
  --theme-shadows-none-spread: 0;
  --theme-shadows-none-color: #000000;
  --theme-shadows-none-type: dropShadow;
  --theme-shadows-none-offset-x: 0;
  --theme-shadows-none-offset-y: 0;
  --theme-shadows-md-1-blur: 6px;
  --theme-shadows-md-1-spread: -1px;
  --theme-shadows-md-1-color: rgba(0,0,0,0.1);
  --theme-shadows-md-1-type: dropShadow;
  --theme-shadows-md-1-offset-x: 0;
  --theme-shadows-md-1-offset-y: 4px;
  --theme-shadows-md-2-blur: 4px;
  --theme-shadows-md-2-spread: -2px;
  --theme-shadows-md-2-color: rgba(0,0,0,0.04);
  --theme-shadows-md-2-type: dropShadow;
  --theme-shadows-md-2-offset-x: 0;
  --theme-shadows-md-2-offset-y: 2px;
  --theme-shadows-xl-1-blur: 25px;
  --theme-shadows-xl-1-spread: -5px;
  --theme-shadows-xl-1-color: rgba(0,0,0,0.1);
  --theme-shadows-xl-1-type: dropShadow;
  --theme-shadows-xl-1-offset-x: 0;
  --theme-shadows-xl-1-offset-y: 20px;
  --theme-shadows-xl-2-blur: 10px;
  --theme-shadows-xl-2-spread: 0;
  --theme-shadows-xl-2-color: rgba(0,0,0,0.04);
  --theme-shadows-xl-2-type: dropShadow;
  --theme-shadows-xl-2-offset-x: 0;
  --theme-shadows-xl-2-offset-y: 10px;
  --theme-shadows-3xl-blur: 20px;
  --theme-shadows-3xl-spread: 0;
  --theme-shadows-3xl-color: rgba(0,0,0,0.65);
  --theme-shadows-3xl-type: dropShadow;
  --theme-shadows-3xl-offset-x: 0;
  --theme-shadows-3xl-offset-y: -0;
  --font-style-display-xs-font-family: Rubik;
  --font-style-display-xs-font-weight: 500;
  --font-style-display-xs-font-size: 1.125rem;
  --font-style-display-xs-line-height: 22px;
  --font-style-display-xs-paragraph-spacing: 16px;
  --font-style-display-sm-font-family: Rubik;
  --font-style-display-sm-font-weight: 500;
  --font-style-display-sm-font-size: 1.25rem;
  --font-style-display-sm-line-height: 24px;
  --font-style-display-sm-paragraph-spacing: 24px;
  --font-style-display-md-font-family: Rubik;
  --font-style-display-md-font-weight: 500;
  --font-style-display-md-font-size: 1.75rem;
  --font-style-display-md-line-height: 38px;
  --font-style-display-md-paragraph-spacing: 2rem;
  --font-style-text-xs-default-font-family: Inter;
  --font-style-text-xs-default-font-weight: 400;
  --font-style-text-xs-default-font-size: 0.75rem;
  --font-style-text-xs-default-line-height: 18px;
  --font-style-text-xs-default-paragraph-spacing: 8px;
  --font-style-text-xs-accent-font-family: Inter;
  --font-style-text-xs-accent-font-weight: 400;
  --font-style-text-xs-accent-font-size: 0.75rem;
  --font-style-text-xs-accent-line-height: 18px;
  --font-style-text-xs-accent-paragraph-spacing: 8px;
  --font-style-text-xs-accent-font-style: italic;
  --font-style-text-xs-stronger-font-family: Inter;
  --font-style-text-xs-stronger-font-weight: 500;
  --font-style-text-xs-stronger-font-size: 0.75rem;
  --font-style-text-xs-stronger-line-height: 18px;
  --font-style-text-xs-stronger-paragraph-spacing: 8px;
  --font-style-text-xs-uppercase-stronger-font-family: Inter;
  --font-style-text-xs-uppercase-stronger-font-weight: 500;
  --font-style-text-xs-uppercase-stronger-font-size: 0.75rem;
  --font-style-text-xs-uppercase-stronger-line-height: 18px;
  --font-style-text-xs-uppercase-stronger-paragraph-spacing: 8px;
  --font-style-text-xs-uppercase-stronger-text-case: Uppercase;
  --font-style-text-xxs-default-font-family: Inter;
  --font-style-text-xxs-default-font-weight: 400;
  --font-style-text-xxs-default-font-size: 0.625rem;
  --font-style-text-xxs-default-line-height: 14px;
  --font-style-text-xxs-default-paragraph-spacing: 8px;
  --font-style-text-sm-default-font-family: Inter;
  --font-style-text-sm-default-font-weight: 400;
  --font-style-text-sm-default-font-size: 0.875rem;
  --font-style-text-sm-default-line-height: 22px;
  --font-style-text-sm-default-paragraph-spacing: 8px;
  --font-style-text-sm-accent-font-family: Inter;
  --font-style-text-sm-accent-font-weight: 400;
  --font-style-text-sm-accent-font-size: 0.875rem;
  --font-style-text-sm-accent-line-height: 22px;
  --font-style-text-sm-accent-paragraph-spacing: 8px;
  --font-style-text-sm-accent-font-style: italic;
  --font-style-text-sm-stronger-font-family: Inter;
  --font-style-text-sm-stronger-font-weight: 500;
  --font-style-text-sm-stronger-font-size: 0.75rem;
  --font-style-text-sm-stronger-line-height: 18px;
  --font-style-text-sm-stronger-paragraph-spacing: 8px;
  --font-style-text-md-default-font-family: Inter;
  --font-style-text-md-default-font-weight: 400;
  --font-style-text-md-default-font-size: 1rem;
  --font-style-text-md-default-line-height: 24px;
  --font-style-text-md-default-paragraph-spacing: 12px;
  --font-style-text-md-accent-font-family: Inter;
  --font-style-text-md-accent-font-weight: 400;
  --font-style-text-md-accent-font-size: 1rem;
  --font-style-text-md-accent-line-height: 24px;
  --font-style-text-md-accent-paragraph-spacing: 12px;
  --font-style-text-md-accent-font-style: italic;
  --font-style-text-md-stronger-font-family: Inter;
  --font-style-text-md-stronger-font-weight: 500;
  --font-style-text-md-stronger-font-size: 1rem;
  --font-style-text-md-stronger-line-height: 24px;
  --font-style-text-md-stronger-paragraph-spacing: 12px;
  --font-style-text-lg-stronger-font-family: Inter;
  --font-style-text-lg-stronger-font-weight: 700;
  --font-style-text-lg-stronger-font-size: 1.125rem;
  --font-style-text-lg-stronger-line-height: 24px;
  --font-style-text-lg-stronger-paragraph-spacing: 16px;
  --font-style-text-xl-stronger-font-family: Inter;
  --font-style-text-xl-stronger-font-weight: 700;
  --font-style-text-xl-stronger-font-size: 1.5rem;
  --font-style-text-xl-stronger-line-height: 30px;
  --font-style-text-xl-stronger-paragraph-spacing: 16px;
  --button-size-md-min-height: 2.5rem;
  --button-size-md-border-radius: 8px;
  --button-size-md-horizontal-padding: 0.75rem;
  --button-size-md-item-spacing: 0.5rem;
  --button-size-md-vertical-padding: 0.5rem;
  --button-size-sm-min-height: 2rem;
  --button-size-sm-border-radius: 8px;
  --button-size-sm-horizontal-padding: 0.5rem;
  --button-size-sm-item-spacing: 0.5rem;
  --button-size-sm-vertical-padding: 0.25rem;
  --button-type-md-font-family: Inter;
  --button-type-md-font-weight: 500;
  --button-type-md-font-size: 1rem;
  --button-type-md-line-height: 24px;
  --button-type-sm-font-family: Inter;
  --button-type-sm-font-size: 0.875rem;
  --button-type-sm-line-height: 24px;
  --button-type-sm-font-weight: 500;
  --icon-button-size-md-height: 2.5rem;
  --icon-button-size-md-width: 2.5rem;
  --icon-button-size-md-border-radius: 8px;
  --icon-button-size-md-horizontal-padding: 0.75rem;
  --icon-button-size-md-item-spacing: 0.5rem;
  --icon-button-size-md-vertical-padding: 0.5rem;
  --icon-button-size-sm-height: 2rem;
  --icon-button-size-sm-width: 2rem;
  --icon-button-size-sm-border-radius: 8px;
  --icon-button-size-sm-horizontal-padding: 0.5rem;
  --icon-button-size-sm-item-spacing: 0.5rem;
  --icon-button-size-sm-vertical-padding: 0.25rem;
  --accordion-typography-md-title-font-family: Inter;
  --accordion-typography-md-title-font-weight: 500;
  --accordion-typography-md-title-font-size: 1rem;
  --accordion-typography-md-title-line-height: 24px;
  --accordion-typography-md-title-paragraph-spacing: 12px;
  --accordion-typography-md-subline-font-family: Inter;
  --accordion-typography-md-subline-font-weight: 400;
  --accordion-typography-md-subline-font-size: 1rem;
  --accordion-typography-md-subline-line-height: 24px;
  --accordion-typography-md-subline-paragraph-spacing: 12px;
  --accordion-typography-md-hint-font-family: Inter;
  --accordion-typography-md-hint-font-weight: 400;
  --accordion-typography-md-hint-font-size: 0.875rem;
  --accordion-typography-md-hint-line-height: 22px;
  --accordion-typography-md-hint-paragraph-spacing: 8px;
  --accordion-typography-sm-title-font-family: Inter;
  --accordion-typography-sm-title-font-weight: 400;
  --accordion-typography-sm-title-font-size: 0.875rem;
  --accordion-typography-sm-title-line-height: 22px;
  --accordion-typography-sm-title-paragraph-spacing: 8px;
  --accordion-typography-sm-subline-font-family: Inter;
  --accordion-typography-sm-subline-font-weight: 400;
  --accordion-typography-sm-subline-font-size: 0.875rem;
  --accordion-typography-sm-subline-line-height: 22px;
  --accordion-typography-sm-subline-paragraph-spacing: 8px;
  --accordion-typography-sm-hint-font-family: Inter;
  --accordion-typography-sm-hint-font-weight: 400;
  --accordion-typography-sm-hint-font-size: 0.875rem;
  --accordion-typography-sm-hint-line-height: 22px;
  --accordion-typography-sm-hint-paragraph-spacing: 8px;
  --draggable-list-shadow-1-blur: 6px;
  --draggable-list-shadow-1-spread: -1px;
  --draggable-list-shadow-1-color: rgba(0,0,0,0.1);
  --draggable-list-shadow-1-type: dropShadow;
  --draggable-list-shadow-1-offset-x: 0;
  --draggable-list-shadow-1-offset-y: 4px;
  --draggable-list-shadow-2-blur: 4px;
  --draggable-list-shadow-2-spread: -2px;
  --draggable-list-shadow-2-color: rgba(0,0,0,0.04);
  --draggable-list-shadow-2-type: dropShadow;
  --draggable-list-shadow-2-offset-x: 0;
  --draggable-list-shadow-2-offset-y: 2px;
  --draggable-list-single-space-single-horizontal-padding: 8px;
  --draggable-list-single-space-single-vertical-padding: 4px;
  --draggable-list-single-space-single-item-spacing: 4px;
  --draggable-list-group-space-header-padding-left: 8px;
  --draggable-list-group-space-header-padding-right: 24px;
  --draggable-list-group-space-header-vertical-padding: 4px;
  --draggable-list-group-space-header-item-spacing: 4px;
  --draggable-list-group-space-content-horizontal-padding: 16px;
  --draggable-list-group-space-content-padding-top: 16px;
  --draggable-list-group-space-content-padding-bottom: 24px;
  --dropdown-space-list-item-sm-horizontal-padding: 8px;
  --dropdown-space-list-item-sm-vertical-padding: 8px;
  --dropdown-space-list-item-sm-spacing: 8px;
  --dropdown-space-list-item-sm-min-height: 48px;
  --dropdown-space-list-item-md-horizontal-padding: 12px;
  --dropdown-space-list-item-md-vertical-padding: 8px;
  --dropdown-space-list-item-md-spacing: 8px;
  --dropdown-space-list-item-md-min-height: 48px;
  --dropdown-shadow-1-blur: 6px;
  --dropdown-shadow-1-spread: -1px;
  --dropdown-shadow-1-color: rgba(0,0,0,0.1);
  --dropdown-shadow-1-type: dropShadow;
  --dropdown-shadow-1-offset-x: 0;
  --dropdown-shadow-1-offset-y: 4px;
  --dropdown-shadow-2-blur: 4px;
  --dropdown-shadow-2-spread: -2px;
  --dropdown-shadow-2-color: rgba(0,0,0,0.04);
  --dropdown-shadow-2-type: dropShadow;
  --dropdown-shadow-2-offset-x: 0;
  --dropdown-shadow-2-offset-y: 2px;
  --form-typography-label-sm-font-family: Inter;
  --form-typography-label-sm-font-weight: 400;
  --form-typography-label-sm-font-size: 0.875rem;
  --form-typography-label-sm-line-height: 22px;
  --form-typography-label-sm-paragraph-spacing: 8px;
  --form-typography-label-md-font-family: Inter;
  --form-typography-label-md-font-weight: 400;
  --form-typography-label-md-font-size: 1rem;
  --form-typography-label-md-line-height: 24px;
  --form-typography-label-md-paragraph-spacing: 12px;
  --form-typography-hint-font-family: Inter;
  --form-typography-hint-font-weight: 400;
  --form-typography-hint-font-size: 0.875rem;
  --form-typography-hint-line-height: 22px;
  --form-typography-hint-paragraph-spacing: 8px;
  --form-typography-error-message-font-family: Inter;
  --form-typography-error-message-font-weight: 400;
  --form-typography-error-message-font-size: 0.875rem;
  --form-typography-error-message-line-height: 22px;
  --form-typography-error-message-paragraph-spacing: 8px;
  --form-typography-input-text-font-family: Inter;
  --form-typography-input-text-font-weight: 400;
  --form-typography-input-text-font-size: 0.875rem;
  --form-typography-input-text-line-height: 22px;
  --form-typography-input-text-paragraph-spacing: 8px;
  --form-typography-placeholder-font-family: Inter;
  --form-typography-placeholder-font-weight: 400;
  --form-typography-placeholder-font-size: 0.875rem;
  --form-typography-placeholder-line-height: 22px;
  --form-typography-placeholder-paragraph-spacing: 8px;
  --pill-button-type-sm-default-font-family: Inter;
  --pill-button-type-sm-default-font-weight: 400;
  --pill-button-type-sm-default-font-size: 0.75rem;
  --pill-button-type-sm-default-line-height: 18px;
  --pill-button-type-sm-default-paragraph-spacing: 8px;
  --pill-button-type-md-default-font-family: Inter;
  --pill-button-type-md-default-font-weight: 400;
  --pill-button-type-md-default-font-size: 0.875rem;
  --pill-button-type-md-default-line-height: 22px;
  --pill-button-type-md-default-paragraph-spacing: 8px;
  --table-size-header-cell-md-min-height: 0.625rem;
  --table-size-header-cell-md-vertical-padding: 0.75rem;
  --table-size-header-cell-md-horizontal-padding: 0.5rem;
  --table-size-header-cell-md-item-spacing: 0.5rem;
  --table-size-cell-group-title-md-min-height: 0.75rem;
  --table-size-cell-group-title-md-vertical-padding: 0.25rem;
  --table-size-cell-group-title-md-horizontal-padding: 0;
  --table-size-cell-group-title-md-item-spacing: 0.75rem;
  --table-size-cell-md-min-height: 0.75rem;
  --table-size-cell-md-vertical-padding: 0.25rem;
  --table-size-cell-md-horizontal-padding: 0.75rem;
  --table-size-cell-md-item-spacing: 0.75rem;
  --tab-type-default-font-family: Inter;
  --tab-type-default-font-weight: 400;
  --tab-type-default-font-size: 0.75rem;
  --tab-type-default-line-height: 18px;
  --tab-type-default-paragraph-spacing: 8px;
  --ag-card-shadow-1-blur: 6px;
  --ag-card-shadow-1-spread: -1px;
  --ag-card-shadow-1-color: rgba(0,0,0,0.1);
  --ag-card-shadow-1-type: dropShadow;
  --ag-card-shadow-1-offset-x: 0;
  --ag-card-shadow-1-offset-y: 4px;
  --ag-card-shadow-2-blur: 4px;
  --ag-card-shadow-2-spread: -2px;
  --ag-card-shadow-2-color: rgba(0,0,0,0.04);
  --ag-card-shadow-2-type: dropShadow;
  --ag-card-shadow-2-offset-x: 0;
  --ag-card-shadow-2-offset-y: 2px;
  --ag-dialog-shadow-1-blur: 25px;
  --ag-dialog-shadow-1-spread: -5px;
  --ag-dialog-shadow-1-color: rgba(0,0,0,0.1);
  --ag-dialog-shadow-1-type: dropShadow;
  --ag-dialog-shadow-1-offset-x: 0;
  --ag-dialog-shadow-1-offset-y: 20px;
  --ag-dialog-shadow-2-blur: 10px;
  --ag-dialog-shadow-2-spread: 0;
  --ag-dialog-shadow-2-color: rgba(0,0,0,0.04);
  --ag-dialog-shadow-2-type: dropShadow;
  --ag-dialog-shadow-2-offset-x: 0;
  --ag-dialog-shadow-2-offset-y: 10px;
  --ag-drag-and-drop-image-shadow-1-blur: 6px;
  --ag-drag-and-drop-image-shadow-1-spread: -1px;
  --ag-drag-and-drop-image-shadow-1-color: rgba(0,0,0,0.1);
  --ag-drag-and-drop-image-shadow-1-type: dropShadow;
  --ag-drag-and-drop-image-shadow-1-offset-x: 0;
  --ag-drag-and-drop-image-shadow-1-offset-y: 4px;
  --ag-drag-and-drop-image-shadow-2-blur: 4px;
  --ag-drag-and-drop-image-shadow-2-spread: -2px;
  --ag-drag-and-drop-image-shadow-2-color: rgba(0,0,0,0.04);
  --ag-drag-and-drop-image-shadow-2-type: dropShadow;
  --ag-drag-and-drop-image-shadow-2-offset-x: 0;
  --ag-drag-and-drop-image-shadow-2-offset-y: 2px;
  --ag-dropdown-shadow-1-blur: 6px;
  --ag-dropdown-shadow-1-spread: -1px;
  --ag-dropdown-shadow-1-color: rgba(0,0,0,0.1);
  --ag-dropdown-shadow-1-type: dropShadow;
  --ag-dropdown-shadow-1-offset-x: 0;
  --ag-dropdown-shadow-1-offset-y: 4px;
  --ag-dropdown-shadow-2-blur: 4px;
  --ag-dropdown-shadow-2-spread: -2px;
  --ag-dropdown-shadow-2-color: rgba(0,0,0,0.04);
  --ag-dropdown-shadow-2-type: dropShadow;
  --ag-dropdown-shadow-2-offset-x: 0;
  --ag-dropdown-shadow-2-offset-y: 2px;
  --ag-header-row-border-style: solid;
  --ag-header-row-border-width: 1px;
  --ag-header-row-border-color: #d8d9e0;
  --ag-input-focus-box-shadow-1-blur: 6px;
  --ag-input-focus-box-shadow-1-spread: -1px;
  --ag-input-focus-box-shadow-1-color: rgba(0,0,0,0.1);
  --ag-input-focus-box-shadow-1-type: dropShadow;
  --ag-input-focus-box-shadow-1-offset-x: 0;
  --ag-input-focus-box-shadow-1-offset-y: 4px;
  --ag-input-focus-box-shadow-2-blur: 4px;
  --ag-input-focus-box-shadow-2-spread: -2px;
  --ag-input-focus-box-shadow-2-color: rgba(0,0,0,0.04);
  --ag-input-focus-box-shadow-2-type: dropShadow;
  --ag-input-focus-box-shadow-2-offset-x: 0;
  --ag-input-focus-box-shadow-2-offset-y: 2px;
  --ag-menu-border-width: 1px;
  --ag-menu-border-style: solid;
  --ag-menu-border-color: #d8d9e0;
  --ag-menu-shadow-1-blur: 6px;
  --ag-menu-shadow-1-spread: -1px;
  --ag-menu-shadow-1-color: rgba(0,0,0,0.1);
  --ag-menu-shadow-1-type: dropShadow;
  --ag-menu-shadow-1-offset-x: 0;
  --ag-menu-shadow-1-offset-y: 4px;
  --ag-menu-shadow-2-blur: 4px;
  --ag-menu-shadow-2-spread: -2px;
  --ag-menu-shadow-2-color: rgba(0,0,0,0.04);
  --ag-menu-shadow-2-type: dropShadow;
  --ag-menu-shadow-2-offset-x: 0;
  --ag-menu-shadow-2-offset-y: 2px;
  --ag-popup-shadow-1-blur: 6px;
  --ag-popup-shadow-1-spread: -1px;
  --ag-popup-shadow-1-color: rgba(0,0,0,0.1);
  --ag-popup-shadow-1-type: dropShadow;
  --ag-popup-shadow-1-offset-x: 0;
  --ag-popup-shadow-1-offset-y: 4px;
  --ag-popup-shadow-2-blur: 4px;
  --ag-popup-shadow-2-spread: -2px;
  --ag-popup-shadow-2-color: rgba(0,0,0,0.04);
  --ag-popup-shadow-2-type: dropShadow;
  --ag-popup-shadow-2-offset-x: 0;
  --ag-popup-shadow-2-offset-y: 2px;
  --ag-side-panel-border-width: 1px;
  --ag-side-panel-border-color: #d8d9e0;
  --ag-side-panel-border-style: solid;
  --ag-custom-pinned-cols-shadow-1-blur: 6px;
  --ag-custom-pinned-cols-shadow-1-spread: -1px;
  --ag-custom-pinned-cols-shadow-1-color: rgba(0,0,0,0.1);
  --ag-custom-pinned-cols-shadow-1-type: dropShadow;
  --ag-custom-pinned-cols-shadow-1-offset-x: 0;
  --ag-custom-pinned-cols-shadow-1-offset-y: 4px;
  --ag-custom-pinned-cols-shadow-2-blur: 4px;
  --ag-custom-pinned-cols-shadow-2-spread: -2px;
  --ag-custom-pinned-cols-shadow-2-color: rgba(0,0,0,0.04);
  --ag-custom-pinned-cols-shadow-2-type: dropShadow;
  --ag-custom-pinned-cols-shadow-2-offset-x: 0;
  --ag-custom-pinned-cols-shadow-2-offset-y: 2px;
  --fab-size-md-min-height: 2.5rem;
  --fab-size-md-border-radius: 8px;
  --fab-size-md-horizontal-padding: 0.75rem;
  --fab-size-md-item-spacing: 0.5rem;
  --fab-size-md-vertical-padding: 0.5rem;
  --fab-shadow-1-blur: 6px;
  --fab-shadow-1-spread: -1px;
  --fab-shadow-1-color: rgba(0,0,0,0.1);
  --fab-shadow-1-type: dropShadow;
  --fab-shadow-1-offset-x: 0;
  --fab-shadow-1-offset-y: 4px;
  --fab-shadow-2-blur: 4px;
  --fab-shadow-2-spread: -2px;
  --fab-shadow-2-color: rgba(0,0,0,0.04);
  --fab-shadow-2-type: dropShadow;
  --fab-shadow-2-offset-x: 0;
  --fab-shadow-2-offset-y: 2px;
}


/**
 * Do not edit directly, this file was auto-generated.
 */


:root.supplyx.dark,
:root.supplyx .dark,
:root.supplyx.dark .light .revert-colors
 {
 /**
  * @tokens Colors
  * @presenter Color
  */

  --colors-gray-light-25: #fcfcfd;
  --colors-gray-light-50: #f9f9fb;
  --colors-gray-light-100: #eff0f3;
  --colors-gray-light-200: #e7e8ec;
  --colors-gray-light-300: #e0e1e6;
  --colors-gray-light-400: #d8d9e0;
  --colors-gray-light-500: #cdced7;
  --colors-gray-light-600: #b9bbc6;
  --colors-gray-light-700: #8b8d98;
  --colors-gray-light-800: #80828d;
  --colors-gray-light-900: #62636c;
  --colors-gray-light-950: #1e1f24;
  --colors-gray-light-alpha-25: #00005503;
  --colors-gray-light-alpha-50: #00005506;
  --colors-gray-light-alpha-100: #00104010;
  --colors-gray-light-alpha-200: #000b3618;
  --colors-gray-light-alpha-300: #0009321f;
  --colors-gray-light-alpha-400: #00073527;
  --colors-gray-light-alpha-500: #00063332;
  --colors-gray-light-alpha-600: #00083046;
  --colors-gray-light-alpha-700: #00051d74;
  --colors-gray-light-alpha-800: #00051b7f;
  --colors-gray-light-alpha-900: #0002119d;
  --colors-gray-light-alpha-950: #000107e1;
  --colors-gray-dark-25: #101216;
  --colors-gray-dark-50: #17191D;
  --colors-gray-dark-100: #202329;
  --colors-gray-dark-200: #262a31;
  --colors-gray-dark-300: #2c313a;
  --colors-gray-dark-400: #343a45;
  --colors-gray-dark-500: #404755;
  --colors-gray-dark-600: #576174;
  --colors-gray-dark-700: #646e81;
  --colors-gray-dark-800: #727b8e;
  --colors-gray-dark-900: #acb4c2;
  --colors-gray-dark-950: #eceef2;
  --colors-gray-dark-alpha-25: #0013df05;
  --colors-gray-dark-alpha-50: #7da7fc0c;
  --colors-gray-dark-alpha-100: #a1c0fd19;
  --colors-gray-dark-alpha-200: #a8c6fb22;
  --colors-gray-dark-alpha-300: #a9c6fa2c;
  --colors-gray-dark-alpha-400: #b0ccff37;
  --colors-gray-dark-alpha-500: #b3ccfd49;
  --colors-gray-dark-alpha-600: #b8d0fd6a;
  --colors-gray-dark-alpha-700: #c0d5fd78;
  --colors-gray-dark-alpha-800: #c8d9fe86;
  --colors-gray-dark-alpha-900: #e0ebfebe;
  --colors-gray-dark-alpha-950: #f8fafef2;
  --colors-red-light-50: #fff7f7;
  --colors-red-light-100: #feebec;
  --colors-red-light-200: #ffdbdc;
  --colors-red-light-300: #ffcdce;
  --colors-red-light-400: #fdbdbe;
  --colors-red-light-500: #f4a9aa;
  --colors-red-light-600: #eb8e90;
  --colors-red-light-700: #C5504D;
  --colors-red-light-800: #B62521;
  --colors-red-light-900: #971F1C;
  --colors-red-light-950: #641723;
  --colors-red-dark-50: #201314;
  --colors-red-dark-100: #3b1219;
  --colors-red-dark-200: #500f1c;
  --colors-red-dark-300: #611623;
  --colors-red-dark-400: #72232d;
  --colors-red-dark-500: #8c333a;
  --colors-red-dark-600: #b54548;
  --colors-red-dark-700: #C5504D;
  --colors-red-dark-800: #D97674;
  --colors-red-dark-900: #E6A4A2;
  --colors-red-dark-950: #ffd1d9;
  --colors-green-light-50: #F3FAF8;
  --colors-green-light-100: #E7F5F0;
  --colors-green-light-200: #CFECE2;
  --colors-green-light-300: #9FD9C5;
  --colors-green-light-400: #6EC5A8;
  --colors-green-light-500: #3EB28B;
  --colors-green-light-600: #0E9F6E;
  --colors-green-light-700: #0C835B;
  --colors-green-light-800: #03543F;
  --colors-green-light-900: #023B2C;
  --colors-green-light-950: #01271E;
  --colors-green-dark-50: #02271D;
  --colors-green-dark-100: #083529;
  --colors-green-dark-200: #084F3C;
  --colors-green-dark-300: #137C58;
  --colors-green-dark-400: #14996C;
  --colors-green-dark-500: #43AD89;
  --colors-green-dark-600: #73C0A6;
  --colors-green-dark-700: #A5D3C3;
  --colors-green-dark-800: #D1EAE1;
  --colors-green-dark-900: #E8F4F0;
  --colors-green-dark-950: #F3FAF8;
  --colors-yellow-light-50: #FEFBF0;
  --colors-yellow-light-100: #FDF2C9;
  --colors-yellow-light-200: #FBE79D;
  --colors-yellow-light-300: #FCDE6E;
  --colors-yellow-light-400: #FBD546;
  --colors-yellow-light-500: #FACA15;
  --colors-yellow-light-600: #D6A100;
  --colors-yellow-light-700: #C27803;
  --colors-yellow-light-800: #9E6206;
  --colors-yellow-light-900: #733D0D;
  --colors-yellow-light-950: #452408;
  --colors-yellow-dark-50: #3D250F;
  --colors-yellow-dark-100: #6C3D13;
  --colors-yellow-dark-200: #96600E;
  --colors-yellow-dark-300: #B37512;
  --colors-yellow-dark-400: #CB9C10;
  --colors-yellow-dark-500: #EEC321;
  --colors-yellow-dark-600: #F2D04D;
  --colors-yellow-dark-700: #F4DA7B;
  --colors-yellow-dark-800: #F8E7A6;
  --colors-yellow-dark-900: #F9F1D5;
  --colors-yellow-dark-950: #FEFCF4;
  --colors-blue-light-50: #EFF6FF;
  --colors-blue-light-100: #DBEAFE;
  --colors-blue-light-200: #BFDBFE;
  --colors-blue-light-300: #93C5FD;
  --colors-blue-light-400: #60A5FA;
  --colors-blue-light-500: #3B82F6;
  --colors-blue-light-600: #2563EB;
  --colors-blue-light-700: #1D4ED8;
  --colors-blue-light-800: #1E40AF;
  --colors-blue-light-900: #1E3A8A;
  --colors-blue-light-950: #172554;
  --colors-blue-light-alpha-50: #EFF6FF08;
  --colors-blue-light-alpha-100: #DBEAFE26;
  --colors-blue-light-alpha-200: #BFDBFE26;
  --colors-blue-light-alpha-300: #93C5FD4D;
  --colors-blue-light-alpha-400: #60A5FA66;
  --colors-blue-light-alpha-500: #3B82F680;
  --colors-blue-light-alpha-600: #2563EB99;
  --colors-blue-light-alpha-700: #1D4ED8B3;
  --colors-blue-light-alpha-800: #1E40AFCC;
  --colors-blue-light-alpha-900: #1E3A8AE6;
  --colors-blue-light-alpha-950: #172554F2;
  --colors-blue-dark-50: #172554;
  --colors-blue-dark-100: #1E3A8A;
  --colors-blue-dark-200: #1E40AF;
  --colors-blue-dark-300: #1D4ED8;
  --colors-blue-dark-400: #2563EB;
  --colors-blue-dark-500: #3B82F6;
  --colors-blue-dark-600: #60A5FA;
  --colors-blue-dark-700: #93C5FD;
  --colors-blue-dark-800: #BFDBFE;
  --colors-blue-dark-900: #DBEAFE;
  --colors-blue-dark-950: #EFF6FF;
  --colors-blue-dark-alpha-50: #17255408;
  --colors-blue-dark-alpha-100: #1E3A8A0D;
  --colors-blue-dark-alpha-200: #1E40AF26;
  --colors-blue-dark-alpha-300: #1D4ED84D;
  --colors-blue-dark-alpha-400: #2563EB66;
  --colors-blue-dark-alpha-500: #3B82F680;
  --colors-blue-dark-alpha-600: #60A5FA99;
  --colors-blue-dark-alpha-700: #93C5FDB3;
  --colors-blue-dark-alpha-800: #BFDBFECC;
  --colors-blue-dark-alpha-900: #DBEAFEE6;
  --colors-blue-dark-alpha-950: #EFF6FFF2;
  --colors-black-white-light-min: #ffffff;
  --colors-black-white-light-max: #000;
  --colors-black-white-dark-min: #000;
  --colors-black-white-dark-max: #ffffff;
  --colors-mystic-violet-light-50: #F6F3F7;
  --colors-mystic-violet-light-100: #EDE7EE;
  --colors-mystic-violet-light-200: #DCD0DE;
  --colors-mystic-violet-light-300: #CAB8CD;
  --colors-mystic-violet-light-400: #A789AB;
  --colors-mystic-violet-light-500: #96719B;
  --colors-mystic-violet-light-600: #845A8A;
  --colors-mystic-violet-light-700: #501358;
  --colors-mystic-violet-light-800: #65296d;
  --colors-mystic-violet-light-900: #8b4d93;
  --colors-mystic-violet-light-950: #54185c;
  --colors-mystic-violet-light-a: #5013581F; /** Primary color alpha value */
  --colors-mystic-violet-dark-50: #2E1631;
  --colors-mystic-violet-dark-100: #461E4B;
  --colors-mystic-violet-dark-200: #522558;
  --colors-mystic-violet-dark-300: #6C4771;
  --colors-mystic-violet-dark-400: #86688A;
  --colors-mystic-violet-dark-500: #97799B;
  --colors-mystic-violet-dark-600: #A890AB;
  --colors-mystic-violet-dark-700: #CBBDCD;
  --colors-mystic-violet-dark-800: #DCD3DE;
  --colors-mystic-violet-dark-900: #EDE9EE;
  --colors-mystic-violet-dark-950: #F6F2F7;
  --colors-mystic-violet-dark-a: #5013581F; /** Primary color alpha value */
  --colors-vibrant-yellow-dark-50: #1a180f;
  --colors-vibrant-yellow-dark-100: #2a2404;
  --colors-vibrant-yellow-dark-200: #362c00;
  --colors-vibrant-yellow-dark-300: #423600;
  --colors-vibrant-yellow-dark-400: #4f4400;
  --colors-vibrant-yellow-dark-500: #62560f;
  --colors-vibrant-yellow-dark-600: #7c6e17;
  --colors-vibrant-yellow-dark-700: #f7d908;
  --colors-vibrant-yellow-dark-800: #edcf00;
  --colors-vibrant-yellow-dark-900: #f9db13;
  --colors-vibrant-yellow-dark-950: #f8edaf;
  --colors-vibrant-yellow-dark-a: #fec30034; /** Primary color alpha value */
  --colors-vibrant-yellow-light-50: #FFFCEB;
  --colors-vibrant-yellow-light-100: #FFF8C7;
  --colors-vibrant-yellow-light-200: #FFF299;
  --colors-vibrant-yellow-light-300: #FFEC6B;
  --colors-vibrant-yellow-light-400: #FFE638;
  --colors-vibrant-yellow-light-500: #FFDF00;
  --colors-vibrant-yellow-light-600: #F0CC00;
  --colors-vibrant-yellow-light-700: #C2A500;
  --colors-vibrant-yellow-light-800: #8F7900;
  --colors-vibrant-yellow-light-900: #473D00;
  --colors-vibrant-yellow-light-950: #2E2700;
  --colors-vibrant-yellow-light-a: #fec30034; /** Primary color alpha value */
  --colors-westwing-gray-light-50: #f9f9fa;
  --colors-westwing-gray-light-100: #f0f0f1;
  --colors-westwing-gray-light-200: #e8e8ea;
  --colors-westwing-gray-light-300: #e1e1e3;
  --colors-westwing-gray-light-400: #d9dadc;
  --colors-westwing-gray-light-500: #ceced2;
  --colors-westwing-gray-light-600: #bbbbbf;
  --colors-westwing-gray-light-700: #1d1d1f;
  --colors-westwing-gray-light-800: #333335;
  --colors-westwing-gray-light-900: #646467;
  --colors-westwing-gray-light-950: #1f1f21;
  --colors-westwing-gray-light-a: #0000111e; /** Primary color alpha value */
  --colors-westwing-gray-dark-50: #19191b;
  --colors-westwing-gray-dark-100: #232325;
  --colors-westwing-gray-dark-200: #2a2a2d;
  --colors-westwing-gray-dark-300: #313134;
  --colors-westwing-gray-dark-400: #3a3a3d;
  --colors-westwing-gray-dark-500: #48484b;
  --colors-westwing-gray-dark-600: #606064;
  --colors-westwing-gray-dark-700: #6e6e72;
  --colors-westwing-gray-dark-800: #616165;
  --colors-westwing-gray-dark-900: #b4b4b8;
  --colors-westwing-gray-dark-950: #eeeef0;
  --colors-westwing-gray-dark-a: #0000111e; /** Primary color alpha value */
  --colors-bonprix-blue-dark-50: #121823;
  --colors-bonprix-blue-dark-100: #172642;
  --colors-bonprix-blue-dark-200: #1b3159;
  --colors-bonprix-blue-dark-300: #243d6a;
  --colors-bonprix-blue-dark-400: #2e497a;
  --colors-bonprix-blue-dark-500: #39578e;
  --colors-bonprix-blue-dark-600: #4467a8;
  --colors-bonprix-blue-dark-700: #89aded;
  --colors-bonprix-blue-dark-800: #7ea2e1;
  --colors-bonprix-blue-dark-900: #91b6f6;
  --colors-bonprix-blue-dark-950: #d4e2fa;
  --colors-bonprix-blue-dark-a: #367dfd4a; /** Primary color alpha value */
  --colors-bonprix-blue-light-50: #f7f9fe;
  --colors-bonprix-blue-light-100: #ecf2fd;
  --colors-bonprix-blue-light-200: #dfeaff;
  --colors-bonprix-blue-light-300: #cfe0fe;
  --colors-bonprix-blue-light-400: #bcd3fc;
  --colors-bonprix-blue-light-500: #a5c1f2;
  --colors-bonprix-blue-light-600: #85a8e8;
  --colors-bonprix-blue-light-700: #89aded;
  --colors-bonprix-blue-light-800: #7ea2e1;
  --colors-bonprix-blue-light-900: #4868a3;
  --colors-bonprix-blue-light-950: #1a3059;
  --colors-bonprix-blue-light-a: #0058ff20; /** Primary color alpha value */
  --colors-transparent: #FFFFFF00;
  --colors-bonprix-gray-light-50: #f8f9f9;
  --colors-bonprix-gray-light-100: #f0f0f0;
  --colors-bonprix-gray-light-200: #e8e8e9;
  --colors-bonprix-gray-light-300: #e1e1e1;
  --colors-bonprix-gray-light-400: #d9d9da;
  --colors-bonprix-gray-light-500: #cececf;
  --colors-bonprix-gray-light-600: #bbbbbc;
  --colors-bonprix-gray-light-700: #000;
  --colors-bonprix-gray-light-800: #2d2e2f;
  --colors-bonprix-gray-light-900: #636464;
  --colors-bonprix-gray-light-950: #1f1f20;
  --colors-bonprix-gray-light-a: #00000c17; /** Primary color alpha value */
  --colors-bonprix-gray-dark-50: #17191e;
  --colors-bonprix-gray-dark-100: #1f2329;
  --colors-bonprix-gray-dark-200: #262a30;
  --colors-bonprix-gray-dark-300: #2d3138;
  --colors-bonprix-gray-dark-400: #363a41;
  --colors-bonprix-gray-dark-500: #43474e;
  --colors-bonprix-gray-dark-600: #5d6068;
  --colors-bonprix-gray-dark-700: #6a6e76;
  --colors-bonprix-gray-dark-800: #5d6068;
  --colors-bonprix-gray-dark-900: #afb4bc;
  --colors-bonprix-gray-dark-950: #eceef2;
  --colors-bonprix-gray-dark-a: #d2e6fb1d; /** Primary color alpha value */
  --colors-westwing-green-light-50: #f4faf9;
  --colors-westwing-green-light-100: #e4f7f2;
  --colors-westwing-green-light-200: #d4f1e9;
  --colors-westwing-green-light-300: #c2e8de;
  --colors-westwing-green-light-400: #aedbcf;
  --colors-westwing-green-light-500: #93cabc;
  --colors-westwing-green-light-600: #6cb5a4;
  --colors-westwing-green-light-700: #48a18e;
  --colors-westwing-green-light-800: #3e9482;
  --colors-westwing-green-light-900: #1b7c6b;
  --colors-westwing-green-light-950: #1d3b34;
  --colors-westwing-green-light-a: #73fbde2d;
  --colors-westwing-green-dark-50: #141a18;
  --colors-westwing-green-dark-100: #192724;
  --colors-westwing-green-dark-200: #1c322c;
  --colors-westwing-green-dark-300: #233b36;
  --colors-westwing-green-dark-400: #2d4741;
  --colors-westwing-green-dark-500: #395750;
  --colors-westwing-green-dark-600: #4a6f66;
  --colors-westwing-green-dark-700: #8ec5b7;
  --colors-westwing-green-dark-800: #8fb7ac;
  --colors-westwing-green-dark-900: #8dc4b6;
  --colors-westwing-green-dark-950: #d9f2eb;
  --colors-westwing-green-dark-a: #73fbde2d; /** Primary color alpha value */
  --mode-colors-gray-25: #101216;
  --mode-colors-gray-50: #17191D;
  --mode-colors-gray-100: #202329;
  --mode-colors-gray-200: #262a31;
  --mode-colors-gray-300: #2c313a;
  --mode-colors-gray-400: #343a45;
  --mode-colors-gray-500: #404755;
  --mode-colors-gray-600: #576174;
  --mode-colors-gray-700: #646e81;
  --mode-colors-gray-800: #727b8e;
  --mode-colors-gray-900: #acb4c2;
  --mode-colors-gray-950: #eceef2;
  --mode-colors-gray-min: #000;
  --mode-colors-gray-max: #ffffff;
  --mode-colors-gray-alpha-25: #0013df05;
  --mode-colors-gray-alpha-50: #7da7fc0c;
  --mode-colors-gray-alpha-100: #a1c0fd19;
  --mode-colors-gray-alpha-200: #a8c6fb22;
  --mode-colors-gray-alpha-300: #a9c6fa2c;
  --mode-colors-gray-alpha-400: #b0ccff37;
  --mode-colors-gray-alpha-500: #b3ccfd49;
  --mode-colors-gray-alpha-600: #b8d0fd6a;
  --mode-colors-gray-alpha-700: #c0d5fd78;
  --mode-colors-gray-alpha-800: #c8d9fe86;
  --mode-colors-gray-alpha-900: #e0ebfebe;
  --mode-colors-gray-alpha-950: #f8fafef2;
  --mode-colors-green-50: #02271D;
  --mode-colors-green-100: #083529;
  --mode-colors-green-200: #084F3C;
  --mode-colors-green-300: #137C58;
  --mode-colors-green-400: #14996C;
  --mode-colors-green-500: #43AD89;
  --mode-colors-green-600: #73C0A6;
  --mode-colors-green-700: #A5D3C3;
  --mode-colors-green-800: #D1EAE1;
  --mode-colors-green-900: #E8F4F0;
  --mode-colors-green-950: #F3FAF8;
  --mode-colors-yellow-50: #3D250F;
  --mode-colors-yellow-100: #6C3D13;
  --mode-colors-yellow-200: #96600E;
  --mode-colors-yellow-300: #B37512;
  --mode-colors-yellow-400: #CB9C10;
  --mode-colors-yellow-500: #EEC321;
  --mode-colors-yellow-600: #F2D04D;
  --mode-colors-yellow-700: #F4DA7B;
  --mode-colors-yellow-800: #F8E7A6;
  --mode-colors-yellow-900: #F9F1D5;
  --mode-colors-yellow-950: #FEFCF4;
  --mode-colors-red-50: #201314;
  --mode-colors-red-100: #3b1219;
  --mode-colors-red-200: #500f1c;
  --mode-colors-red-300: #611623;
  --mode-colors-red-400: #72232d;
  --mode-colors-red-500: #8c333a;
  --mode-colors-red-600: #b54548;
  --mode-colors-red-700: #C5504D;
  --mode-colors-red-800: #D97674;
  --mode-colors-red-900: #E6A4A2;
  --mode-colors-red-950: #ffd1d9;
  --mode-colors-blue-50: #172554;
  --mode-colors-blue-100: #1E3A8A;
  --mode-colors-blue-200: #1E40AF;
  --mode-colors-blue-300: #1D4ED8;
  --mode-colors-blue-400: #2563EB;
  --mode-colors-blue-500: #3B82F6;
  --mode-colors-blue-600: #60A5FA;
  --mode-colors-blue-700: #93C5FD;
  --mode-colors-blue-800: #BFDBFE;
  --mode-colors-blue-900: #DBEAFE;
  --mode-colors-blue-950: #EFF6FF;
  --mode-colors-blue-alpha-50: #17255408;
  --mode-colors-blue-alpha-100: #1E3A8A0D;
  --mode-colors-blue-alpha-200: #1E40AF26;
  --mode-colors-blue-alpha-300: #1D4ED84D;
  --mode-colors-blue-alpha-400: #2563EB66;
  --mode-colors-blue-alpha-500: #3B82F680;
  --mode-colors-blue-alpha-600: #60A5FA99;
  --mode-colors-blue-alpha-700: #93C5FDB3;
  --mode-colors-blue-alpha-800: #BFDBFECC;
  --mode-colors-blue-alpha-900: #DBEAFEE6;
  --mode-colors-blue-alpha-950: #EFF6FFF2;
  --mode-colors-supplx-secondary-50: #2E1631;
  --mode-colors-supplx-secondary-100: #461E4B;
  --mode-colors-supplx-secondary-200: #522558;
  --mode-colors-supplx-secondary-300: #6C4771;
  --mode-colors-supplx-secondary-400: #86688A;
  --mode-colors-supplx-secondary-500: #97799B;
  --mode-colors-supplx-secondary-600: #A890AB;
  --mode-colors-supplx-secondary-700: #CBBDCD;
  --mode-colors-supplx-secondary-800: #DCD3DE;
  --mode-colors-supplx-secondary-900: #EDE9EE;
  --mode-colors-supplx-secondary-950: #F6F2F7;
  --mode-colors-supplx-primary-50: #1a180f;
  --mode-colors-supplx-primary-100: #2a2404;
  --mode-colors-supplx-primary-200: #362c00;
  --mode-colors-supplx-primary-300: #423600;
  --mode-colors-supplx-primary-400: #4f4400;
  --mode-colors-supplx-primary-500: #62560f;
  --mode-colors-supplx-primary-600: #7c6e17;
  --mode-colors-supplx-primary-700: #f7d908;
  --mode-colors-supplx-primary-800: #edcf00;
  --mode-colors-supplx-primary-900: #f9db13;
  --mode-colors-supplx-primary-950: #f8edaf;
  --mode-colors-supplx-primary-a: #fec30034;
  --mode-colors-bonprix-primary-50: #121823;
  --mode-colors-bonprix-primary-100: #172642;
  --mode-colors-bonprix-primary-200: #1b3159;
  --mode-colors-bonprix-primary-300: #243d6a;
  --mode-colors-bonprix-primary-400: #2e497a;
  --mode-colors-bonprix-primary-500: #39578e;
  --mode-colors-bonprix-primary-600: #4467a8;
  --mode-colors-bonprix-primary-700: #89aded;
  --mode-colors-bonprix-primary-800: #7ea2e1;
  --mode-colors-bonprix-primary-900: #91b6f6;
  --mode-colors-bonprix-primary-950: #d4e2fa;
  --mode-colors-bonprix-primary-a: #367dfd4a;
  --mode-colors-bonprix-secondary-50: #19191b;
  --mode-colors-bonprix-secondary-100: #232325;
  --mode-colors-bonprix-secondary-200: #2a2a2d;
  --mode-colors-bonprix-secondary-300: #313134;
  --mode-colors-bonprix-secondary-400: #3a3a3d;
  --mode-colors-bonprix-secondary-500: #48484b;
  --mode-colors-bonprix-secondary-600: #606064;
  --mode-colors-bonprix-secondary-700: #6e6e72;
  --mode-colors-bonprix-secondary-800: #616165;
  --mode-colors-bonprix-secondary-900: #b4b4b8;
  --mode-colors-bonprix-secondary-950: #eeeef0;
  --mode-colors-transparent: #FFFFFF00;
  --mode-colors-westwing-primary-50: #141a18;
  --mode-colors-westwing-primary-100: #192724;
  --mode-colors-westwing-primary-200: #1c322c;
  --mode-colors-westwing-primary-300: #233b36;
  --mode-colors-westwing-primary-400: #2d4741;
  --mode-colors-westwing-primary-500: #395750;
  --mode-colors-westwing-primary-600: #4a6f66;
  --mode-colors-westwing-primary-700: #8ec5b7;
  --mode-colors-westwing-primary-800: #8fb7ac;
  --mode-colors-westwing-primary-900: #8dc4b6;
  --mode-colors-westwing-primary-950: #d9f2eb;
  --mode-colors-westwing-primary-a: #73fbde2d;
  --mode-colors-westwing-secondary-50: #19191b;
  --mode-colors-westwing-secondary-100: #232325;
  --mode-colors-westwing-secondary-200: #2a2a2d;
  --mode-colors-westwing-secondary-300: #313134;
  --mode-colors-westwing-secondary-400: #3a3a3d;
  --mode-colors-westwing-secondary-500: #48484b;
  --mode-colors-westwing-secondary-600: #606064;
  --mode-colors-westwing-secondary-700: #6e6e72;
  --mode-colors-westwing-secondary-800: #616165;
  --mode-colors-westwing-secondary-900: #b4b4b8;
  --mode-colors-westwing-secondary-950: #eeeef0;
  --brand-colors-neutral-25: #101216;
  --brand-colors-neutral-50: #17191D;
  --brand-colors-neutral-100: #202329;
  --brand-colors-neutral-200: #262a31;
  --brand-colors-neutral-300: #2c313a;
  --brand-colors-neutral-400: #343a45;
  --brand-colors-neutral-500: #404755;
  --brand-colors-neutral-600: #576174;
  --brand-colors-neutral-700: #646e81;
  --brand-colors-neutral-800: #727b8e;
  --brand-colors-neutral-900: #acb4c2;
  --brand-colors-neutral-950: #eceef2;
  --brand-colors-neutral-min: #000;
  --brand-colors-neutral-max: #ffffff;
  --brand-colors-neutral-alpha-25: #0013df05;
  --brand-colors-neutral-alpha-50: #7da7fc0c;
  --brand-colors-neutral-alpha-100: #a1c0fd19;
  --brand-colors-neutral-alpha-200: #a8c6fb22;
  --brand-colors-neutral-alpha-300: #a9c6fa2c;
  --brand-colors-neutral-alpha-400: #b0ccff37;
  --brand-colors-neutral-alpha-500: #b3ccfd49;
  --brand-colors-neutral-alpha-600: #b8d0fd6a;
  --brand-colors-neutral-alpha-700: #c0d5fd78;
  --brand-colors-neutral-alpha-800: #c8d9fe86;
  --brand-colors-neutral-alpha-900: #e0ebfebe;
  --brand-colors-neutral-alpha-950: #f8fafef2;
  --brand-colors-success-50: #02271D;
  --brand-colors-success-100: #083529;
  --brand-colors-success-200: #084F3C;
  --brand-colors-success-300: #137C58;
  --brand-colors-success-400: #14996C;
  --brand-colors-success-500: #43AD89;
  --brand-colors-success-600: #73C0A6;
  --brand-colors-success-700: #A5D3C3;
  --brand-colors-success-800: #D1EAE1;
  --brand-colors-success-900: #E8F4F0;
  --brand-colors-success-950: #F3FAF8;
  --brand-colors-warning-50: #3D250F;
  --brand-colors-warning-100: #6C3D13;
  --brand-colors-warning-200: #96600E;
  --brand-colors-warning-300: #B37512;
  --brand-colors-warning-400: #CB9C10;
  --brand-colors-warning-500: #EEC321;
  --brand-colors-warning-600: #F2D04D;
  --brand-colors-warning-700: #F4DA7B;
  --brand-colors-warning-800: #F8E7A6;
  --brand-colors-warning-900: #F9F1D5;
  --brand-colors-warning-950: #FEFCF4;
  --brand-colors-error-50: #201314;
  --brand-colors-error-100: #3b1219;
  --brand-colors-error-200: #500f1c;
  --brand-colors-error-300: #611623;
  --brand-colors-error-400: #72232d;
  --brand-colors-error-500: #8c333a;
  --brand-colors-error-600: #b54548;
  --brand-colors-error-700: #C5504D;
  --brand-colors-error-800: #D97674;
  --brand-colors-error-900: #E6A4A2;
  --brand-colors-error-950: #ffd1d9;
  --brand-colors-interactive-50: #172554;
  --brand-colors-interactive-100: #1E3A8A;
  --brand-colors-interactive-200: #1E40AF;
  --brand-colors-interactive-300: #1D4ED8;
  --brand-colors-interactive-400: #2563EB;
  --brand-colors-interactive-500: #3B82F6;
  --brand-colors-interactive-600: #60A5FA;
  --brand-colors-interactive-700: #93C5FD;
  --brand-colors-interactive-800: #BFDBFE;
  --brand-colors-interactive-900: #DBEAFE;
  --brand-colors-interactive-950: #EFF6FF;
  --brand-colors-interactive-alpha-50: #17255408;
  --brand-colors-interactive-alpha-100: #1E3A8A0D;
  --brand-colors-interactive-alpha-200: #1E40AF26;
  --brand-colors-interactive-alpha-300: #1D4ED84D;
  --brand-colors-interactive-alpha-400: #2563EB66;
  --brand-colors-interactive-alpha-500: #3B82F680;
  --brand-colors-interactive-alpha-600: #60A5FA99;
  --brand-colors-interactive-alpha-700: #93C5FDB3;
  --brand-colors-interactive-alpha-800: #BFDBFECC;
  --brand-colors-interactive-alpha-900: #DBEAFEE6;
  --brand-colors-interactive-alpha-950: #EFF6FFF2;
  --brand-colors-secondary-50: #2E1631;
  --brand-colors-secondary-100: #461E4B;
  --brand-colors-secondary-200: #522558;
  --brand-colors-secondary-300: #6C4771;
  --brand-colors-secondary-400: #86688A;
  --brand-colors-secondary-500: #97799B;
  --brand-colors-secondary-600: #A890AB;
  --brand-colors-secondary-700: #CBBDCD;
  --brand-colors-secondary-800: #DCD3DE;
  --brand-colors-secondary-900: #EDE9EE;
  --brand-colors-secondary-950: #F6F2F7;
  --brand-colors-primary-50: #1a180f;
  --brand-colors-primary-100: #2a2404;
  --brand-colors-primary-200: #362c00;
  --brand-colors-primary-300: #423600;
  --brand-colors-primary-400: #4f4400;
  --brand-colors-primary-500: #62560f;
  --brand-colors-primary-600: #7c6e17;
  --brand-colors-primary-700: #f7d908;
  --brand-colors-primary-800: #edcf00;
  --brand-colors-primary-900: #f9db13;
  --brand-colors-primary-950: #f8edaf;
  --brand-colors-primary-a: #fec30034;
  --brand-colors-transparent: #FFFFFF00;
  --theme-colors-border-default: #343a45;
  --theme-colors-border-strong: #404755;
  --theme-colors-border-success: #14996C;
  --theme-colors-border-warning: #CB9C10;
  --theme-colors-border-error: #72232d;
  --theme-colors-border-info: #2563EB;
  --theme-colors-text-default: #eceef2;
  --theme-colors-text-inverse: #17191D;
  --theme-colors-text-subtle: #acb4c2;
  --theme-colors-text-success: #E8F4F0;
  --theme-colors-text-error: #E6A4A2;
  --theme-colors-text-warning: #F9F1D5;
  --theme-colors-text-info: #DBEAFE;
  --theme-colors-icon-info: #93C5FD;
  --theme-colors-icon-success: #A5D3C3;
  --theme-colors-icon-error: #C5504D;
  --theme-colors-icon-warning: #F4DA7B;
  --theme-colors-icon-default: #eceef2;
  --theme-colors-icon-inverse: #17191D;
  --theme-colors-icon-subtle: #acb4c2;
  --theme-colors-icon-extra-subtle: #646e81;
  --theme-colors-link-default: #f7d908;
  --theme-colors-link-hover: #edcf00;
  --theme-colors-link-pressed: #edcf00; /** Test to used modifier */
  --theme-colors-link-disabled: #343a45;
  --theme-colors-bg-base: #000;
  --theme-colors-bg-hover: #fec30034; /** Hover color for surfaces in the colors: base, layer 1 and layer 2.  */
  --theme-colors-bg-layer0: #17191D; /** Not a regular backgound color. Mainly used as backgound color on AG-Grid row for group on 3rd level and for menus and dropdowns. */
  --theme-colors-bg-layer1: #202329;
  --theme-colors-bg-layer2: #262a31;
  --theme-colors-bg-success-default: #083529;
  --theme-colors-bg-success-strong: #084F3C;
  --theme-colors-bg-warning-default: #6C3D13;
  --theme-colors-bg-warning-strong: #96600E;
  --theme-colors-bg-error-default: #3b1219;
  --theme-colors-bg-error-strong: #500f1c;
  --theme-colors-bg-inverse-base: #eceef2; /** The darkest background-color used across layouts and components. It is useful for components such as tooltips. */
  --theme-colors-bg-inverse-layer1: #404755;
  --theme-colors-bg-info-default: #1E3A8A;
  --theme-colors-bg-info-strong: #1E40AF;
  --theme-colors-accent-subtle-default: #62560f;
  --theme-colors-accent-subtle-hover: #7c6e17;
  --theme-colors-accent-strong-default: #f7d908;
  --theme-colors-accent-strong-hover: #edcf00;
  --button-colors-primary-bg-default: #f7d908;
  --button-colors-primary-bg-hover: #edcf00;
  --button-colors-primary-bg-pressed: #f9db13;
  --button-colors-primary-bg-disabled: #262a31;
  --button-colors-primary-bg-destructive-default: #D97674;
  --button-colors-primary-bg-destructive-hover: #C5504D;
  --button-colors-primary-bg-destructive-pressed: #D97674;
  --button-colors-primary-bg-destructive-disabled: #3b1219;
  --button-colors-primary-fg-default: #000;
  --button-colors-primary-fg-disabled: #c0d5fd78;
  --button-colors-primary-fg-destructive-disabled: #c0d5fd78;
  --button-colors-secondary-bg-default: #7da7fc0c;
  --button-colors-secondary-bg-hover: #a1c0fd19;
  --button-colors-secondary-bg-pressed: #a8c6fb22;
  --button-colors-secondary-bg-disabled: #FFFFFF00;
  --button-colors-secondary-bg-destructive-default: #7da7fc0c;
  --button-colors-secondary-bg-destructive-hover: #a1c0fd19;
  --button-colors-secondary-bg-destructive-pressed: #a8c6fb22;
  --button-colors-secondary-bg-destructive-disabled: #FFFFFF00;
  --button-colors-secondary-fg-default: #f7d908;
  --button-colors-secondary-fg-disabled: #646e81;
  --button-colors-secondary-fg-destructive-default: #D97674;
  --button-colors-secondary-fg-destructive-disabled: #646e81;
  --button-colors-secondary-border-default: #576174;
  --button-colors-secondary-border-destructive-default: #b54548;
  --button-colors-secondary-border-destructive-disabled: #b0ccff37;
  --button-colors-secondary-border-disabled: #b0ccff37;
  --button-colors-tertiary-bg-hover: #a1c0fd19;
  --button-colors-tertiary-bg-pressed: #a8c6fb22;
  --button-colors-tertiary-bg-destructive-hover: #a1c0fd19;
  --button-colors-tertiary-bg-destructive-pressed: #a8c6fb22;
  --button-colors-tertiary-fg-default: #f7d908;
  --button-colors-tertiary-fg-disabled: #646e81;
  --button-colors-tertiary-fg-destructive-default: #D97674;
  --button-colors-tertiary-fg-destructive-disabled: #646e81;
  --focus-ring-colors-bg: #1E40AF26;
  --focus-ring-colors-border: #1D4ED8;
  --accordion-header-colors-bg-accent-default: #000;
  --accordion-header-colors-bg-accent-hover: #2a2404;
  --accordion-header-colors-bg-default: #202329;
  --accordion-header-colors-bg-hover: #262a31;
  --accordion-colors-border-accent-default: #62560f;
  --accordion-colors-border-default: #343a45;
  --accordion-colors-text-title: #eceef2;
  --accordion-colors-text-subline: #acb4c2;
  --accordion-colors-text-hint: #eceef2;
  --accordion-colors-icon-left: #eceef2;
  --accordion-colors-icon-right: #acb4c2;
  --accordion-colors-icon-chevron: #acb4c2;
  --accordion-group-header-colors-bg-default: #000;
  --avatar-colors-border-default: #000;
  --avatar-colors-border-hover: #343a45;
  --avatar-colors-bg-default: #262a31;
  --avatar-colors-bg-hover: #2c313a;
  --avatar-colors-fg: #eceef2;
  --avatar-colors-placeholder-border: #404755;
  --checkbox-colors-unselected-border-default: #acb4c2;
  --checkbox-colors-unselected-border-hover: #7c6e17;
  --checkbox-colors-unselected-border-disabled: #b3ccfd49;
  --checkbox-colors-unselected-border-error: #D97674;
  --checkbox-colors-unselected-bg-default: #FFFFFF00;
  --checkbox-colors-unselected-bg-hover: #a1c0fd19;
  --checkbox-colors-unselected-bg-disabled: #FFFFFF00;
  --checkbox-colors-unselected-bg-error: #201314;
  --checkbox-colors-selected-bg-default: #f7d908;
  --checkbox-colors-selected-bg-hover: #edcf00;
  --checkbox-colors-selected-bg-disabled: #a9c6fa2c;
  --checkbox-colors-selected-bg-error: #D97674;
  --checkbox-colors-selected-fg-default: #17191D;
  --checkbox-colors-selected-fg-disabled: #c0d5fd78;
  --draggable-list-colors-bg-header-default: #000;
  --draggable-list-colors-bg-header-dragging: #262a31;
  --draggable-list-colors-bg-content: #262a31;
  --draggable-list-colors-bg-indicator: #3B82F6;
  --draggable-list-colors-border: #343a45;
  --draggable-list-colors-text-visible: #eceef2;
  --draggable-list-colors-text-hidden: #646e81;
  --draggable-list-colors-icon-left-visible: #f7d908;
  --draggable-list-colors-icon-left-hidden: lch(87.218 85.315 90.909 / 0.7);
  --draggable-list-colors-icon-right: #404755;
  --dropdown-colors-border: #343a45;
  --dropdown-colors-bg-hover: #fec30034;
  --dropdown-colors-bg-default: #17191D;
  --dropdown-colors-bg-highlight: #1E40AF;
  --dropdown-colors-text: #eceef2; /** Used for 'group title' and 'primary value' */
  --dropdown-colors-hint: #acb4c2; /** Used for 'loading', 'no results' state and 'secondary value' */
  --form-colors-bg-default: #000;
  --form-colors-bg-hover: #17191D;
  --form-colors-bg-active: #000;
  --form-colors-bg-disabled: #a9c6fa2c;
  --form-colors-bg-error: #000;
  --form-colors-input-text-default: #eceef2;
  --form-colors-input-text-disabled: #acb4c2;
  --form-colors-input-text-error: #eceef2;
  --form-colors-border-default: #576174;
  --form-colors-border-active: #60A5FA;
  --form-colors-border-hover: #576174;
  --form-colors-border-error: #D97674;
  --form-colors-border-disabled: #a9c6fa2c;
  --form-colors-icon-subtle: #646e81;
  --form-colors-icon-default: #acb4c2;
  --form-colors-icon-hover: #eceef2;
  --form-colors-icon-error: #D97674;
  --form-colors-label-default: #eceef2;
  --form-colors-label-disabled: #646e81;
  --form-colors-label-error: #eceef2;
  --form-colors-label-inverse-default: #17191D;
  --form-colors-label-inverse-disabled: #576174;
  --form-colors-label-inverse-error: #17191D;
  --form-colors-hint-default: #acb4c2;
  --form-colors-hint-disabled: #646e81;
  --form-colors-hint-inverse-default: #2c313a;
  --form-colors-hint-inverse-disabled: #343a45;
  --form-colors-error-message-default: #E6A4A2;
  --form-colors-error-message-inverse: #611623;
  --form-colors-placeholder-default: #727b8e;
  --pill-button-colors-secondary-bg-default: #7da7fc0c;
  --pill-button-colors-secondary-bg-hover: #a1c0fd19;
  --pill-button-colors-secondary-bg-pressed: #362c00;
  --pill-button-colors-secondary-bg-disabled: #FFFFFF00;
  --pill-button-colors-secondary-fg-default: #eceef2;
  --pill-button-colors-secondary-fg-pressed: #eceef2;
  --pill-button-colors-secondary-fg-disabled: #646e81;
  --pill-button-colors-secondary-border-default: #576174;
  --pill-button-colors-secondary-border-disabled: #b0ccff37;
  --pill-button-colors-secondary-border-selected: #62560f;
  --pill-button-colors-destructive-bg-default: #7da7fc0c;
  --pill-button-colors-destructive-bg-hover: #a1c0fd19;
  --pill-button-colors-destructive-bg-pressed: #D97674;
  --pill-button-colors-destructive-bg-disabled: #FFFFFF00;
  --pill-button-colors-destructive-fg-default: #D97674;
  --pill-button-colors-destructive-fg-pressed: #000;
  --pill-button-colors-destructive-fg-disabled: #646e81;
  --pill-button-colors-destructive-border-default: #b54548;
  --status-ring-colors-bg: #404755; /** Neutral 200 */
  --status-ring-colors-success-fg: #43AD89; /** Success 500 */
  --status-ring-colors-warning-fg: #F2D04D; /** Warning 600 */
  --status-ring-colors-error-fg: #C5504D; /** Error 500 */
  --top-nav-colors-bg: #f7d908;
  --top-nav-colors-logo: #97799B;
  --top-nav-colors-menu-bg-default: #f7d908;
  --top-nav-colors-menu-bg-hover: #edcf00;
  --top-nav-colors-menu-bg-pressed: #f9db13;
  --top-nav-colors-menu-fg-default: #17191D;
  --top-nav-colors-menu-fg-pressed: #17191D;
  --radio-colors-unselected-border-default: #acb4c2;
  --radio-colors-selected-border-default: #f7d908;
  --radio-colors-border-hover: #edcf00;
  --radio-colors-border-disabled: #b3ccfd49;
  --radio-colors-border-error: #D97674;
  --radio-colors-bg-default: #FFFFFF00;
  --radio-colors-bg-hover: #a1c0fd19;
  --radio-colors-bg-disabled: #FFFFFF00;
  --radio-colors-fg-default: #f7d908;
  --radio-colors-fg-hover: #edcf00;
  --radio-colors-fg-disabled: #c0d5fd78;
  --radio-colors-fg-error: #D97674;
  --tab-colors-default-selected-fg: #17191D;
  --tab-colors-default-selected-bg-default: #f7d908;
  --tab-colors-default-unselected-fg: #f7d908;
  --tab-colors-default-unselected-bg-default: #262a31;
  --tab-colors-default-unselected-bg-hover: #202329;
  --tab-colors-inverse-selected-fg: #f7d908;
  --tab-colors-inverse-selected-bg-default: #423600;
  --tab-colors-inverse-unselected-fg: #17191D;
  --tab-colors-inverse-unselected-bg-default: #FFFFFF00;
  --tab-colors-inverse-unselected-bg-hover: #7c6e17;
  --box-colors-bg: #000;
  --box-colors-border: #000;
  --switch-colors-unselected-bg-default: #acb4c2;
  --switch-colors-unselected-bg-hover: #727b8e;
  --switch-colors-unselected-icon-default: #acb4c2;
  --switch-colors-selected-bg-default: #43AD89;
  --switch-colors-selected-bg-hover: #14996C;
  --switch-colors-selected-icon-default: #43AD89;
  --switch-colors-icon-disabled: #646e81;
  --switch-colors-bg-disabled: #b0ccff37;
  --switch-colors-fg: #000;
  --notification-badge-colors-strong-bg: #97799B;
  --notification-badge-colors-strong-fg: #F6F2F7;
  --notification-badge-colors-subtle-bg: #727b8e;
  --notification-badge-colors-subtle-fg: #fcfcfd;
  --fab-colors-secondary-bg-default: #000;
  --fab-colors-secondary-bg-hover: #202329;
  --fab-colors-secondary-bg-pressed: #262a31;
  --fab-colors-secondary-bg-disabled: #000;
  --fab-colors-secondary-fg-default: #f7d908;
  --fab-colors-secondary-fg-disabled: #646e81;
  --fab-colors-secondary-border-default: #404755;
  --fab-colors-secondary-border-disabled: #343a45;

 /**
  * @tokens Others
  */

  --var-1: 0.25rem;
  --var-2: 0.5rem;
  --var-3: 0.75rem;
  --var-4: 1rem;
  --var-5: 1.25rem;
  --var-6: 1.5rem;
  --var-7: 1.75rem;
  --var-8: 2rem;
  --var-9: 2.25rem;
  --var-10: 2.5rem;
  --var-11: 2.75rem;
  --var-12: 3rem;
  --var-14: 3.5rem;
  --var-16: 4rem;
  --var-0-5: 0.125rem;
  --var-1-5: 0.375rem;
  --var-2-5: 0.625rem;
  --var-3-5: 0.875rem;
  --opacity-o100: 0.1;
  --opacity-o200: 0.2;
  --opacity-o300: 0.3;
  --opacity-o400: 0.4;
  --opacity-o500: 0.5;
  --opacity-o600: 0.6;
  --opacity-o700: 0.7;
  --opacity-o800: 0.8;
  --opacity-o900: 0.9;
  --fix-1: 4px;
  --fix-2: 8px;
  --fix-3: 12px;
  --fix-4: 16px;
  --fix-5: 20px;
  --fix-6: 24px;
  --fix-7: 28px;
  --fix-8: 32px;
  --fix-9: 36px;
  --fix-10: 40px;
  --fix-11: 44px;
  --fix-12: 48px;
  --fix-14: 56px;
  --fix-16: 64px;
  --fix-24: 96px;
  --fix-28: 112px;
  --fix-32: 128px;
  --fix-36: 144px;
  --fix-44: 176px;
  --fix-none: 0;
  --fix-0-5: 2px;
  --fix-1-5: 0,375rem;
  --fix-2-5: 10px;
  --fix-3-5: 14px;
  --fix-px: 1px;
  --brand-space-element-to-element-xs: 0.25rem;
  --brand-space-element-to-element-sm: 0.5rem;
  --brand-space-element-to-element-md: 0.75rem;
  --brand-space-element-to-element-lg: 1rem;
  --brand-space-element-to-element-xl: 1.5rem;
  --brand-space-element-to-element-2xl: 2rem;
  --brand-space-element-to-element-3xl: 4rem;
  --brand-space-horizontal-edge-to-element-xs: 0.25rem;
  --brand-space-horizontal-edge-to-element-sm: 0.5rem;
  --brand-space-horizontal-edge-to-element-md: 0.75rem;
  --brand-space-horizontal-edge-to-element-lg: 1rem;
  --brand-space-horizontal-edge-to-element-xl: 1.5rem;
  --brand-space-vertical-edge-to-element-xxs: 0.125rem;
  --brand-space-vertical-edge-to-element-xs: 0.25rem;
  --brand-space-vertical-edge-to-element-sm: 0.75rem;
  --brand-space-vertical-edge-to-element-md: 1rem;
  --brand-space-vertical-edge-to-element-xl: 1.5rem;
  --brand-radius-rounded-none: 0;
  --brand-radius-rounded-xs: 4px;
  --brand-radius-rounded-sm: 8px;
  --brand-radius-rounded-md: 16px;
  --brand-radius-rounded-full: 999px;
  --brand-border-width-border-xxs: 1px;
  --brand-border-width-border-xs: 2px;
  --brand-border-width-border-sm: 4px;
  --brand-layout-gutter-breakpoint-xs-to-m: 16px;
  --brand-layout-gutter-breakpoint-l: 24px;
  --brand-layout-outside-gutter-breakpoint-xs-to-m: 16px;
  --brand-layout-outside-gutter-breakpoint-l: 24px;
  --brand-layout-columns-breakpoint-xs: 2;
  --brand-layout-columns-breakpoint-s: 4;
  --brand-layout-columns-breakpoint-m: 12;
  --brand-layout-columns-breakpoint-l: 12;
  --brand-breakpoint-xs: 320px; /** >319px  */
  --brand-breakpoint-s: 768px; /** >767px */
  --brand-breakpoint-m: 1024px; /** >1023px */
  --brand-breakpoint-l: 1280px; /** >1279px */
  --brand-font-family-a: Inter;
  --brand-font-family-b: Rubik;
  --brand-font-weight-accent-weight: 400; /** To be tested, if this can stay under font weight while actually being a font style.  */
  --brand-font-weight-accent-style: italic; /** To be tested, if this can stay under font weight while actually being a font style.  */
  --brand-font-weight-default: 400;
  --brand-font-weight-strong: 500;
  --brand-font-weight-stronger: 700;
  --brand-font-size-f-20: 0.625rem;
  --brand-font-size-f-10: 0.75rem;
  --brand-font-size-f0: 0.875rem;
  --brand-font-size-f10: 1rem;
  --brand-font-size-f20: 1.125rem;
  --brand-font-size-f30: 1.25rem;
  --brand-font-size-f40: 1.5rem;
  --brand-font-size-f50: 1.75rem;
  --brand-font-size-f60: 1.875rem;
  --brand-font-size-f80: 3rem;
  --brand-line-height-lh-20: 14px;
  --brand-line-height-lh-10: 18px;
  --brand-line-height-lh0: 22px;
  --brand-line-height-lh10: 24px;
  --brand-line-height-lh20: 30px;
  --brand-line-height-lh30: 38px;
  --brand-line-height-lh50: 48px;
  --brand-line-height-lh80: 56px;
  --brand-paragraph-spacing-ps0: 8px;
  --brand-paragraph-spacing-ps10: 12px;
  --brand-paragraph-spacing-ps20: 16px;
  --brand-paragraph-spacing-ps40: 24px;
  --brand-paragraph-spacing-ps60: 32px;
  --brand-paragraph-spacing-ps80: 40px;
  --viewport-width: 320px; /** <321px */
  --layout-gutter: 16px;
  --layout-outside-gutter: 16px;
  --layout-max-width-narrow: 1024px;
  --layout-max-width-full: 100%;
  --button-radius-sm: 8px;
  --button-radius-md: 8px;
  --button-radius-focus-ring-sm: 10px;
  --button-radius-focus-ring-md: 10px;
  --button-focus-ring-offset: 2px;
  --button-focus-ring-position: -2px;
  --button-focus-ring-border-width: 4px;
  --focus-ring-border-width: 4px; /** outside stroke */
  --focus-ring-offset: 4px;
  --focus-ring-position: -4px;
  --accordion-border-width: 1px;
  --accordion-radius: 8px;
  --accordion-md-header-gap: 1rem;
  --accordion-md-header-padding-vertical: 0.75rem;
  --accordion-md-header-padding-horizontal: 1rem;
  --accordion-md-content-padding-vertical: 1rem;
  --accordion-md-content-padding-horizontal: 1rem;
  --accordion-sm-header-gap: 0.5rem;
  --accordion-sm-header-padding-vertical: 0.5rem;
  --accordion-sm-header-padding-horizontal: 0.5rem;
  --accordion-sm-content-padding-vertical: 0.75rem;
  --accordion-sm-content-padding-horizontal: 0.75rem;
  --accordion-desktop-group-header-gap: 1.5rem;
  --accordion-desktop-group-header-padding-vertical: 1rem;
  --accordion-desktop-group-header-padding-horizontal: 1rem;
  --accordion-mobile-group-header-gap: 0.75rem;
  --accordion-mobile-group-header-padding-vertical: 1rem;
  --accordion-mobile-group-header-padding-horizontal: 1rem;
  --avatar-opacity-fg-hover: 0.4;
  --avatar-size-sm: 1.5rem;
  --avatar-size-md: 2rem;
  --avatar-size-lg: 3rem;
  --avatar-border-width-default: 1px;
  --avatar-border-width-placeholder: 2px;
  --checkbox-sm-border-width: 1px;
  --checkbox-sm-radius: 4px;
  --checkbox-sm-height: 1rem;
  --checkbox-sm-width: 1rem;
  --checkbox-sm-gap-horizontal: 0.5rem;
  --checkbox-focus-ring-radius: calc 8px;
  --checkbox-focus-ring-border-width: 4px;
  --draggable-list-radius: 8px;
  --dropdown-radius: 8px;
  --field-radius-sm: 4px;
  --field-radius-md: 4px;
  --field-focus-ring-radius-sm: 4px;
  --field-focus-ring-radius-md: 4px;
  --field-focus-ring-offset: 0px;
  --field-focus-ring-position: 0px;
  --field-focus-ring-border-width: 4px;
  --field-min-height-sm: 32px;
  --field-min-height-md: 40px;
  --field-border-width: 1px;
  --field-spacing-sm-label-to-field: 0.25rem;
  --field-spacing-sm-field-to-hint: 0.25rem;
  --field-spacing-md-label-to-field: 0.25rem;
  --field-spacing-md-field-to-hint: 0.25rem;
  --pill-button-sm-border-width: 1px;
  --pill-button-sm-radius: 999px;
  --pill-button-sm-min-height: 1.25rem;
  --pill-button-sm-min-width: 48px;
  --pill-button-sm-padding-horizontal: 0.5rem;
  --pill-button-sm-padding-vertical: 1px;
  --pill-button-sm-gap: 0.25rem;
  --pill-button-md-border-width: 1px;
  --pill-button-md-radius: 999px;
  --pill-button-md-min-height: 1.5rem;
  --pill-button-md-min-width: 64px;
  --pill-button-md-padding-horizontal: 0.75rem;
  --pill-button-md-padding-vertical: 0.125rem;
  --pill-button-md-gap: 0.25rem;
  --pill-button-focus-ring-radius: 999px;
  --pill-button-focus-ring-offset: 2px;
  --pill-button-focus-ring-position: -2px;
  --pill-button-focus-ring-border-width: 4px;
  --table-spacing-header-cell-md: 2px;
  --table-cell-size-vertical-md: 3rem;
  --radio-sm-border-width: 1px;
  --radio-sm-radius: 999px;
  --radio-sm-height: 1rem;
  --radio-sm-width: 1rem;
  --radio-sm-gap-horizontal: 0.5rem;
  --radio-focus-ring-radius: 999px;
  --radio-focus-ring-border-width: 4px;
  --tab-border-width: 0;
  --tab-radius: 4px;
  --tab-min-height: 2.25rem;
  --tab-min-width: 48px;
  --tab-padding-horizontal: 0.5rem;
  --tab-padding-vertical: 0.125rem;
  --tab-gap: 0.25rem;
  --tab-focus-ring-radius: 999px;
  --tab-focus-ring-offset: 0;
  --tab-focus-ring-position: 0;
  --tab-focus-ring-border-width: 4px;
  --tab-group-gap-vertical: 0.5rem;
  --tab-group-gap-horizontal: 0.25rem;
  --icon-md-border-width: 1.5px;
  --icon-md-size: 1.5rem;
  --icon-sm-border-width: 1.5px;
  --icon-sm-size: 1.25rem;
  --icon-xs-border-width: 1.5px;
  --icon-xs-size: 1rem;
  --icon-xl-border-width: 2px;
  --icon-xl-size: 3rem;
  --key-value-pair-sm-gab-label-left-label-to-value: 0.5rem;
  --key-value-pair-sm-gab-label-top-label-to-value: 0;
  --key-value-pair-sm-gab-label-top-icon-to-data: 0.5rem;
  --key-value-pair-md-gab-label-left-label-to-value: 0.5rem;
  --key-value-pair-md-gab-label-top-label-to-value: 0;
  --key-value-pair-md-gab-label-top-icon-to-data: 0.5rem;
  --key-value-pair-lg-gab-label-left-label-to-value: 0.5rem;
  --key-value-pair-lg-gab-label-top-label-to-value: 0;
  --key-value-pair-lg-gab-label-top-icon-to-data: 0.5rem;
  --key-value-pair-color-label: #acb4c2;
  --key-value-pair-color-figure: #eceef2;
  --key-value-pair-font-weight-figure: 500;
  --key-value-pair-font-weight-label: 400;
  --box-radius: 4px;
  --box-border-width: 1px;
  --box-padding-horizontal: 0.75rem;
  --box-padding-vertical: 0.75rem;
  --ag-accent-color: #62560f;
  --ag-active-color: #62560f;
  --ag-advanced-filter-builder-button-bar-border: 1px;
  --ag-advanced-filter-builder-column-pill-color: #1D4ED84D;
  --ag-advanced-filter-builder-indent-size: 32px;
  --ag-advanced-filter-builder-join-pill-color: #3B82F680;
  --ag-advanced-filter-builder-option-pill-color: #60A5FA99;
  --ag-advanced-filter-builder-value-pill-color: #a9c6fa2c;
  --ag-advanced-filter-column-pill-color: #1E40AF;
  --ag-advanced-filter-join-pill-color: #2c313a;
  --ag-advanced-filter-option-pill-color: #2c313a;
  --ag-advanced-filter-value-pill-color: #1E40AF;
  --ag-alpine-active-color: #62560f;
  --ag-background-color: #000;
  --ag-balham-active-color: #86688A;
  --ag-border-color: #343a45;
  --ag-border-radius: 4px; /** Border radius applied to many elements such as dialogs and form widgets. */
  --ag-borders: 1px;
  --ag-borders-critical: #F4DA7B;
  --ag-borders-input: 1px;
  --ag-borders-input-invalid: #D97674;
  --ag-borders-secondary: #343a45;
  --ag-borders-side-button: none;
  --ag-browser-color-scheme: #F4DA7B;
  --ag-card-radius: 4px;
  --ag-cell-editing-border: 0px;
  --ag-cell-editing-shadow: 4px;
  --ag-cell-font-family: Inter;
  --ag-cell-horizontal-border: true;
  --ag-cell-horizontal-padding: 9px;
  --ag-cell-text-color: #eceef2;
  --ag-cell-widget-spacing: 9px;
  --ag-chart-menu-label-color: #86688A;
  --ag-checkbox-background-color: #FFFFFF00;
  --ag-checkbox-border-radius: 4px;
  --ag-checkbox-border-width: 1px;
  --ag-checkbox-checked-background-color: #f7d908;
  --ag-checkbox-checked-border-color: #f7d908;
  --ag-checkbox-checked-color: #f7d908;
  --ag-checkbox-checked-glow-color: #F4DA7B;
  --ag-checkbox-checked-shape-color: #17191D;
  --ag-checkbox-glow-color: #F4DA7B;
  --ag-checkbox-indeterminate-background-color: #f7d908;
  --ag-checkbox-indeterminate-border-color: #f7d908;
  --ag-checkbox-indeterminate-color: #f7d908;
  --ag-checkbox-indeterminate-shape-color: #17191D;
  --ag-checkbox-unchecked-background-color: #FFFFFF00;
  --ag-checkbox-unchecked-border-color: #acb4c2;
  --ag-checkbox-unchecked-color: #acb4c2;
  --ag-chip-background-color: #262a31;
  --ag-chip-border-color: #343a45;
  --ag-chrome-background-color: #000; /** BG color of table header */
  --ag-column-border: false;
  --ag-column-drop-cell-background-color: #202329;
  --ag-column-drop-cell-border: false;
  --ag-column-drop-cell-drag-handle-color: #acb4c2;
  --ag-column-drop-cell-text-color: #eceef2;
  --ag-column-hover-color: #fec30034;
  --ag-column-select-indent-size: 0.75rem;
  --ag-control-panel-background-color: #000;
  --ag-data-color: #eceef2;
  --ag-data-font-size: 0,875 rem;
  --ag-dialog-border: #343a45;
  --ag-disabled-foreground-color: #343a45;
  --ag-drag-and-drop-image-background-color: #000;
  --ag-drag-and-drop-image-border: #343a45;
  --ag-drag-handle-color: #646e81;
  --ag-filter-tool-panel-group-indent: 32px;
  --ag-focus-shadow: #1D4ED8;
  --ag-font-family: Inter;
  --ag-font-size: 0.875rem;
  --ag-foo-bar: #000000;
  --ag-footer-row-border: #343a45;
  --ag-foreground-color: #eceef2;
  --ag-grid-size: 6px;
  --ag-header-background-color: #000;
  --ag-header-cell-hover-background-color: #000;
  --ag-header-cell-moving-background-color: #000;
  --ag-header-column-border: #343a45;
  --ag-header-column-border-height: 100%;
  --ag-header-column-resize-handle-color: #343a45;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-height: 100%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-separator-color: #343a45;
  --ag-header-column-separator-display: false;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-font-family: Inter;
  --ag-header-font-size: 0.875rem;
  --ag-header-font-weight: regular;
  --ag-header-foreground-color: #acb4c2;
  --ag-header-height: 36px;
  --ag-header-text-color: #acb4c2;
  --ag-icon-button-hover-color: #eceef2;
  --ag-icon-font-color: #acb4c2;
  --ag-icon-font-family: agGridQuartz;
  --ag-icon-font-weight: regular;
  --ag-icon-size: 16px;
  --ag-indentation-level: 0;
  --ag-input-background-color: #000;
  --ag-input-border: 1px;
  --ag-input-border-color: #576174;
  --ag-input-border-color-invalid: #D97674;
  --ag-input-border-radius: 4px;
  --ag-input-disabled-background-color: #a9c6fa2c;
  --ag-input-disabled-border: #a9c6fa2c;
  --ag-input-disabled-border-color: #a9c6fa2c;
  --ag-input-disabled-text-color: #acb4c2;
  --ag-input-focus-background-color: #000;
  --ag-input-focus-border: 4px;
  --ag-input-focus-border-color: #1D4ED8;
  --ag-input-focus-shadow: 4px;
  --ag-input-focus-text-color: #eceef2;
  --ag-input-height: 32px;
  --ag-input-icon-color: #acb4c2;
  --ag-input-invalid-background-color: #000;
  --ag-input-invalid-border: #D97674;
  --ag-input-invalid-text-color: #eceef2;
  --ag-input-padding-start: 0.75rem;
  --ag-input-text-color: #eceef2;
  --ag-internal-calculated-line-height: 130%;
  --ag-internal-content-line-height: 100%;
  --ag-internal-hover-color: #F4DA7B;
  --ag-internal-measurement-border: #F4DA7B;
  --ag-internal-moving-color: #F4DA7B;
  --ag-internal-padded-row-height: #F4DA7B;
  --ag-internal-spectrum-alpha-color: #F4DA7B;
  --ag-internal-spectrum-alpha-color-from: #F4DA7B;
  --ag-internal-spectrum-alpha-color-to: #F4DA7B;
  --ag-invalid-color: #D97674;
  --ag-list-item-height: 2rem;
  --ag-material-accent-color: #f7d908;
  --ag-material-primary-color: #f7d908;
  --ag-menu-background-color: #17191D;
  --ag-menu-min-width: 181px;
  --ag-menu-separator-color: #343a45;
  --ag-menu-text-color: #eceef2;
  --ag-modal-overlay-background-color: #000;
  --ag-odd-row-background-color: #000;
  --ag-panel-background-color: #202329;
  --ag-panel-border-color: #343a45;
  --ag-panel-title-bar-background-color: #000;
  --ag-panel-title-bar-border: #343a45;
  --ag-pinned-column-border: 1px;
  --ag-pinned-row-border: 1px;
  --ag-quartz-icon-active-color: #62560f;
  --ag-quartz-icon-hover-color: #eceef2;
  --ag-range-selection-background-color: #a8c6fb22;
  --ag-range-selection-background-color-2: #fec30034;
  --ag-range-selection-background-color-3: #fec30034;
  --ag-range-selection-background-color-4: #fec30034;
  --ag-range-selection-border-color: #1D4ED8;
  --ag-range-selection-border-style: solid;
  --ag-range-selection-chart-background-color: #fec30034;
  --ag-range-selection-highlight-color: #fec30034;
  --ag-row-border: true;
  --ag-row-border-color: #343a45;
  --ag-row-border-style: solid;
  --ag-row-border-width: 1px;
  --ag-row-group-indent-size: 24px;
  --ag-row-height: 48px;
  --ag-row-hover-color: #fec30034;
  --ag-row-loading-skeleton-effect-color: #a9c6fa2c;
  --ag-secondary-border-color: #343a45;
  --ag-secondary-foreground-color: #acb4c2;
  --ag-select-cell-background-color: #fec30034;
  --ag-select-cell-border: 1px;
  --ag-selected-row-background-color: #a8c6fb22;
  --ag-selected-tab-underline-color: #404755;
  --ag-selected-tab-underline-transition-speed: 0.3s;
  --ag-selected-tab-underline-width: 2px;
  --ag-set-filter-indent-size: 24px;
  --ag-side-bar-background-color: #000;
  --ag-side-bar-panel-width: 350px; /** Sets the filter panel width. */
  --ag-side-button-background-color: #7da7fc0c;
  --ag-side-button-bar-background-color: #202329;
  --ag-side-button-bar-top-padding: 0.75rem;
  --ag-side-button-hover-background-color: #a1c0fd19;
  --ag-side-button-hover-text-color: #f7d908;
  --ag-side-button-left-padding: 0.75rem;
  --ag-side-button-right-padding: 0.75rem;
  --ag-side-button-selected-background-color: #202329;
  --ag-side-button-selected-border: 1px;
  --ag-side-button-selected-text-color: #f7d908;
  --ag-side-button-selected-underline-color: #f7d908;
  --ag-side-button-text-color: #f7d908;
  --ag-side-button-vertical-padding: 0.25rem;
  --ag-spacing: 0.75rem;
  --ag-spectrum-alpha-background-checked: #F4DA7B;
  --ag-subheader-background-color: #000;
  --ag-subheader-toolbar-background-color: #000;
  --ag-subtle-text-color: #acb4c2;
  --ag-tab-background-color: #000;
  --ag-tab-bar-background-color: #000;
  --ag-tab-bar-border: 1px;
  --ag-tab-bar-horizontal-padding: 0.75rem;
  --ag-tab-bar-top-padding: 0.75rem;
  --ag-tab-bottom-padding: 0.25rem;
  --ag-tab-horizontal-padding: 0.75rem;
  --ag-tab-hover-background-color: #fec30034;
  --ag-tab-hover-text-color: #eceef2;
  --ag-tab-min-width: 240px;
  --ag-tab-selected-background-color: #f7d908;
  --ag-tab-selected-border-color: #343a45;
  --ag-tab-selected-border-width: 1px;
  --ag-tab-selected-text-color: #eceef2;
  --ag-tab-spacing: 0.25rem;
  --ag-tab-text-color: #eceef2;
  --ag-tab-top-padding: 0.25rem;
  --ag-text-color: #eceef2;
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-off-background-color: #86688A;
  --ag-toggle-button-off-border-color: #86688A;
  --ag-toggle-button-on-background-color: #86688A;
  --ag-toggle-button-on-border-color: #86688A;
  --ag-toggle-button-switch-background-color: #86688A;
  --ag-toggle-button-switch-border-color: #F4DA7B;
  --ag-toggle-button-switch-inset: 0.75rem;
  --ag-toggle-button-width: 28px;
  --ag-tool-panel-separator-border: #343a45;
  --ag-tooltip-background-color: #eceef2;
  --ag-tooltip-border: #343a45;
  --ag-tooltip-text-color: #17191D;
  --ag-value-change-delta-down-color: #500f1c;
  --ag-value-change-delta-up-color: #084F3C;
  --ag-value-change-value-highlight-background-color: #F4DA7B;
  --ag-widget-container-horizontal-padding: 0.75rem;
  --ag-widget-container-vertical-padding: 9px;
  --ag-widget-horizontal-spacing: 9px;
  --ag-widget-vertical-spacing: 6px;
  --ag-wrapper-border: #F4DA7B;
  --ag-wrapper-border-radius: 0;
  --ag-custom-row-backgound-grouplevel-1-color: #262a31;
  --ag-custom-row-backgound-grouplevel-2-color: #202329;
  --ag-custom-row-backgound-grouplevel-3-color: #17191D;
  --fab-radius-md: 8px;
  --fab-radius-focus-ring-md: 10px;
  --fab-focus-ring-offset: 2px;
  --fab-focus-ring-position: -2px;
  --fab-focus-ring-border-width: 4px;
  --shadows-dark-none-blur: 0;
  --shadows-dark-none-spread: 0;
  --shadows-dark-none-color: #000000;
  --shadows-dark-none-type: dropShadow;
  --shadows-dark-none-offset-x: 0;
  --shadows-dark-none-offset-y: 0;
  --shadows-dark-md-blur: 0;
  --shadows-dark-md-spread: 0;
  --shadows-dark-md-color: #000000;
  --shadows-dark-md-type: dropShadow;
  --shadows-dark-md-offset-x: 0;
  --shadows-dark-md-offset-y: 0;
  --shadows-dark-xl-blur: 0;
  --shadows-dark-xl-spread: 0;
  --shadows-dark-xl-color: #000000;
  --shadows-dark-xl-type: dropShadow;
  --shadows-dark-xl-offset-x: 0;
  --shadows-dark-xl-offset-y: 0;
  --shadows-dark-3xl-blur: 20px;
  --shadows-dark-3xl-spread: 5px;
  --shadows-dark-3xl-color: rgba(0,0,0,0.65);
  --shadows-dark-3xl-type: dropShadow;
  --shadows-dark-3xl-offset-x: 0;
  --shadows-dark-3xl-offset-y: -0;
  --shadows-light-none-blur: 0;
  --shadows-light-none-spread: 0;
  --shadows-light-none-color: #000000;
  --shadows-light-none-type: dropShadow;
  --shadows-light-none-offset-x: 0;
  --shadows-light-none-offset-y: 0;
  --shadows-light-md-1-blur: 6px;
  --shadows-light-md-1-spread: -1px;
  --shadows-light-md-1-color: rgba(0,0,0,0.1);
  --shadows-light-md-1-type: dropShadow;
  --shadows-light-md-1-offset-x: 0;
  --shadows-light-md-1-offset-y: 4px;
  --shadows-light-md-2-blur: 4px;
  --shadows-light-md-2-spread: -2px;
  --shadows-light-md-2-color: rgba(0,0,0,0.04);
  --shadows-light-md-2-type: dropShadow;
  --shadows-light-md-2-offset-x: 0;
  --shadows-light-md-2-offset-y: 2px;
  --shadows-light-xl-1-blur: 25px;
  --shadows-light-xl-1-spread: -5px;
  --shadows-light-xl-1-color: rgba(0,0,0,0.1);
  --shadows-light-xl-1-type: dropShadow;
  --shadows-light-xl-1-offset-x: 0;
  --shadows-light-xl-1-offset-y: 20px;
  --shadows-light-xl-2-blur: 10px;
  --shadows-light-xl-2-spread: 0;
  --shadows-light-xl-2-color: rgba(0,0,0,0.04);
  --shadows-light-xl-2-type: dropShadow;
  --shadows-light-xl-2-offset-x: 0;
  --shadows-light-xl-2-offset-y: 10px;
  --shadows-light-3xl-blur: 20px;
  --shadows-light-3xl-spread: 0;
  --shadows-light-3xl-color: rgba(0,0,0,0.65);
  --shadows-light-3xl-type: dropShadow;
  --shadows-light-3xl-offset-x: 0;
  --shadows-light-3xl-offset-y: -0;
  --mode-shadows-none-blur: 0;
  --mode-shadows-none-spread: 0;
  --mode-shadows-none-color: #000000;
  --mode-shadows-none-type: dropShadow;
  --mode-shadows-none-offset-x: 0;
  --mode-shadows-none-offset-y: 0;
  --mode-shadows-md-blur: 0;
  --mode-shadows-md-spread: 0;
  --mode-shadows-md-color: #000000;
  --mode-shadows-md-type: dropShadow;
  --mode-shadows-md-offset-x: 0;
  --mode-shadows-md-offset-y: 0;
  --mode-shadows-xl-blur: 0;
  --mode-shadows-xl-spread: 0;
  --mode-shadows-xl-color: #000000;
  --mode-shadows-xl-type: dropShadow;
  --mode-shadows-xl-offset-x: 0;
  --mode-shadows-xl-offset-y: 0;
  --mode-shadows-3xl-blur: 20px;
  --mode-shadows-3xl-spread: 5px;
  --mode-shadows-3xl-color: rgba(0,0,0,0.65);
  --mode-shadows-3xl-type: dropShadow;
  --mode-shadows-3xl-offset-x: 0;
  --mode-shadows-3xl-offset-y: -0;
  --brand-border-width-border-none-blur: 0;
  --brand-border-width-border-none-spread: 0;
  --brand-border-width-border-none-color: #000000;
  --brand-border-width-border-none-type: dropShadow;
  --brand-border-width-border-none-offset-x: 0;
  --brand-border-width-border-none-offset-y: 0;
  --brand-font-style-display-breakpoints-xs-to-m-xs-font-family: Rubik;
  --brand-font-style-display-breakpoints-xs-to-m-xs-font-weight: 500;
  --brand-font-style-display-breakpoints-xs-to-m-xs-font-size: 1.125rem;
  --brand-font-style-display-breakpoints-xs-to-m-xs-line-height: 22px;
  --brand-font-style-display-breakpoints-xs-to-m-xs-paragraph-spacing: 16px;
  --brand-font-style-display-breakpoints-xs-to-m-sm-font-family: Rubik;
  --brand-font-style-display-breakpoints-xs-to-m-sm-font-weight: 500;
  --brand-font-style-display-breakpoints-xs-to-m-sm-font-size: 1.25rem;
  --brand-font-style-display-breakpoints-xs-to-m-sm-line-height: 24px;
  --brand-font-style-display-breakpoints-xs-to-m-sm-paragraph-spacing: 24px;
  --brand-font-style-display-breakpoints-xs-to-m-md-font-family: Rubik;
  --brand-font-style-display-breakpoints-xs-to-m-md-font-weight: 500;
  --brand-font-style-display-breakpoints-xs-to-m-md-font-size: 1.75rem;
  --brand-font-style-display-breakpoints-xs-to-m-md-line-height: 38px;
  --brand-font-style-display-breakpoints-xs-to-m-md-paragraph-spacing: 2rem;
  --brand-font-style-display-breakpoint-l-xs-font-family: Rubik;
  --brand-font-style-display-breakpoint-l-xs-font-weight: 500;
  --brand-font-style-display-breakpoint-l-xs-font-size: 1.125rem;
  --brand-font-style-display-breakpoint-l-xs-line-height: 24px;
  --brand-font-style-display-breakpoint-l-xs-paragraph-spacing: 24px;
  --brand-font-style-display-breakpoint-l-sm-font-family: Rubik;
  --brand-font-style-display-breakpoint-l-sm-font-weight: 500;
  --brand-font-style-display-breakpoint-l-sm-font-size: 1.5rem;
  --brand-font-style-display-breakpoint-l-sm-line-height: 30px;
  --brand-font-style-display-breakpoint-l-sm-paragraph-spacing: 32px;
  --brand-font-style-display-breakpoint-l-md-font-family: Rubik;
  --brand-font-style-display-breakpoint-l-md-font-weight: 500;
  --brand-font-style-display-breakpoint-l-md-font-size: 3rem;
  --brand-font-style-display-breakpoint-l-md-line-height: 56px;
  --brand-font-style-display-breakpoint-l-md-paragraph-spacing: 40px;
  --brand-font-style-text-xs-default-font-family: Inter;
  --brand-font-style-text-xs-default-font-weight: 400;
  --brand-font-style-text-xs-default-font-size: 0.75rem;
  --brand-font-style-text-xs-default-line-height: 18px;
  --brand-font-style-text-xs-default-paragraph-spacing: 8px;
  --brand-font-style-text-xs-accent-font-family: Inter;
  --brand-font-style-text-xs-accent-font-weight: 400;
  --brand-font-style-text-xs-accent-font-size: 0.75rem;
  --brand-font-style-text-xs-accent-line-height: 18px;
  --brand-font-style-text-xs-accent-paragraph-spacing: 8px;
  --brand-font-style-text-xs-accent-font-style: italic;
  --brand-font-style-text-xs-stronger-font-family: Inter;
  --brand-font-style-text-xs-stronger-font-weight: 500;
  --brand-font-style-text-xs-stronger-font-size: 0.75rem;
  --brand-font-style-text-xs-stronger-line-height: 18px;
  --brand-font-style-text-xs-stronger-paragraph-spacing: 8px;
  --brand-font-style-text-xs-uppercase-stronger-font-family: Inter;
  --brand-font-style-text-xs-uppercase-stronger-font-weight: 500;
  --brand-font-style-text-xs-uppercase-stronger-font-size: 0.75rem;
  --brand-font-style-text-xs-uppercase-stronger-line-height: 18px;
  --brand-font-style-text-xs-uppercase-stronger-paragraph-spacing: 8px;
  --brand-font-style-text-xs-uppercase-stronger-text-case: Uppercase;
  --brand-font-style-text-xxs-default-font-family: Inter;
  --brand-font-style-text-xxs-default-font-weight: 400;
  --brand-font-style-text-xxs-default-font-size: 0.625rem;
  --brand-font-style-text-xxs-default-line-height: 14px;
  --brand-font-style-text-xxs-default-paragraph-spacing: 8px;
  --brand-font-style-text-sm-default-font-family: Inter;
  --brand-font-style-text-sm-default-font-weight: 400;
  --brand-font-style-text-sm-default-font-size: 0.875rem;
  --brand-font-style-text-sm-default-line-height: 22px;
  --brand-font-style-text-sm-default-paragraph-spacing: 8px;
  --brand-font-style-text-sm-accent-font-family: Inter;
  --brand-font-style-text-sm-accent-font-weight: 400;
  --brand-font-style-text-sm-accent-font-size: 0.875rem;
  --brand-font-style-text-sm-accent-line-height: 22px;
  --brand-font-style-text-sm-accent-paragraph-spacing: 8px;
  --brand-font-style-text-sm-accent-font-style: italic;
  --brand-font-style-text-sm-stronger-font-family: Inter;
  --brand-font-style-text-sm-stronger-font-weight: 500;
  --brand-font-style-text-sm-stronger-font-size: 0.875rem;
  --brand-font-style-text-sm-stronger-line-height: 22px;
  --brand-font-style-text-sm-stronger-paragraph-spacing: 8px;
  --brand-font-style-text-md-default-font-family: Inter;
  --brand-font-style-text-md-default-font-weight: 400;
  --brand-font-style-text-md-default-font-size: 1rem;
  --brand-font-style-text-md-default-line-height: 24px;
  --brand-font-style-text-md-default-paragraph-spacing: 12px;
  --brand-font-style-text-md-accent-font-family: Inter;
  --brand-font-style-text-md-accent-font-weight: 400;
  --brand-font-style-text-md-accent-font-size: 1rem;
  --brand-font-style-text-md-accent-line-height: 24px;
  --brand-font-style-text-md-accent-paragraph-spacing: 12px;
  --brand-font-style-text-md-accent-font-style: italic;
  --brand-font-style-text-md-stronger-font-family: Inter;
  --brand-font-style-text-md-stronger-font-weight: 500;
  --brand-font-style-text-md-stronger-font-size: 1rem;
  --brand-font-style-text-md-stronger-line-height: 24px;
  --brand-font-style-text-md-stronger-paragraph-spacing: 12px;
  --brand-font-style-text-lg-stronger-font-family: Inter;
  --brand-font-style-text-lg-stronger-font-weight: 700;
  --brand-font-style-text-lg-stronger-font-size: 1.125rem;
  --brand-font-style-text-lg-stronger-line-height: 24px;
  --brand-font-style-text-lg-stronger-paragraph-spacing: 16px;
  --brand-font-style-text-xl-stronger-font-family: Inter;
  --brand-font-style-text-xl-stronger-font-weight: 700;
  --brand-font-style-text-xl-stronger-font-size: 1.5rem;
  --brand-font-style-text-xl-stronger-line-height: 30px;
  --brand-font-style-text-xl-stronger-paragraph-spacing: 16px;
  --theme-shadows-none-blur: 0;
  --theme-shadows-none-spread: 0;
  --theme-shadows-none-color: #000000;
  --theme-shadows-none-type: dropShadow;
  --theme-shadows-none-offset-x: 0;
  --theme-shadows-none-offset-y: 0;
  --theme-shadows-md-blur: 0;
  --theme-shadows-md-spread: 0;
  --theme-shadows-md-color: #000000;
  --theme-shadows-md-type: dropShadow;
  --theme-shadows-md-offset-x: 0;
  --theme-shadows-md-offset-y: 0;
  --theme-shadows-xl-blur: 0;
  --theme-shadows-xl-spread: 0;
  --theme-shadows-xl-color: #000000;
  --theme-shadows-xl-type: dropShadow;
  --theme-shadows-xl-offset-x: 0;
  --theme-shadows-xl-offset-y: 0;
  --theme-shadows-3xl-blur: 20px;
  --theme-shadows-3xl-spread: 5px;
  --theme-shadows-3xl-color: rgba(0,0,0,0.65);
  --theme-shadows-3xl-type: dropShadow;
  --theme-shadows-3xl-offset-x: 0;
  --theme-shadows-3xl-offset-y: -0;
  --font-style-display-xs-font-family: Rubik;
  --font-style-display-xs-font-weight: 500;
  --font-style-display-xs-font-size: 1.125rem;
  --font-style-display-xs-line-height: 22px;
  --font-style-display-xs-paragraph-spacing: 16px;
  --font-style-display-sm-font-family: Rubik;
  --font-style-display-sm-font-weight: 500;
  --font-style-display-sm-font-size: 1.25rem;
  --font-style-display-sm-line-height: 24px;
  --font-style-display-sm-paragraph-spacing: 24px;
  --font-style-display-md-font-family: Rubik;
  --font-style-display-md-font-weight: 500;
  --font-style-display-md-font-size: 1.75rem;
  --font-style-display-md-line-height: 38px;
  --font-style-display-md-paragraph-spacing: 2rem;
  --font-style-text-xs-default-font-family: Inter;
  --font-style-text-xs-default-font-weight: 400;
  --font-style-text-xs-default-font-size: 0.75rem;
  --font-style-text-xs-default-line-height: 18px;
  --font-style-text-xs-default-paragraph-spacing: 8px;
  --font-style-text-xs-accent-font-family: Inter;
  --font-style-text-xs-accent-font-weight: 400;
  --font-style-text-xs-accent-font-size: 0.75rem;
  --font-style-text-xs-accent-line-height: 18px;
  --font-style-text-xs-accent-paragraph-spacing: 8px;
  --font-style-text-xs-accent-font-style: italic;
  --font-style-text-xs-stronger-font-family: Inter;
  --font-style-text-xs-stronger-font-weight: 500;
  --font-style-text-xs-stronger-font-size: 0.75rem;
  --font-style-text-xs-stronger-line-height: 18px;
  --font-style-text-xs-stronger-paragraph-spacing: 8px;
  --font-style-text-xs-uppercase-stronger-font-family: Inter;
  --font-style-text-xs-uppercase-stronger-font-weight: 500;
  --font-style-text-xs-uppercase-stronger-font-size: 0.75rem;
  --font-style-text-xs-uppercase-stronger-line-height: 18px;
  --font-style-text-xs-uppercase-stronger-paragraph-spacing: 8px;
  --font-style-text-xs-uppercase-stronger-text-case: Uppercase;
  --font-style-text-xxs-default-font-family: Inter;
  --font-style-text-xxs-default-font-weight: 400;
  --font-style-text-xxs-default-font-size: 0.625rem;
  --font-style-text-xxs-default-line-height: 14px;
  --font-style-text-xxs-default-paragraph-spacing: 8px;
  --font-style-text-sm-default-font-family: Inter;
  --font-style-text-sm-default-font-weight: 400;
  --font-style-text-sm-default-font-size: 0.875rem;
  --font-style-text-sm-default-line-height: 22px;
  --font-style-text-sm-default-paragraph-spacing: 8px;
  --font-style-text-sm-accent-font-family: Inter;
  --font-style-text-sm-accent-font-weight: 400;
  --font-style-text-sm-accent-font-size: 0.875rem;
  --font-style-text-sm-accent-line-height: 22px;
  --font-style-text-sm-accent-paragraph-spacing: 8px;
  --font-style-text-sm-accent-font-style: italic;
  --font-style-text-sm-stronger-font-family: Inter;
  --font-style-text-sm-stronger-font-weight: 500;
  --font-style-text-sm-stronger-font-size: 0.75rem;
  --font-style-text-sm-stronger-line-height: 18px;
  --font-style-text-sm-stronger-paragraph-spacing: 8px;
  --font-style-text-md-default-font-family: Inter;
  --font-style-text-md-default-font-weight: 400;
  --font-style-text-md-default-font-size: 1rem;
  --font-style-text-md-default-line-height: 24px;
  --font-style-text-md-default-paragraph-spacing: 12px;
  --font-style-text-md-accent-font-family: Inter;
  --font-style-text-md-accent-font-weight: 400;
  --font-style-text-md-accent-font-size: 1rem;
  --font-style-text-md-accent-line-height: 24px;
  --font-style-text-md-accent-paragraph-spacing: 12px;
  --font-style-text-md-accent-font-style: italic;
  --font-style-text-md-stronger-font-family: Inter;
  --font-style-text-md-stronger-font-weight: 500;
  --font-style-text-md-stronger-font-size: 1rem;
  --font-style-text-md-stronger-line-height: 24px;
  --font-style-text-md-stronger-paragraph-spacing: 12px;
  --font-style-text-lg-stronger-font-family: Inter;
  --font-style-text-lg-stronger-font-weight: 700;
  --font-style-text-lg-stronger-font-size: 1.125rem;
  --font-style-text-lg-stronger-line-height: 24px;
  --font-style-text-lg-stronger-paragraph-spacing: 16px;
  --font-style-text-xl-stronger-font-family: Inter;
  --font-style-text-xl-stronger-font-weight: 700;
  --font-style-text-xl-stronger-font-size: 1.5rem;
  --font-style-text-xl-stronger-line-height: 30px;
  --font-style-text-xl-stronger-paragraph-spacing: 16px;
  --button-size-md-min-height: 2.5rem;
  --button-size-md-border-radius: 8px;
  --button-size-md-horizontal-padding: 0.75rem;
  --button-size-md-item-spacing: 0.5rem;
  --button-size-md-vertical-padding: 0.5rem;
  --button-size-sm-min-height: 2rem;
  --button-size-sm-border-radius: 8px;
  --button-size-sm-horizontal-padding: 0.5rem;
  --button-size-sm-item-spacing: 0.5rem;
  --button-size-sm-vertical-padding: 0.25rem;
  --button-type-md-font-family: Inter;
  --button-type-md-font-weight: 500;
  --button-type-md-font-size: 1rem;
  --button-type-md-line-height: 24px;
  --button-type-sm-font-family: Inter;
  --button-type-sm-font-size: 0.875rem;
  --button-type-sm-line-height: 24px;
  --button-type-sm-font-weight: 500;
  --icon-button-size-md-height: 2.5rem;
  --icon-button-size-md-width: 2.5rem;
  --icon-button-size-md-border-radius: 8px;
  --icon-button-size-md-horizontal-padding: 0.75rem;
  --icon-button-size-md-item-spacing: 0.5rem;
  --icon-button-size-md-vertical-padding: 0.5rem;
  --icon-button-size-sm-height: 2rem;
  --icon-button-size-sm-width: 2rem;
  --icon-button-size-sm-border-radius: 8px;
  --icon-button-size-sm-horizontal-padding: 0.5rem;
  --icon-button-size-sm-item-spacing: 0.5rem;
  --icon-button-size-sm-vertical-padding: 0.25rem;
  --accordion-typography-md-title-font-family: Inter;
  --accordion-typography-md-title-font-weight: 500;
  --accordion-typography-md-title-font-size: 1rem;
  --accordion-typography-md-title-line-height: 24px;
  --accordion-typography-md-title-paragraph-spacing: 12px;
  --accordion-typography-md-subline-font-family: Inter;
  --accordion-typography-md-subline-font-weight: 400;
  --accordion-typography-md-subline-font-size: 1rem;
  --accordion-typography-md-subline-line-height: 24px;
  --accordion-typography-md-subline-paragraph-spacing: 12px;
  --accordion-typography-md-hint-font-family: Inter;
  --accordion-typography-md-hint-font-weight: 400;
  --accordion-typography-md-hint-font-size: 0.875rem;
  --accordion-typography-md-hint-line-height: 22px;
  --accordion-typography-md-hint-paragraph-spacing: 8px;
  --accordion-typography-sm-title-font-family: Inter;
  --accordion-typography-sm-title-font-weight: 400;
  --accordion-typography-sm-title-font-size: 0.875rem;
  --accordion-typography-sm-title-line-height: 22px;
  --accordion-typography-sm-title-paragraph-spacing: 8px;
  --accordion-typography-sm-subline-font-family: Inter;
  --accordion-typography-sm-subline-font-weight: 400;
  --accordion-typography-sm-subline-font-size: 0.875rem;
  --accordion-typography-sm-subline-line-height: 22px;
  --accordion-typography-sm-subline-paragraph-spacing: 8px;
  --accordion-typography-sm-hint-font-family: Inter;
  --accordion-typography-sm-hint-font-weight: 400;
  --accordion-typography-sm-hint-font-size: 0.875rem;
  --accordion-typography-sm-hint-line-height: 22px;
  --accordion-typography-sm-hint-paragraph-spacing: 8px;
  --draggable-list-shadow-1-blur: 6px;
  --draggable-list-shadow-1-spread: -1px;
  --draggable-list-shadow-1-color: rgba(0,0,0,0.1);
  --draggable-list-shadow-1-type: dropShadow;
  --draggable-list-shadow-1-offset-x: 0;
  --draggable-list-shadow-1-offset-y: 4px;
  --draggable-list-shadow-2-blur: 4px;
  --draggable-list-shadow-2-spread: -2px;
  --draggable-list-shadow-2-color: rgba(0,0,0,0.04);
  --draggable-list-shadow-2-type: dropShadow;
  --draggable-list-shadow-2-offset-x: 0;
  --draggable-list-shadow-2-offset-y: 2px;
  --draggable-list-single-space-single-horizontal-padding: 8px;
  --draggable-list-single-space-single-vertical-padding: 4px;
  --draggable-list-single-space-single-item-spacing: 4px;
  --draggable-list-group-space-header-padding-left: 8px;
  --draggable-list-group-space-header-padding-right: 24px;
  --draggable-list-group-space-header-vertical-padding: 4px;
  --draggable-list-group-space-header-item-spacing: 4px;
  --draggable-list-group-space-content-horizontal-padding: 16px;
  --draggable-list-group-space-content-padding-top: 16px;
  --draggable-list-group-space-content-padding-bottom: 24px;
  --dropdown-space-list-item-sm-horizontal-padding: 8px;
  --dropdown-space-list-item-sm-vertical-padding: 8px;
  --dropdown-space-list-item-sm-spacing: 8px;
  --dropdown-space-list-item-sm-min-height: 48px;
  --dropdown-space-list-item-md-horizontal-padding: 12px;
  --dropdown-space-list-item-md-vertical-padding: 8px;
  --dropdown-space-list-item-md-spacing: 8px;
  --dropdown-space-list-item-md-min-height: 48px;
  --dropdown-shadow-blur: 0;
  --dropdown-shadow-spread: 0;
  --dropdown-shadow-color: #000000;
  --dropdown-shadow-type: dropShadow;
  --dropdown-shadow-offset-x: 0;
  --dropdown-shadow-offset-y: 0;
  --form-typography-label-sm-font-family: Inter;
  --form-typography-label-sm-font-weight: 400;
  --form-typography-label-sm-font-size: 0.875rem;
  --form-typography-label-sm-line-height: 22px;
  --form-typography-label-sm-paragraph-spacing: 8px;
  --form-typography-label-md-font-family: Inter;
  --form-typography-label-md-font-weight: 400;
  --form-typography-label-md-font-size: 1rem;
  --form-typography-label-md-line-height: 24px;
  --form-typography-label-md-paragraph-spacing: 12px;
  --form-typography-hint-font-family: Inter;
  --form-typography-hint-font-weight: 400;
  --form-typography-hint-font-size: 0.875rem;
  --form-typography-hint-line-height: 22px;
  --form-typography-hint-paragraph-spacing: 8px;
  --form-typography-error-message-font-family: Inter;
  --form-typography-error-message-font-weight: 400;
  --form-typography-error-message-font-size: 0.875rem;
  --form-typography-error-message-line-height: 22px;
  --form-typography-error-message-paragraph-spacing: 8px;
  --form-typography-input-text-font-family: Inter;
  --form-typography-input-text-font-weight: 400;
  --form-typography-input-text-font-size: 0.875rem;
  --form-typography-input-text-line-height: 22px;
  --form-typography-input-text-paragraph-spacing: 8px;
  --form-typography-placeholder-font-family: Inter;
  --form-typography-placeholder-font-weight: 400;
  --form-typography-placeholder-font-size: 0.875rem;
  --form-typography-placeholder-line-height: 22px;
  --form-typography-placeholder-paragraph-spacing: 8px;
  --pill-button-type-sm-default-font-family: Inter;
  --pill-button-type-sm-default-font-weight: 400;
  --pill-button-type-sm-default-font-size: 0.75rem;
  --pill-button-type-sm-default-line-height: 18px;
  --pill-button-type-sm-default-paragraph-spacing: 8px;
  --pill-button-type-md-default-font-family: Inter;
  --pill-button-type-md-default-font-weight: 400;
  --pill-button-type-md-default-font-size: 0.875rem;
  --pill-button-type-md-default-line-height: 22px;
  --pill-button-type-md-default-paragraph-spacing: 8px;
  --table-size-header-cell-md-min-height: 0.625rem;
  --table-size-header-cell-md-vertical-padding: 0.75rem;
  --table-size-header-cell-md-horizontal-padding: 0.5rem;
  --table-size-header-cell-md-item-spacing: 0.5rem;
  --table-size-cell-group-title-md-min-height: 0.75rem;
  --table-size-cell-group-title-md-vertical-padding: 0.25rem;
  --table-size-cell-group-title-md-horizontal-padding: 0;
  --table-size-cell-group-title-md-item-spacing: 0.75rem;
  --table-size-cell-md-min-height: 0.75rem;
  --table-size-cell-md-vertical-padding: 0.25rem;
  --table-size-cell-md-horizontal-padding: 0.75rem;
  --table-size-cell-md-item-spacing: 0.75rem;
  --tab-type-default-font-family: Inter;
  --tab-type-default-font-weight: 400;
  --tab-type-default-font-size: 0.75rem;
  --tab-type-default-line-height: 18px;
  --tab-type-default-paragraph-spacing: 8px;
  --ag-card-shadow-blur: 0;
  --ag-card-shadow-spread: 0;
  --ag-card-shadow-color: #000000;
  --ag-card-shadow-type: dropShadow;
  --ag-card-shadow-offset-x: 0;
  --ag-card-shadow-offset-y: 0;
  --ag-dialog-shadow-blur: 0;
  --ag-dialog-shadow-spread: 0;
  --ag-dialog-shadow-color: #000000;
  --ag-dialog-shadow-type: dropShadow;
  --ag-dialog-shadow-offset-x: 0;
  --ag-dialog-shadow-offset-y: 0;
  --ag-drag-and-drop-image-shadow-blur: 0;
  --ag-drag-and-drop-image-shadow-spread: 0;
  --ag-drag-and-drop-image-shadow-color: #000000;
  --ag-drag-and-drop-image-shadow-type: dropShadow;
  --ag-drag-and-drop-image-shadow-offset-x: 0;
  --ag-drag-and-drop-image-shadow-offset-y: 0;
  --ag-dropdown-shadow-blur: 0;
  --ag-dropdown-shadow-spread: 0;
  --ag-dropdown-shadow-color: #000000;
  --ag-dropdown-shadow-type: dropShadow;
  --ag-dropdown-shadow-offset-x: 0;
  --ag-dropdown-shadow-offset-y: 0;
  --ag-header-row-border-style: solid;
  --ag-header-row-border-width: 1px;
  --ag-header-row-border-color: #343a45;
  --ag-input-focus-box-shadow-blur: 0;
  --ag-input-focus-box-shadow-spread: 0;
  --ag-input-focus-box-shadow-color: #000000;
  --ag-input-focus-box-shadow-type: dropShadow;
  --ag-input-focus-box-shadow-offset-x: 0;
  --ag-input-focus-box-shadow-offset-y: 0;
  --ag-menu-border-width: 1px;
  --ag-menu-border-style: solid;
  --ag-menu-border-color: #343a45;
  --ag-menu-shadow-blur: 0;
  --ag-menu-shadow-spread: 0;
  --ag-menu-shadow-color: #000000;
  --ag-menu-shadow-type: dropShadow;
  --ag-menu-shadow-offset-x: 0;
  --ag-menu-shadow-offset-y: 0;
  --ag-popup-shadow-blur: 0;
  --ag-popup-shadow-spread: 0;
  --ag-popup-shadow-color: #000000;
  --ag-popup-shadow-type: dropShadow;
  --ag-popup-shadow-offset-x: 0;
  --ag-popup-shadow-offset-y: 0;
  --ag-side-panel-border-width: 1px;
  --ag-side-panel-border-color: #343a45;
  --ag-side-panel-border-style: solid;
  --ag-custom-pinned-cols-shadow-blur: 0;
  --ag-custom-pinned-cols-shadow-spread: 0;
  --ag-custom-pinned-cols-shadow-color: #000000;
  --ag-custom-pinned-cols-shadow-type: dropShadow;
  --ag-custom-pinned-cols-shadow-offset-x: 0;
  --ag-custom-pinned-cols-shadow-offset-y: 0;
  --fab-size-md-min-height: 2.5rem;
  --fab-size-md-border-radius: 8px;
  --fab-size-md-horizontal-padding: 0.75rem;
  --fab-size-md-item-spacing: 0.5rem;
  --fab-size-md-vertical-padding: 0.5rem;
  --fab-shadow-blur: 0;
  --fab-shadow-spread: 0;
  --fab-shadow-color: #000000;
  --fab-shadow-type: dropShadow;
  --fab-shadow-offset-x: 0;
  --fab-shadow-offset-y: 0;
}
}


@media (width >= 768px) and
  (width < 1024px){


/**
 * Do not edit directly, this file was auto-generated.
 */


:root.supplyx:not(.dark),
:root.supplyx .light,
:root.supplyx:not(.dark) .dark .revert-colors
 {
 /**
  * @tokens Colors
  * @presenter Color
  */

  --colors-gray-light-25: #fcfcfd;
  --colors-gray-light-50: #f9f9fb;
  --colors-gray-light-100: #eff0f3;
  --colors-gray-light-200: #e7e8ec;
  --colors-gray-light-300: #e0e1e6;
  --colors-gray-light-400: #d8d9e0;
  --colors-gray-light-500: #cdced7;
  --colors-gray-light-600: #b9bbc6;
  --colors-gray-light-700: #8b8d98;
  --colors-gray-light-800: #80828d;
  --colors-gray-light-900: #62636c;
  --colors-gray-light-950: #1e1f24;
  --colors-gray-light-alpha-25: #00005503;
  --colors-gray-light-alpha-50: #00005506;
  --colors-gray-light-alpha-100: #00104010;
  --colors-gray-light-alpha-200: #000b3618;
  --colors-gray-light-alpha-300: #0009321f;
  --colors-gray-light-alpha-400: #00073527;
  --colors-gray-light-alpha-500: #00063332;
  --colors-gray-light-alpha-600: #00083046;
  --colors-gray-light-alpha-700: #00051d74;
  --colors-gray-light-alpha-800: #00051b7f;
  --colors-gray-light-alpha-900: #0002119d;
  --colors-gray-light-alpha-950: #000107e1;
  --colors-gray-dark-25: #101216;
  --colors-gray-dark-50: #17191D;
  --colors-gray-dark-100: #202329;
  --colors-gray-dark-200: #262a31;
  --colors-gray-dark-300: #2c313a;
  --colors-gray-dark-400: #343a45;
  --colors-gray-dark-500: #404755;
  --colors-gray-dark-600: #576174;
  --colors-gray-dark-700: #646e81;
  --colors-gray-dark-800: #727b8e;
  --colors-gray-dark-900: #acb4c2;
  --colors-gray-dark-950: #eceef2;
  --colors-gray-dark-alpha-25: #0013df05;
  --colors-gray-dark-alpha-50: #7da7fc0c;
  --colors-gray-dark-alpha-100: #a1c0fd19;
  --colors-gray-dark-alpha-200: #a8c6fb22;
  --colors-gray-dark-alpha-300: #a9c6fa2c;
  --colors-gray-dark-alpha-400: #b0ccff37;
  --colors-gray-dark-alpha-500: #b3ccfd49;
  --colors-gray-dark-alpha-600: #b8d0fd6a;
  --colors-gray-dark-alpha-700: #c0d5fd78;
  --colors-gray-dark-alpha-800: #c8d9fe86;
  --colors-gray-dark-alpha-900: #e0ebfebe;
  --colors-gray-dark-alpha-950: #f8fafef2;
  --colors-red-light-50: #fff7f7;
  --colors-red-light-100: #feebec;
  --colors-red-light-200: #ffdbdc;
  --colors-red-light-300: #ffcdce;
  --colors-red-light-400: #fdbdbe;
  --colors-red-light-500: #f4a9aa;
  --colors-red-light-600: #eb8e90;
  --colors-red-light-700: #C5504D;
  --colors-red-light-800: #B62521;
  --colors-red-light-900: #971F1C;
  --colors-red-light-950: #641723;
  --colors-red-dark-50: #201314;
  --colors-red-dark-100: #3b1219;
  --colors-red-dark-200: #500f1c;
  --colors-red-dark-300: #611623;
  --colors-red-dark-400: #72232d;
  --colors-red-dark-500: #8c333a;
  --colors-red-dark-600: #b54548;
  --colors-red-dark-700: #C5504D;
  --colors-red-dark-800: #D97674;
  --colors-red-dark-900: #E6A4A2;
  --colors-red-dark-950: #ffd1d9;
  --colors-green-light-50: #F3FAF8;
  --colors-green-light-100: #E7F5F0;
  --colors-green-light-200: #CFECE2;
  --colors-green-light-300: #9FD9C5;
  --colors-green-light-400: #6EC5A8;
  --colors-green-light-500: #3EB28B;
  --colors-green-light-600: #0E9F6E;
  --colors-green-light-700: #0C835B;
  --colors-green-light-800: #03543F;
  --colors-green-light-900: #023B2C;
  --colors-green-light-950: #01271E;
  --colors-green-dark-50: #02271D;
  --colors-green-dark-100: #083529;
  --colors-green-dark-200: #084F3C;
  --colors-green-dark-300: #137C58;
  --colors-green-dark-400: #14996C;
  --colors-green-dark-500: #43AD89;
  --colors-green-dark-600: #73C0A6;
  --colors-green-dark-700: #A5D3C3;
  --colors-green-dark-800: #D1EAE1;
  --colors-green-dark-900: #E8F4F0;
  --colors-green-dark-950: #F3FAF8;
  --colors-yellow-light-50: #FEFBF0;
  --colors-yellow-light-100: #FDF2C9;
  --colors-yellow-light-200: #FBE79D;
  --colors-yellow-light-300: #FCDE6E;
  --colors-yellow-light-400: #FBD546;
  --colors-yellow-light-500: #FACA15;
  --colors-yellow-light-600: #D6A100;
  --colors-yellow-light-700: #C27803;
  --colors-yellow-light-800: #9E6206;
  --colors-yellow-light-900: #733D0D;
  --colors-yellow-light-950: #452408;
  --colors-yellow-dark-50: #3D250F;
  --colors-yellow-dark-100: #6C3D13;
  --colors-yellow-dark-200: #96600E;
  --colors-yellow-dark-300: #B37512;
  --colors-yellow-dark-400: #CB9C10;
  --colors-yellow-dark-500: #EEC321;
  --colors-yellow-dark-600: #F2D04D;
  --colors-yellow-dark-700: #F4DA7B;
  --colors-yellow-dark-800: #F8E7A6;
  --colors-yellow-dark-900: #F9F1D5;
  --colors-yellow-dark-950: #FEFCF4;
  --colors-blue-light-50: #EFF6FF;
  --colors-blue-light-100: #DBEAFE;
  --colors-blue-light-200: #BFDBFE;
  --colors-blue-light-300: #93C5FD;
  --colors-blue-light-400: #60A5FA;
  --colors-blue-light-500: #3B82F6;
  --colors-blue-light-600: #2563EB;
  --colors-blue-light-700: #1D4ED8;
  --colors-blue-light-800: #1E40AF;
  --colors-blue-light-900: #1E3A8A;
  --colors-blue-light-950: #172554;
  --colors-blue-light-alpha-50: #EFF6FF08;
  --colors-blue-light-alpha-100: #DBEAFE26;
  --colors-blue-light-alpha-200: #BFDBFE26;
  --colors-blue-light-alpha-300: #93C5FD4D;
  --colors-blue-light-alpha-400: #60A5FA66;
  --colors-blue-light-alpha-500: #3B82F680;
  --colors-blue-light-alpha-600: #2563EB99;
  --colors-blue-light-alpha-700: #1D4ED8B3;
  --colors-blue-light-alpha-800: #1E40AFCC;
  --colors-blue-light-alpha-900: #1E3A8AE6;
  --colors-blue-light-alpha-950: #172554F2;
  --colors-blue-dark-50: #172554;
  --colors-blue-dark-100: #1E3A8A;
  --colors-blue-dark-200: #1E40AF;
  --colors-blue-dark-300: #1D4ED8;
  --colors-blue-dark-400: #2563EB;
  --colors-blue-dark-500: #3B82F6;
  --colors-blue-dark-600: #60A5FA;
  --colors-blue-dark-700: #93C5FD;
  --colors-blue-dark-800: #BFDBFE;
  --colors-blue-dark-900: #DBEAFE;
  --colors-blue-dark-950: #EFF6FF;
  --colors-blue-dark-alpha-50: #17255408;
  --colors-blue-dark-alpha-100: #1E3A8A0D;
  --colors-blue-dark-alpha-200: #1E40AF26;
  --colors-blue-dark-alpha-300: #1D4ED84D;
  --colors-blue-dark-alpha-400: #2563EB66;
  --colors-blue-dark-alpha-500: #3B82F680;
  --colors-blue-dark-alpha-600: #60A5FA99;
  --colors-blue-dark-alpha-700: #93C5FDB3;
  --colors-blue-dark-alpha-800: #BFDBFECC;
  --colors-blue-dark-alpha-900: #DBEAFEE6;
  --colors-blue-dark-alpha-950: #EFF6FFF2;
  --colors-black-white-light-min: #ffffff;
  --colors-black-white-light-max: #000;
  --colors-black-white-dark-min: #000;
  --colors-black-white-dark-max: #ffffff;
  --colors-mystic-violet-light-50: #F6F3F7;
  --colors-mystic-violet-light-100: #EDE7EE;
  --colors-mystic-violet-light-200: #DCD0DE;
  --colors-mystic-violet-light-300: #CAB8CD;
  --colors-mystic-violet-light-400: #A789AB;
  --colors-mystic-violet-light-500: #96719B;
  --colors-mystic-violet-light-600: #845A8A;
  --colors-mystic-violet-light-700: #501358;
  --colors-mystic-violet-light-800: #65296d;
  --colors-mystic-violet-light-900: #8b4d93;
  --colors-mystic-violet-light-950: #54185c;
  --colors-mystic-violet-light-a: #5013581F; /** Primary color alpha value */
  --colors-mystic-violet-dark-50: #2E1631;
  --colors-mystic-violet-dark-100: #461E4B;
  --colors-mystic-violet-dark-200: #522558;
  --colors-mystic-violet-dark-300: #6C4771;
  --colors-mystic-violet-dark-400: #86688A;
  --colors-mystic-violet-dark-500: #97799B;
  --colors-mystic-violet-dark-600: #A890AB;
  --colors-mystic-violet-dark-700: #CBBDCD;
  --colors-mystic-violet-dark-800: #DCD3DE;
  --colors-mystic-violet-dark-900: #EDE9EE;
  --colors-mystic-violet-dark-950: #F6F2F7;
  --colors-mystic-violet-dark-a: #5013581F; /** Primary color alpha value */
  --colors-vibrant-yellow-dark-50: #1a180f;
  --colors-vibrant-yellow-dark-100: #2a2404;
  --colors-vibrant-yellow-dark-200: #362c00;
  --colors-vibrant-yellow-dark-300: #423600;
  --colors-vibrant-yellow-dark-400: #4f4400;
  --colors-vibrant-yellow-dark-500: #62560f;
  --colors-vibrant-yellow-dark-600: #7c6e17;
  --colors-vibrant-yellow-dark-700: #f7d908;
  --colors-vibrant-yellow-dark-800: #edcf00;
  --colors-vibrant-yellow-dark-900: #f9db13;
  --colors-vibrant-yellow-dark-950: #f8edaf;
  --colors-vibrant-yellow-dark-a: #fec30034; /** Primary color alpha value */
  --colors-vibrant-yellow-light-50: #FFFCEB;
  --colors-vibrant-yellow-light-100: #FFF8C7;
  --colors-vibrant-yellow-light-200: #FFF299;
  --colors-vibrant-yellow-light-300: #FFEC6B;
  --colors-vibrant-yellow-light-400: #FFE638;
  --colors-vibrant-yellow-light-500: #FFDF00;
  --colors-vibrant-yellow-light-600: #F0CC00;
  --colors-vibrant-yellow-light-700: #C2A500;
  --colors-vibrant-yellow-light-800: #8F7900;
  --colors-vibrant-yellow-light-900: #473D00;
  --colors-vibrant-yellow-light-950: #2E2700;
  --colors-vibrant-yellow-light-a: #fec30034; /** Primary color alpha value */
  --colors-westwing-gray-light-50: #f9f9fa;
  --colors-westwing-gray-light-100: #f0f0f1;
  --colors-westwing-gray-light-200: #e8e8ea;
  --colors-westwing-gray-light-300: #e1e1e3;
  --colors-westwing-gray-light-400: #d9dadc;
  --colors-westwing-gray-light-500: #ceced2;
  --colors-westwing-gray-light-600: #bbbbbf;
  --colors-westwing-gray-light-700: #1d1d1f;
  --colors-westwing-gray-light-800: #333335;
  --colors-westwing-gray-light-900: #646467;
  --colors-westwing-gray-light-950: #1f1f21;
  --colors-westwing-gray-light-a: #0000111e; /** Primary color alpha value */
  --colors-westwing-gray-dark-50: #19191b;
  --colors-westwing-gray-dark-100: #232325;
  --colors-westwing-gray-dark-200: #2a2a2d;
  --colors-westwing-gray-dark-300: #313134;
  --colors-westwing-gray-dark-400: #3a3a3d;
  --colors-westwing-gray-dark-500: #48484b;
  --colors-westwing-gray-dark-600: #606064;
  --colors-westwing-gray-dark-700: #6e6e72;
  --colors-westwing-gray-dark-800: #616165;
  --colors-westwing-gray-dark-900: #b4b4b8;
  --colors-westwing-gray-dark-950: #eeeef0;
  --colors-westwing-gray-dark-a: #0000111e; /** Primary color alpha value */
  --colors-bonprix-blue-dark-50: #121823;
  --colors-bonprix-blue-dark-100: #172642;
  --colors-bonprix-blue-dark-200: #1b3159;
  --colors-bonprix-blue-dark-300: #243d6a;
  --colors-bonprix-blue-dark-400: #2e497a;
  --colors-bonprix-blue-dark-500: #39578e;
  --colors-bonprix-blue-dark-600: #4467a8;
  --colors-bonprix-blue-dark-700: #89aded;
  --colors-bonprix-blue-dark-800: #7ea2e1;
  --colors-bonprix-blue-dark-900: #91b6f6;
  --colors-bonprix-blue-dark-950: #d4e2fa;
  --colors-bonprix-blue-dark-a: #367dfd4a; /** Primary color alpha value */
  --colors-bonprix-blue-light-50: #f7f9fe;
  --colors-bonprix-blue-light-100: #ecf2fd;
  --colors-bonprix-blue-light-200: #dfeaff;
  --colors-bonprix-blue-light-300: #cfe0fe;
  --colors-bonprix-blue-light-400: #bcd3fc;
  --colors-bonprix-blue-light-500: #a5c1f2;
  --colors-bonprix-blue-light-600: #85a8e8;
  --colors-bonprix-blue-light-700: #89aded;
  --colors-bonprix-blue-light-800: #7ea2e1;
  --colors-bonprix-blue-light-900: #4868a3;
  --colors-bonprix-blue-light-950: #1a3059;
  --colors-bonprix-blue-light-a: #0058ff20; /** Primary color alpha value */
  --colors-transparent: #FFFFFF00;
  --colors-bonprix-gray-light-50: #f8f9f9;
  --colors-bonprix-gray-light-100: #f0f0f0;
  --colors-bonprix-gray-light-200: #e8e8e9;
  --colors-bonprix-gray-light-300: #e1e1e1;
  --colors-bonprix-gray-light-400: #d9d9da;
  --colors-bonprix-gray-light-500: #cececf;
  --colors-bonprix-gray-light-600: #bbbbbc;
  --colors-bonprix-gray-light-700: #000;
  --colors-bonprix-gray-light-800: #2d2e2f;
  --colors-bonprix-gray-light-900: #636464;
  --colors-bonprix-gray-light-950: #1f1f20;
  --colors-bonprix-gray-light-a: #00000c17; /** Primary color alpha value */
  --colors-bonprix-gray-dark-50: #17191e;
  --colors-bonprix-gray-dark-100: #1f2329;
  --colors-bonprix-gray-dark-200: #262a30;
  --colors-bonprix-gray-dark-300: #2d3138;
  --colors-bonprix-gray-dark-400: #363a41;
  --colors-bonprix-gray-dark-500: #43474e;
  --colors-bonprix-gray-dark-600: #5d6068;
  --colors-bonprix-gray-dark-700: #6a6e76;
  --colors-bonprix-gray-dark-800: #5d6068;
  --colors-bonprix-gray-dark-900: #afb4bc;
  --colors-bonprix-gray-dark-950: #eceef2;
  --colors-bonprix-gray-dark-a: #d2e6fb1d; /** Primary color alpha value */
  --colors-westwing-green-light-50: #f4faf9;
  --colors-westwing-green-light-100: #e4f7f2;
  --colors-westwing-green-light-200: #d4f1e9;
  --colors-westwing-green-light-300: #c2e8de;
  --colors-westwing-green-light-400: #aedbcf;
  --colors-westwing-green-light-500: #93cabc;
  --colors-westwing-green-light-600: #6cb5a4;
  --colors-westwing-green-light-700: #48a18e;
  --colors-westwing-green-light-800: #3e9482;
  --colors-westwing-green-light-900: #1b7c6b;
  --colors-westwing-green-light-950: #1d3b34;
  --colors-westwing-green-light-a: #73fbde2d;
  --colors-westwing-green-dark-50: #141a18;
  --colors-westwing-green-dark-100: #192724;
  --colors-westwing-green-dark-200: #1c322c;
  --colors-westwing-green-dark-300: #233b36;
  --colors-westwing-green-dark-400: #2d4741;
  --colors-westwing-green-dark-500: #395750;
  --colors-westwing-green-dark-600: #4a6f66;
  --colors-westwing-green-dark-700: #8ec5b7;
  --colors-westwing-green-dark-800: #8fb7ac;
  --colors-westwing-green-dark-900: #8dc4b6;
  --colors-westwing-green-dark-950: #d9f2eb;
  --colors-westwing-green-dark-a: #73fbde2d; /** Primary color alpha value */
  --mode-colors-gray-25: #fcfcfd;
  --mode-colors-gray-50: #f9f9fb;
  --mode-colors-gray-100: #eff0f3;
  --mode-colors-gray-200: #e7e8ec;
  --mode-colors-gray-300: #e0e1e6;
  --mode-colors-gray-400: #d8d9e0;
  --mode-colors-gray-500: #cdced7;
  --mode-colors-gray-600: #b9bbc6;
  --mode-colors-gray-700: #8b8d98;
  --mode-colors-gray-800: #80828d;
  --mode-colors-gray-900: #62636c;
  --mode-colors-gray-950: #1e1f24;
  --mode-colors-gray-min: #ffffff;
  --mode-colors-gray-max: #000;
  --mode-colors-gray-alpha-25: #00005503;
  --mode-colors-gray-alpha-50: #00005506;
  --mode-colors-gray-alpha-100: #00104010;
  --mode-colors-gray-alpha-200: #000b3618;
  --mode-colors-gray-alpha-300: #0009321f;
  --mode-colors-gray-alpha-400: #00073527;
  --mode-colors-gray-alpha-500: #00063332;
  --mode-colors-gray-alpha-600: #00083046;
  --mode-colors-gray-alpha-700: #00051d74;
  --mode-colors-gray-alpha-800: #00051b7f;
  --mode-colors-gray-alpha-900: #0002119d;
  --mode-colors-gray-alpha-950: #000107e1;
  --mode-colors-green-50: #F3FAF8;
  --mode-colors-green-100: #E7F5F0;
  --mode-colors-green-200: #CFECE2;
  --mode-colors-green-300: #9FD9C5;
  --mode-colors-green-400: #6EC5A8;
  --mode-colors-green-500: #3EB28B;
  --mode-colors-green-600: #0E9F6E;
  --mode-colors-green-700: #0C835B;
  --mode-colors-green-800: #03543F;
  --mode-colors-green-900: #023B2C;
  --mode-colors-green-950: #01271E;
  --mode-colors-yellow-50: #FEFBF0;
  --mode-colors-yellow-100: #FDF2C9;
  --mode-colors-yellow-200: #FBE79D;
  --mode-colors-yellow-300: #FCDE6E;
  --mode-colors-yellow-400: #FBD546;
  --mode-colors-yellow-500: #FACA15;
  --mode-colors-yellow-600: #D6A100;
  --mode-colors-yellow-700: #C27803;
  --mode-colors-yellow-800: #9E6206;
  --mode-colors-yellow-900: #733D0D;
  --mode-colors-yellow-950: #452408;
  --mode-colors-red-50: #fff7f7;
  --mode-colors-red-100: #feebec;
  --mode-colors-red-200: #ffdbdc;
  --mode-colors-red-300: #ffcdce;
  --mode-colors-red-400: #fdbdbe;
  --mode-colors-red-500: #f4a9aa;
  --mode-colors-red-600: #eb8e90;
  --mode-colors-red-700: #C5504D;
  --mode-colors-red-800: #B62521;
  --mode-colors-red-900: #971F1C;
  --mode-colors-red-950: #641723;
  --mode-colors-blue-50: #EFF6FF;
  --mode-colors-blue-100: #DBEAFE;
  --mode-colors-blue-200: #BFDBFE;
  --mode-colors-blue-300: #93C5FD;
  --mode-colors-blue-400: #60A5FA;
  --mode-colors-blue-500: #3B82F6;
  --mode-colors-blue-600: #2563EB;
  --mode-colors-blue-700: #1D4ED8;
  --mode-colors-blue-800: #1E40AF;
  --mode-colors-blue-900: #1E3A8A;
  --mode-colors-blue-950: #172554;
  --mode-colors-blue-alpha-50: #EFF6FF08;
  --mode-colors-blue-alpha-100: #DBEAFE26;
  --mode-colors-blue-alpha-200: #BFDBFE26;
  --mode-colors-blue-alpha-300: #93C5FD4D;
  --mode-colors-blue-alpha-400: #60A5FA66;
  --mode-colors-blue-alpha-500: #3B82F680;
  --mode-colors-blue-alpha-600: #2563EB99;
  --mode-colors-blue-alpha-700: #1D4ED8B3;
  --mode-colors-blue-alpha-800: #1E40AFCC;
  --mode-colors-blue-alpha-900: #1E3A8AE6;
  --mode-colors-blue-alpha-950: #172554F2;
  --mode-colors-supplx-secondary-50: #FFFCEB;
  --mode-colors-supplx-secondary-100: #FFF8C7;
  --mode-colors-supplx-secondary-200: #FFF299;
  --mode-colors-supplx-secondary-300: #FFEC6B;
  --mode-colors-supplx-secondary-400: #FFE638;
  --mode-colors-supplx-secondary-500: #FFDF00;
  --mode-colors-supplx-secondary-600: #F0CC00;
  --mode-colors-supplx-secondary-700: #C2A500;
  --mode-colors-supplx-secondary-800: #8F7900;
  --mode-colors-supplx-secondary-900: #473D00;
  --mode-colors-supplx-secondary-950: #2E2700;
  --mode-colors-supplx-secondary-a: #fec30034;
  --mode-colors-supplx-primary-50: #F6F3F7;
  --mode-colors-supplx-primary-100: #EDE7EE;
  --mode-colors-supplx-primary-200: #DCD0DE;
  --mode-colors-supplx-primary-300: #CAB8CD;
  --mode-colors-supplx-primary-400: #A789AB;
  --mode-colors-supplx-primary-500: #96719B;
  --mode-colors-supplx-primary-600: #845A8A;
  --mode-colors-supplx-primary-700: #501358;
  --mode-colors-supplx-primary-800: #65296d;
  --mode-colors-supplx-primary-900: #8b4d93;
  --mode-colors-supplx-primary-950: #54185c;
  --mode-colors-supplx-primary-a: #5013581F;
  --mode-colors-bonprix-primary-50: #f9f9fa;
  --mode-colors-bonprix-primary-100: #f0f0f1;
  --mode-colors-bonprix-primary-200: #e8e8ea;
  --mode-colors-bonprix-primary-300: #e1e1e3;
  --mode-colors-bonprix-primary-400: #d9dadc;
  --mode-colors-bonprix-primary-500: #ceced2;
  --mode-colors-bonprix-primary-600: #bbbbbf;
  --mode-colors-bonprix-primary-700: #1d1d1f;
  --mode-colors-bonprix-primary-800: #333335;
  --mode-colors-bonprix-primary-900: #646467;
  --mode-colors-bonprix-primary-950: #1f1f21;
  --mode-colors-bonprix-primary-a: #0000111e;
  --mode-colors-bonprix-secondary-50: #f7f9fe;
  --mode-colors-bonprix-secondary-100: #ecf2fd;
  --mode-colors-bonprix-secondary-200: #dfeaff;
  --mode-colors-bonprix-secondary-300: #cfe0fe;
  --mode-colors-bonprix-secondary-400: #bcd3fc;
  --mode-colors-bonprix-secondary-500: #a5c1f2;
  --mode-colors-bonprix-secondary-600: #85a8e8;
  --mode-colors-bonprix-secondary-700: #89aded;
  --mode-colors-bonprix-secondary-800: #7ea2e1;
  --mode-colors-bonprix-secondary-900: #4868a3;
  --mode-colors-bonprix-secondary-950: #1a3059;
  --mode-colors-transparent: #FFFFFF00;
  --mode-colors-westwing-primary-50: #f9f9fa;
  --mode-colors-westwing-primary-100: #f0f0f1;
  --mode-colors-westwing-primary-200: #e8e8ea;
  --mode-colors-westwing-primary-300: #e1e1e3;
  --mode-colors-westwing-primary-400: #d9dadc;
  --mode-colors-westwing-primary-500: #ceced2;
  --mode-colors-westwing-primary-600: #bbbbbf;
  --mode-colors-westwing-primary-700: #1d1d1f;
  --mode-colors-westwing-primary-800: #333335;
  --mode-colors-westwing-primary-900: #646467;
  --mode-colors-westwing-primary-950: #1f1f21;
  --mode-colors-westwing-primary-a: #0000111e;
  --mode-colors-westwing-secondary-50: #f4faf9;
  --mode-colors-westwing-secondary-100: #e4f7f2;
  --mode-colors-westwing-secondary-200: #d4f1e9;
  --mode-colors-westwing-secondary-300: #c2e8de;
  --mode-colors-westwing-secondary-400: #aedbcf;
  --mode-colors-westwing-secondary-500: #93cabc;
  --mode-colors-westwing-secondary-600: #6cb5a4;
  --mode-colors-westwing-secondary-700: #48a18e;
  --mode-colors-westwing-secondary-800: #3e9482;
  --mode-colors-westwing-secondary-900: #1b7c6b;
  --mode-colors-westwing-secondary-950: #1d3b34;
  --brand-colors-neutral-25: #fcfcfd;
  --brand-colors-neutral-50: #f9f9fb;
  --brand-colors-neutral-100: #eff0f3;
  --brand-colors-neutral-200: #e7e8ec;
  --brand-colors-neutral-300: #e0e1e6;
  --brand-colors-neutral-400: #d8d9e0;
  --brand-colors-neutral-500: #cdced7;
  --brand-colors-neutral-600: #b9bbc6;
  --brand-colors-neutral-700: #8b8d98;
  --brand-colors-neutral-800: #80828d;
  --brand-colors-neutral-900: #62636c;
  --brand-colors-neutral-950: #1e1f24;
  --brand-colors-neutral-min: #ffffff;
  --brand-colors-neutral-max: #000;
  --brand-colors-neutral-alpha-25: #00005503;
  --brand-colors-neutral-alpha-50: #00005506;
  --brand-colors-neutral-alpha-100: #00104010;
  --brand-colors-neutral-alpha-200: #000b3618;
  --brand-colors-neutral-alpha-300: #0009321f;
  --brand-colors-neutral-alpha-400: #00073527;
  --brand-colors-neutral-alpha-500: #00063332;
  --brand-colors-neutral-alpha-600: #00083046;
  --brand-colors-neutral-alpha-700: #00051d74;
  --brand-colors-neutral-alpha-800: #00051b7f;
  --brand-colors-neutral-alpha-900: #0002119d;
  --brand-colors-neutral-alpha-950: #000107e1;
  --brand-colors-success-50: #F3FAF8;
  --brand-colors-success-100: #E7F5F0;
  --brand-colors-success-200: #CFECE2;
  --brand-colors-success-300: #9FD9C5;
  --brand-colors-success-400: #6EC5A8;
  --brand-colors-success-500: #3EB28B;
  --brand-colors-success-600: #0E9F6E;
  --brand-colors-success-700: #0C835B;
  --brand-colors-success-800: #03543F;
  --brand-colors-success-900: #023B2C;
  --brand-colors-success-950: #01271E;
  --brand-colors-warning-50: #FEFBF0;
  --brand-colors-warning-100: #FDF2C9;
  --brand-colors-warning-200: #FBE79D;
  --brand-colors-warning-300: #FCDE6E;
  --brand-colors-warning-400: #FBD546;
  --brand-colors-warning-500: #FACA15;
  --brand-colors-warning-600: #D6A100;
  --brand-colors-warning-700: #C27803;
  --brand-colors-warning-800: #9E6206;
  --brand-colors-warning-900: #733D0D;
  --brand-colors-warning-950: #452408;
  --brand-colors-error-50: #fff7f7;
  --brand-colors-error-100: #feebec;
  --brand-colors-error-200: #ffdbdc;
  --brand-colors-error-300: #ffcdce;
  --brand-colors-error-400: #fdbdbe;
  --brand-colors-error-500: #f4a9aa;
  --brand-colors-error-600: #eb8e90;
  --brand-colors-error-700: #C5504D;
  --brand-colors-error-800: #B62521;
  --brand-colors-error-900: #971F1C;
  --brand-colors-error-950: #641723;
  --brand-colors-interactive-50: #EFF6FF;
  --brand-colors-interactive-100: #DBEAFE;
  --brand-colors-interactive-200: #BFDBFE;
  --brand-colors-interactive-300: #93C5FD;
  --brand-colors-interactive-400: #60A5FA;
  --brand-colors-interactive-500: #3B82F6;
  --brand-colors-interactive-600: #2563EB;
  --brand-colors-interactive-700: #1D4ED8;
  --brand-colors-interactive-800: #1E40AF;
  --brand-colors-interactive-900: #1E3A8A;
  --brand-colors-interactive-950: #172554;
  --brand-colors-interactive-alpha-50: #EFF6FF08;
  --brand-colors-interactive-alpha-100: #DBEAFE26;
  --brand-colors-interactive-alpha-200: #BFDBFE26;
  --brand-colors-interactive-alpha-300: #93C5FD4D;
  --brand-colors-interactive-alpha-400: #60A5FA66;
  --brand-colors-interactive-alpha-500: #3B82F680;
  --brand-colors-interactive-alpha-600: #2563EB99;
  --brand-colors-interactive-alpha-700: #1D4ED8B3;
  --brand-colors-interactive-alpha-800: #1E40AFCC;
  --brand-colors-interactive-alpha-900: #1E3A8AE6;
  --brand-colors-interactive-alpha-950: #172554F2;
  --brand-colors-secondary-50: #FFFCEB;
  --brand-colors-secondary-100: #FFF8C7;
  --brand-colors-secondary-200: #FFF299;
  --brand-colors-secondary-300: #FFEC6B;
  --brand-colors-secondary-400: #FFE638;
  --brand-colors-secondary-500: #FFDF00;
  --brand-colors-secondary-600: #F0CC00;
  --brand-colors-secondary-700: #C2A500;
  --brand-colors-secondary-800: #8F7900;
  --brand-colors-secondary-900: #473D00;
  --brand-colors-secondary-950: #2E2700;
  --brand-colors-primary-50: #F6F3F7;
  --brand-colors-primary-100: #EDE7EE;
  --brand-colors-primary-200: #DCD0DE;
  --brand-colors-primary-300: #CAB8CD;
  --brand-colors-primary-400: #A789AB;
  --brand-colors-primary-500: #96719B;
  --brand-colors-primary-600: #845A8A;
  --brand-colors-primary-700: #501358;
  --brand-colors-primary-800: #65296d;
  --brand-colors-primary-900: #8b4d93;
  --brand-colors-primary-950: #54185c;
  --brand-colors-primary-a: #5013581F;
  --brand-colors-transparent: #FFFFFF00;
  --theme-colors-border-default: #d8d9e0;
  --theme-colors-border-strong: #cdced7;
  --theme-colors-border-success: #6EC5A8;
  --theme-colors-border-warning: #FBD546;
  --theme-colors-border-error: #fdbdbe;
  --theme-colors-border-info: #60A5FA;
  --theme-colors-text-default: #1e1f24;
  --theme-colors-text-inverse: #f9f9fb;
  --theme-colors-text-subtle: #62636c;
  --theme-colors-text-success: #023B2C;
  --theme-colors-text-error: #971F1C;
  --theme-colors-text-warning: #733D0D;
  --theme-colors-text-info: #1E3A8A;
  --theme-colors-icon-info: #1D4ED8;
  --theme-colors-icon-success: #0C835B;
  --theme-colors-icon-error: #C5504D;
  --theme-colors-icon-warning: #C27803;
  --theme-colors-icon-default: #1e1f24;
  --theme-colors-icon-inverse: #f9f9fb;
  --theme-colors-icon-subtle: #62636c;
  --theme-colors-icon-extra-subtle: #8b8d98;
  --theme-colors-link-default: #501358;
  --theme-colors-link-hover: #65296d;
  --theme-colors-link-pressed: #65296d; /** Test to used modifier */
  --theme-colors-link-disabled: #d8d9e0;
  --theme-colors-bg-base: #ffffff;
  --theme-colors-bg-hover: #5013581F; /** Hover color for surfaces in the colors: base, layer 1 and layer 2.  */
  --theme-colors-bg-layer0: #f9f9fb; /** Not a regular backgound color. Mainly used as backgound color on AG-Grid row for group on 3rd level and for menus and dropdowns. */
  --theme-colors-bg-layer1: #eff0f3;
  --theme-colors-bg-layer2: #e7e8ec;
  --theme-colors-bg-success-default: #E7F5F0;
  --theme-colors-bg-success-strong: #CFECE2;
  --theme-colors-bg-warning-default: #FDF2C9;
  --theme-colors-bg-warning-strong: #FBE79D;
  --theme-colors-bg-error-default: #feebec;
  --theme-colors-bg-error-strong: #ffdbdc;
  --theme-colors-bg-inverse-base: #1e1f24; /** The darkest background-color used across layouts and components. It is useful for components such as tooltips. */
  --theme-colors-bg-inverse-layer1: #cdced7;
  --theme-colors-bg-info-default: #DBEAFE;
  --theme-colors-bg-info-strong: #BFDBFE;
  --theme-colors-accent-subtle-default: #96719B;
  --theme-colors-accent-subtle-hover: #845A8A;
  --theme-colors-accent-strong-default: #501358;
  --theme-colors-accent-strong-hover: #65296d;
  --button-colors-primary-bg-default: #501358;
  --button-colors-primary-bg-hover: #65296d;
  --button-colors-primary-bg-pressed: #8b4d93;
  --button-colors-primary-bg-disabled: #e7e8ec;
  --button-colors-primary-bg-destructive-default: #B62521;
  --button-colors-primary-bg-destructive-hover: #C5504D;
  --button-colors-primary-bg-destructive-pressed: #B62521;
  --button-colors-primary-bg-destructive-disabled: #feebec;
  --button-colors-primary-fg-default: #ffffff;
  --button-colors-primary-fg-disabled: #00051d74;
  --button-colors-primary-fg-destructive-disabled: #00051d74;
  --button-colors-secondary-bg-default: #00005506;
  --button-colors-secondary-bg-hover: #00104010;
  --button-colors-secondary-bg-pressed: #000b3618;
  --button-colors-secondary-bg-disabled: #FFFFFF00;
  --button-colors-secondary-bg-destructive-default: #00005506;
  --button-colors-secondary-bg-destructive-hover: #00104010;
  --button-colors-secondary-bg-destructive-pressed: #000b3618;
  --button-colors-secondary-bg-destructive-disabled: #FFFFFF00;
  --button-colors-secondary-fg-default: #501358;
  --button-colors-secondary-fg-disabled: #8b8d98;
  --button-colors-secondary-fg-destructive-default: #B62521;
  --button-colors-secondary-fg-destructive-disabled: #8b8d98;
  --button-colors-secondary-border-default: #b9bbc6;
  --button-colors-secondary-border-destructive-default: #eb8e90;
  --button-colors-secondary-border-destructive-disabled: #00073527;
  --button-colors-secondary-border-disabled: #00073527;
  --button-colors-tertiary-bg-hover: #00104010;
  --button-colors-tertiary-bg-pressed: #000b3618;
  --button-colors-tertiary-bg-destructive-hover: #00104010;
  --button-colors-tertiary-bg-destructive-pressed: #000b3618;
  --button-colors-tertiary-fg-default: #501358;
  --button-colors-tertiary-fg-disabled: #8b8d98;
  --button-colors-tertiary-fg-destructive-default: #B62521;
  --button-colors-tertiary-fg-destructive-disabled: #8b8d98;
  --focus-ring-colors-bg: #BFDBFE26;
  --focus-ring-colors-border: #93C5FD;
  --accordion-header-colors-bg-accent-default: #ffffff;
  --accordion-header-colors-bg-accent-hover: #EDE7EE;
  --accordion-header-colors-bg-default: #eff0f3;
  --accordion-header-colors-bg-hover: #e7e8ec;
  --accordion-colors-border-accent-default: #96719B;
  --accordion-colors-border-default: #d8d9e0;
  --accordion-colors-text-title: #1e1f24;
  --accordion-colors-text-subline: #62636c;
  --accordion-colors-text-hint: #1e1f24;
  --accordion-colors-icon-left: #1e1f24;
  --accordion-colors-icon-right: #62636c;
  --accordion-colors-icon-chevron: #62636c;
  --accordion-group-header-colors-bg-default: #ffffff;
  --avatar-colors-border-default: #ffffff;
  --avatar-colors-border-hover: #d8d9e0;
  --avatar-colors-bg-default: #e7e8ec;
  --avatar-colors-bg-hover: #e0e1e6;
  --avatar-colors-fg: #1e1f24;
  --avatar-colors-placeholder-border: #cdced7;
  --checkbox-colors-unselected-border-default: #62636c;
  --checkbox-colors-unselected-border-hover: #845A8A;
  --checkbox-colors-unselected-border-disabled: #00063332;
  --checkbox-colors-unselected-border-error: #B62521;
  --checkbox-colors-unselected-bg-default: #FFFFFF00;
  --checkbox-colors-unselected-bg-hover: #00104010;
  --checkbox-colors-unselected-bg-disabled: #FFFFFF00;
  --checkbox-colors-unselected-bg-error: #fff7f7;
  --checkbox-colors-selected-bg-default: #501358;
  --checkbox-colors-selected-bg-hover: #65296d;
  --checkbox-colors-selected-bg-disabled: #0009321f;
  --checkbox-colors-selected-bg-error: #B62521;
  --checkbox-colors-selected-fg-default: #f9f9fb;
  --checkbox-colors-selected-fg-disabled: #00051d74;
  --draggable-list-colors-bg-header-default: #ffffff;
  --draggable-list-colors-bg-header-dragging: #e7e8ec;
  --draggable-list-colors-bg-content: #e7e8ec;
  --draggable-list-colors-bg-indicator: #3B82F6;
  --draggable-list-colors-border: #d8d9e0;
  --draggable-list-colors-text-visible: #1e1f24;
  --draggable-list-colors-text-hidden: #8b8d98;
  --draggable-list-colors-icon-left-visible: #501358;
  --draggable-list-colors-icon-left-hidden: lch(19.405 44.967 322.4 / 0.7);
  --draggable-list-colors-icon-right: #cdced7;
  --dropdown-colors-border: #d8d9e0;
  --dropdown-colors-bg-hover: #5013581F;
  --dropdown-colors-bg-default: #f9f9fb;
  --dropdown-colors-bg-highlight: #BFDBFE;
  --dropdown-colors-text: #1e1f24; /** Used for 'group title' and 'primary value' */
  --dropdown-colors-hint: #62636c; /** Used for 'loading', 'no results' state and 'secondary value' */
  --form-colors-bg-default: #ffffff;
  --form-colors-bg-hover: #f9f9fb;
  --form-colors-bg-active: #ffffff;
  --form-colors-bg-disabled: #0009321f;
  --form-colors-bg-error: #ffffff;
  --form-colors-input-text-default: #1e1f24;
  --form-colors-input-text-disabled: #62636c;
  --form-colors-input-text-error: #1e1f24;
  --form-colors-border-default: #b9bbc6;
  --form-colors-border-active: #2563EB;
  --form-colors-border-hover: #b9bbc6;
  --form-colors-border-error: #B62521;
  --form-colors-border-disabled: #0009321f;
  --form-colors-icon-subtle: #8b8d98;
  --form-colors-icon-default: #62636c;
  --form-colors-icon-hover: #1e1f24;
  --form-colors-icon-error: #B62521;
  --form-colors-label-default: #1e1f24;
  --form-colors-label-disabled: #8b8d98;
  --form-colors-label-error: #1e1f24;
  --form-colors-label-inverse-default: #f9f9fb;
  --form-colors-label-inverse-disabled: #b9bbc6;
  --form-colors-label-inverse-error: #f9f9fb;
  --form-colors-hint-default: #62636c;
  --form-colors-hint-disabled: #8b8d98;
  --form-colors-hint-inverse-default: #e0e1e6;
  --form-colors-hint-inverse-disabled: #d8d9e0;
  --form-colors-error-message-default: #971F1C;
  --form-colors-error-message-inverse: #ffcdce;
  --form-colors-placeholder-default: #80828d;
  --pill-button-colors-secondary-bg-default: #00005506;
  --pill-button-colors-secondary-bg-hover: #00104010;
  --pill-button-colors-secondary-bg-pressed: #DCD0DE;
  --pill-button-colors-secondary-bg-disabled: #FFFFFF00;
  --pill-button-colors-secondary-fg-default: #1e1f24;
  --pill-button-colors-secondary-fg-pressed: #1e1f24;
  --pill-button-colors-secondary-fg-disabled: #8b8d98;
  --pill-button-colors-secondary-border-default: #b9bbc6;
  --pill-button-colors-secondary-border-disabled: #00073527;
  --pill-button-colors-secondary-border-selected: #96719B;
  --pill-button-colors-destructive-bg-default: #00005506;
  --pill-button-colors-destructive-bg-hover: #00104010;
  --pill-button-colors-destructive-bg-pressed: #B62521;
  --pill-button-colors-destructive-bg-disabled: #FFFFFF00;
  --pill-button-colors-destructive-fg-default: #B62521;
  --pill-button-colors-destructive-fg-pressed: #ffffff;
  --pill-button-colors-destructive-fg-disabled: #8b8d98;
  --pill-button-colors-destructive-border-default: #eb8e90;
  --status-ring-colors-bg: #cdced7; /** Neutral 200 */
  --status-ring-colors-success-fg: #3EB28B; /** Success 500 */
  --status-ring-colors-warning-fg: #D6A100; /** Warning 600 */
  --status-ring-colors-error-fg: #C5504D; /** Error 500 */
  --top-nav-colors-bg: #501358;
  --top-nav-colors-logo: #FFDF00;
  --top-nav-colors-menu-bg-default: #501358;
  --top-nav-colors-menu-bg-hover: #65296d;
  --top-nav-colors-menu-bg-pressed: #8b4d93;
  --top-nav-colors-menu-fg-default: #f9f9fb;
  --top-nav-colors-menu-fg-pressed: #f9f9fb;
  --radio-colors-unselected-border-default: #62636c;
  --radio-colors-selected-border-default: #501358;
  --radio-colors-border-hover: #65296d;
  --radio-colors-border-disabled: #00063332;
  --radio-colors-border-error: #B62521;
  --radio-colors-bg-default: #FFFFFF00;
  --radio-colors-bg-hover: #00104010;
  --radio-colors-bg-disabled: #FFFFFF00;
  --radio-colors-fg-default: #501358;
  --radio-colors-fg-hover: #65296d;
  --radio-colors-fg-disabled: #00051d74;
  --radio-colors-fg-error: #B62521;
  --tab-colors-default-selected-fg: #f9f9fb;
  --tab-colors-default-selected-bg-default: #501358;
  --tab-colors-default-unselected-fg: #501358;
  --tab-colors-default-unselected-bg-default: #e7e8ec;
  --tab-colors-default-unselected-bg-hover: #eff0f3;
  --tab-colors-inverse-selected-fg: #501358;
  --tab-colors-inverse-selected-bg-default: #CAB8CD;
  --tab-colors-inverse-unselected-fg: #f9f9fb;
  --tab-colors-inverse-unselected-bg-default: #FFFFFF00;
  --tab-colors-inverse-unselected-bg-hover: #845A8A;
  --box-colors-bg: #ffffff;
  --box-colors-border: #ffffff;
  --switch-colors-unselected-bg-default: #62636c;
  --switch-colors-unselected-bg-hover: #80828d;
  --switch-colors-unselected-icon-default: #62636c;
  --switch-colors-selected-bg-default: #3EB28B;
  --switch-colors-selected-bg-hover: #6EC5A8;
  --switch-colors-selected-icon-default: #3EB28B;
  --switch-colors-icon-disabled: #8b8d98;
  --switch-colors-bg-disabled: #00073527;
  --switch-colors-fg: #ffffff;
  --notification-badge-colors-strong-bg: #FFDF00;
  --notification-badge-colors-strong-fg: #2E2700;
  --notification-badge-colors-subtle-bg: #80828d;
  --notification-badge-colors-subtle-fg: #fcfcfd;
  --fab-colors-secondary-bg-default: #ffffff;
  --fab-colors-secondary-bg-hover: #eff0f3;
  --fab-colors-secondary-bg-pressed: #e7e8ec;
  --fab-colors-secondary-bg-disabled: #ffffff;
  --fab-colors-secondary-fg-default: #501358;
  --fab-colors-secondary-fg-disabled: #8b8d98;
  --fab-colors-secondary-border-default: #cdced7;
  --fab-colors-secondary-border-disabled: #d8d9e0;

 /**
  * @tokens Others
  */

  --var-1: 0.25rem;
  --var-2: 0.5rem;
  --var-3: 0.75rem;
  --var-4: 1rem;
  --var-5: 1.25rem;
  --var-6: 1.5rem;
  --var-7: 1.75rem;
  --var-8: 2rem;
  --var-9: 2.25rem;
  --var-10: 2.5rem;
  --var-11: 2.75rem;
  --var-12: 3rem;
  --var-14: 3.5rem;
  --var-16: 4rem;
  --var-0-5: 0.125rem;
  --var-1-5: 0.375rem;
  --var-2-5: 0.625rem;
  --var-3-5: 0.875rem;
  --opacity-o100: 0.1;
  --opacity-o200: 0.2;
  --opacity-o300: 0.3;
  --opacity-o400: 0.4;
  --opacity-o500: 0.5;
  --opacity-o600: 0.6;
  --opacity-o700: 0.7;
  --opacity-o800: 0.8;
  --opacity-o900: 0.9;
  --fix-1: 4px;
  --fix-2: 8px;
  --fix-3: 12px;
  --fix-4: 16px;
  --fix-5: 20px;
  --fix-6: 24px;
  --fix-7: 28px;
  --fix-8: 32px;
  --fix-9: 36px;
  --fix-10: 40px;
  --fix-11: 44px;
  --fix-12: 48px;
  --fix-14: 56px;
  --fix-16: 64px;
  --fix-24: 96px;
  --fix-28: 112px;
  --fix-32: 128px;
  --fix-36: 144px;
  --fix-44: 176px;
  --fix-none: 0;
  --fix-0-5: 2px;
  --fix-1-5: 0,375rem;
  --fix-2-5: 10px;
  --fix-3-5: 14px;
  --fix-px: 1px;
  --brand-space-element-to-element-xs: 0.25rem;
  --brand-space-element-to-element-sm: 0.5rem;
  --brand-space-element-to-element-md: 0.75rem;
  --brand-space-element-to-element-lg: 1rem;
  --brand-space-element-to-element-xl: 1.5rem;
  --brand-space-element-to-element-2xl: 2rem;
  --brand-space-element-to-element-3xl: 4rem;
  --brand-space-horizontal-edge-to-element-xs: 0.25rem;
  --brand-space-horizontal-edge-to-element-sm: 0.5rem;
  --brand-space-horizontal-edge-to-element-md: 0.75rem;
  --brand-space-horizontal-edge-to-element-lg: 1rem;
  --brand-space-horizontal-edge-to-element-xl: 1.5rem;
  --brand-space-vertical-edge-to-element-xxs: 0.125rem;
  --brand-space-vertical-edge-to-element-xs: 0.25rem;
  --brand-space-vertical-edge-to-element-sm: 0.75rem;
  --brand-space-vertical-edge-to-element-md: 1rem;
  --brand-space-vertical-edge-to-element-xl: 1.5rem;
  --brand-radius-rounded-none: 0;
  --brand-radius-rounded-xs: 4px;
  --brand-radius-rounded-sm: 8px;
  --brand-radius-rounded-md: 16px;
  --brand-radius-rounded-full: 999px;
  --brand-border-width-border-xxs: 1px;
  --brand-border-width-border-xs: 2px;
  --brand-border-width-border-sm: 4px;
  --brand-layout-gutter-breakpoint-xs-to-m: 16px;
  --brand-layout-gutter-breakpoint-l: 24px;
  --brand-layout-outside-gutter-breakpoint-xs-to-m: 16px;
  --brand-layout-outside-gutter-breakpoint-l: 24px;
  --brand-layout-columns-breakpoint-xs: 2;
  --brand-layout-columns-breakpoint-s: 4;
  --brand-layout-columns-breakpoint-m: 12;
  --brand-layout-columns-breakpoint-l: 12;
  --brand-breakpoint-xs: 320px; /** >319px  */
  --brand-breakpoint-s: 768px; /** >767px */
  --brand-breakpoint-m: 1024px; /** >1023px */
  --brand-breakpoint-l: 1280px; /** >1279px */
  --brand-font-family-a: Inter;
  --brand-font-family-b: Rubik;
  --brand-font-weight-accent-weight: 400; /** To be tested, if this can stay under font weight while actually being a font style.  */
  --brand-font-weight-accent-style: italic; /** To be tested, if this can stay under font weight while actually being a font style.  */
  --brand-font-weight-default: 400;
  --brand-font-weight-strong: 500;
  --brand-font-weight-stronger: 700;
  --brand-font-size-f-20: 0.625rem;
  --brand-font-size-f-10: 0.75rem;
  --brand-font-size-f0: 0.875rem;
  --brand-font-size-f10: 1rem;
  --brand-font-size-f20: 1.125rem;
  --brand-font-size-f30: 1.25rem;
  --brand-font-size-f40: 1.5rem;
  --brand-font-size-f50: 1.75rem;
  --brand-font-size-f60: 1.875rem;
  --brand-font-size-f80: 3rem;
  --brand-line-height-lh-20: 14px;
  --brand-line-height-lh-10: 18px;
  --brand-line-height-lh0: 22px;
  --brand-line-height-lh10: 24px;
  --brand-line-height-lh20: 30px;
  --brand-line-height-lh30: 38px;
  --brand-line-height-lh50: 48px;
  --brand-line-height-lh80: 56px;
  --brand-paragraph-spacing-ps0: 8px;
  --brand-paragraph-spacing-ps10: 12px;
  --brand-paragraph-spacing-ps20: 16px;
  --brand-paragraph-spacing-ps40: 24px;
  --brand-paragraph-spacing-ps60: 32px;
  --brand-paragraph-spacing-ps80: 40px;
  --viewport-width: 768px; /** <769px */
  --layout-gutter: 16px;
  --layout-outside-gutter: 16px;
  --layout-columns: 4px;
  --layout-max-width-narrow: 1024px;
  --layout-max-width-full: 100%;
  --button-radius-sm: 8px;
  --button-radius-md: 8px;
  --button-radius-focus-ring-sm: 10px;
  --button-radius-focus-ring-md: 10px;
  --button-focus-ring-offset: 2px;
  --button-focus-ring-position: -2px;
  --button-focus-ring-border-width: 4px;
  --focus-ring-border-width: 4px; /** outside stroke */
  --focus-ring-offset: 4px;
  --focus-ring-position: -4px;
  --accordion-border-width: 1px;
  --accordion-radius: 8px;
  --accordion-md-header-gap: 1rem;
  --accordion-md-header-padding-vertical: 0.75rem;
  --accordion-md-header-padding-horizontal: 1rem;
  --accordion-md-content-padding-vertical: 1rem;
  --accordion-md-content-padding-horizontal: 1rem;
  --accordion-sm-header-gap: 0.5rem;
  --accordion-sm-header-padding-vertical: 0.5rem;
  --accordion-sm-header-padding-horizontal: 0.5rem;
  --accordion-sm-content-padding-vertical: 0.75rem;
  --accordion-sm-content-padding-horizontal: 0.75rem;
  --accordion-desktop-group-header-gap: 1.5rem;
  --accordion-desktop-group-header-padding-vertical: 1rem;
  --accordion-desktop-group-header-padding-horizontal: 1rem;
  --accordion-mobile-group-header-gap: 0.75rem;
  --accordion-mobile-group-header-padding-vertical: 1rem;
  --accordion-mobile-group-header-padding-horizontal: 1rem;
  --avatar-opacity-fg-hover: 0.4;
  --avatar-size-sm: 1.5rem;
  --avatar-size-md: 2rem;
  --avatar-size-lg: 3rem;
  --avatar-border-width-default: 1px;
  --avatar-border-width-placeholder: 2px;
  --checkbox-sm-border-width: 1px;
  --checkbox-sm-radius: 4px;
  --checkbox-sm-height: 1rem;
  --checkbox-sm-width: 1rem;
  --checkbox-sm-gap-horizontal: 0.5rem;
  --checkbox-focus-ring-radius: calc 8px;
  --checkbox-focus-ring-border-width: 4px;
  --draggable-list-radius: 8px;
  --dropdown-radius: 8px;
  --field-radius-sm: 4px;
  --field-radius-md: 4px;
  --field-focus-ring-radius-sm: 4px;
  --field-focus-ring-radius-md: 4px;
  --field-focus-ring-offset: 0px;
  --field-focus-ring-position: 0px;
  --field-focus-ring-border-width: 4px;
  --field-min-height-sm: 32px;
  --field-min-height-md: 40px;
  --field-border-width: 1px;
  --field-spacing-sm-label-to-field: 0.25rem;
  --field-spacing-sm-field-to-hint: 0.25rem;
  --field-spacing-md-label-to-field: 0.25rem;
  --field-spacing-md-field-to-hint: 0.25rem;
  --pill-button-sm-border-width: 1px;
  --pill-button-sm-radius: 999px;
  --pill-button-sm-min-height: 1.25rem;
  --pill-button-sm-min-width: 48px;
  --pill-button-sm-padding-horizontal: 0.5rem;
  --pill-button-sm-padding-vertical: 1px;
  --pill-button-sm-gap: 0.25rem;
  --pill-button-md-border-width: 1px;
  --pill-button-md-radius: 999px;
  --pill-button-md-min-height: 1.5rem;
  --pill-button-md-min-width: 64px;
  --pill-button-md-padding-horizontal: 0.75rem;
  --pill-button-md-padding-vertical: 0.125rem;
  --pill-button-md-gap: 0.25rem;
  --pill-button-focus-ring-radius: 999px;
  --pill-button-focus-ring-offset: 2px;
  --pill-button-focus-ring-position: -2px;
  --pill-button-focus-ring-border-width: 4px;
  --table-spacing-header-cell-md: 2px;
  --table-cell-size-vertical-md: 3rem;
  --radio-sm-border-width: 1px;
  --radio-sm-radius: 999px;
  --radio-sm-height: 1rem;
  --radio-sm-width: 1rem;
  --radio-sm-gap-horizontal: 0.5rem;
  --radio-focus-ring-radius: 999px;
  --radio-focus-ring-border-width: 4px;
  --tab-border-width: 0;
  --tab-radius: 4px;
  --tab-min-height: 2.25rem;
  --tab-min-width: 48px;
  --tab-padding-horizontal: 0.5rem;
  --tab-padding-vertical: 0.125rem;
  --tab-gap: 0.25rem;
  --tab-focus-ring-radius: 999px;
  --tab-focus-ring-offset: 0;
  --tab-focus-ring-position: 0;
  --tab-focus-ring-border-width: 4px;
  --tab-group-gap-vertical: 0.5rem;
  --tab-group-gap-horizontal: 0.25rem;
  --icon-md-border-width: 1.5px;
  --icon-md-size: 1.5rem;
  --icon-sm-border-width: 1.5px;
  --icon-sm-size: 1.25rem;
  --icon-xs-border-width: 1.5px;
  --icon-xs-size: 1rem;
  --icon-xl-border-width: 2px;
  --icon-xl-size: 3rem;
  --key-value-pair-sm-gab-label-left-label-to-value: 0.5rem;
  --key-value-pair-sm-gab-label-top-label-to-value: 0;
  --key-value-pair-sm-gab-label-top-icon-to-data: 0.5rem;
  --key-value-pair-md-gab-label-left-label-to-value: 0.5rem;
  --key-value-pair-md-gab-label-top-label-to-value: 0;
  --key-value-pair-md-gab-label-top-icon-to-data: 0.5rem;
  --key-value-pair-lg-gab-label-left-label-to-value: 0.5rem;
  --key-value-pair-lg-gab-label-top-label-to-value: 0;
  --key-value-pair-lg-gab-label-top-icon-to-data: 0.5rem;
  --key-value-pair-color-label: #62636c;
  --key-value-pair-color-figure: #1e1f24;
  --key-value-pair-font-weight-figure: 500;
  --key-value-pair-font-weight-label: 400;
  --box-radius: 4px;
  --box-border-width: 1px;
  --box-padding-horizontal: 0.75rem;
  --box-padding-vertical: 0.75rem;
  --ag-accent-color: #96719B;
  --ag-active-color: #96719B;
  --ag-advanced-filter-builder-button-bar-border: 1px;
  --ag-advanced-filter-builder-column-pill-color: #93C5FD4D;
  --ag-advanced-filter-builder-indent-size: 32px;
  --ag-advanced-filter-builder-join-pill-color: #3B82F680;
  --ag-advanced-filter-builder-option-pill-color: #2563EB99;
  --ag-advanced-filter-builder-value-pill-color: #0009321f;
  --ag-advanced-filter-column-pill-color: #BFDBFE;
  --ag-advanced-filter-join-pill-color: #e0e1e6;
  --ag-advanced-filter-option-pill-color: #e0e1e6;
  --ag-advanced-filter-value-pill-color: #BFDBFE;
  --ag-alpine-active-color: #96719B;
  --ag-background-color: #ffffff;
  --ag-balham-active-color: #FFE638;
  --ag-border-color: #d8d9e0;
  --ag-border-radius: 4px; /** Border radius applied to many elements such as dialogs and form widgets. */
  --ag-borders: 1px;
  --ag-borders-critical: #F4DA7B;
  --ag-borders-input: 1px;
  --ag-borders-input-invalid: #B62521;
  --ag-borders-secondary: #d8d9e0;
  --ag-borders-side-button: none;
  --ag-browser-color-scheme: #F4DA7B;
  --ag-card-radius: 4px;
  --ag-cell-editing-border: 0px;
  --ag-cell-editing-shadow: 4px;
  --ag-cell-font-family: Inter;
  --ag-cell-horizontal-border: true;
  --ag-cell-horizontal-padding: 9px;
  --ag-cell-text-color: #1e1f24;
  --ag-cell-widget-spacing: 9px;
  --ag-chart-menu-label-color: #FFE638;
  --ag-checkbox-background-color: #FFFFFF00;
  --ag-checkbox-border-radius: 4px;
  --ag-checkbox-border-width: 1px;
  --ag-checkbox-checked-background-color: #501358;
  --ag-checkbox-checked-border-color: #501358;
  --ag-checkbox-checked-color: #501358;
  --ag-checkbox-checked-glow-color: #F4DA7B;
  --ag-checkbox-checked-shape-color: #f9f9fb;
  --ag-checkbox-glow-color: #F4DA7B;
  --ag-checkbox-indeterminate-background-color: #501358;
  --ag-checkbox-indeterminate-border-color: #501358;
  --ag-checkbox-indeterminate-color: #501358;
  --ag-checkbox-indeterminate-shape-color: #f9f9fb;
  --ag-checkbox-unchecked-background-color: #FFFFFF00;
  --ag-checkbox-unchecked-border-color: #62636c;
  --ag-checkbox-unchecked-color: #62636c;
  --ag-chip-background-color: #e7e8ec;
  --ag-chip-border-color: #d8d9e0;
  --ag-chrome-background-color: #ffffff; /** BG color of table header */
  --ag-column-border: false;
  --ag-column-drop-cell-background-color: #eff0f3;
  --ag-column-drop-cell-border: false;
  --ag-column-drop-cell-drag-handle-color: #62636c;
  --ag-column-drop-cell-text-color: #1e1f24;
  --ag-column-hover-color: #5013581F;
  --ag-column-select-indent-size: 0.75rem;
  --ag-control-panel-background-color: #ffffff;
  --ag-data-color: #1e1f24;
  --ag-data-font-size: 0,875 rem;
  --ag-dialog-border: #d8d9e0;
  --ag-disabled-foreground-color: #d8d9e0;
  --ag-drag-and-drop-image-background-color: #ffffff;
  --ag-drag-and-drop-image-border: #d8d9e0;
  --ag-drag-handle-color: #8b8d98;
  --ag-filter-tool-panel-group-indent: 32px;
  --ag-focus-shadow: #93C5FD;
  --ag-font-family: Inter;
  --ag-font-size: 0.875rem;
  --ag-foo-bar: #000000;
  --ag-footer-row-border: #d8d9e0;
  --ag-foreground-color: #1e1f24;
  --ag-grid-size: 6px;
  --ag-header-background-color: #ffffff;
  --ag-header-cell-hover-background-color: #ffffff;
  --ag-header-cell-moving-background-color: #ffffff;
  --ag-header-column-border: #d8d9e0;
  --ag-header-column-border-height: 100%;
  --ag-header-column-resize-handle-color: #d8d9e0;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-height: 100%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-separator-color: #d8d9e0;
  --ag-header-column-separator-display: false;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-font-family: Inter;
  --ag-header-font-size: 0.875rem;
  --ag-header-font-weight: regular;
  --ag-header-foreground-color: #62636c;
  --ag-header-height: 36px;
  --ag-header-text-color: #62636c;
  --ag-icon-button-hover-color: #1e1f24;
  --ag-icon-font-color: #62636c;
  --ag-icon-font-family: agGridQuartz;
  --ag-icon-font-weight: regular;
  --ag-icon-size: 16px;
  --ag-indentation-level: 0;
  --ag-input-background-color: #ffffff;
  --ag-input-border: 1px;
  --ag-input-border-color: #b9bbc6;
  --ag-input-border-color-invalid: #B62521;
  --ag-input-border-radius: 4px;
  --ag-input-disabled-background-color: #0009321f;
  --ag-input-disabled-border: #0009321f;
  --ag-input-disabled-border-color: #0009321f;
  --ag-input-disabled-text-color: #62636c;
  --ag-input-focus-background-color: #ffffff;
  --ag-input-focus-border: 4px;
  --ag-input-focus-border-color: #93C5FD;
  --ag-input-focus-shadow: 4px;
  --ag-input-focus-text-color: #1e1f24;
  --ag-input-height: 32px;
  --ag-input-icon-color: #62636c;
  --ag-input-invalid-background-color: #ffffff;
  --ag-input-invalid-border: #B62521;
  --ag-input-invalid-text-color: #1e1f24;
  --ag-input-padding-start: 0.75rem;
  --ag-input-text-color: #1e1f24;
  --ag-internal-calculated-line-height: 130%;
  --ag-internal-content-line-height: 100%;
  --ag-internal-hover-color: #F4DA7B;
  --ag-internal-measurement-border: #F4DA7B;
  --ag-internal-moving-color: #F4DA7B;
  --ag-internal-padded-row-height: #F4DA7B;
  --ag-internal-spectrum-alpha-color: #F4DA7B;
  --ag-internal-spectrum-alpha-color-from: #F4DA7B;
  --ag-internal-spectrum-alpha-color-to: #F4DA7B;
  --ag-invalid-color: #B62521;
  --ag-list-item-height: 2rem;
  --ag-material-accent-color: #501358;
  --ag-material-primary-color: #501358;
  --ag-menu-background-color: #f9f9fb;
  --ag-menu-min-width: 181px;
  --ag-menu-separator-color: #d8d9e0;
  --ag-menu-text-color: #1e1f24;
  --ag-modal-overlay-background-color: #ffffff;
  --ag-odd-row-background-color: #ffffff;
  --ag-panel-background-color: #eff0f3;
  --ag-panel-border-color: #d8d9e0;
  --ag-panel-title-bar-background-color: #ffffff;
  --ag-panel-title-bar-border: #d8d9e0;
  --ag-pinned-column-border: 1px;
  --ag-pinned-row-border: 1px;
  --ag-quartz-icon-active-color: #96719B;
  --ag-quartz-icon-hover-color: #1e1f24;
  --ag-range-selection-background-color: #000b3618;
  --ag-range-selection-background-color-2: #5013581F;
  --ag-range-selection-background-color-3: #5013581F;
  --ag-range-selection-background-color-4: #5013581F;
  --ag-range-selection-border-color: #93C5FD;
  --ag-range-selection-border-style: solid;
  --ag-range-selection-chart-background-color: #5013581F;
  --ag-range-selection-highlight-color: #5013581F;
  --ag-row-border: true;
  --ag-row-border-color: #d8d9e0;
  --ag-row-border-style: solid;
  --ag-row-border-width: 1px;
  --ag-row-group-indent-size: 24px;
  --ag-row-height: 48px;
  --ag-row-hover-color: #5013581F;
  --ag-row-loading-skeleton-effect-color: #0009321f;
  --ag-secondary-border-color: #d8d9e0;
  --ag-secondary-foreground-color: #62636c;
  --ag-select-cell-background-color: #5013581F;
  --ag-select-cell-border: 1px;
  --ag-selected-row-background-color: #000b3618;
  --ag-selected-tab-underline-color: #cdced7;
  --ag-selected-tab-underline-transition-speed: 0.3s;
  --ag-selected-tab-underline-width: 2px;
  --ag-set-filter-indent-size: 24px;
  --ag-side-bar-background-color: #ffffff;
  --ag-side-bar-panel-width: 350px; /** Sets the filter panel width. */
  --ag-side-button-background-color: #00005506;
  --ag-side-button-bar-background-color: #eff0f3;
  --ag-side-button-bar-top-padding: 0.75rem;
  --ag-side-button-hover-background-color: #00104010;
  --ag-side-button-hover-text-color: #501358;
  --ag-side-button-left-padding: 0.75rem;
  --ag-side-button-right-padding: 0.75rem;
  --ag-side-button-selected-background-color: #eff0f3;
  --ag-side-button-selected-border: 1px;
  --ag-side-button-selected-text-color: #501358;
  --ag-side-button-selected-underline-color: #501358;
  --ag-side-button-text-color: #501358;
  --ag-side-button-vertical-padding: 0.25rem;
  --ag-spacing: 0.75rem;
  --ag-spectrum-alpha-background-checked: #F4DA7B;
  --ag-subheader-background-color: #ffffff;
  --ag-subheader-toolbar-background-color: #ffffff;
  --ag-subtle-text-color: #62636c;
  --ag-tab-background-color: #ffffff;
  --ag-tab-bar-background-color: #ffffff;
  --ag-tab-bar-border: 1px;
  --ag-tab-bar-horizontal-padding: 0.75rem;
  --ag-tab-bar-top-padding: 0.75rem;
  --ag-tab-bottom-padding: 0.25rem;
  --ag-tab-horizontal-padding: 0.75rem;
  --ag-tab-hover-background-color: #5013581F;
  --ag-tab-hover-text-color: #1e1f24;
  --ag-tab-min-width: 240px;
  --ag-tab-selected-background-color: #501358;
  --ag-tab-selected-border-color: #d8d9e0;
  --ag-tab-selected-border-width: 1px;
  --ag-tab-selected-text-color: #1e1f24;
  --ag-tab-spacing: 0.25rem;
  --ag-tab-text-color: #1e1f24;
  --ag-tab-top-padding: 0.25rem;
  --ag-text-color: #1e1f24;
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-off-background-color: #FFE638;
  --ag-toggle-button-off-border-color: #FFE638;
  --ag-toggle-button-on-background-color: #FFE638;
  --ag-toggle-button-on-border-color: #FFE638;
  --ag-toggle-button-switch-background-color: #FFE638;
  --ag-toggle-button-switch-border-color: #F4DA7B;
  --ag-toggle-button-switch-inset: 0.75rem;
  --ag-toggle-button-width: 28px;
  --ag-tool-panel-separator-border: #d8d9e0;
  --ag-tooltip-background-color: #1e1f24;
  --ag-tooltip-border: #d8d9e0;
  --ag-tooltip-text-color: #f9f9fb;
  --ag-value-change-delta-down-color: #ffdbdc;
  --ag-value-change-delta-up-color: #CFECE2;
  --ag-value-change-value-highlight-background-color: #F4DA7B;
  --ag-widget-container-horizontal-padding: 0.75rem;
  --ag-widget-container-vertical-padding: 9px;
  --ag-widget-horizontal-spacing: 9px;
  --ag-widget-vertical-spacing: 6px;
  --ag-wrapper-border: #F4DA7B;
  --ag-wrapper-border-radius: 0;
  --ag-custom-row-backgound-grouplevel-1-color: #e7e8ec;
  --ag-custom-row-backgound-grouplevel-2-color: #eff0f3;
  --ag-custom-row-backgound-grouplevel-3-color: #f9f9fb;
  --fab-radius-md: 8px;
  --fab-radius-focus-ring-md: 10px;
  --fab-focus-ring-offset: 2px;
  --fab-focus-ring-position: -2px;
  --fab-focus-ring-border-width: 4px;
  --shadows-dark-none-blur: 0;
  --shadows-dark-none-spread: 0;
  --shadows-dark-none-color: #000000;
  --shadows-dark-none-type: dropShadow;
  --shadows-dark-none-offset-x: 0;
  --shadows-dark-none-offset-y: 0;
  --shadows-dark-md-blur: 0;
  --shadows-dark-md-spread: 0;
  --shadows-dark-md-color: #000000;
  --shadows-dark-md-type: dropShadow;
  --shadows-dark-md-offset-x: 0;
  --shadows-dark-md-offset-y: 0;
  --shadows-dark-xl-blur: 0;
  --shadows-dark-xl-spread: 0;
  --shadows-dark-xl-color: #000000;
  --shadows-dark-xl-type: dropShadow;
  --shadows-dark-xl-offset-x: 0;
  --shadows-dark-xl-offset-y: 0;
  --shadows-dark-3xl-blur: 20px;
  --shadows-dark-3xl-spread: 5px;
  --shadows-dark-3xl-color: rgba(0,0,0,0.65);
  --shadows-dark-3xl-type: dropShadow;
  --shadows-dark-3xl-offset-x: 0;
  --shadows-dark-3xl-offset-y: -0;
  --shadows-light-none-blur: 0;
  --shadows-light-none-spread: 0;
  --shadows-light-none-color: #000000;
  --shadows-light-none-type: dropShadow;
  --shadows-light-none-offset-x: 0;
  --shadows-light-none-offset-y: 0;
  --shadows-light-md-1-blur: 6px;
  --shadows-light-md-1-spread: -1px;
  --shadows-light-md-1-color: rgba(0,0,0,0.1);
  --shadows-light-md-1-type: dropShadow;
  --shadows-light-md-1-offset-x: 0;
  --shadows-light-md-1-offset-y: 4px;
  --shadows-light-md-2-blur: 4px;
  --shadows-light-md-2-spread: -2px;
  --shadows-light-md-2-color: rgba(0,0,0,0.04);
  --shadows-light-md-2-type: dropShadow;
  --shadows-light-md-2-offset-x: 0;
  --shadows-light-md-2-offset-y: 2px;
  --shadows-light-xl-1-blur: 25px;
  --shadows-light-xl-1-spread: -5px;
  --shadows-light-xl-1-color: rgba(0,0,0,0.1);
  --shadows-light-xl-1-type: dropShadow;
  --shadows-light-xl-1-offset-x: 0;
  --shadows-light-xl-1-offset-y: 20px;
  --shadows-light-xl-2-blur: 10px;
  --shadows-light-xl-2-spread: 0;
  --shadows-light-xl-2-color: rgba(0,0,0,0.04);
  --shadows-light-xl-2-type: dropShadow;
  --shadows-light-xl-2-offset-x: 0;
  --shadows-light-xl-2-offset-y: 10px;
  --shadows-light-3xl-blur: 20px;
  --shadows-light-3xl-spread: 0;
  --shadows-light-3xl-color: rgba(0,0,0,0.65);
  --shadows-light-3xl-type: dropShadow;
  --shadows-light-3xl-offset-x: 0;
  --shadows-light-3xl-offset-y: -0;
  --mode-shadows-none-blur: 0;
  --mode-shadows-none-spread: 0;
  --mode-shadows-none-color: #000000;
  --mode-shadows-none-type: dropShadow;
  --mode-shadows-none-offset-x: 0;
  --mode-shadows-none-offset-y: 0;
  --mode-shadows-md-1-blur: 6px;
  --mode-shadows-md-1-spread: -1px;
  --mode-shadows-md-1-color: rgba(0,0,0,0.1);
  --mode-shadows-md-1-type: dropShadow;
  --mode-shadows-md-1-offset-x: 0;
  --mode-shadows-md-1-offset-y: 4px;
  --mode-shadows-md-2-blur: 4px;
  --mode-shadows-md-2-spread: -2px;
  --mode-shadows-md-2-color: rgba(0,0,0,0.04);
  --mode-shadows-md-2-type: dropShadow;
  --mode-shadows-md-2-offset-x: 0;
  --mode-shadows-md-2-offset-y: 2px;
  --mode-shadows-xl-1-blur: 25px;
  --mode-shadows-xl-1-spread: -5px;
  --mode-shadows-xl-1-color: rgba(0,0,0,0.1);
  --mode-shadows-xl-1-type: dropShadow;
  --mode-shadows-xl-1-offset-x: 0;
  --mode-shadows-xl-1-offset-y: 20px;
  --mode-shadows-xl-2-blur: 10px;
  --mode-shadows-xl-2-spread: 0;
  --mode-shadows-xl-2-color: rgba(0,0,0,0.04);
  --mode-shadows-xl-2-type: dropShadow;
  --mode-shadows-xl-2-offset-x: 0;
  --mode-shadows-xl-2-offset-y: 10px;
  --mode-shadows-3xl-blur: 20px;
  --mode-shadows-3xl-spread: 0;
  --mode-shadows-3xl-color: rgba(0,0,0,0.65);
  --mode-shadows-3xl-type: dropShadow;
  --mode-shadows-3xl-offset-x: 0;
  --mode-shadows-3xl-offset-y: -0;
  --brand-border-width-border-none-blur: 0;
  --brand-border-width-border-none-spread: 0;
  --brand-border-width-border-none-color: #000000;
  --brand-border-width-border-none-type: dropShadow;
  --brand-border-width-border-none-offset-x: 0;
  --brand-border-width-border-none-offset-y: 0;
  --brand-font-style-display-breakpoints-xs-to-m-xs-font-family: Rubik;
  --brand-font-style-display-breakpoints-xs-to-m-xs-font-weight: 500;
  --brand-font-style-display-breakpoints-xs-to-m-xs-font-size: 1.125rem;
  --brand-font-style-display-breakpoints-xs-to-m-xs-line-height: 22px;
  --brand-font-style-display-breakpoints-xs-to-m-xs-paragraph-spacing: 16px;
  --brand-font-style-display-breakpoints-xs-to-m-sm-font-family: Rubik;
  --brand-font-style-display-breakpoints-xs-to-m-sm-font-weight: 500;
  --brand-font-style-display-breakpoints-xs-to-m-sm-font-size: 1.25rem;
  --brand-font-style-display-breakpoints-xs-to-m-sm-line-height: 24px;
  --brand-font-style-display-breakpoints-xs-to-m-sm-paragraph-spacing: 24px;
  --brand-font-style-display-breakpoints-xs-to-m-md-font-family: Rubik;
  --brand-font-style-display-breakpoints-xs-to-m-md-font-weight: 500;
  --brand-font-style-display-breakpoints-xs-to-m-md-font-size: 1.75rem;
  --brand-font-style-display-breakpoints-xs-to-m-md-line-height: 38px;
  --brand-font-style-display-breakpoints-xs-to-m-md-paragraph-spacing: 2rem;
  --brand-font-style-display-breakpoint-l-xs-font-family: Rubik;
  --brand-font-style-display-breakpoint-l-xs-font-weight: 500;
  --brand-font-style-display-breakpoint-l-xs-font-size: 1.125rem;
  --brand-font-style-display-breakpoint-l-xs-line-height: 24px;
  --brand-font-style-display-breakpoint-l-xs-paragraph-spacing: 24px;
  --brand-font-style-display-breakpoint-l-sm-font-family: Rubik;
  --brand-font-style-display-breakpoint-l-sm-font-weight: 500;
  --brand-font-style-display-breakpoint-l-sm-font-size: 1.5rem;
  --brand-font-style-display-breakpoint-l-sm-line-height: 30px;
  --brand-font-style-display-breakpoint-l-sm-paragraph-spacing: 32px;
  --brand-font-style-display-breakpoint-l-md-font-family: Rubik;
  --brand-font-style-display-breakpoint-l-md-font-weight: 500;
  --brand-font-style-display-breakpoint-l-md-font-size: 3rem;
  --brand-font-style-display-breakpoint-l-md-line-height: 56px;
  --brand-font-style-display-breakpoint-l-md-paragraph-spacing: 40px;
  --brand-font-style-text-xs-default-font-family: Inter;
  --brand-font-style-text-xs-default-font-weight: 400;
  --brand-font-style-text-xs-default-font-size: 0.75rem;
  --brand-font-style-text-xs-default-line-height: 18px;
  --brand-font-style-text-xs-default-paragraph-spacing: 8px;
  --brand-font-style-text-xs-accent-font-family: Inter;
  --brand-font-style-text-xs-accent-font-weight: 400;
  --brand-font-style-text-xs-accent-font-size: 0.75rem;
  --brand-font-style-text-xs-accent-line-height: 18px;
  --brand-font-style-text-xs-accent-paragraph-spacing: 8px;
  --brand-font-style-text-xs-accent-font-style: italic;
  --brand-font-style-text-xs-stronger-font-family: Inter;
  --brand-font-style-text-xs-stronger-font-weight: 500;
  --brand-font-style-text-xs-stronger-font-size: 0.75rem;
  --brand-font-style-text-xs-stronger-line-height: 18px;
  --brand-font-style-text-xs-stronger-paragraph-spacing: 8px;
  --brand-font-style-text-xs-uppercase-stronger-font-family: Inter;
  --brand-font-style-text-xs-uppercase-stronger-font-weight: 500;
  --brand-font-style-text-xs-uppercase-stronger-font-size: 0.75rem;
  --brand-font-style-text-xs-uppercase-stronger-line-height: 18px;
  --brand-font-style-text-xs-uppercase-stronger-paragraph-spacing: 8px;
  --brand-font-style-text-xs-uppercase-stronger-text-case: Uppercase;
  --brand-font-style-text-xxs-default-font-family: Inter;
  --brand-font-style-text-xxs-default-font-weight: 400;
  --brand-font-style-text-xxs-default-font-size: 0.625rem;
  --brand-font-style-text-xxs-default-line-height: 14px;
  --brand-font-style-text-xxs-default-paragraph-spacing: 8px;
  --brand-font-style-text-sm-default-font-family: Inter;
  --brand-font-style-text-sm-default-font-weight: 400;
  --brand-font-style-text-sm-default-font-size: 0.875rem;
  --brand-font-style-text-sm-default-line-height: 22px;
  --brand-font-style-text-sm-default-paragraph-spacing: 8px;
  --brand-font-style-text-sm-accent-font-family: Inter;
  --brand-font-style-text-sm-accent-font-weight: 400;
  --brand-font-style-text-sm-accent-font-size: 0.875rem;
  --brand-font-style-text-sm-accent-line-height: 22px;
  --brand-font-style-text-sm-accent-paragraph-spacing: 8px;
  --brand-font-style-text-sm-accent-font-style: italic;
  --brand-font-style-text-sm-stronger-font-family: Inter;
  --brand-font-style-text-sm-stronger-font-weight: 500;
  --brand-font-style-text-sm-stronger-font-size: 0.875rem;
  --brand-font-style-text-sm-stronger-line-height: 22px;
  --brand-font-style-text-sm-stronger-paragraph-spacing: 8px;
  --brand-font-style-text-md-default-font-family: Inter;
  --brand-font-style-text-md-default-font-weight: 400;
  --brand-font-style-text-md-default-font-size: 1rem;
  --brand-font-style-text-md-default-line-height: 24px;
  --brand-font-style-text-md-default-paragraph-spacing: 12px;
  --brand-font-style-text-md-accent-font-family: Inter;
  --brand-font-style-text-md-accent-font-weight: 400;
  --brand-font-style-text-md-accent-font-size: 1rem;
  --brand-font-style-text-md-accent-line-height: 24px;
  --brand-font-style-text-md-accent-paragraph-spacing: 12px;
  --brand-font-style-text-md-accent-font-style: italic;
  --brand-font-style-text-md-stronger-font-family: Inter;
  --brand-font-style-text-md-stronger-font-weight: 500;
  --brand-font-style-text-md-stronger-font-size: 1rem;
  --brand-font-style-text-md-stronger-line-height: 24px;
  --brand-font-style-text-md-stronger-paragraph-spacing: 12px;
  --brand-font-style-text-lg-stronger-font-family: Inter;
  --brand-font-style-text-lg-stronger-font-weight: 700;
  --brand-font-style-text-lg-stronger-font-size: 1.125rem;
  --brand-font-style-text-lg-stronger-line-height: 24px;
  --brand-font-style-text-lg-stronger-paragraph-spacing: 16px;
  --brand-font-style-text-xl-stronger-font-family: Inter;
  --brand-font-style-text-xl-stronger-font-weight: 700;
  --brand-font-style-text-xl-stronger-font-size: 1.5rem;
  --brand-font-style-text-xl-stronger-line-height: 30px;
  --brand-font-style-text-xl-stronger-paragraph-spacing: 16px;
  --theme-shadows-none-blur: 0;
  --theme-shadows-none-spread: 0;
  --theme-shadows-none-color: #000000;
  --theme-shadows-none-type: dropShadow;
  --theme-shadows-none-offset-x: 0;
  --theme-shadows-none-offset-y: 0;
  --theme-shadows-md-1-blur: 6px;
  --theme-shadows-md-1-spread: -1px;
  --theme-shadows-md-1-color: rgba(0,0,0,0.1);
  --theme-shadows-md-1-type: dropShadow;
  --theme-shadows-md-1-offset-x: 0;
  --theme-shadows-md-1-offset-y: 4px;
  --theme-shadows-md-2-blur: 4px;
  --theme-shadows-md-2-spread: -2px;
  --theme-shadows-md-2-color: rgba(0,0,0,0.04);
  --theme-shadows-md-2-type: dropShadow;
  --theme-shadows-md-2-offset-x: 0;
  --theme-shadows-md-2-offset-y: 2px;
  --theme-shadows-xl-1-blur: 25px;
  --theme-shadows-xl-1-spread: -5px;
  --theme-shadows-xl-1-color: rgba(0,0,0,0.1);
  --theme-shadows-xl-1-type: dropShadow;
  --theme-shadows-xl-1-offset-x: 0;
  --theme-shadows-xl-1-offset-y: 20px;
  --theme-shadows-xl-2-blur: 10px;
  --theme-shadows-xl-2-spread: 0;
  --theme-shadows-xl-2-color: rgba(0,0,0,0.04);
  --theme-shadows-xl-2-type: dropShadow;
  --theme-shadows-xl-2-offset-x: 0;
  --theme-shadows-xl-2-offset-y: 10px;
  --theme-shadows-3xl-blur: 20px;
  --theme-shadows-3xl-spread: 0;
  --theme-shadows-3xl-color: rgba(0,0,0,0.65);
  --theme-shadows-3xl-type: dropShadow;
  --theme-shadows-3xl-offset-x: 0;
  --theme-shadows-3xl-offset-y: -0;
  --font-style-display-xs-font-family: Rubik;
  --font-style-display-xs-font-weight: 500;
  --font-style-display-xs-font-size: 1.125rem;
  --font-style-display-xs-line-height: 22px;
  --font-style-display-xs-paragraph-spacing: 16px;
  --font-style-display-sm-font-family: Rubik;
  --font-style-display-sm-font-weight: 500;
  --font-style-display-sm-font-size: 1.25rem;
  --font-style-display-sm-line-height: 24px;
  --font-style-display-sm-paragraph-spacing: 24px;
  --font-style-display-md-font-family: Rubik;
  --font-style-display-md-font-weight: 500;
  --font-style-display-md-font-size: 1.75rem;
  --font-style-display-md-line-height: 38px;
  --font-style-display-md-paragraph-spacing: 2rem;
  --font-style-text-xs-default-font-family: Inter;
  --font-style-text-xs-default-font-weight: 400;
  --font-style-text-xs-default-font-size: 0.75rem;
  --font-style-text-xs-default-line-height: 18px;
  --font-style-text-xs-default-paragraph-spacing: 8px;
  --font-style-text-xs-accent-font-family: Inter;
  --font-style-text-xs-accent-font-weight: 400;
  --font-style-text-xs-accent-font-size: 0.75rem;
  --font-style-text-xs-accent-line-height: 18px;
  --font-style-text-xs-accent-paragraph-spacing: 8px;
  --font-style-text-xs-accent-font-style: italic;
  --font-style-text-xs-stronger-font-family: Inter;
  --font-style-text-xs-stronger-font-weight: 500;
  --font-style-text-xs-stronger-font-size: 0.75rem;
  --font-style-text-xs-stronger-line-height: 18px;
  --font-style-text-xs-stronger-paragraph-spacing: 8px;
  --font-style-text-xs-uppercase-stronger-font-family: Inter;
  --font-style-text-xs-uppercase-stronger-font-weight: 500;
  --font-style-text-xs-uppercase-stronger-font-size: 0.75rem;
  --font-style-text-xs-uppercase-stronger-line-height: 18px;
  --font-style-text-xs-uppercase-stronger-paragraph-spacing: 8px;
  --font-style-text-xs-uppercase-stronger-text-case: Uppercase;
  --font-style-text-xxs-default-font-family: Inter;
  --font-style-text-xxs-default-font-weight: 400;
  --font-style-text-xxs-default-font-size: 0.625rem;
  --font-style-text-xxs-default-line-height: 14px;
  --font-style-text-xxs-default-paragraph-spacing: 8px;
  --font-style-text-sm-default-font-family: Inter;
  --font-style-text-sm-default-font-weight: 400;
  --font-style-text-sm-default-font-size: 0.875rem;
  --font-style-text-sm-default-line-height: 22px;
  --font-style-text-sm-default-paragraph-spacing: 8px;
  --font-style-text-sm-accent-font-family: Inter;
  --font-style-text-sm-accent-font-weight: 400;
  --font-style-text-sm-accent-font-size: 0.875rem;
  --font-style-text-sm-accent-line-height: 22px;
  --font-style-text-sm-accent-paragraph-spacing: 8px;
  --font-style-text-sm-accent-font-style: italic;
  --font-style-text-sm-stronger-font-family: Inter;
  --font-style-text-sm-stronger-font-weight: 500;
  --font-style-text-sm-stronger-font-size: 0.75rem;
  --font-style-text-sm-stronger-line-height: 18px;
  --font-style-text-sm-stronger-paragraph-spacing: 8px;
  --font-style-text-md-default-font-family: Inter;
  --font-style-text-md-default-font-weight: 400;
  --font-style-text-md-default-font-size: 1rem;
  --font-style-text-md-default-line-height: 24px;
  --font-style-text-md-default-paragraph-spacing: 12px;
  --font-style-text-md-accent-font-family: Inter;
  --font-style-text-md-accent-font-weight: 400;
  --font-style-text-md-accent-font-size: 1rem;
  --font-style-text-md-accent-line-height: 24px;
  --font-style-text-md-accent-paragraph-spacing: 12px;
  --font-style-text-md-accent-font-style: italic;
  --font-style-text-md-stronger-font-family: Inter;
  --font-style-text-md-stronger-font-weight: 500;
  --font-style-text-md-stronger-font-size: 1rem;
  --font-style-text-md-stronger-line-height: 24px;
  --font-style-text-md-stronger-paragraph-spacing: 12px;
  --font-style-text-lg-stronger-font-family: Inter;
  --font-style-text-lg-stronger-font-weight: 700;
  --font-style-text-lg-stronger-font-size: 1.125rem;
  --font-style-text-lg-stronger-line-height: 24px;
  --font-style-text-lg-stronger-paragraph-spacing: 16px;
  --font-style-text-xl-stronger-font-family: Inter;
  --font-style-text-xl-stronger-font-weight: 700;
  --font-style-text-xl-stronger-font-size: 1.5rem;
  --font-style-text-xl-stronger-line-height: 30px;
  --font-style-text-xl-stronger-paragraph-spacing: 16px;
  --button-size-md-min-height: 2.5rem;
  --button-size-md-border-radius: 8px;
  --button-size-md-horizontal-padding: 0.75rem;
  --button-size-md-item-spacing: 0.5rem;
  --button-size-md-vertical-padding: 0.5rem;
  --button-size-sm-min-height: 2rem;
  --button-size-sm-border-radius: 8px;
  --button-size-sm-horizontal-padding: 0.5rem;
  --button-size-sm-item-spacing: 0.5rem;
  --button-size-sm-vertical-padding: 0.25rem;
  --button-type-md-font-family: Inter;
  --button-type-md-font-weight: 500;
  --button-type-md-font-size: 1rem;
  --button-type-md-line-height: 24px;
  --button-type-sm-font-family: Inter;
  --button-type-sm-font-size: 0.875rem;
  --button-type-sm-line-height: 24px;
  --button-type-sm-font-weight: 500;
  --icon-button-size-md-height: 2.5rem;
  --icon-button-size-md-width: 2.5rem;
  --icon-button-size-md-border-radius: 8px;
  --icon-button-size-md-horizontal-padding: 0.75rem;
  --icon-button-size-md-item-spacing: 0.5rem;
  --icon-button-size-md-vertical-padding: 0.5rem;
  --icon-button-size-sm-height: 2rem;
  --icon-button-size-sm-width: 2rem;
  --icon-button-size-sm-border-radius: 8px;
  --icon-button-size-sm-horizontal-padding: 0.5rem;
  --icon-button-size-sm-item-spacing: 0.5rem;
  --icon-button-size-sm-vertical-padding: 0.25rem;
  --accordion-typography-md-title-font-family: Inter;
  --accordion-typography-md-title-font-weight: 500;
  --accordion-typography-md-title-font-size: 1rem;
  --accordion-typography-md-title-line-height: 24px;
  --accordion-typography-md-title-paragraph-spacing: 12px;
  --accordion-typography-md-subline-font-family: Inter;
  --accordion-typography-md-subline-font-weight: 400;
  --accordion-typography-md-subline-font-size: 1rem;
  --accordion-typography-md-subline-line-height: 24px;
  --accordion-typography-md-subline-paragraph-spacing: 12px;
  --accordion-typography-md-hint-font-family: Inter;
  --accordion-typography-md-hint-font-weight: 400;
  --accordion-typography-md-hint-font-size: 0.875rem;
  --accordion-typography-md-hint-line-height: 22px;
  --accordion-typography-md-hint-paragraph-spacing: 8px;
  --accordion-typography-sm-title-font-family: Inter;
  --accordion-typography-sm-title-font-weight: 400;
  --accordion-typography-sm-title-font-size: 0.875rem;
  --accordion-typography-sm-title-line-height: 22px;
  --accordion-typography-sm-title-paragraph-spacing: 8px;
  --accordion-typography-sm-subline-font-family: Inter;
  --accordion-typography-sm-subline-font-weight: 400;
  --accordion-typography-sm-subline-font-size: 0.875rem;
  --accordion-typography-sm-subline-line-height: 22px;
  --accordion-typography-sm-subline-paragraph-spacing: 8px;
  --accordion-typography-sm-hint-font-family: Inter;
  --accordion-typography-sm-hint-font-weight: 400;
  --accordion-typography-sm-hint-font-size: 0.875rem;
  --accordion-typography-sm-hint-line-height: 22px;
  --accordion-typography-sm-hint-paragraph-spacing: 8px;
  --draggable-list-shadow-1-blur: 6px;
  --draggable-list-shadow-1-spread: -1px;
  --draggable-list-shadow-1-color: rgba(0,0,0,0.1);
  --draggable-list-shadow-1-type: dropShadow;
  --draggable-list-shadow-1-offset-x: 0;
  --draggable-list-shadow-1-offset-y: 4px;
  --draggable-list-shadow-2-blur: 4px;
  --draggable-list-shadow-2-spread: -2px;
  --draggable-list-shadow-2-color: rgba(0,0,0,0.04);
  --draggable-list-shadow-2-type: dropShadow;
  --draggable-list-shadow-2-offset-x: 0;
  --draggable-list-shadow-2-offset-y: 2px;
  --draggable-list-single-space-single-horizontal-padding: 8px;
  --draggable-list-single-space-single-vertical-padding: 4px;
  --draggable-list-single-space-single-item-spacing: 4px;
  --draggable-list-group-space-header-padding-left: 8px;
  --draggable-list-group-space-header-padding-right: 24px;
  --draggable-list-group-space-header-vertical-padding: 4px;
  --draggable-list-group-space-header-item-spacing: 4px;
  --draggable-list-group-space-content-horizontal-padding: 16px;
  --draggable-list-group-space-content-padding-top: 16px;
  --draggable-list-group-space-content-padding-bottom: 24px;
  --dropdown-space-list-item-sm-horizontal-padding: 8px;
  --dropdown-space-list-item-sm-vertical-padding: 8px;
  --dropdown-space-list-item-sm-spacing: 8px;
  --dropdown-space-list-item-sm-min-height: 48px;
  --dropdown-space-list-item-md-horizontal-padding: 12px;
  --dropdown-space-list-item-md-vertical-padding: 8px;
  --dropdown-space-list-item-md-spacing: 8px;
  --dropdown-space-list-item-md-min-height: 48px;
  --dropdown-shadow-1-blur: 6px;
  --dropdown-shadow-1-spread: -1px;
  --dropdown-shadow-1-color: rgba(0,0,0,0.1);
  --dropdown-shadow-1-type: dropShadow;
  --dropdown-shadow-1-offset-x: 0;
  --dropdown-shadow-1-offset-y: 4px;
  --dropdown-shadow-2-blur: 4px;
  --dropdown-shadow-2-spread: -2px;
  --dropdown-shadow-2-color: rgba(0,0,0,0.04);
  --dropdown-shadow-2-type: dropShadow;
  --dropdown-shadow-2-offset-x: 0;
  --dropdown-shadow-2-offset-y: 2px;
  --form-typography-label-sm-font-family: Inter;
  --form-typography-label-sm-font-weight: 400;
  --form-typography-label-sm-font-size: 0.875rem;
  --form-typography-label-sm-line-height: 22px;
  --form-typography-label-sm-paragraph-spacing: 8px;
  --form-typography-label-md-font-family: Inter;
  --form-typography-label-md-font-weight: 400;
  --form-typography-label-md-font-size: 1rem;
  --form-typography-label-md-line-height: 24px;
  --form-typography-label-md-paragraph-spacing: 12px;
  --form-typography-hint-font-family: Inter;
  --form-typography-hint-font-weight: 400;
  --form-typography-hint-font-size: 0.875rem;
  --form-typography-hint-line-height: 22px;
  --form-typography-hint-paragraph-spacing: 8px;
  --form-typography-error-message-font-family: Inter;
  --form-typography-error-message-font-weight: 400;
  --form-typography-error-message-font-size: 0.875rem;
  --form-typography-error-message-line-height: 22px;
  --form-typography-error-message-paragraph-spacing: 8px;
  --form-typography-input-text-font-family: Inter;
  --form-typography-input-text-font-weight: 400;
  --form-typography-input-text-font-size: 0.875rem;
  --form-typography-input-text-line-height: 22px;
  --form-typography-input-text-paragraph-spacing: 8px;
  --form-typography-placeholder-font-family: Inter;
  --form-typography-placeholder-font-weight: 400;
  --form-typography-placeholder-font-size: 0.875rem;
  --form-typography-placeholder-line-height: 22px;
  --form-typography-placeholder-paragraph-spacing: 8px;
  --pill-button-type-sm-default-font-family: Inter;
  --pill-button-type-sm-default-font-weight: 400;
  --pill-button-type-sm-default-font-size: 0.75rem;
  --pill-button-type-sm-default-line-height: 18px;
  --pill-button-type-sm-default-paragraph-spacing: 8px;
  --pill-button-type-md-default-font-family: Inter;
  --pill-button-type-md-default-font-weight: 400;
  --pill-button-type-md-default-font-size: 0.875rem;
  --pill-button-type-md-default-line-height: 22px;
  --pill-button-type-md-default-paragraph-spacing: 8px;
  --table-size-header-cell-md-min-height: 0.625rem;
  --table-size-header-cell-md-vertical-padding: 0.75rem;
  --table-size-header-cell-md-horizontal-padding: 0.5rem;
  --table-size-header-cell-md-item-spacing: 0.5rem;
  --table-size-cell-group-title-md-min-height: 0.75rem;
  --table-size-cell-group-title-md-vertical-padding: 0.25rem;
  --table-size-cell-group-title-md-horizontal-padding: 0;
  --table-size-cell-group-title-md-item-spacing: 0.75rem;
  --table-size-cell-md-min-height: 0.75rem;
  --table-size-cell-md-vertical-padding: 0.25rem;
  --table-size-cell-md-horizontal-padding: 0.75rem;
  --table-size-cell-md-item-spacing: 0.75rem;
  --tab-type-default-font-family: Inter;
  --tab-type-default-font-weight: 400;
  --tab-type-default-font-size: 0.75rem;
  --tab-type-default-line-height: 18px;
  --tab-type-default-paragraph-spacing: 8px;
  --ag-card-shadow-1-blur: 6px;
  --ag-card-shadow-1-spread: -1px;
  --ag-card-shadow-1-color: rgba(0,0,0,0.1);
  --ag-card-shadow-1-type: dropShadow;
  --ag-card-shadow-1-offset-x: 0;
  --ag-card-shadow-1-offset-y: 4px;
  --ag-card-shadow-2-blur: 4px;
  --ag-card-shadow-2-spread: -2px;
  --ag-card-shadow-2-color: rgba(0,0,0,0.04);
  --ag-card-shadow-2-type: dropShadow;
  --ag-card-shadow-2-offset-x: 0;
  --ag-card-shadow-2-offset-y: 2px;
  --ag-dialog-shadow-1-blur: 25px;
  --ag-dialog-shadow-1-spread: -5px;
  --ag-dialog-shadow-1-color: rgba(0,0,0,0.1);
  --ag-dialog-shadow-1-type: dropShadow;
  --ag-dialog-shadow-1-offset-x: 0;
  --ag-dialog-shadow-1-offset-y: 20px;
  --ag-dialog-shadow-2-blur: 10px;
  --ag-dialog-shadow-2-spread: 0;
  --ag-dialog-shadow-2-color: rgba(0,0,0,0.04);
  --ag-dialog-shadow-2-type: dropShadow;
  --ag-dialog-shadow-2-offset-x: 0;
  --ag-dialog-shadow-2-offset-y: 10px;
  --ag-drag-and-drop-image-shadow-1-blur: 6px;
  --ag-drag-and-drop-image-shadow-1-spread: -1px;
  --ag-drag-and-drop-image-shadow-1-color: rgba(0,0,0,0.1);
  --ag-drag-and-drop-image-shadow-1-type: dropShadow;
  --ag-drag-and-drop-image-shadow-1-offset-x: 0;
  --ag-drag-and-drop-image-shadow-1-offset-y: 4px;
  --ag-drag-and-drop-image-shadow-2-blur: 4px;
  --ag-drag-and-drop-image-shadow-2-spread: -2px;
  --ag-drag-and-drop-image-shadow-2-color: rgba(0,0,0,0.04);
  --ag-drag-and-drop-image-shadow-2-type: dropShadow;
  --ag-drag-and-drop-image-shadow-2-offset-x: 0;
  --ag-drag-and-drop-image-shadow-2-offset-y: 2px;
  --ag-dropdown-shadow-1-blur: 6px;
  --ag-dropdown-shadow-1-spread: -1px;
  --ag-dropdown-shadow-1-color: rgba(0,0,0,0.1);
  --ag-dropdown-shadow-1-type: dropShadow;
  --ag-dropdown-shadow-1-offset-x: 0;
  --ag-dropdown-shadow-1-offset-y: 4px;
  --ag-dropdown-shadow-2-blur: 4px;
  --ag-dropdown-shadow-2-spread: -2px;
  --ag-dropdown-shadow-2-color: rgba(0,0,0,0.04);
  --ag-dropdown-shadow-2-type: dropShadow;
  --ag-dropdown-shadow-2-offset-x: 0;
  --ag-dropdown-shadow-2-offset-y: 2px;
  --ag-header-row-border-style: solid;
  --ag-header-row-border-width: 1px;
  --ag-header-row-border-color: #d8d9e0;
  --ag-input-focus-box-shadow-1-blur: 6px;
  --ag-input-focus-box-shadow-1-spread: -1px;
  --ag-input-focus-box-shadow-1-color: rgba(0,0,0,0.1);
  --ag-input-focus-box-shadow-1-type: dropShadow;
  --ag-input-focus-box-shadow-1-offset-x: 0;
  --ag-input-focus-box-shadow-1-offset-y: 4px;
  --ag-input-focus-box-shadow-2-blur: 4px;
  --ag-input-focus-box-shadow-2-spread: -2px;
  --ag-input-focus-box-shadow-2-color: rgba(0,0,0,0.04);
  --ag-input-focus-box-shadow-2-type: dropShadow;
  --ag-input-focus-box-shadow-2-offset-x: 0;
  --ag-input-focus-box-shadow-2-offset-y: 2px;
  --ag-menu-border-width: 1px;
  --ag-menu-border-style: solid;
  --ag-menu-border-color: #d8d9e0;
  --ag-menu-shadow-1-blur: 6px;
  --ag-menu-shadow-1-spread: -1px;
  --ag-menu-shadow-1-color: rgba(0,0,0,0.1);
  --ag-menu-shadow-1-type: dropShadow;
  --ag-menu-shadow-1-offset-x: 0;
  --ag-menu-shadow-1-offset-y: 4px;
  --ag-menu-shadow-2-blur: 4px;
  --ag-menu-shadow-2-spread: -2px;
  --ag-menu-shadow-2-color: rgba(0,0,0,0.04);
  --ag-menu-shadow-2-type: dropShadow;
  --ag-menu-shadow-2-offset-x: 0;
  --ag-menu-shadow-2-offset-y: 2px;
  --ag-popup-shadow-1-blur: 6px;
  --ag-popup-shadow-1-spread: -1px;
  --ag-popup-shadow-1-color: rgba(0,0,0,0.1);
  --ag-popup-shadow-1-type: dropShadow;
  --ag-popup-shadow-1-offset-x: 0;
  --ag-popup-shadow-1-offset-y: 4px;
  --ag-popup-shadow-2-blur: 4px;
  --ag-popup-shadow-2-spread: -2px;
  --ag-popup-shadow-2-color: rgba(0,0,0,0.04);
  --ag-popup-shadow-2-type: dropShadow;
  --ag-popup-shadow-2-offset-x: 0;
  --ag-popup-shadow-2-offset-y: 2px;
  --ag-side-panel-border-width: 1px;
  --ag-side-panel-border-color: #d8d9e0;
  --ag-side-panel-border-style: solid;
  --ag-custom-pinned-cols-shadow-1-blur: 6px;
  --ag-custom-pinned-cols-shadow-1-spread: -1px;
  --ag-custom-pinned-cols-shadow-1-color: rgba(0,0,0,0.1);
  --ag-custom-pinned-cols-shadow-1-type: dropShadow;
  --ag-custom-pinned-cols-shadow-1-offset-x: 0;
  --ag-custom-pinned-cols-shadow-1-offset-y: 4px;
  --ag-custom-pinned-cols-shadow-2-blur: 4px;
  --ag-custom-pinned-cols-shadow-2-spread: -2px;
  --ag-custom-pinned-cols-shadow-2-color: rgba(0,0,0,0.04);
  --ag-custom-pinned-cols-shadow-2-type: dropShadow;
  --ag-custom-pinned-cols-shadow-2-offset-x: 0;
  --ag-custom-pinned-cols-shadow-2-offset-y: 2px;
  --fab-size-md-min-height: 2.5rem;
  --fab-size-md-border-radius: 8px;
  --fab-size-md-horizontal-padding: 0.75rem;
  --fab-size-md-item-spacing: 0.5rem;
  --fab-size-md-vertical-padding: 0.5rem;
  --fab-shadow-1-blur: 6px;
  --fab-shadow-1-spread: -1px;
  --fab-shadow-1-color: rgba(0,0,0,0.1);
  --fab-shadow-1-type: dropShadow;
  --fab-shadow-1-offset-x: 0;
  --fab-shadow-1-offset-y: 4px;
  --fab-shadow-2-blur: 4px;
  --fab-shadow-2-spread: -2px;
  --fab-shadow-2-color: rgba(0,0,0,0.04);
  --fab-shadow-2-type: dropShadow;
  --fab-shadow-2-offset-x: 0;
  --fab-shadow-2-offset-y: 2px;
}


/**
 * Do not edit directly, this file was auto-generated.
 */


:root.supplyx.dark,
:root.supplyx .dark,
:root.supplyx.dark .light .revert-colors
 {
 /**
  * @tokens Colors
  * @presenter Color
  */

  --colors-gray-light-25: #fcfcfd;
  --colors-gray-light-50: #f9f9fb;
  --colors-gray-light-100: #eff0f3;
  --colors-gray-light-200: #e7e8ec;
  --colors-gray-light-300: #e0e1e6;
  --colors-gray-light-400: #d8d9e0;
  --colors-gray-light-500: #cdced7;
  --colors-gray-light-600: #b9bbc6;
  --colors-gray-light-700: #8b8d98;
  --colors-gray-light-800: #80828d;
  --colors-gray-light-900: #62636c;
  --colors-gray-light-950: #1e1f24;
  --colors-gray-light-alpha-25: #00005503;
  --colors-gray-light-alpha-50: #00005506;
  --colors-gray-light-alpha-100: #00104010;
  --colors-gray-light-alpha-200: #000b3618;
  --colors-gray-light-alpha-300: #0009321f;
  --colors-gray-light-alpha-400: #00073527;
  --colors-gray-light-alpha-500: #00063332;
  --colors-gray-light-alpha-600: #00083046;
  --colors-gray-light-alpha-700: #00051d74;
  --colors-gray-light-alpha-800: #00051b7f;
  --colors-gray-light-alpha-900: #0002119d;
  --colors-gray-light-alpha-950: #000107e1;
  --colors-gray-dark-25: #101216;
  --colors-gray-dark-50: #17191D;
  --colors-gray-dark-100: #202329;
  --colors-gray-dark-200: #262a31;
  --colors-gray-dark-300: #2c313a;
  --colors-gray-dark-400: #343a45;
  --colors-gray-dark-500: #404755;
  --colors-gray-dark-600: #576174;
  --colors-gray-dark-700: #646e81;
  --colors-gray-dark-800: #727b8e;
  --colors-gray-dark-900: #acb4c2;
  --colors-gray-dark-950: #eceef2;
  --colors-gray-dark-alpha-25: #0013df05;
  --colors-gray-dark-alpha-50: #7da7fc0c;
  --colors-gray-dark-alpha-100: #a1c0fd19;
  --colors-gray-dark-alpha-200: #a8c6fb22;
  --colors-gray-dark-alpha-300: #a9c6fa2c;
  --colors-gray-dark-alpha-400: #b0ccff37;
  --colors-gray-dark-alpha-500: #b3ccfd49;
  --colors-gray-dark-alpha-600: #b8d0fd6a;
  --colors-gray-dark-alpha-700: #c0d5fd78;
  --colors-gray-dark-alpha-800: #c8d9fe86;
  --colors-gray-dark-alpha-900: #e0ebfebe;
  --colors-gray-dark-alpha-950: #f8fafef2;
  --colors-red-light-50: #fff7f7;
  --colors-red-light-100: #feebec;
  --colors-red-light-200: #ffdbdc;
  --colors-red-light-300: #ffcdce;
  --colors-red-light-400: #fdbdbe;
  --colors-red-light-500: #f4a9aa;
  --colors-red-light-600: #eb8e90;
  --colors-red-light-700: #C5504D;
  --colors-red-light-800: #B62521;
  --colors-red-light-900: #971F1C;
  --colors-red-light-950: #641723;
  --colors-red-dark-50: #201314;
  --colors-red-dark-100: #3b1219;
  --colors-red-dark-200: #500f1c;
  --colors-red-dark-300: #611623;
  --colors-red-dark-400: #72232d;
  --colors-red-dark-500: #8c333a;
  --colors-red-dark-600: #b54548;
  --colors-red-dark-700: #C5504D;
  --colors-red-dark-800: #D97674;
  --colors-red-dark-900: #E6A4A2;
  --colors-red-dark-950: #ffd1d9;
  --colors-green-light-50: #F3FAF8;
  --colors-green-light-100: #E7F5F0;
  --colors-green-light-200: #CFECE2;
  --colors-green-light-300: #9FD9C5;
  --colors-green-light-400: #6EC5A8;
  --colors-green-light-500: #3EB28B;
  --colors-green-light-600: #0E9F6E;
  --colors-green-light-700: #0C835B;
  --colors-green-light-800: #03543F;
  --colors-green-light-900: #023B2C;
  --colors-green-light-950: #01271E;
  --colors-green-dark-50: #02271D;
  --colors-green-dark-100: #083529;
  --colors-green-dark-200: #084F3C;
  --colors-green-dark-300: #137C58;
  --colors-green-dark-400: #14996C;
  --colors-green-dark-500: #43AD89;
  --colors-green-dark-600: #73C0A6;
  --colors-green-dark-700: #A5D3C3;
  --colors-green-dark-800: #D1EAE1;
  --colors-green-dark-900: #E8F4F0;
  --colors-green-dark-950: #F3FAF8;
  --colors-yellow-light-50: #FEFBF0;
  --colors-yellow-light-100: #FDF2C9;
  --colors-yellow-light-200: #FBE79D;
  --colors-yellow-light-300: #FCDE6E;
  --colors-yellow-light-400: #FBD546;
  --colors-yellow-light-500: #FACA15;
  --colors-yellow-light-600: #D6A100;
  --colors-yellow-light-700: #C27803;
  --colors-yellow-light-800: #9E6206;
  --colors-yellow-light-900: #733D0D;
  --colors-yellow-light-950: #452408;
  --colors-yellow-dark-50: #3D250F;
  --colors-yellow-dark-100: #6C3D13;
  --colors-yellow-dark-200: #96600E;
  --colors-yellow-dark-300: #B37512;
  --colors-yellow-dark-400: #CB9C10;
  --colors-yellow-dark-500: #EEC321;
  --colors-yellow-dark-600: #F2D04D;
  --colors-yellow-dark-700: #F4DA7B;
  --colors-yellow-dark-800: #F8E7A6;
  --colors-yellow-dark-900: #F9F1D5;
  --colors-yellow-dark-950: #FEFCF4;
  --colors-blue-light-50: #EFF6FF;
  --colors-blue-light-100: #DBEAFE;
  --colors-blue-light-200: #BFDBFE;
  --colors-blue-light-300: #93C5FD;
  --colors-blue-light-400: #60A5FA;
  --colors-blue-light-500: #3B82F6;
  --colors-blue-light-600: #2563EB;
  --colors-blue-light-700: #1D4ED8;
  --colors-blue-light-800: #1E40AF;
  --colors-blue-light-900: #1E3A8A;
  --colors-blue-light-950: #172554;
  --colors-blue-light-alpha-50: #EFF6FF08;
  --colors-blue-light-alpha-100: #DBEAFE26;
  --colors-blue-light-alpha-200: #BFDBFE26;
  --colors-blue-light-alpha-300: #93C5FD4D;
  --colors-blue-light-alpha-400: #60A5FA66;
  --colors-blue-light-alpha-500: #3B82F680;
  --colors-blue-light-alpha-600: #2563EB99;
  --colors-blue-light-alpha-700: #1D4ED8B3;
  --colors-blue-light-alpha-800: #1E40AFCC;
  --colors-blue-light-alpha-900: #1E3A8AE6;
  --colors-blue-light-alpha-950: #172554F2;
  --colors-blue-dark-50: #172554;
  --colors-blue-dark-100: #1E3A8A;
  --colors-blue-dark-200: #1E40AF;
  --colors-blue-dark-300: #1D4ED8;
  --colors-blue-dark-400: #2563EB;
  --colors-blue-dark-500: #3B82F6;
  --colors-blue-dark-600: #60A5FA;
  --colors-blue-dark-700: #93C5FD;
  --colors-blue-dark-800: #BFDBFE;
  --colors-blue-dark-900: #DBEAFE;
  --colors-blue-dark-950: #EFF6FF;
  --colors-blue-dark-alpha-50: #17255408;
  --colors-blue-dark-alpha-100: #1E3A8A0D;
  --colors-blue-dark-alpha-200: #1E40AF26;
  --colors-blue-dark-alpha-300: #1D4ED84D;
  --colors-blue-dark-alpha-400: #2563EB66;
  --colors-blue-dark-alpha-500: #3B82F680;
  --colors-blue-dark-alpha-600: #60A5FA99;
  --colors-blue-dark-alpha-700: #93C5FDB3;
  --colors-blue-dark-alpha-800: #BFDBFECC;
  --colors-blue-dark-alpha-900: #DBEAFEE6;
  --colors-blue-dark-alpha-950: #EFF6FFF2;
  --colors-black-white-light-min: #ffffff;
  --colors-black-white-light-max: #000;
  --colors-black-white-dark-min: #000;
  --colors-black-white-dark-max: #ffffff;
  --colors-mystic-violet-light-50: #F6F3F7;
  --colors-mystic-violet-light-100: #EDE7EE;
  --colors-mystic-violet-light-200: #DCD0DE;
  --colors-mystic-violet-light-300: #CAB8CD;
  --colors-mystic-violet-light-400: #A789AB;
  --colors-mystic-violet-light-500: #96719B;
  --colors-mystic-violet-light-600: #845A8A;
  --colors-mystic-violet-light-700: #501358;
  --colors-mystic-violet-light-800: #65296d;
  --colors-mystic-violet-light-900: #8b4d93;
  --colors-mystic-violet-light-950: #54185c;
  --colors-mystic-violet-light-a: #5013581F; /** Primary color alpha value */
  --colors-mystic-violet-dark-50: #2E1631;
  --colors-mystic-violet-dark-100: #461E4B;
  --colors-mystic-violet-dark-200: #522558;
  --colors-mystic-violet-dark-300: #6C4771;
  --colors-mystic-violet-dark-400: #86688A;
  --colors-mystic-violet-dark-500: #97799B;
  --colors-mystic-violet-dark-600: #A890AB;
  --colors-mystic-violet-dark-700: #CBBDCD;
  --colors-mystic-violet-dark-800: #DCD3DE;
  --colors-mystic-violet-dark-900: #EDE9EE;
  --colors-mystic-violet-dark-950: #F6F2F7;
  --colors-mystic-violet-dark-a: #5013581F; /** Primary color alpha value */
  --colors-vibrant-yellow-dark-50: #1a180f;
  --colors-vibrant-yellow-dark-100: #2a2404;
  --colors-vibrant-yellow-dark-200: #362c00;
  --colors-vibrant-yellow-dark-300: #423600;
  --colors-vibrant-yellow-dark-400: #4f4400;
  --colors-vibrant-yellow-dark-500: #62560f;
  --colors-vibrant-yellow-dark-600: #7c6e17;
  --colors-vibrant-yellow-dark-700: #f7d908;
  --colors-vibrant-yellow-dark-800: #edcf00;
  --colors-vibrant-yellow-dark-900: #f9db13;
  --colors-vibrant-yellow-dark-950: #f8edaf;
  --colors-vibrant-yellow-dark-a: #fec30034; /** Primary color alpha value */
  --colors-vibrant-yellow-light-50: #FFFCEB;
  --colors-vibrant-yellow-light-100: #FFF8C7;
  --colors-vibrant-yellow-light-200: #FFF299;
  --colors-vibrant-yellow-light-300: #FFEC6B;
  --colors-vibrant-yellow-light-400: #FFE638;
  --colors-vibrant-yellow-light-500: #FFDF00;
  --colors-vibrant-yellow-light-600: #F0CC00;
  --colors-vibrant-yellow-light-700: #C2A500;
  --colors-vibrant-yellow-light-800: #8F7900;
  --colors-vibrant-yellow-light-900: #473D00;
  --colors-vibrant-yellow-light-950: #2E2700;
  --colors-vibrant-yellow-light-a: #fec30034; /** Primary color alpha value */
  --colors-westwing-gray-light-50: #f9f9fa;
  --colors-westwing-gray-light-100: #f0f0f1;
  --colors-westwing-gray-light-200: #e8e8ea;
  --colors-westwing-gray-light-300: #e1e1e3;
  --colors-westwing-gray-light-400: #d9dadc;
  --colors-westwing-gray-light-500: #ceced2;
  --colors-westwing-gray-light-600: #bbbbbf;
  --colors-westwing-gray-light-700: #1d1d1f;
  --colors-westwing-gray-light-800: #333335;
  --colors-westwing-gray-light-900: #646467;
  --colors-westwing-gray-light-950: #1f1f21;
  --colors-westwing-gray-light-a: #0000111e; /** Primary color alpha value */
  --colors-westwing-gray-dark-50: #19191b;
  --colors-westwing-gray-dark-100: #232325;
  --colors-westwing-gray-dark-200: #2a2a2d;
  --colors-westwing-gray-dark-300: #313134;
  --colors-westwing-gray-dark-400: #3a3a3d;
  --colors-westwing-gray-dark-500: #48484b;
  --colors-westwing-gray-dark-600: #606064;
  --colors-westwing-gray-dark-700: #6e6e72;
  --colors-westwing-gray-dark-800: #616165;
  --colors-westwing-gray-dark-900: #b4b4b8;
  --colors-westwing-gray-dark-950: #eeeef0;
  --colors-westwing-gray-dark-a: #0000111e; /** Primary color alpha value */
  --colors-bonprix-blue-dark-50: #121823;
  --colors-bonprix-blue-dark-100: #172642;
  --colors-bonprix-blue-dark-200: #1b3159;
  --colors-bonprix-blue-dark-300: #243d6a;
  --colors-bonprix-blue-dark-400: #2e497a;
  --colors-bonprix-blue-dark-500: #39578e;
  --colors-bonprix-blue-dark-600: #4467a8;
  --colors-bonprix-blue-dark-700: #89aded;
  --colors-bonprix-blue-dark-800: #7ea2e1;
  --colors-bonprix-blue-dark-900: #91b6f6;
  --colors-bonprix-blue-dark-950: #d4e2fa;
  --colors-bonprix-blue-dark-a: #367dfd4a; /** Primary color alpha value */
  --colors-bonprix-blue-light-50: #f7f9fe;
  --colors-bonprix-blue-light-100: #ecf2fd;
  --colors-bonprix-blue-light-200: #dfeaff;
  --colors-bonprix-blue-light-300: #cfe0fe;
  --colors-bonprix-blue-light-400: #bcd3fc;
  --colors-bonprix-blue-light-500: #a5c1f2;
  --colors-bonprix-blue-light-600: #85a8e8;
  --colors-bonprix-blue-light-700: #89aded;
  --colors-bonprix-blue-light-800: #7ea2e1;
  --colors-bonprix-blue-light-900: #4868a3;
  --colors-bonprix-blue-light-950: #1a3059;
  --colors-bonprix-blue-light-a: #0058ff20; /** Primary color alpha value */
  --colors-transparent: #FFFFFF00;
  --colors-bonprix-gray-light-50: #f8f9f9;
  --colors-bonprix-gray-light-100: #f0f0f0;
  --colors-bonprix-gray-light-200: #e8e8e9;
  --colors-bonprix-gray-light-300: #e1e1e1;
  --colors-bonprix-gray-light-400: #d9d9da;
  --colors-bonprix-gray-light-500: #cececf;
  --colors-bonprix-gray-light-600: #bbbbbc;
  --colors-bonprix-gray-light-700: #000;
  --colors-bonprix-gray-light-800: #2d2e2f;
  --colors-bonprix-gray-light-900: #636464;
  --colors-bonprix-gray-light-950: #1f1f20;
  --colors-bonprix-gray-light-a: #00000c17; /** Primary color alpha value */
  --colors-bonprix-gray-dark-50: #17191e;
  --colors-bonprix-gray-dark-100: #1f2329;
  --colors-bonprix-gray-dark-200: #262a30;
  --colors-bonprix-gray-dark-300: #2d3138;
  --colors-bonprix-gray-dark-400: #363a41;
  --colors-bonprix-gray-dark-500: #43474e;
  --colors-bonprix-gray-dark-600: #5d6068;
  --colors-bonprix-gray-dark-700: #6a6e76;
  --colors-bonprix-gray-dark-800: #5d6068;
  --colors-bonprix-gray-dark-900: #afb4bc;
  --colors-bonprix-gray-dark-950: #eceef2;
  --colors-bonprix-gray-dark-a: #d2e6fb1d; /** Primary color alpha value */
  --colors-westwing-green-light-50: #f4faf9;
  --colors-westwing-green-light-100: #e4f7f2;
  --colors-westwing-green-light-200: #d4f1e9;
  --colors-westwing-green-light-300: #c2e8de;
  --colors-westwing-green-light-400: #aedbcf;
  --colors-westwing-green-light-500: #93cabc;
  --colors-westwing-green-light-600: #6cb5a4;
  --colors-westwing-green-light-700: #48a18e;
  --colors-westwing-green-light-800: #3e9482;
  --colors-westwing-green-light-900: #1b7c6b;
  --colors-westwing-green-light-950: #1d3b34;
  --colors-westwing-green-light-a: #73fbde2d;
  --colors-westwing-green-dark-50: #141a18;
  --colors-westwing-green-dark-100: #192724;
  --colors-westwing-green-dark-200: #1c322c;
  --colors-westwing-green-dark-300: #233b36;
  --colors-westwing-green-dark-400: #2d4741;
  --colors-westwing-green-dark-500: #395750;
  --colors-westwing-green-dark-600: #4a6f66;
  --colors-westwing-green-dark-700: #8ec5b7;
  --colors-westwing-green-dark-800: #8fb7ac;
  --colors-westwing-green-dark-900: #8dc4b6;
  --colors-westwing-green-dark-950: #d9f2eb;
  --colors-westwing-green-dark-a: #73fbde2d; /** Primary color alpha value */
  --mode-colors-gray-25: #101216;
  --mode-colors-gray-50: #17191D;
  --mode-colors-gray-100: #202329;
  --mode-colors-gray-200: #262a31;
  --mode-colors-gray-300: #2c313a;
  --mode-colors-gray-400: #343a45;
  --mode-colors-gray-500: #404755;
  --mode-colors-gray-600: #576174;
  --mode-colors-gray-700: #646e81;
  --mode-colors-gray-800: #727b8e;
  --mode-colors-gray-900: #acb4c2;
  --mode-colors-gray-950: #eceef2;
  --mode-colors-gray-min: #000;
  --mode-colors-gray-max: #ffffff;
  --mode-colors-gray-alpha-25: #0013df05;
  --mode-colors-gray-alpha-50: #7da7fc0c;
  --mode-colors-gray-alpha-100: #a1c0fd19;
  --mode-colors-gray-alpha-200: #a8c6fb22;
  --mode-colors-gray-alpha-300: #a9c6fa2c;
  --mode-colors-gray-alpha-400: #b0ccff37;
  --mode-colors-gray-alpha-500: #b3ccfd49;
  --mode-colors-gray-alpha-600: #b8d0fd6a;
  --mode-colors-gray-alpha-700: #c0d5fd78;
  --mode-colors-gray-alpha-800: #c8d9fe86;
  --mode-colors-gray-alpha-900: #e0ebfebe;
  --mode-colors-gray-alpha-950: #f8fafef2;
  --mode-colors-green-50: #02271D;
  --mode-colors-green-100: #083529;
  --mode-colors-green-200: #084F3C;
  --mode-colors-green-300: #137C58;
  --mode-colors-green-400: #14996C;
  --mode-colors-green-500: #43AD89;
  --mode-colors-green-600: #73C0A6;
  --mode-colors-green-700: #A5D3C3;
  --mode-colors-green-800: #D1EAE1;
  --mode-colors-green-900: #E8F4F0;
  --mode-colors-green-950: #F3FAF8;
  --mode-colors-yellow-50: #3D250F;
  --mode-colors-yellow-100: #6C3D13;
  --mode-colors-yellow-200: #96600E;
  --mode-colors-yellow-300: #B37512;
  --mode-colors-yellow-400: #CB9C10;
  --mode-colors-yellow-500: #EEC321;
  --mode-colors-yellow-600: #F2D04D;
  --mode-colors-yellow-700: #F4DA7B;
  --mode-colors-yellow-800: #F8E7A6;
  --mode-colors-yellow-900: #F9F1D5;
  --mode-colors-yellow-950: #FEFCF4;
  --mode-colors-red-50: #201314;
  --mode-colors-red-100: #3b1219;
  --mode-colors-red-200: #500f1c;
  --mode-colors-red-300: #611623;
  --mode-colors-red-400: #72232d;
  --mode-colors-red-500: #8c333a;
  --mode-colors-red-600: #b54548;
  --mode-colors-red-700: #C5504D;
  --mode-colors-red-800: #D97674;
  --mode-colors-red-900: #E6A4A2;
  --mode-colors-red-950: #ffd1d9;
  --mode-colors-blue-50: #172554;
  --mode-colors-blue-100: #1E3A8A;
  --mode-colors-blue-200: #1E40AF;
  --mode-colors-blue-300: #1D4ED8;
  --mode-colors-blue-400: #2563EB;
  --mode-colors-blue-500: #3B82F6;
  --mode-colors-blue-600: #60A5FA;
  --mode-colors-blue-700: #93C5FD;
  --mode-colors-blue-800: #BFDBFE;
  --mode-colors-blue-900: #DBEAFE;
  --mode-colors-blue-950: #EFF6FF;
  --mode-colors-blue-alpha-50: #17255408;
  --mode-colors-blue-alpha-100: #1E3A8A0D;
  --mode-colors-blue-alpha-200: #1E40AF26;
  --mode-colors-blue-alpha-300: #1D4ED84D;
  --mode-colors-blue-alpha-400: #2563EB66;
  --mode-colors-blue-alpha-500: #3B82F680;
  --mode-colors-blue-alpha-600: #60A5FA99;
  --mode-colors-blue-alpha-700: #93C5FDB3;
  --mode-colors-blue-alpha-800: #BFDBFECC;
  --mode-colors-blue-alpha-900: #DBEAFEE6;
  --mode-colors-blue-alpha-950: #EFF6FFF2;
  --mode-colors-supplx-secondary-50: #2E1631;
  --mode-colors-supplx-secondary-100: #461E4B;
  --mode-colors-supplx-secondary-200: #522558;
  --mode-colors-supplx-secondary-300: #6C4771;
  --mode-colors-supplx-secondary-400: #86688A;
  --mode-colors-supplx-secondary-500: #97799B;
  --mode-colors-supplx-secondary-600: #A890AB;
  --mode-colors-supplx-secondary-700: #CBBDCD;
  --mode-colors-supplx-secondary-800: #DCD3DE;
  --mode-colors-supplx-secondary-900: #EDE9EE;
  --mode-colors-supplx-secondary-950: #F6F2F7;
  --mode-colors-supplx-primary-50: #1a180f;
  --mode-colors-supplx-primary-100: #2a2404;
  --mode-colors-supplx-primary-200: #362c00;
  --mode-colors-supplx-primary-300: #423600;
  --mode-colors-supplx-primary-400: #4f4400;
  --mode-colors-supplx-primary-500: #62560f;
  --mode-colors-supplx-primary-600: #7c6e17;
  --mode-colors-supplx-primary-700: #f7d908;
  --mode-colors-supplx-primary-800: #edcf00;
  --mode-colors-supplx-primary-900: #f9db13;
  --mode-colors-supplx-primary-950: #f8edaf;
  --mode-colors-supplx-primary-a: #fec30034;
  --mode-colors-bonprix-primary-50: #121823;
  --mode-colors-bonprix-primary-100: #172642;
  --mode-colors-bonprix-primary-200: #1b3159;
  --mode-colors-bonprix-primary-300: #243d6a;
  --mode-colors-bonprix-primary-400: #2e497a;
  --mode-colors-bonprix-primary-500: #39578e;
  --mode-colors-bonprix-primary-600: #4467a8;
  --mode-colors-bonprix-primary-700: #89aded;
  --mode-colors-bonprix-primary-800: #7ea2e1;
  --mode-colors-bonprix-primary-900: #91b6f6;
  --mode-colors-bonprix-primary-950: #d4e2fa;
  --mode-colors-bonprix-primary-a: #367dfd4a;
  --mode-colors-bonprix-secondary-50: #19191b;
  --mode-colors-bonprix-secondary-100: #232325;
  --mode-colors-bonprix-secondary-200: #2a2a2d;
  --mode-colors-bonprix-secondary-300: #313134;
  --mode-colors-bonprix-secondary-400: #3a3a3d;
  --mode-colors-bonprix-secondary-500: #48484b;
  --mode-colors-bonprix-secondary-600: #606064;
  --mode-colors-bonprix-secondary-700: #6e6e72;
  --mode-colors-bonprix-secondary-800: #616165;
  --mode-colors-bonprix-secondary-900: #b4b4b8;
  --mode-colors-bonprix-secondary-950: #eeeef0;
  --mode-colors-transparent: #FFFFFF00;
  --mode-colors-westwing-primary-50: #141a18;
  --mode-colors-westwing-primary-100: #192724;
  --mode-colors-westwing-primary-200: #1c322c;
  --mode-colors-westwing-primary-300: #233b36;
  --mode-colors-westwing-primary-400: #2d4741;
  --mode-colors-westwing-primary-500: #395750;
  --mode-colors-westwing-primary-600: #4a6f66;
  --mode-colors-westwing-primary-700: #8ec5b7;
  --mode-colors-westwing-primary-800: #8fb7ac;
  --mode-colors-westwing-primary-900: #8dc4b6;
  --mode-colors-westwing-primary-950: #d9f2eb;
  --mode-colors-westwing-primary-a: #73fbde2d;
  --mode-colors-westwing-secondary-50: #19191b;
  --mode-colors-westwing-secondary-100: #232325;
  --mode-colors-westwing-secondary-200: #2a2a2d;
  --mode-colors-westwing-secondary-300: #313134;
  --mode-colors-westwing-secondary-400: #3a3a3d;
  --mode-colors-westwing-secondary-500: #48484b;
  --mode-colors-westwing-secondary-600: #606064;
  --mode-colors-westwing-secondary-700: #6e6e72;
  --mode-colors-westwing-secondary-800: #616165;
  --mode-colors-westwing-secondary-900: #b4b4b8;
  --mode-colors-westwing-secondary-950: #eeeef0;
  --brand-colors-neutral-25: #101216;
  --brand-colors-neutral-50: #17191D;
  --brand-colors-neutral-100: #202329;
  --brand-colors-neutral-200: #262a31;
  --brand-colors-neutral-300: #2c313a;
  --brand-colors-neutral-400: #343a45;
  --brand-colors-neutral-500: #404755;
  --brand-colors-neutral-600: #576174;
  --brand-colors-neutral-700: #646e81;
  --brand-colors-neutral-800: #727b8e;
  --brand-colors-neutral-900: #acb4c2;
  --brand-colors-neutral-950: #eceef2;
  --brand-colors-neutral-min: #000;
  --brand-colors-neutral-max: #ffffff;
  --brand-colors-neutral-alpha-25: #0013df05;
  --brand-colors-neutral-alpha-50: #7da7fc0c;
  --brand-colors-neutral-alpha-100: #a1c0fd19;
  --brand-colors-neutral-alpha-200: #a8c6fb22;
  --brand-colors-neutral-alpha-300: #a9c6fa2c;
  --brand-colors-neutral-alpha-400: #b0ccff37;
  --brand-colors-neutral-alpha-500: #b3ccfd49;
  --brand-colors-neutral-alpha-600: #b8d0fd6a;
  --brand-colors-neutral-alpha-700: #c0d5fd78;
  --brand-colors-neutral-alpha-800: #c8d9fe86;
  --brand-colors-neutral-alpha-900: #e0ebfebe;
  --brand-colors-neutral-alpha-950: #f8fafef2;
  --brand-colors-success-50: #02271D;
  --brand-colors-success-100: #083529;
  --brand-colors-success-200: #084F3C;
  --brand-colors-success-300: #137C58;
  --brand-colors-success-400: #14996C;
  --brand-colors-success-500: #43AD89;
  --brand-colors-success-600: #73C0A6;
  --brand-colors-success-700: #A5D3C3;
  --brand-colors-success-800: #D1EAE1;
  --brand-colors-success-900: #E8F4F0;
  --brand-colors-success-950: #F3FAF8;
  --brand-colors-warning-50: #3D250F;
  --brand-colors-warning-100: #6C3D13;
  --brand-colors-warning-200: #96600E;
  --brand-colors-warning-300: #B37512;
  --brand-colors-warning-400: #CB9C10;
  --brand-colors-warning-500: #EEC321;
  --brand-colors-warning-600: #F2D04D;
  --brand-colors-warning-700: #F4DA7B;
  --brand-colors-warning-800: #F8E7A6;
  --brand-colors-warning-900: #F9F1D5;
  --brand-colors-warning-950: #FEFCF4;
  --brand-colors-error-50: #201314;
  --brand-colors-error-100: #3b1219;
  --brand-colors-error-200: #500f1c;
  --brand-colors-error-300: #611623;
  --brand-colors-error-400: #72232d;
  --brand-colors-error-500: #8c333a;
  --brand-colors-error-600: #b54548;
  --brand-colors-error-700: #C5504D;
  --brand-colors-error-800: #D97674;
  --brand-colors-error-900: #E6A4A2;
  --brand-colors-error-950: #ffd1d9;
  --brand-colors-interactive-50: #172554;
  --brand-colors-interactive-100: #1E3A8A;
  --brand-colors-interactive-200: #1E40AF;
  --brand-colors-interactive-300: #1D4ED8;
  --brand-colors-interactive-400: #2563EB;
  --brand-colors-interactive-500: #3B82F6;
  --brand-colors-interactive-600: #60A5FA;
  --brand-colors-interactive-700: #93C5FD;
  --brand-colors-interactive-800: #BFDBFE;
  --brand-colors-interactive-900: #DBEAFE;
  --brand-colors-interactive-950: #EFF6FF;
  --brand-colors-interactive-alpha-50: #17255408;
  --brand-colors-interactive-alpha-100: #1E3A8A0D;
  --brand-colors-interactive-alpha-200: #1E40AF26;
  --brand-colors-interactive-alpha-300: #1D4ED84D;
  --brand-colors-interactive-alpha-400: #2563EB66;
  --brand-colors-interactive-alpha-500: #3B82F680;
  --brand-colors-interactive-alpha-600: #60A5FA99;
  --brand-colors-interactive-alpha-700: #93C5FDB3;
  --brand-colors-interactive-alpha-800: #BFDBFECC;
  --brand-colors-interactive-alpha-900: #DBEAFEE6;
  --brand-colors-interactive-alpha-950: #EFF6FFF2;
  --brand-colors-secondary-50: #2E1631;
  --brand-colors-secondary-100: #461E4B;
  --brand-colors-secondary-200: #522558;
  --brand-colors-secondary-300: #6C4771;
  --brand-colors-secondary-400: #86688A;
  --brand-colors-secondary-500: #97799B;
  --brand-colors-secondary-600: #A890AB;
  --brand-colors-secondary-700: #CBBDCD;
  --brand-colors-secondary-800: #DCD3DE;
  --brand-colors-secondary-900: #EDE9EE;
  --brand-colors-secondary-950: #F6F2F7;
  --brand-colors-primary-50: #1a180f;
  --brand-colors-primary-100: #2a2404;
  --brand-colors-primary-200: #362c00;
  --brand-colors-primary-300: #423600;
  --brand-colors-primary-400: #4f4400;
  --brand-colors-primary-500: #62560f;
  --brand-colors-primary-600: #7c6e17;
  --brand-colors-primary-700: #f7d908;
  --brand-colors-primary-800: #edcf00;
  --brand-colors-primary-900: #f9db13;
  --brand-colors-primary-950: #f8edaf;
  --brand-colors-primary-a: #fec30034;
  --brand-colors-transparent: #FFFFFF00;
  --theme-colors-border-default: #343a45;
  --theme-colors-border-strong: #404755;
  --theme-colors-border-success: #14996C;
  --theme-colors-border-warning: #CB9C10;
  --theme-colors-border-error: #72232d;
  --theme-colors-border-info: #2563EB;
  --theme-colors-text-default: #eceef2;
  --theme-colors-text-inverse: #17191D;
  --theme-colors-text-subtle: #acb4c2;
  --theme-colors-text-success: #E8F4F0;
  --theme-colors-text-error: #E6A4A2;
  --theme-colors-text-warning: #F9F1D5;
  --theme-colors-text-info: #DBEAFE;
  --theme-colors-icon-info: #93C5FD;
  --theme-colors-icon-success: #A5D3C3;
  --theme-colors-icon-error: #C5504D;
  --theme-colors-icon-warning: #F4DA7B;
  --theme-colors-icon-default: #eceef2;
  --theme-colors-icon-inverse: #17191D;
  --theme-colors-icon-subtle: #acb4c2;
  --theme-colors-icon-extra-subtle: #646e81;
  --theme-colors-link-default: #f7d908;
  --theme-colors-link-hover: #edcf00;
  --theme-colors-link-pressed: #edcf00; /** Test to used modifier */
  --theme-colors-link-disabled: #343a45;
  --theme-colors-bg-base: #000;
  --theme-colors-bg-hover: #fec30034; /** Hover color for surfaces in the colors: base, layer 1 and layer 2.  */
  --theme-colors-bg-layer0: #17191D; /** Not a regular backgound color. Mainly used as backgound color on AG-Grid row for group on 3rd level and for menus and dropdowns. */
  --theme-colors-bg-layer1: #202329;
  --theme-colors-bg-layer2: #262a31;
  --theme-colors-bg-success-default: #083529;
  --theme-colors-bg-success-strong: #084F3C;
  --theme-colors-bg-warning-default: #6C3D13;
  --theme-colors-bg-warning-strong: #96600E;
  --theme-colors-bg-error-default: #3b1219;
  --theme-colors-bg-error-strong: #500f1c;
  --theme-colors-bg-inverse-base: #eceef2; /** The darkest background-color used across layouts and components. It is useful for components such as tooltips. */
  --theme-colors-bg-inverse-layer1: #404755;
  --theme-colors-bg-info-default: #1E3A8A;
  --theme-colors-bg-info-strong: #1E40AF;
  --theme-colors-accent-subtle-default: #62560f;
  --theme-colors-accent-subtle-hover: #7c6e17;
  --theme-colors-accent-strong-default: #f7d908;
  --theme-colors-accent-strong-hover: #edcf00;
  --button-colors-primary-bg-default: #f7d908;
  --button-colors-primary-bg-hover: #edcf00;
  --button-colors-primary-bg-pressed: #f9db13;
  --button-colors-primary-bg-disabled: #262a31;
  --button-colors-primary-bg-destructive-default: #D97674;
  --button-colors-primary-bg-destructive-hover: #C5504D;
  --button-colors-primary-bg-destructive-pressed: #D97674;
  --button-colors-primary-bg-destructive-disabled: #3b1219;
  --button-colors-primary-fg-default: #000;
  --button-colors-primary-fg-disabled: #c0d5fd78;
  --button-colors-primary-fg-destructive-disabled: #c0d5fd78;
  --button-colors-secondary-bg-default: #7da7fc0c;
  --button-colors-secondary-bg-hover: #a1c0fd19;
  --button-colors-secondary-bg-pressed: #a8c6fb22;
  --button-colors-secondary-bg-disabled: #FFFFFF00;
  --button-colors-secondary-bg-destructive-default: #7da7fc0c;
  --button-colors-secondary-bg-destructive-hover: #a1c0fd19;
  --button-colors-secondary-bg-destructive-pressed: #a8c6fb22;
  --button-colors-secondary-bg-destructive-disabled: #FFFFFF00;
  --button-colors-secondary-fg-default: #f7d908;
  --button-colors-secondary-fg-disabled: #646e81;
  --button-colors-secondary-fg-destructive-default: #D97674;
  --button-colors-secondary-fg-destructive-disabled: #646e81;
  --button-colors-secondary-border-default: #576174;
  --button-colors-secondary-border-destructive-default: #b54548;
  --button-colors-secondary-border-destructive-disabled: #b0ccff37;
  --button-colors-secondary-border-disabled: #b0ccff37;
  --button-colors-tertiary-bg-hover: #a1c0fd19;
  --button-colors-tertiary-bg-pressed: #a8c6fb22;
  --button-colors-tertiary-bg-destructive-hover: #a1c0fd19;
  --button-colors-tertiary-bg-destructive-pressed: #a8c6fb22;
  --button-colors-tertiary-fg-default: #f7d908;
  --button-colors-tertiary-fg-disabled: #646e81;
  --button-colors-tertiary-fg-destructive-default: #D97674;
  --button-colors-tertiary-fg-destructive-disabled: #646e81;
  --focus-ring-colors-bg: #1E40AF26;
  --focus-ring-colors-border: #1D4ED8;
  --accordion-header-colors-bg-accent-default: #000;
  --accordion-header-colors-bg-accent-hover: #2a2404;
  --accordion-header-colors-bg-default: #202329;
  --accordion-header-colors-bg-hover: #262a31;
  --accordion-colors-border-accent-default: #62560f;
  --accordion-colors-border-default: #343a45;
  --accordion-colors-text-title: #eceef2;
  --accordion-colors-text-subline: #acb4c2;
  --accordion-colors-text-hint: #eceef2;
  --accordion-colors-icon-left: #eceef2;
  --accordion-colors-icon-right: #acb4c2;
  --accordion-colors-icon-chevron: #acb4c2;
  --accordion-group-header-colors-bg-default: #000;
  --avatar-colors-border-default: #000;
  --avatar-colors-border-hover: #343a45;
  --avatar-colors-bg-default: #262a31;
  --avatar-colors-bg-hover: #2c313a;
  --avatar-colors-fg: #eceef2;
  --avatar-colors-placeholder-border: #404755;
  --checkbox-colors-unselected-border-default: #acb4c2;
  --checkbox-colors-unselected-border-hover: #7c6e17;
  --checkbox-colors-unselected-border-disabled: #b3ccfd49;
  --checkbox-colors-unselected-border-error: #D97674;
  --checkbox-colors-unselected-bg-default: #FFFFFF00;
  --checkbox-colors-unselected-bg-hover: #a1c0fd19;
  --checkbox-colors-unselected-bg-disabled: #FFFFFF00;
  --checkbox-colors-unselected-bg-error: #201314;
  --checkbox-colors-selected-bg-default: #f7d908;
  --checkbox-colors-selected-bg-hover: #edcf00;
  --checkbox-colors-selected-bg-disabled: #a9c6fa2c;
  --checkbox-colors-selected-bg-error: #D97674;
  --checkbox-colors-selected-fg-default: #17191D;
  --checkbox-colors-selected-fg-disabled: #c0d5fd78;
  --draggable-list-colors-bg-header-default: #000;
  --draggable-list-colors-bg-header-dragging: #262a31;
  --draggable-list-colors-bg-content: #262a31;
  --draggable-list-colors-bg-indicator: #3B82F6;
  --draggable-list-colors-border: #343a45;
  --draggable-list-colors-text-visible: #eceef2;
  --draggable-list-colors-text-hidden: #646e81;
  --draggable-list-colors-icon-left-visible: #f7d908;
  --draggable-list-colors-icon-left-hidden: lch(87.218 85.315 90.909 / 0.7);
  --draggable-list-colors-icon-right: #404755;
  --dropdown-colors-border: #343a45;
  --dropdown-colors-bg-hover: #fec30034;
  --dropdown-colors-bg-default: #17191D;
  --dropdown-colors-bg-highlight: #1E40AF;
  --dropdown-colors-text: #eceef2; /** Used for 'group title' and 'primary value' */
  --dropdown-colors-hint: #acb4c2; /** Used for 'loading', 'no results' state and 'secondary value' */
  --form-colors-bg-default: #000;
  --form-colors-bg-hover: #17191D;
  --form-colors-bg-active: #000;
  --form-colors-bg-disabled: #a9c6fa2c;
  --form-colors-bg-error: #000;
  --form-colors-input-text-default: #eceef2;
  --form-colors-input-text-disabled: #acb4c2;
  --form-colors-input-text-error: #eceef2;
  --form-colors-border-default: #576174;
  --form-colors-border-active: #60A5FA;
  --form-colors-border-hover: #576174;
  --form-colors-border-error: #D97674;
  --form-colors-border-disabled: #a9c6fa2c;
  --form-colors-icon-subtle: #646e81;
  --form-colors-icon-default: #acb4c2;
  --form-colors-icon-hover: #eceef2;
  --form-colors-icon-error: #D97674;
  --form-colors-label-default: #eceef2;
  --form-colors-label-disabled: #646e81;
  --form-colors-label-error: #eceef2;
  --form-colors-label-inverse-default: #17191D;
  --form-colors-label-inverse-disabled: #576174;
  --form-colors-label-inverse-error: #17191D;
  --form-colors-hint-default: #acb4c2;
  --form-colors-hint-disabled: #646e81;
  --form-colors-hint-inverse-default: #2c313a;
  --form-colors-hint-inverse-disabled: #343a45;
  --form-colors-error-message-default: #E6A4A2;
  --form-colors-error-message-inverse: #611623;
  --form-colors-placeholder-default: #727b8e;
  --pill-button-colors-secondary-bg-default: #7da7fc0c;
  --pill-button-colors-secondary-bg-hover: #a1c0fd19;
  --pill-button-colors-secondary-bg-pressed: #362c00;
  --pill-button-colors-secondary-bg-disabled: #FFFFFF00;
  --pill-button-colors-secondary-fg-default: #eceef2;
  --pill-button-colors-secondary-fg-pressed: #eceef2;
  --pill-button-colors-secondary-fg-disabled: #646e81;
  --pill-button-colors-secondary-border-default: #576174;
  --pill-button-colors-secondary-border-disabled: #b0ccff37;
  --pill-button-colors-secondary-border-selected: #62560f;
  --pill-button-colors-destructive-bg-default: #7da7fc0c;
  --pill-button-colors-destructive-bg-hover: #a1c0fd19;
  --pill-button-colors-destructive-bg-pressed: #D97674;
  --pill-button-colors-destructive-bg-disabled: #FFFFFF00;
  --pill-button-colors-destructive-fg-default: #D97674;
  --pill-button-colors-destructive-fg-pressed: #000;
  --pill-button-colors-destructive-fg-disabled: #646e81;
  --pill-button-colors-destructive-border-default: #b54548;
  --status-ring-colors-bg: #404755; /** Neutral 200 */
  --status-ring-colors-success-fg: #43AD89; /** Success 500 */
  --status-ring-colors-warning-fg: #F2D04D; /** Warning 600 */
  --status-ring-colors-error-fg: #C5504D; /** Error 500 */
  --top-nav-colors-bg: #f7d908;
  --top-nav-colors-logo: #97799B;
  --top-nav-colors-menu-bg-default: #f7d908;
  --top-nav-colors-menu-bg-hover: #edcf00;
  --top-nav-colors-menu-bg-pressed: #f9db13;
  --top-nav-colors-menu-fg-default: #17191D;
  --top-nav-colors-menu-fg-pressed: #17191D;
  --radio-colors-unselected-border-default: #acb4c2;
  --radio-colors-selected-border-default: #f7d908;
  --radio-colors-border-hover: #edcf00;
  --radio-colors-border-disabled: #b3ccfd49;
  --radio-colors-border-error: #D97674;
  --radio-colors-bg-default: #FFFFFF00;
  --radio-colors-bg-hover: #a1c0fd19;
  --radio-colors-bg-disabled: #FFFFFF00;
  --radio-colors-fg-default: #f7d908;
  --radio-colors-fg-hover: #edcf00;
  --radio-colors-fg-disabled: #c0d5fd78;
  --radio-colors-fg-error: #D97674;
  --tab-colors-default-selected-fg: #17191D;
  --tab-colors-default-selected-bg-default: #f7d908;
  --tab-colors-default-unselected-fg: #f7d908;
  --tab-colors-default-unselected-bg-default: #262a31;
  --tab-colors-default-unselected-bg-hover: #202329;
  --tab-colors-inverse-selected-fg: #f7d908;
  --tab-colors-inverse-selected-bg-default: #423600;
  --tab-colors-inverse-unselected-fg: #17191D;
  --tab-colors-inverse-unselected-bg-default: #FFFFFF00;
  --tab-colors-inverse-unselected-bg-hover: #7c6e17;
  --box-colors-bg: #000;
  --box-colors-border: #000;
  --switch-colors-unselected-bg-default: #acb4c2;
  --switch-colors-unselected-bg-hover: #727b8e;
  --switch-colors-unselected-icon-default: #acb4c2;
  --switch-colors-selected-bg-default: #43AD89;
  --switch-colors-selected-bg-hover: #14996C;
  --switch-colors-selected-icon-default: #43AD89;
  --switch-colors-icon-disabled: #646e81;
  --switch-colors-bg-disabled: #b0ccff37;
  --switch-colors-fg: #000;
  --notification-badge-colors-strong-bg: #97799B;
  --notification-badge-colors-strong-fg: #F6F2F7;
  --notification-badge-colors-subtle-bg: #727b8e;
  --notification-badge-colors-subtle-fg: #fcfcfd;
  --fab-colors-secondary-bg-default: #000;
  --fab-colors-secondary-bg-hover: #202329;
  --fab-colors-secondary-bg-pressed: #262a31;
  --fab-colors-secondary-bg-disabled: #000;
  --fab-colors-secondary-fg-default: #f7d908;
  --fab-colors-secondary-fg-disabled: #646e81;
  --fab-colors-secondary-border-default: #404755;
  --fab-colors-secondary-border-disabled: #343a45;

 /**
  * @tokens Others
  */

  --var-1: 0.25rem;
  --var-2: 0.5rem;
  --var-3: 0.75rem;
  --var-4: 1rem;
  --var-5: 1.25rem;
  --var-6: 1.5rem;
  --var-7: 1.75rem;
  --var-8: 2rem;
  --var-9: 2.25rem;
  --var-10: 2.5rem;
  --var-11: 2.75rem;
  --var-12: 3rem;
  --var-14: 3.5rem;
  --var-16: 4rem;
  --var-0-5: 0.125rem;
  --var-1-5: 0.375rem;
  --var-2-5: 0.625rem;
  --var-3-5: 0.875rem;
  --opacity-o100: 0.1;
  --opacity-o200: 0.2;
  --opacity-o300: 0.3;
  --opacity-o400: 0.4;
  --opacity-o500: 0.5;
  --opacity-o600: 0.6;
  --opacity-o700: 0.7;
  --opacity-o800: 0.8;
  --opacity-o900: 0.9;
  --fix-1: 4px;
  --fix-2: 8px;
  --fix-3: 12px;
  --fix-4: 16px;
  --fix-5: 20px;
  --fix-6: 24px;
  --fix-7: 28px;
  --fix-8: 32px;
  --fix-9: 36px;
  --fix-10: 40px;
  --fix-11: 44px;
  --fix-12: 48px;
  --fix-14: 56px;
  --fix-16: 64px;
  --fix-24: 96px;
  --fix-28: 112px;
  --fix-32: 128px;
  --fix-36: 144px;
  --fix-44: 176px;
  --fix-none: 0;
  --fix-0-5: 2px;
  --fix-1-5: 0,375rem;
  --fix-2-5: 10px;
  --fix-3-5: 14px;
  --fix-px: 1px;
  --brand-space-element-to-element-xs: 0.25rem;
  --brand-space-element-to-element-sm: 0.5rem;
  --brand-space-element-to-element-md: 0.75rem;
  --brand-space-element-to-element-lg: 1rem;
  --brand-space-element-to-element-xl: 1.5rem;
  --brand-space-element-to-element-2xl: 2rem;
  --brand-space-element-to-element-3xl: 4rem;
  --brand-space-horizontal-edge-to-element-xs: 0.25rem;
  --brand-space-horizontal-edge-to-element-sm: 0.5rem;
  --brand-space-horizontal-edge-to-element-md: 0.75rem;
  --brand-space-horizontal-edge-to-element-lg: 1rem;
  --brand-space-horizontal-edge-to-element-xl: 1.5rem;
  --brand-space-vertical-edge-to-element-xxs: 0.125rem;
  --brand-space-vertical-edge-to-element-xs: 0.25rem;
  --brand-space-vertical-edge-to-element-sm: 0.75rem;
  --brand-space-vertical-edge-to-element-md: 1rem;
  --brand-space-vertical-edge-to-element-xl: 1.5rem;
  --brand-radius-rounded-none: 0;
  --brand-radius-rounded-xs: 4px;
  --brand-radius-rounded-sm: 8px;
  --brand-radius-rounded-md: 16px;
  --brand-radius-rounded-full: 999px;
  --brand-border-width-border-xxs: 1px;
  --brand-border-width-border-xs: 2px;
  --brand-border-width-border-sm: 4px;
  --brand-layout-gutter-breakpoint-xs-to-m: 16px;
  --brand-layout-gutter-breakpoint-l: 24px;
  --brand-layout-outside-gutter-breakpoint-xs-to-m: 16px;
  --brand-layout-outside-gutter-breakpoint-l: 24px;
  --brand-layout-columns-breakpoint-xs: 2;
  --brand-layout-columns-breakpoint-s: 4;
  --brand-layout-columns-breakpoint-m: 12;
  --brand-layout-columns-breakpoint-l: 12;
  --brand-breakpoint-xs: 320px; /** >319px  */
  --brand-breakpoint-s: 768px; /** >767px */
  --brand-breakpoint-m: 1024px; /** >1023px */
  --brand-breakpoint-l: 1280px; /** >1279px */
  --brand-font-family-a: Inter;
  --brand-font-family-b: Rubik;
  --brand-font-weight-accent-weight: 400; /** To be tested, if this can stay under font weight while actually being a font style.  */
  --brand-font-weight-accent-style: italic; /** To be tested, if this can stay under font weight while actually being a font style.  */
  --brand-font-weight-default: 400;
  --brand-font-weight-strong: 500;
  --brand-font-weight-stronger: 700;
  --brand-font-size-f-20: 0.625rem;
  --brand-font-size-f-10: 0.75rem;
  --brand-font-size-f0: 0.875rem;
  --brand-font-size-f10: 1rem;
  --brand-font-size-f20: 1.125rem;
  --brand-font-size-f30: 1.25rem;
  --brand-font-size-f40: 1.5rem;
  --brand-font-size-f50: 1.75rem;
  --brand-font-size-f60: 1.875rem;
  --brand-font-size-f80: 3rem;
  --brand-line-height-lh-20: 14px;
  --brand-line-height-lh-10: 18px;
  --brand-line-height-lh0: 22px;
  --brand-line-height-lh10: 24px;
  --brand-line-height-lh20: 30px;
  --brand-line-height-lh30: 38px;
  --brand-line-height-lh50: 48px;
  --brand-line-height-lh80: 56px;
  --brand-paragraph-spacing-ps0: 8px;
  --brand-paragraph-spacing-ps10: 12px;
  --brand-paragraph-spacing-ps20: 16px;
  --brand-paragraph-spacing-ps40: 24px;
  --brand-paragraph-spacing-ps60: 32px;
  --brand-paragraph-spacing-ps80: 40px;
  --viewport-width: 768px; /** <769px */
  --layout-gutter: 16px;
  --layout-outside-gutter: 16px;
  --layout-columns: 4px;
  --layout-max-width-narrow: 1024px;
  --layout-max-width-full: 100%;
  --button-radius-sm: 8px;
  --button-radius-md: 8px;
  --button-radius-focus-ring-sm: 10px;
  --button-radius-focus-ring-md: 10px;
  --button-focus-ring-offset: 2px;
  --button-focus-ring-position: -2px;
  --button-focus-ring-border-width: 4px;
  --focus-ring-border-width: 4px; /** outside stroke */
  --focus-ring-offset: 4px;
  --focus-ring-position: -4px;
  --accordion-border-width: 1px;
  --accordion-radius: 8px;
  --accordion-md-header-gap: 1rem;
  --accordion-md-header-padding-vertical: 0.75rem;
  --accordion-md-header-padding-horizontal: 1rem;
  --accordion-md-content-padding-vertical: 1rem;
  --accordion-md-content-padding-horizontal: 1rem;
  --accordion-sm-header-gap: 0.5rem;
  --accordion-sm-header-padding-vertical: 0.5rem;
  --accordion-sm-header-padding-horizontal: 0.5rem;
  --accordion-sm-content-padding-vertical: 0.75rem;
  --accordion-sm-content-padding-horizontal: 0.75rem;
  --accordion-desktop-group-header-gap: 1.5rem;
  --accordion-desktop-group-header-padding-vertical: 1rem;
  --accordion-desktop-group-header-padding-horizontal: 1rem;
  --accordion-mobile-group-header-gap: 0.75rem;
  --accordion-mobile-group-header-padding-vertical: 1rem;
  --accordion-mobile-group-header-padding-horizontal: 1rem;
  --avatar-opacity-fg-hover: 0.4;
  --avatar-size-sm: 1.5rem;
  --avatar-size-md: 2rem;
  --avatar-size-lg: 3rem;
  --avatar-border-width-default: 1px;
  --avatar-border-width-placeholder: 2px;
  --checkbox-sm-border-width: 1px;
  --checkbox-sm-radius: 4px;
  --checkbox-sm-height: 1rem;
  --checkbox-sm-width: 1rem;
  --checkbox-sm-gap-horizontal: 0.5rem;
  --checkbox-focus-ring-radius: calc 8px;
  --checkbox-focus-ring-border-width: 4px;
  --draggable-list-radius: 8px;
  --dropdown-radius: 8px;
  --field-radius-sm: 4px;
  --field-radius-md: 4px;
  --field-focus-ring-radius-sm: 4px;
  --field-focus-ring-radius-md: 4px;
  --field-focus-ring-offset: 0px;
  --field-focus-ring-position: 0px;
  --field-focus-ring-border-width: 4px;
  --field-min-height-sm: 32px;
  --field-min-height-md: 40px;
  --field-border-width: 1px;
  --field-spacing-sm-label-to-field: 0.25rem;
  --field-spacing-sm-field-to-hint: 0.25rem;
  --field-spacing-md-label-to-field: 0.25rem;
  --field-spacing-md-field-to-hint: 0.25rem;
  --pill-button-sm-border-width: 1px;
  --pill-button-sm-radius: 999px;
  --pill-button-sm-min-height: 1.25rem;
  --pill-button-sm-min-width: 48px;
  --pill-button-sm-padding-horizontal: 0.5rem;
  --pill-button-sm-padding-vertical: 1px;
  --pill-button-sm-gap: 0.25rem;
  --pill-button-md-border-width: 1px;
  --pill-button-md-radius: 999px;
  --pill-button-md-min-height: 1.5rem;
  --pill-button-md-min-width: 64px;
  --pill-button-md-padding-horizontal: 0.75rem;
  --pill-button-md-padding-vertical: 0.125rem;
  --pill-button-md-gap: 0.25rem;
  --pill-button-focus-ring-radius: 999px;
  --pill-button-focus-ring-offset: 2px;
  --pill-button-focus-ring-position: -2px;
  --pill-button-focus-ring-border-width: 4px;
  --table-spacing-header-cell-md: 2px;
  --table-cell-size-vertical-md: 3rem;
  --radio-sm-border-width: 1px;
  --radio-sm-radius: 999px;
  --radio-sm-height: 1rem;
  --radio-sm-width: 1rem;
  --radio-sm-gap-horizontal: 0.5rem;
  --radio-focus-ring-radius: 999px;
  --radio-focus-ring-border-width: 4px;
  --tab-border-width: 0;
  --tab-radius: 4px;
  --tab-min-height: 2.25rem;
  --tab-min-width: 48px;
  --tab-padding-horizontal: 0.5rem;
  --tab-padding-vertical: 0.125rem;
  --tab-gap: 0.25rem;
  --tab-focus-ring-radius: 999px;
  --tab-focus-ring-offset: 0;
  --tab-focus-ring-position: 0;
  --tab-focus-ring-border-width: 4px;
  --tab-group-gap-vertical: 0.5rem;
  --tab-group-gap-horizontal: 0.25rem;
  --icon-md-border-width: 1.5px;
  --icon-md-size: 1.5rem;
  --icon-sm-border-width: 1.5px;
  --icon-sm-size: 1.25rem;
  --icon-xs-border-width: 1.5px;
  --icon-xs-size: 1rem;
  --icon-xl-border-width: 2px;
  --icon-xl-size: 3rem;
  --key-value-pair-sm-gab-label-left-label-to-value: 0.5rem;
  --key-value-pair-sm-gab-label-top-label-to-value: 0;
  --key-value-pair-sm-gab-label-top-icon-to-data: 0.5rem;
  --key-value-pair-md-gab-label-left-label-to-value: 0.5rem;
  --key-value-pair-md-gab-label-top-label-to-value: 0;
  --key-value-pair-md-gab-label-top-icon-to-data: 0.5rem;
  --key-value-pair-lg-gab-label-left-label-to-value: 0.5rem;
  --key-value-pair-lg-gab-label-top-label-to-value: 0;
  --key-value-pair-lg-gab-label-top-icon-to-data: 0.5rem;
  --key-value-pair-color-label: #acb4c2;
  --key-value-pair-color-figure: #eceef2;
  --key-value-pair-font-weight-figure: 500;
  --key-value-pair-font-weight-label: 400;
  --box-radius: 4px;
  --box-border-width: 1px;
  --box-padding-horizontal: 0.75rem;
  --box-padding-vertical: 0.75rem;
  --ag-accent-color: #62560f;
  --ag-active-color: #62560f;
  --ag-advanced-filter-builder-button-bar-border: 1px;
  --ag-advanced-filter-builder-column-pill-color: #1D4ED84D;
  --ag-advanced-filter-builder-indent-size: 32px;
  --ag-advanced-filter-builder-join-pill-color: #3B82F680;
  --ag-advanced-filter-builder-option-pill-color: #60A5FA99;
  --ag-advanced-filter-builder-value-pill-color: #a9c6fa2c;
  --ag-advanced-filter-column-pill-color: #1E40AF;
  --ag-advanced-filter-join-pill-color: #2c313a;
  --ag-advanced-filter-option-pill-color: #2c313a;
  --ag-advanced-filter-value-pill-color: #1E40AF;
  --ag-alpine-active-color: #62560f;
  --ag-background-color: #000;
  --ag-balham-active-color: #86688A;
  --ag-border-color: #343a45;
  --ag-border-radius: 4px; /** Border radius applied to many elements such as dialogs and form widgets. */
  --ag-borders: 1px;
  --ag-borders-critical: #F4DA7B;
  --ag-borders-input: 1px;
  --ag-borders-input-invalid: #D97674;
  --ag-borders-secondary: #343a45;
  --ag-borders-side-button: none;
  --ag-browser-color-scheme: #F4DA7B;
  --ag-card-radius: 4px;
  --ag-cell-editing-border: 0px;
  --ag-cell-editing-shadow: 4px;
  --ag-cell-font-family: Inter;
  --ag-cell-horizontal-border: true;
  --ag-cell-horizontal-padding: 9px;
  --ag-cell-text-color: #eceef2;
  --ag-cell-widget-spacing: 9px;
  --ag-chart-menu-label-color: #86688A;
  --ag-checkbox-background-color: #FFFFFF00;
  --ag-checkbox-border-radius: 4px;
  --ag-checkbox-border-width: 1px;
  --ag-checkbox-checked-background-color: #f7d908;
  --ag-checkbox-checked-border-color: #f7d908;
  --ag-checkbox-checked-color: #f7d908;
  --ag-checkbox-checked-glow-color: #F4DA7B;
  --ag-checkbox-checked-shape-color: #17191D;
  --ag-checkbox-glow-color: #F4DA7B;
  --ag-checkbox-indeterminate-background-color: #f7d908;
  --ag-checkbox-indeterminate-border-color: #f7d908;
  --ag-checkbox-indeterminate-color: #f7d908;
  --ag-checkbox-indeterminate-shape-color: #17191D;
  --ag-checkbox-unchecked-background-color: #FFFFFF00;
  --ag-checkbox-unchecked-border-color: #acb4c2;
  --ag-checkbox-unchecked-color: #acb4c2;
  --ag-chip-background-color: #262a31;
  --ag-chip-border-color: #343a45;
  --ag-chrome-background-color: #000; /** BG color of table header */
  --ag-column-border: false;
  --ag-column-drop-cell-background-color: #202329;
  --ag-column-drop-cell-border: false;
  --ag-column-drop-cell-drag-handle-color: #acb4c2;
  --ag-column-drop-cell-text-color: #eceef2;
  --ag-column-hover-color: #fec30034;
  --ag-column-select-indent-size: 0.75rem;
  --ag-control-panel-background-color: #000;
  --ag-data-color: #eceef2;
  --ag-data-font-size: 0,875 rem;
  --ag-dialog-border: #343a45;
  --ag-disabled-foreground-color: #343a45;
  --ag-drag-and-drop-image-background-color: #000;
  --ag-drag-and-drop-image-border: #343a45;
  --ag-drag-handle-color: #646e81;
  --ag-filter-tool-panel-group-indent: 32px;
  --ag-focus-shadow: #1D4ED8;
  --ag-font-family: Inter;
  --ag-font-size: 0.875rem;
  --ag-foo-bar: #000000;
  --ag-footer-row-border: #343a45;
  --ag-foreground-color: #eceef2;
  --ag-grid-size: 6px;
  --ag-header-background-color: #000;
  --ag-header-cell-hover-background-color: #000;
  --ag-header-cell-moving-background-color: #000;
  --ag-header-column-border: #343a45;
  --ag-header-column-border-height: 100%;
  --ag-header-column-resize-handle-color: #343a45;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-height: 100%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-separator-color: #343a45;
  --ag-header-column-separator-display: false;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-font-family: Inter;
  --ag-header-font-size: 0.875rem;
  --ag-header-font-weight: regular;
  --ag-header-foreground-color: #acb4c2;
  --ag-header-height: 36px;
  --ag-header-text-color: #acb4c2;
  --ag-icon-button-hover-color: #eceef2;
  --ag-icon-font-color: #acb4c2;
  --ag-icon-font-family: agGridQuartz;
  --ag-icon-font-weight: regular;
  --ag-icon-size: 16px;
  --ag-indentation-level: 0;
  --ag-input-background-color: #000;
  --ag-input-border: 1px;
  --ag-input-border-color: #576174;
  --ag-input-border-color-invalid: #D97674;
  --ag-input-border-radius: 4px;
  --ag-input-disabled-background-color: #a9c6fa2c;
  --ag-input-disabled-border: #a9c6fa2c;
  --ag-input-disabled-border-color: #a9c6fa2c;
  --ag-input-disabled-text-color: #acb4c2;
  --ag-input-focus-background-color: #000;
  --ag-input-focus-border: 4px;
  --ag-input-focus-border-color: #1D4ED8;
  --ag-input-focus-shadow: 4px;
  --ag-input-focus-text-color: #eceef2;
  --ag-input-height: 32px;
  --ag-input-icon-color: #acb4c2;
  --ag-input-invalid-background-color: #000;
  --ag-input-invalid-border: #D97674;
  --ag-input-invalid-text-color: #eceef2;
  --ag-input-padding-start: 0.75rem;
  --ag-input-text-color: #eceef2;
  --ag-internal-calculated-line-height: 130%;
  --ag-internal-content-line-height: 100%;
  --ag-internal-hover-color: #F4DA7B;
  --ag-internal-measurement-border: #F4DA7B;
  --ag-internal-moving-color: #F4DA7B;
  --ag-internal-padded-row-height: #F4DA7B;
  --ag-internal-spectrum-alpha-color: #F4DA7B;
  --ag-internal-spectrum-alpha-color-from: #F4DA7B;
  --ag-internal-spectrum-alpha-color-to: #F4DA7B;
  --ag-invalid-color: #D97674;
  --ag-list-item-height: 2rem;
  --ag-material-accent-color: #f7d908;
  --ag-material-primary-color: #f7d908;
  --ag-menu-background-color: #17191D;
  --ag-menu-min-width: 181px;
  --ag-menu-separator-color: #343a45;
  --ag-menu-text-color: #eceef2;
  --ag-modal-overlay-background-color: #000;
  --ag-odd-row-background-color: #000;
  --ag-panel-background-color: #202329;
  --ag-panel-border-color: #343a45;
  --ag-panel-title-bar-background-color: #000;
  --ag-panel-title-bar-border: #343a45;
  --ag-pinned-column-border: 1px;
  --ag-pinned-row-border: 1px;
  --ag-quartz-icon-active-color: #62560f;
  --ag-quartz-icon-hover-color: #eceef2;
  --ag-range-selection-background-color: #a8c6fb22;
  --ag-range-selection-background-color-2: #fec30034;
  --ag-range-selection-background-color-3: #fec30034;
  --ag-range-selection-background-color-4: #fec30034;
  --ag-range-selection-border-color: #1D4ED8;
  --ag-range-selection-border-style: solid;
  --ag-range-selection-chart-background-color: #fec30034;
  --ag-range-selection-highlight-color: #fec30034;
  --ag-row-border: true;
  --ag-row-border-color: #343a45;
  --ag-row-border-style: solid;
  --ag-row-border-width: 1px;
  --ag-row-group-indent-size: 24px;
  --ag-row-height: 48px;
  --ag-row-hover-color: #fec30034;
  --ag-row-loading-skeleton-effect-color: #a9c6fa2c;
  --ag-secondary-border-color: #343a45;
  --ag-secondary-foreground-color: #acb4c2;
  --ag-select-cell-background-color: #fec30034;
  --ag-select-cell-border: 1px;
  --ag-selected-row-background-color: #a8c6fb22;
  --ag-selected-tab-underline-color: #404755;
  --ag-selected-tab-underline-transition-speed: 0.3s;
  --ag-selected-tab-underline-width: 2px;
  --ag-set-filter-indent-size: 24px;
  --ag-side-bar-background-color: #000;
  --ag-side-bar-panel-width: 350px; /** Sets the filter panel width. */
  --ag-side-button-background-color: #7da7fc0c;
  --ag-side-button-bar-background-color: #202329;
  --ag-side-button-bar-top-padding: 0.75rem;
  --ag-side-button-hover-background-color: #a1c0fd19;
  --ag-side-button-hover-text-color: #f7d908;
  --ag-side-button-left-padding: 0.75rem;
  --ag-side-button-right-padding: 0.75rem;
  --ag-side-button-selected-background-color: #202329;
  --ag-side-button-selected-border: 1px;
  --ag-side-button-selected-text-color: #f7d908;
  --ag-side-button-selected-underline-color: #f7d908;
  --ag-side-button-text-color: #f7d908;
  --ag-side-button-vertical-padding: 0.25rem;
  --ag-spacing: 0.75rem;
  --ag-spectrum-alpha-background-checked: #F4DA7B;
  --ag-subheader-background-color: #000;
  --ag-subheader-toolbar-background-color: #000;
  --ag-subtle-text-color: #acb4c2;
  --ag-tab-background-color: #000;
  --ag-tab-bar-background-color: #000;
  --ag-tab-bar-border: 1px;
  --ag-tab-bar-horizontal-padding: 0.75rem;
  --ag-tab-bar-top-padding: 0.75rem;
  --ag-tab-bottom-padding: 0.25rem;
  --ag-tab-horizontal-padding: 0.75rem;
  --ag-tab-hover-background-color: #fec30034;
  --ag-tab-hover-text-color: #eceef2;
  --ag-tab-min-width: 240px;
  --ag-tab-selected-background-color: #f7d908;
  --ag-tab-selected-border-color: #343a45;
  --ag-tab-selected-border-width: 1px;
  --ag-tab-selected-text-color: #eceef2;
  --ag-tab-spacing: 0.25rem;
  --ag-tab-text-color: #eceef2;
  --ag-tab-top-padding: 0.25rem;
  --ag-text-color: #eceef2;
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-off-background-color: #86688A;
  --ag-toggle-button-off-border-color: #86688A;
  --ag-toggle-button-on-background-color: #86688A;
  --ag-toggle-button-on-border-color: #86688A;
  --ag-toggle-button-switch-background-color: #86688A;
  --ag-toggle-button-switch-border-color: #F4DA7B;
  --ag-toggle-button-switch-inset: 0.75rem;
  --ag-toggle-button-width: 28px;
  --ag-tool-panel-separator-border: #343a45;
  --ag-tooltip-background-color: #eceef2;
  --ag-tooltip-border: #343a45;
  --ag-tooltip-text-color: #17191D;
  --ag-value-change-delta-down-color: #500f1c;
  --ag-value-change-delta-up-color: #084F3C;
  --ag-value-change-value-highlight-background-color: #F4DA7B;
  --ag-widget-container-horizontal-padding: 0.75rem;
  --ag-widget-container-vertical-padding: 9px;
  --ag-widget-horizontal-spacing: 9px;
  --ag-widget-vertical-spacing: 6px;
  --ag-wrapper-border: #F4DA7B;
  --ag-wrapper-border-radius: 0;
  --ag-custom-row-backgound-grouplevel-1-color: #262a31;
  --ag-custom-row-backgound-grouplevel-2-color: #202329;
  --ag-custom-row-backgound-grouplevel-3-color: #17191D;
  --fab-radius-md: 8px;
  --fab-radius-focus-ring-md: 10px;
  --fab-focus-ring-offset: 2px;
  --fab-focus-ring-position: -2px;
  --fab-focus-ring-border-width: 4px;
  --shadows-dark-none-blur: 0;
  --shadows-dark-none-spread: 0;
  --shadows-dark-none-color: #000000;
  --shadows-dark-none-type: dropShadow;
  --shadows-dark-none-offset-x: 0;
  --shadows-dark-none-offset-y: 0;
  --shadows-dark-md-blur: 0;
  --shadows-dark-md-spread: 0;
  --shadows-dark-md-color: #000000;
  --shadows-dark-md-type: dropShadow;
  --shadows-dark-md-offset-x: 0;
  --shadows-dark-md-offset-y: 0;
  --shadows-dark-xl-blur: 0;
  --shadows-dark-xl-spread: 0;
  --shadows-dark-xl-color: #000000;
  --shadows-dark-xl-type: dropShadow;
  --shadows-dark-xl-offset-x: 0;
  --shadows-dark-xl-offset-y: 0;
  --shadows-dark-3xl-blur: 20px;
  --shadows-dark-3xl-spread: 5px;
  --shadows-dark-3xl-color: rgba(0,0,0,0.65);
  --shadows-dark-3xl-type: dropShadow;
  --shadows-dark-3xl-offset-x: 0;
  --shadows-dark-3xl-offset-y: -0;
  --shadows-light-none-blur: 0;
  --shadows-light-none-spread: 0;
  --shadows-light-none-color: #000000;
  --shadows-light-none-type: dropShadow;
  --shadows-light-none-offset-x: 0;
  --shadows-light-none-offset-y: 0;
  --shadows-light-md-1-blur: 6px;
  --shadows-light-md-1-spread: -1px;
  --shadows-light-md-1-color: rgba(0,0,0,0.1);
  --shadows-light-md-1-type: dropShadow;
  --shadows-light-md-1-offset-x: 0;
  --shadows-light-md-1-offset-y: 4px;
  --shadows-light-md-2-blur: 4px;
  --shadows-light-md-2-spread: -2px;
  --shadows-light-md-2-color: rgba(0,0,0,0.04);
  --shadows-light-md-2-type: dropShadow;
  --shadows-light-md-2-offset-x: 0;
  --shadows-light-md-2-offset-y: 2px;
  --shadows-light-xl-1-blur: 25px;
  --shadows-light-xl-1-spread: -5px;
  --shadows-light-xl-1-color: rgba(0,0,0,0.1);
  --shadows-light-xl-1-type: dropShadow;
  --shadows-light-xl-1-offset-x: 0;
  --shadows-light-xl-1-offset-y: 20px;
  --shadows-light-xl-2-blur: 10px;
  --shadows-light-xl-2-spread: 0;
  --shadows-light-xl-2-color: rgba(0,0,0,0.04);
  --shadows-light-xl-2-type: dropShadow;
  --shadows-light-xl-2-offset-x: 0;
  --shadows-light-xl-2-offset-y: 10px;
  --shadows-light-3xl-blur: 20px;
  --shadows-light-3xl-spread: 0;
  --shadows-light-3xl-color: rgba(0,0,0,0.65);
  --shadows-light-3xl-type: dropShadow;
  --shadows-light-3xl-offset-x: 0;
  --shadows-light-3xl-offset-y: -0;
  --mode-shadows-none-blur: 0;
  --mode-shadows-none-spread: 0;
  --mode-shadows-none-color: #000000;
  --mode-shadows-none-type: dropShadow;
  --mode-shadows-none-offset-x: 0;
  --mode-shadows-none-offset-y: 0;
  --mode-shadows-md-blur: 0;
  --mode-shadows-md-spread: 0;
  --mode-shadows-md-color: #000000;
  --mode-shadows-md-type: dropShadow;
  --mode-shadows-md-offset-x: 0;
  --mode-shadows-md-offset-y: 0;
  --mode-shadows-xl-blur: 0;
  --mode-shadows-xl-spread: 0;
  --mode-shadows-xl-color: #000000;
  --mode-shadows-xl-type: dropShadow;
  --mode-shadows-xl-offset-x: 0;
  --mode-shadows-xl-offset-y: 0;
  --mode-shadows-3xl-blur: 20px;
  --mode-shadows-3xl-spread: 5px;
  --mode-shadows-3xl-color: rgba(0,0,0,0.65);
  --mode-shadows-3xl-type: dropShadow;
  --mode-shadows-3xl-offset-x: 0;
  --mode-shadows-3xl-offset-y: -0;
  --brand-border-width-border-none-blur: 0;
  --brand-border-width-border-none-spread: 0;
  --brand-border-width-border-none-color: #000000;
  --brand-border-width-border-none-type: dropShadow;
  --brand-border-width-border-none-offset-x: 0;
  --brand-border-width-border-none-offset-y: 0;
  --brand-font-style-display-breakpoints-xs-to-m-xs-font-family: Rubik;
  --brand-font-style-display-breakpoints-xs-to-m-xs-font-weight: 500;
  --brand-font-style-display-breakpoints-xs-to-m-xs-font-size: 1.125rem;
  --brand-font-style-display-breakpoints-xs-to-m-xs-line-height: 22px;
  --brand-font-style-display-breakpoints-xs-to-m-xs-paragraph-spacing: 16px;
  --brand-font-style-display-breakpoints-xs-to-m-sm-font-family: Rubik;
  --brand-font-style-display-breakpoints-xs-to-m-sm-font-weight: 500;
  --brand-font-style-display-breakpoints-xs-to-m-sm-font-size: 1.25rem;
  --brand-font-style-display-breakpoints-xs-to-m-sm-line-height: 24px;
  --brand-font-style-display-breakpoints-xs-to-m-sm-paragraph-spacing: 24px;
  --brand-font-style-display-breakpoints-xs-to-m-md-font-family: Rubik;
  --brand-font-style-display-breakpoints-xs-to-m-md-font-weight: 500;
  --brand-font-style-display-breakpoints-xs-to-m-md-font-size: 1.75rem;
  --brand-font-style-display-breakpoints-xs-to-m-md-line-height: 38px;
  --brand-font-style-display-breakpoints-xs-to-m-md-paragraph-spacing: 2rem;
  --brand-font-style-display-breakpoint-l-xs-font-family: Rubik;
  --brand-font-style-display-breakpoint-l-xs-font-weight: 500;
  --brand-font-style-display-breakpoint-l-xs-font-size: 1.125rem;
  --brand-font-style-display-breakpoint-l-xs-line-height: 24px;
  --brand-font-style-display-breakpoint-l-xs-paragraph-spacing: 24px;
  --brand-font-style-display-breakpoint-l-sm-font-family: Rubik;
  --brand-font-style-display-breakpoint-l-sm-font-weight: 500;
  --brand-font-style-display-breakpoint-l-sm-font-size: 1.5rem;
  --brand-font-style-display-breakpoint-l-sm-line-height: 30px;
  --brand-font-style-display-breakpoint-l-sm-paragraph-spacing: 32px;
  --brand-font-style-display-breakpoint-l-md-font-family: Rubik;
  --brand-font-style-display-breakpoint-l-md-font-weight: 500;
  --brand-font-style-display-breakpoint-l-md-font-size: 3rem;
  --brand-font-style-display-breakpoint-l-md-line-height: 56px;
  --brand-font-style-display-breakpoint-l-md-paragraph-spacing: 40px;
  --brand-font-style-text-xs-default-font-family: Inter;
  --brand-font-style-text-xs-default-font-weight: 400;
  --brand-font-style-text-xs-default-font-size: 0.75rem;
  --brand-font-style-text-xs-default-line-height: 18px;
  --brand-font-style-text-xs-default-paragraph-spacing: 8px;
  --brand-font-style-text-xs-accent-font-family: Inter;
  --brand-font-style-text-xs-accent-font-weight: 400;
  --brand-font-style-text-xs-accent-font-size: 0.75rem;
  --brand-font-style-text-xs-accent-line-height: 18px;
  --brand-font-style-text-xs-accent-paragraph-spacing: 8px;
  --brand-font-style-text-xs-accent-font-style: italic;
  --brand-font-style-text-xs-stronger-font-family: Inter;
  --brand-font-style-text-xs-stronger-font-weight: 500;
  --brand-font-style-text-xs-stronger-font-size: 0.75rem;
  --brand-font-style-text-xs-stronger-line-height: 18px;
  --brand-font-style-text-xs-stronger-paragraph-spacing: 8px;
  --brand-font-style-text-xs-uppercase-stronger-font-family: Inter;
  --brand-font-style-text-xs-uppercase-stronger-font-weight: 500;
  --brand-font-style-text-xs-uppercase-stronger-font-size: 0.75rem;
  --brand-font-style-text-xs-uppercase-stronger-line-height: 18px;
  --brand-font-style-text-xs-uppercase-stronger-paragraph-spacing: 8px;
  --brand-font-style-text-xs-uppercase-stronger-text-case: Uppercase;
  --brand-font-style-text-xxs-default-font-family: Inter;
  --brand-font-style-text-xxs-default-font-weight: 400;
  --brand-font-style-text-xxs-default-font-size: 0.625rem;
  --brand-font-style-text-xxs-default-line-height: 14px;
  --brand-font-style-text-xxs-default-paragraph-spacing: 8px;
  --brand-font-style-text-sm-default-font-family: Inter;
  --brand-font-style-text-sm-default-font-weight: 400;
  --brand-font-style-text-sm-default-font-size: 0.875rem;
  --brand-font-style-text-sm-default-line-height: 22px;
  --brand-font-style-text-sm-default-paragraph-spacing: 8px;
  --brand-font-style-text-sm-accent-font-family: Inter;
  --brand-font-style-text-sm-accent-font-weight: 400;
  --brand-font-style-text-sm-accent-font-size: 0.875rem;
  --brand-font-style-text-sm-accent-line-height: 22px;
  --brand-font-style-text-sm-accent-paragraph-spacing: 8px;
  --brand-font-style-text-sm-accent-font-style: italic;
  --brand-font-style-text-sm-stronger-font-family: Inter;
  --brand-font-style-text-sm-stronger-font-weight: 500;
  --brand-font-style-text-sm-stronger-font-size: 0.875rem;
  --brand-font-style-text-sm-stronger-line-height: 22px;
  --brand-font-style-text-sm-stronger-paragraph-spacing: 8px;
  --brand-font-style-text-md-default-font-family: Inter;
  --brand-font-style-text-md-default-font-weight: 400;
  --brand-font-style-text-md-default-font-size: 1rem;
  --brand-font-style-text-md-default-line-height: 24px;
  --brand-font-style-text-md-default-paragraph-spacing: 12px;
  --brand-font-style-text-md-accent-font-family: Inter;
  --brand-font-style-text-md-accent-font-weight: 400;
  --brand-font-style-text-md-accent-font-size: 1rem;
  --brand-font-style-text-md-accent-line-height: 24px;
  --brand-font-style-text-md-accent-paragraph-spacing: 12px;
  --brand-font-style-text-md-accent-font-style: italic;
  --brand-font-style-text-md-stronger-font-family: Inter;
  --brand-font-style-text-md-stronger-font-weight: 500;
  --brand-font-style-text-md-stronger-font-size: 1rem;
  --brand-font-style-text-md-stronger-line-height: 24px;
  --brand-font-style-text-md-stronger-paragraph-spacing: 12px;
  --brand-font-style-text-lg-stronger-font-family: Inter;
  --brand-font-style-text-lg-stronger-font-weight: 700;
  --brand-font-style-text-lg-stronger-font-size: 1.125rem;
  --brand-font-style-text-lg-stronger-line-height: 24px;
  --brand-font-style-text-lg-stronger-paragraph-spacing: 16px;
  --brand-font-style-text-xl-stronger-font-family: Inter;
  --brand-font-style-text-xl-stronger-font-weight: 700;
  --brand-font-style-text-xl-stronger-font-size: 1.5rem;
  --brand-font-style-text-xl-stronger-line-height: 30px;
  --brand-font-style-text-xl-stronger-paragraph-spacing: 16px;
  --theme-shadows-none-blur: 0;
  --theme-shadows-none-spread: 0;
  --theme-shadows-none-color: #000000;
  --theme-shadows-none-type: dropShadow;
  --theme-shadows-none-offset-x: 0;
  --theme-shadows-none-offset-y: 0;
  --theme-shadows-md-blur: 0;
  --theme-shadows-md-spread: 0;
  --theme-shadows-md-color: #000000;
  --theme-shadows-md-type: dropShadow;
  --theme-shadows-md-offset-x: 0;
  --theme-shadows-md-offset-y: 0;
  --theme-shadows-xl-blur: 0;
  --theme-shadows-xl-spread: 0;
  --theme-shadows-xl-color: #000000;
  --theme-shadows-xl-type: dropShadow;
  --theme-shadows-xl-offset-x: 0;
  --theme-shadows-xl-offset-y: 0;
  --theme-shadows-3xl-blur: 20px;
  --theme-shadows-3xl-spread: 5px;
  --theme-shadows-3xl-color: rgba(0,0,0,0.65);
  --theme-shadows-3xl-type: dropShadow;
  --theme-shadows-3xl-offset-x: 0;
  --theme-shadows-3xl-offset-y: -0;
  --font-style-display-xs-font-family: Rubik;
  --font-style-display-xs-font-weight: 500;
  --font-style-display-xs-font-size: 1.125rem;
  --font-style-display-xs-line-height: 22px;
  --font-style-display-xs-paragraph-spacing: 16px;
  --font-style-display-sm-font-family: Rubik;
  --font-style-display-sm-font-weight: 500;
  --font-style-display-sm-font-size: 1.25rem;
  --font-style-display-sm-line-height: 24px;
  --font-style-display-sm-paragraph-spacing: 24px;
  --font-style-display-md-font-family: Rubik;
  --font-style-display-md-font-weight: 500;
  --font-style-display-md-font-size: 1.75rem;
  --font-style-display-md-line-height: 38px;
  --font-style-display-md-paragraph-spacing: 2rem;
  --font-style-text-xs-default-font-family: Inter;
  --font-style-text-xs-default-font-weight: 400;
  --font-style-text-xs-default-font-size: 0.75rem;
  --font-style-text-xs-default-line-height: 18px;
  --font-style-text-xs-default-paragraph-spacing: 8px;
  --font-style-text-xs-accent-font-family: Inter;
  --font-style-text-xs-accent-font-weight: 400;
  --font-style-text-xs-accent-font-size: 0.75rem;
  --font-style-text-xs-accent-line-height: 18px;
  --font-style-text-xs-accent-paragraph-spacing: 8px;
  --font-style-text-xs-accent-font-style: italic;
  --font-style-text-xs-stronger-font-family: Inter;
  --font-style-text-xs-stronger-font-weight: 500;
  --font-style-text-xs-stronger-font-size: 0.75rem;
  --font-style-text-xs-stronger-line-height: 18px;
  --font-style-text-xs-stronger-paragraph-spacing: 8px;
  --font-style-text-xs-uppercase-stronger-font-family: Inter;
  --font-style-text-xs-uppercase-stronger-font-weight: 500;
  --font-style-text-xs-uppercase-stronger-font-size: 0.75rem;
  --font-style-text-xs-uppercase-stronger-line-height: 18px;
  --font-style-text-xs-uppercase-stronger-paragraph-spacing: 8px;
  --font-style-text-xs-uppercase-stronger-text-case: Uppercase;
  --font-style-text-xxs-default-font-family: Inter;
  --font-style-text-xxs-default-font-weight: 400;
  --font-style-text-xxs-default-font-size: 0.625rem;
  --font-style-text-xxs-default-line-height: 14px;
  --font-style-text-xxs-default-paragraph-spacing: 8px;
  --font-style-text-sm-default-font-family: Inter;
  --font-style-text-sm-default-font-weight: 400;
  --font-style-text-sm-default-font-size: 0.875rem;
  --font-style-text-sm-default-line-height: 22px;
  --font-style-text-sm-default-paragraph-spacing: 8px;
  --font-style-text-sm-accent-font-family: Inter;
  --font-style-text-sm-accent-font-weight: 400;
  --font-style-text-sm-accent-font-size: 0.875rem;
  --font-style-text-sm-accent-line-height: 22px;
  --font-style-text-sm-accent-paragraph-spacing: 8px;
  --font-style-text-sm-accent-font-style: italic;
  --font-style-text-sm-stronger-font-family: Inter;
  --font-style-text-sm-stronger-font-weight: 500;
  --font-style-text-sm-stronger-font-size: 0.75rem;
  --font-style-text-sm-stronger-line-height: 18px;
  --font-style-text-sm-stronger-paragraph-spacing: 8px;
  --font-style-text-md-default-font-family: Inter;
  --font-style-text-md-default-font-weight: 400;
  --font-style-text-md-default-font-size: 1rem;
  --font-style-text-md-default-line-height: 24px;
  --font-style-text-md-default-paragraph-spacing: 12px;
  --font-style-text-md-accent-font-family: Inter;
  --font-style-text-md-accent-font-weight: 400;
  --font-style-text-md-accent-font-size: 1rem;
  --font-style-text-md-accent-line-height: 24px;
  --font-style-text-md-accent-paragraph-spacing: 12px;
  --font-style-text-md-accent-font-style: italic;
  --font-style-text-md-stronger-font-family: Inter;
  --font-style-text-md-stronger-font-weight: 500;
  --font-style-text-md-stronger-font-size: 1rem;
  --font-style-text-md-stronger-line-height: 24px;
  --font-style-text-md-stronger-paragraph-spacing: 12px;
  --font-style-text-lg-stronger-font-family: Inter;
  --font-style-text-lg-stronger-font-weight: 700;
  --font-style-text-lg-stronger-font-size: 1.125rem;
  --font-style-text-lg-stronger-line-height: 24px;
  --font-style-text-lg-stronger-paragraph-spacing: 16px;
  --font-style-text-xl-stronger-font-family: Inter;
  --font-style-text-xl-stronger-font-weight: 700;
  --font-style-text-xl-stronger-font-size: 1.5rem;
  --font-style-text-xl-stronger-line-height: 30px;
  --font-style-text-xl-stronger-paragraph-spacing: 16px;
  --button-size-md-min-height: 2.5rem;
  --button-size-md-border-radius: 8px;
  --button-size-md-horizontal-padding: 0.75rem;
  --button-size-md-item-spacing: 0.5rem;
  --button-size-md-vertical-padding: 0.5rem;
  --button-size-sm-min-height: 2rem;
  --button-size-sm-border-radius: 8px;
  --button-size-sm-horizontal-padding: 0.5rem;
  --button-size-sm-item-spacing: 0.5rem;
  --button-size-sm-vertical-padding: 0.25rem;
  --button-type-md-font-family: Inter;
  --button-type-md-font-weight: 500;
  --button-type-md-font-size: 1rem;
  --button-type-md-line-height: 24px;
  --button-type-sm-font-family: Inter;
  --button-type-sm-font-size: 0.875rem;
  --button-type-sm-line-height: 24px;
  --button-type-sm-font-weight: 500;
  --icon-button-size-md-height: 2.5rem;
  --icon-button-size-md-width: 2.5rem;
  --icon-button-size-md-border-radius: 8px;
  --icon-button-size-md-horizontal-padding: 0.75rem;
  --icon-button-size-md-item-spacing: 0.5rem;
  --icon-button-size-md-vertical-padding: 0.5rem;
  --icon-button-size-sm-height: 2rem;
  --icon-button-size-sm-width: 2rem;
  --icon-button-size-sm-border-radius: 8px;
  --icon-button-size-sm-horizontal-padding: 0.5rem;
  --icon-button-size-sm-item-spacing: 0.5rem;
  --icon-button-size-sm-vertical-padding: 0.25rem;
  --accordion-typography-md-title-font-family: Inter;
  --accordion-typography-md-title-font-weight: 500;
  --accordion-typography-md-title-font-size: 1rem;
  --accordion-typography-md-title-line-height: 24px;
  --accordion-typography-md-title-paragraph-spacing: 12px;
  --accordion-typography-md-subline-font-family: Inter;
  --accordion-typography-md-subline-font-weight: 400;
  --accordion-typography-md-subline-font-size: 1rem;
  --accordion-typography-md-subline-line-height: 24px;
  --accordion-typography-md-subline-paragraph-spacing: 12px;
  --accordion-typography-md-hint-font-family: Inter;
  --accordion-typography-md-hint-font-weight: 400;
  --accordion-typography-md-hint-font-size: 0.875rem;
  --accordion-typography-md-hint-line-height: 22px;
  --accordion-typography-md-hint-paragraph-spacing: 8px;
  --accordion-typography-sm-title-font-family: Inter;
  --accordion-typography-sm-title-font-weight: 400;
  --accordion-typography-sm-title-font-size: 0.875rem;
  --accordion-typography-sm-title-line-height: 22px;
  --accordion-typography-sm-title-paragraph-spacing: 8px;
  --accordion-typography-sm-subline-font-family: Inter;
  --accordion-typography-sm-subline-font-weight: 400;
  --accordion-typography-sm-subline-font-size: 0.875rem;
  --accordion-typography-sm-subline-line-height: 22px;
  --accordion-typography-sm-subline-paragraph-spacing: 8px;
  --accordion-typography-sm-hint-font-family: Inter;
  --accordion-typography-sm-hint-font-weight: 400;
  --accordion-typography-sm-hint-font-size: 0.875rem;
  --accordion-typography-sm-hint-line-height: 22px;
  --accordion-typography-sm-hint-paragraph-spacing: 8px;
  --draggable-list-shadow-1-blur: 6px;
  --draggable-list-shadow-1-spread: -1px;
  --draggable-list-shadow-1-color: rgba(0,0,0,0.1);
  --draggable-list-shadow-1-type: dropShadow;
  --draggable-list-shadow-1-offset-x: 0;
  --draggable-list-shadow-1-offset-y: 4px;
  --draggable-list-shadow-2-blur: 4px;
  --draggable-list-shadow-2-spread: -2px;
  --draggable-list-shadow-2-color: rgba(0,0,0,0.04);
  --draggable-list-shadow-2-type: dropShadow;
  --draggable-list-shadow-2-offset-x: 0;
  --draggable-list-shadow-2-offset-y: 2px;
  --draggable-list-single-space-single-horizontal-padding: 8px;
  --draggable-list-single-space-single-vertical-padding: 4px;
  --draggable-list-single-space-single-item-spacing: 4px;
  --draggable-list-group-space-header-padding-left: 8px;
  --draggable-list-group-space-header-padding-right: 24px;
  --draggable-list-group-space-header-vertical-padding: 4px;
  --draggable-list-group-space-header-item-spacing: 4px;
  --draggable-list-group-space-content-horizontal-padding: 16px;
  --draggable-list-group-space-content-padding-top: 16px;
  --draggable-list-group-space-content-padding-bottom: 24px;
  --dropdown-space-list-item-sm-horizontal-padding: 8px;
  --dropdown-space-list-item-sm-vertical-padding: 8px;
  --dropdown-space-list-item-sm-spacing: 8px;
  --dropdown-space-list-item-sm-min-height: 48px;
  --dropdown-space-list-item-md-horizontal-padding: 12px;
  --dropdown-space-list-item-md-vertical-padding: 8px;
  --dropdown-space-list-item-md-spacing: 8px;
  --dropdown-space-list-item-md-min-height: 48px;
  --dropdown-shadow-blur: 0;
  --dropdown-shadow-spread: 0;
  --dropdown-shadow-color: #000000;
  --dropdown-shadow-type: dropShadow;
  --dropdown-shadow-offset-x: 0;
  --dropdown-shadow-offset-y: 0;
  --form-typography-label-sm-font-family: Inter;
  --form-typography-label-sm-font-weight: 400;
  --form-typography-label-sm-font-size: 0.875rem;
  --form-typography-label-sm-line-height: 22px;
  --form-typography-label-sm-paragraph-spacing: 8px;
  --form-typography-label-md-font-family: Inter;
  --form-typography-label-md-font-weight: 400;
  --form-typography-label-md-font-size: 1rem;
  --form-typography-label-md-line-height: 24px;
  --form-typography-label-md-paragraph-spacing: 12px;
  --form-typography-hint-font-family: Inter;
  --form-typography-hint-font-weight: 400;
  --form-typography-hint-font-size: 0.875rem;
  --form-typography-hint-line-height: 22px;
  --form-typography-hint-paragraph-spacing: 8px;
  --form-typography-error-message-font-family: Inter;
  --form-typography-error-message-font-weight: 400;
  --form-typography-error-message-font-size: 0.875rem;
  --form-typography-error-message-line-height: 22px;
  --form-typography-error-message-paragraph-spacing: 8px;
  --form-typography-input-text-font-family: Inter;
  --form-typography-input-text-font-weight: 400;
  --form-typography-input-text-font-size: 0.875rem;
  --form-typography-input-text-line-height: 22px;
  --form-typography-input-text-paragraph-spacing: 8px;
  --form-typography-placeholder-font-family: Inter;
  --form-typography-placeholder-font-weight: 400;
  --form-typography-placeholder-font-size: 0.875rem;
  --form-typography-placeholder-line-height: 22px;
  --form-typography-placeholder-paragraph-spacing: 8px;
  --pill-button-type-sm-default-font-family: Inter;
  --pill-button-type-sm-default-font-weight: 400;
  --pill-button-type-sm-default-font-size: 0.75rem;
  --pill-button-type-sm-default-line-height: 18px;
  --pill-button-type-sm-default-paragraph-spacing: 8px;
  --pill-button-type-md-default-font-family: Inter;
  --pill-button-type-md-default-font-weight: 400;
  --pill-button-type-md-default-font-size: 0.875rem;
  --pill-button-type-md-default-line-height: 22px;
  --pill-button-type-md-default-paragraph-spacing: 8px;
  --table-size-header-cell-md-min-height: 0.625rem;
  --table-size-header-cell-md-vertical-padding: 0.75rem;
  --table-size-header-cell-md-horizontal-padding: 0.5rem;
  --table-size-header-cell-md-item-spacing: 0.5rem;
  --table-size-cell-group-title-md-min-height: 0.75rem;
  --table-size-cell-group-title-md-vertical-padding: 0.25rem;
  --table-size-cell-group-title-md-horizontal-padding: 0;
  --table-size-cell-group-title-md-item-spacing: 0.75rem;
  --table-size-cell-md-min-height: 0.75rem;
  --table-size-cell-md-vertical-padding: 0.25rem;
  --table-size-cell-md-horizontal-padding: 0.75rem;
  --table-size-cell-md-item-spacing: 0.75rem;
  --tab-type-default-font-family: Inter;
  --tab-type-default-font-weight: 400;
  --tab-type-default-font-size: 0.75rem;
  --tab-type-default-line-height: 18px;
  --tab-type-default-paragraph-spacing: 8px;
  --ag-card-shadow-blur: 0;
  --ag-card-shadow-spread: 0;
  --ag-card-shadow-color: #000000;
  --ag-card-shadow-type: dropShadow;
  --ag-card-shadow-offset-x: 0;
  --ag-card-shadow-offset-y: 0;
  --ag-dialog-shadow-blur: 0;
  --ag-dialog-shadow-spread: 0;
  --ag-dialog-shadow-color: #000000;
  --ag-dialog-shadow-type: dropShadow;
  --ag-dialog-shadow-offset-x: 0;
  --ag-dialog-shadow-offset-y: 0;
  --ag-drag-and-drop-image-shadow-blur: 0;
  --ag-drag-and-drop-image-shadow-spread: 0;
  --ag-drag-and-drop-image-shadow-color: #000000;
  --ag-drag-and-drop-image-shadow-type: dropShadow;
  --ag-drag-and-drop-image-shadow-offset-x: 0;
  --ag-drag-and-drop-image-shadow-offset-y: 0;
  --ag-dropdown-shadow-blur: 0;
  --ag-dropdown-shadow-spread: 0;
  --ag-dropdown-shadow-color: #000000;
  --ag-dropdown-shadow-type: dropShadow;
  --ag-dropdown-shadow-offset-x: 0;
  --ag-dropdown-shadow-offset-y: 0;
  --ag-header-row-border-style: solid;
  --ag-header-row-border-width: 1px;
  --ag-header-row-border-color: #343a45;
  --ag-input-focus-box-shadow-blur: 0;
  --ag-input-focus-box-shadow-spread: 0;
  --ag-input-focus-box-shadow-color: #000000;
  --ag-input-focus-box-shadow-type: dropShadow;
  --ag-input-focus-box-shadow-offset-x: 0;
  --ag-input-focus-box-shadow-offset-y: 0;
  --ag-menu-border-width: 1px;
  --ag-menu-border-style: solid;
  --ag-menu-border-color: #343a45;
  --ag-menu-shadow-blur: 0;
  --ag-menu-shadow-spread: 0;
  --ag-menu-shadow-color: #000000;
  --ag-menu-shadow-type: dropShadow;
  --ag-menu-shadow-offset-x: 0;
  --ag-menu-shadow-offset-y: 0;
  --ag-popup-shadow-blur: 0;
  --ag-popup-shadow-spread: 0;
  --ag-popup-shadow-color: #000000;
  --ag-popup-shadow-type: dropShadow;
  --ag-popup-shadow-offset-x: 0;
  --ag-popup-shadow-offset-y: 0;
  --ag-side-panel-border-width: 1px;
  --ag-side-panel-border-color: #343a45;
  --ag-side-panel-border-style: solid;
  --ag-custom-pinned-cols-shadow-blur: 0;
  --ag-custom-pinned-cols-shadow-spread: 0;
  --ag-custom-pinned-cols-shadow-color: #000000;
  --ag-custom-pinned-cols-shadow-type: dropShadow;
  --ag-custom-pinned-cols-shadow-offset-x: 0;
  --ag-custom-pinned-cols-shadow-offset-y: 0;
  --fab-size-md-min-height: 2.5rem;
  --fab-size-md-border-radius: 8px;
  --fab-size-md-horizontal-padding: 0.75rem;
  --fab-size-md-item-spacing: 0.5rem;
  --fab-size-md-vertical-padding: 0.5rem;
  --fab-shadow-blur: 0;
  --fab-shadow-spread: 0;
  --fab-shadow-color: #000000;
  --fab-shadow-type: dropShadow;
  --fab-shadow-offset-x: 0;
  --fab-shadow-offset-y: 0;
}
}


@media (width >= 1024px) and
  (width < 1280px){


/**
 * Do not edit directly, this file was auto-generated.
 */


:root.supplyx:not(.dark),
:root.supplyx .light,
:root.supplyx:not(.dark) .dark .revert-colors
 {
 /**
  * @tokens Colors
  * @presenter Color
  */

  --colors-gray-light-25: #fcfcfd;
  --colors-gray-light-50: #f9f9fb;
  --colors-gray-light-100: #eff0f3;
  --colors-gray-light-200: #e7e8ec;
  --colors-gray-light-300: #e0e1e6;
  --colors-gray-light-400: #d8d9e0;
  --colors-gray-light-500: #cdced7;
  --colors-gray-light-600: #b9bbc6;
  --colors-gray-light-700: #8b8d98;
  --colors-gray-light-800: #80828d;
  --colors-gray-light-900: #62636c;
  --colors-gray-light-950: #1e1f24;
  --colors-gray-light-alpha-25: #00005503;
  --colors-gray-light-alpha-50: #00005506;
  --colors-gray-light-alpha-100: #00104010;
  --colors-gray-light-alpha-200: #000b3618;
  --colors-gray-light-alpha-300: #0009321f;
  --colors-gray-light-alpha-400: #00073527;
  --colors-gray-light-alpha-500: #00063332;
  --colors-gray-light-alpha-600: #00083046;
  --colors-gray-light-alpha-700: #00051d74;
  --colors-gray-light-alpha-800: #00051b7f;
  --colors-gray-light-alpha-900: #0002119d;
  --colors-gray-light-alpha-950: #000107e1;
  --colors-gray-dark-25: #101216;
  --colors-gray-dark-50: #17191D;
  --colors-gray-dark-100: #202329;
  --colors-gray-dark-200: #262a31;
  --colors-gray-dark-300: #2c313a;
  --colors-gray-dark-400: #343a45;
  --colors-gray-dark-500: #404755;
  --colors-gray-dark-600: #576174;
  --colors-gray-dark-700: #646e81;
  --colors-gray-dark-800: #727b8e;
  --colors-gray-dark-900: #acb4c2;
  --colors-gray-dark-950: #eceef2;
  --colors-gray-dark-alpha-25: #0013df05;
  --colors-gray-dark-alpha-50: #7da7fc0c;
  --colors-gray-dark-alpha-100: #a1c0fd19;
  --colors-gray-dark-alpha-200: #a8c6fb22;
  --colors-gray-dark-alpha-300: #a9c6fa2c;
  --colors-gray-dark-alpha-400: #b0ccff37;
  --colors-gray-dark-alpha-500: #b3ccfd49;
  --colors-gray-dark-alpha-600: #b8d0fd6a;
  --colors-gray-dark-alpha-700: #c0d5fd78;
  --colors-gray-dark-alpha-800: #c8d9fe86;
  --colors-gray-dark-alpha-900: #e0ebfebe;
  --colors-gray-dark-alpha-950: #f8fafef2;
  --colors-red-light-50: #fff7f7;
  --colors-red-light-100: #feebec;
  --colors-red-light-200: #ffdbdc;
  --colors-red-light-300: #ffcdce;
  --colors-red-light-400: #fdbdbe;
  --colors-red-light-500: #f4a9aa;
  --colors-red-light-600: #eb8e90;
  --colors-red-light-700: #C5504D;
  --colors-red-light-800: #B62521;
  --colors-red-light-900: #971F1C;
  --colors-red-light-950: #641723;
  --colors-red-dark-50: #201314;
  --colors-red-dark-100: #3b1219;
  --colors-red-dark-200: #500f1c;
  --colors-red-dark-300: #611623;
  --colors-red-dark-400: #72232d;
  --colors-red-dark-500: #8c333a;
  --colors-red-dark-600: #b54548;
  --colors-red-dark-700: #C5504D;
  --colors-red-dark-800: #D97674;
  --colors-red-dark-900: #E6A4A2;
  --colors-red-dark-950: #ffd1d9;
  --colors-green-light-50: #F3FAF8;
  --colors-green-light-100: #E7F5F0;
  --colors-green-light-200: #CFECE2;
  --colors-green-light-300: #9FD9C5;
  --colors-green-light-400: #6EC5A8;
  --colors-green-light-500: #3EB28B;
  --colors-green-light-600: #0E9F6E;
  --colors-green-light-700: #0C835B;
  --colors-green-light-800: #03543F;
  --colors-green-light-900: #023B2C;
  --colors-green-light-950: #01271E;
  --colors-green-dark-50: #02271D;
  --colors-green-dark-100: #083529;
  --colors-green-dark-200: #084F3C;
  --colors-green-dark-300: #137C58;
  --colors-green-dark-400: #14996C;
  --colors-green-dark-500: #43AD89;
  --colors-green-dark-600: #73C0A6;
  --colors-green-dark-700: #A5D3C3;
  --colors-green-dark-800: #D1EAE1;
  --colors-green-dark-900: #E8F4F0;
  --colors-green-dark-950: #F3FAF8;
  --colors-yellow-light-50: #FEFBF0;
  --colors-yellow-light-100: #FDF2C9;
  --colors-yellow-light-200: #FBE79D;
  --colors-yellow-light-300: #FCDE6E;
  --colors-yellow-light-400: #FBD546;
  --colors-yellow-light-500: #FACA15;
  --colors-yellow-light-600: #D6A100;
  --colors-yellow-light-700: #C27803;
  --colors-yellow-light-800: #9E6206;
  --colors-yellow-light-900: #733D0D;
  --colors-yellow-light-950: #452408;
  --colors-yellow-dark-50: #3D250F;
  --colors-yellow-dark-100: #6C3D13;
  --colors-yellow-dark-200: #96600E;
  --colors-yellow-dark-300: #B37512;
  --colors-yellow-dark-400: #CB9C10;
  --colors-yellow-dark-500: #EEC321;
  --colors-yellow-dark-600: #F2D04D;
  --colors-yellow-dark-700: #F4DA7B;
  --colors-yellow-dark-800: #F8E7A6;
  --colors-yellow-dark-900: #F9F1D5;
  --colors-yellow-dark-950: #FEFCF4;
  --colors-blue-light-50: #EFF6FF;
  --colors-blue-light-100: #DBEAFE;
  --colors-blue-light-200: #BFDBFE;
  --colors-blue-light-300: #93C5FD;
  --colors-blue-light-400: #60A5FA;
  --colors-blue-light-500: #3B82F6;
  --colors-blue-light-600: #2563EB;
  --colors-blue-light-700: #1D4ED8;
  --colors-blue-light-800: #1E40AF;
  --colors-blue-light-900: #1E3A8A;
  --colors-blue-light-950: #172554;
  --colors-blue-light-alpha-50: #EFF6FF08;
  --colors-blue-light-alpha-100: #DBEAFE26;
  --colors-blue-light-alpha-200: #BFDBFE26;
  --colors-blue-light-alpha-300: #93C5FD4D;
  --colors-blue-light-alpha-400: #60A5FA66;
  --colors-blue-light-alpha-500: #3B82F680;
  --colors-blue-light-alpha-600: #2563EB99;
  --colors-blue-light-alpha-700: #1D4ED8B3;
  --colors-blue-light-alpha-800: #1E40AFCC;
  --colors-blue-light-alpha-900: #1E3A8AE6;
  --colors-blue-light-alpha-950: #172554F2;
  --colors-blue-dark-50: #172554;
  --colors-blue-dark-100: #1E3A8A;
  --colors-blue-dark-200: #1E40AF;
  --colors-blue-dark-300: #1D4ED8;
  --colors-blue-dark-400: #2563EB;
  --colors-blue-dark-500: #3B82F6;
  --colors-blue-dark-600: #60A5FA;
  --colors-blue-dark-700: #93C5FD;
  --colors-blue-dark-800: #BFDBFE;
  --colors-blue-dark-900: #DBEAFE;
  --colors-blue-dark-950: #EFF6FF;
  --colors-blue-dark-alpha-50: #17255408;
  --colors-blue-dark-alpha-100: #1E3A8A0D;
  --colors-blue-dark-alpha-200: #1E40AF26;
  --colors-blue-dark-alpha-300: #1D4ED84D;
  --colors-blue-dark-alpha-400: #2563EB66;
  --colors-blue-dark-alpha-500: #3B82F680;
  --colors-blue-dark-alpha-600: #60A5FA99;
  --colors-blue-dark-alpha-700: #93C5FDB3;
  --colors-blue-dark-alpha-800: #BFDBFECC;
  --colors-blue-dark-alpha-900: #DBEAFEE6;
  --colors-blue-dark-alpha-950: #EFF6FFF2;
  --colors-black-white-light-min: #ffffff;
  --colors-black-white-light-max: #000;
  --colors-black-white-dark-min: #000;
  --colors-black-white-dark-max: #ffffff;
  --colors-mystic-violet-light-50: #F6F3F7;
  --colors-mystic-violet-light-100: #EDE7EE;
  --colors-mystic-violet-light-200: #DCD0DE;
  --colors-mystic-violet-light-300: #CAB8CD;
  --colors-mystic-violet-light-400: #A789AB;
  --colors-mystic-violet-light-500: #96719B;
  --colors-mystic-violet-light-600: #845A8A;
  --colors-mystic-violet-light-700: #501358;
  --colors-mystic-violet-light-800: #65296d;
  --colors-mystic-violet-light-900: #8b4d93;
  --colors-mystic-violet-light-950: #54185c;
  --colors-mystic-violet-light-a: #5013581F; /** Primary color alpha value */
  --colors-mystic-violet-dark-50: #2E1631;
  --colors-mystic-violet-dark-100: #461E4B;
  --colors-mystic-violet-dark-200: #522558;
  --colors-mystic-violet-dark-300: #6C4771;
  --colors-mystic-violet-dark-400: #86688A;
  --colors-mystic-violet-dark-500: #97799B;
  --colors-mystic-violet-dark-600: #A890AB;
  --colors-mystic-violet-dark-700: #CBBDCD;
  --colors-mystic-violet-dark-800: #DCD3DE;
  --colors-mystic-violet-dark-900: #EDE9EE;
  --colors-mystic-violet-dark-950: #F6F2F7;
  --colors-mystic-violet-dark-a: #5013581F; /** Primary color alpha value */
  --colors-vibrant-yellow-dark-50: #1a180f;
  --colors-vibrant-yellow-dark-100: #2a2404;
  --colors-vibrant-yellow-dark-200: #362c00;
  --colors-vibrant-yellow-dark-300: #423600;
  --colors-vibrant-yellow-dark-400: #4f4400;
  --colors-vibrant-yellow-dark-500: #62560f;
  --colors-vibrant-yellow-dark-600: #7c6e17;
  --colors-vibrant-yellow-dark-700: #f7d908;
  --colors-vibrant-yellow-dark-800: #edcf00;
  --colors-vibrant-yellow-dark-900: #f9db13;
  --colors-vibrant-yellow-dark-950: #f8edaf;
  --colors-vibrant-yellow-dark-a: #fec30034; /** Primary color alpha value */
  --colors-vibrant-yellow-light-50: #FFFCEB;
  --colors-vibrant-yellow-light-100: #FFF8C7;
  --colors-vibrant-yellow-light-200: #FFF299;
  --colors-vibrant-yellow-light-300: #FFEC6B;
  --colors-vibrant-yellow-light-400: #FFE638;
  --colors-vibrant-yellow-light-500: #FFDF00;
  --colors-vibrant-yellow-light-600: #F0CC00;
  --colors-vibrant-yellow-light-700: #C2A500;
  --colors-vibrant-yellow-light-800: #8F7900;
  --colors-vibrant-yellow-light-900: #473D00;
  --colors-vibrant-yellow-light-950: #2E2700;
  --colors-vibrant-yellow-light-a: #fec30034; /** Primary color alpha value */
  --colors-westwing-gray-light-50: #f9f9fa;
  --colors-westwing-gray-light-100: #f0f0f1;
  --colors-westwing-gray-light-200: #e8e8ea;
  --colors-westwing-gray-light-300: #e1e1e3;
  --colors-westwing-gray-light-400: #d9dadc;
  --colors-westwing-gray-light-500: #ceced2;
  --colors-westwing-gray-light-600: #bbbbbf;
  --colors-westwing-gray-light-700: #1d1d1f;
  --colors-westwing-gray-light-800: #333335;
  --colors-westwing-gray-light-900: #646467;
  --colors-westwing-gray-light-950: #1f1f21;
  --colors-westwing-gray-light-a: #0000111e; /** Primary color alpha value */
  --colors-westwing-gray-dark-50: #19191b;
  --colors-westwing-gray-dark-100: #232325;
  --colors-westwing-gray-dark-200: #2a2a2d;
  --colors-westwing-gray-dark-300: #313134;
  --colors-westwing-gray-dark-400: #3a3a3d;
  --colors-westwing-gray-dark-500: #48484b;
  --colors-westwing-gray-dark-600: #606064;
  --colors-westwing-gray-dark-700: #6e6e72;
  --colors-westwing-gray-dark-800: #616165;
  --colors-westwing-gray-dark-900: #b4b4b8;
  --colors-westwing-gray-dark-950: #eeeef0;
  --colors-westwing-gray-dark-a: #0000111e; /** Primary color alpha value */
  --colors-bonprix-blue-dark-50: #121823;
  --colors-bonprix-blue-dark-100: #172642;
  --colors-bonprix-blue-dark-200: #1b3159;
  --colors-bonprix-blue-dark-300: #243d6a;
  --colors-bonprix-blue-dark-400: #2e497a;
  --colors-bonprix-blue-dark-500: #39578e;
  --colors-bonprix-blue-dark-600: #4467a8;
  --colors-bonprix-blue-dark-700: #89aded;
  --colors-bonprix-blue-dark-800: #7ea2e1;
  --colors-bonprix-blue-dark-900: #91b6f6;
  --colors-bonprix-blue-dark-950: #d4e2fa;
  --colors-bonprix-blue-dark-a: #367dfd4a; /** Primary color alpha value */
  --colors-bonprix-blue-light-50: #f7f9fe;
  --colors-bonprix-blue-light-100: #ecf2fd;
  --colors-bonprix-blue-light-200: #dfeaff;
  --colors-bonprix-blue-light-300: #cfe0fe;
  --colors-bonprix-blue-light-400: #bcd3fc;
  --colors-bonprix-blue-light-500: #a5c1f2;
  --colors-bonprix-blue-light-600: #85a8e8;
  --colors-bonprix-blue-light-700: #89aded;
  --colors-bonprix-blue-light-800: #7ea2e1;
  --colors-bonprix-blue-light-900: #4868a3;
  --colors-bonprix-blue-light-950: #1a3059;
  --colors-bonprix-blue-light-a: #0058ff20; /** Primary color alpha value */
  --colors-transparent: #FFFFFF00;
  --colors-bonprix-gray-light-50: #f8f9f9;
  --colors-bonprix-gray-light-100: #f0f0f0;
  --colors-bonprix-gray-light-200: #e8e8e9;
  --colors-bonprix-gray-light-300: #e1e1e1;
  --colors-bonprix-gray-light-400: #d9d9da;
  --colors-bonprix-gray-light-500: #cececf;
  --colors-bonprix-gray-light-600: #bbbbbc;
  --colors-bonprix-gray-light-700: #000;
  --colors-bonprix-gray-light-800: #2d2e2f;
  --colors-bonprix-gray-light-900: #636464;
  --colors-bonprix-gray-light-950: #1f1f20;
  --colors-bonprix-gray-light-a: #00000c17; /** Primary color alpha value */
  --colors-bonprix-gray-dark-50: #17191e;
  --colors-bonprix-gray-dark-100: #1f2329;
  --colors-bonprix-gray-dark-200: #262a30;
  --colors-bonprix-gray-dark-300: #2d3138;
  --colors-bonprix-gray-dark-400: #363a41;
  --colors-bonprix-gray-dark-500: #43474e;
  --colors-bonprix-gray-dark-600: #5d6068;
  --colors-bonprix-gray-dark-700: #6a6e76;
  --colors-bonprix-gray-dark-800: #5d6068;
  --colors-bonprix-gray-dark-900: #afb4bc;
  --colors-bonprix-gray-dark-950: #eceef2;
  --colors-bonprix-gray-dark-a: #d2e6fb1d; /** Primary color alpha value */
  --colors-westwing-green-light-50: #f4faf9;
  --colors-westwing-green-light-100: #e4f7f2;
  --colors-westwing-green-light-200: #d4f1e9;
  --colors-westwing-green-light-300: #c2e8de;
  --colors-westwing-green-light-400: #aedbcf;
  --colors-westwing-green-light-500: #93cabc;
  --colors-westwing-green-light-600: #6cb5a4;
  --colors-westwing-green-light-700: #48a18e;
  --colors-westwing-green-light-800: #3e9482;
  --colors-westwing-green-light-900: #1b7c6b;
  --colors-westwing-green-light-950: #1d3b34;
  --colors-westwing-green-light-a: #73fbde2d;
  --colors-westwing-green-dark-50: #141a18;
  --colors-westwing-green-dark-100: #192724;
  --colors-westwing-green-dark-200: #1c322c;
  --colors-westwing-green-dark-300: #233b36;
  --colors-westwing-green-dark-400: #2d4741;
  --colors-westwing-green-dark-500: #395750;
  --colors-westwing-green-dark-600: #4a6f66;
  --colors-westwing-green-dark-700: #8ec5b7;
  --colors-westwing-green-dark-800: #8fb7ac;
  --colors-westwing-green-dark-900: #8dc4b6;
  --colors-westwing-green-dark-950: #d9f2eb;
  --colors-westwing-green-dark-a: #73fbde2d; /** Primary color alpha value */
  --mode-colors-gray-25: #fcfcfd;
  --mode-colors-gray-50: #f9f9fb;
  --mode-colors-gray-100: #eff0f3;
  --mode-colors-gray-200: #e7e8ec;
  --mode-colors-gray-300: #e0e1e6;
  --mode-colors-gray-400: #d8d9e0;
  --mode-colors-gray-500: #cdced7;
  --mode-colors-gray-600: #b9bbc6;
  --mode-colors-gray-700: #8b8d98;
  --mode-colors-gray-800: #80828d;
  --mode-colors-gray-900: #62636c;
  --mode-colors-gray-950: #1e1f24;
  --mode-colors-gray-min: #ffffff;
  --mode-colors-gray-max: #000;
  --mode-colors-gray-alpha-25: #00005503;
  --mode-colors-gray-alpha-50: #00005506;
  --mode-colors-gray-alpha-100: #00104010;
  --mode-colors-gray-alpha-200: #000b3618;
  --mode-colors-gray-alpha-300: #0009321f;
  --mode-colors-gray-alpha-400: #00073527;
  --mode-colors-gray-alpha-500: #00063332;
  --mode-colors-gray-alpha-600: #00083046;
  --mode-colors-gray-alpha-700: #00051d74;
  --mode-colors-gray-alpha-800: #00051b7f;
  --mode-colors-gray-alpha-900: #0002119d;
  --mode-colors-gray-alpha-950: #000107e1;
  --mode-colors-green-50: #F3FAF8;
  --mode-colors-green-100: #E7F5F0;
  --mode-colors-green-200: #CFECE2;
  --mode-colors-green-300: #9FD9C5;
  --mode-colors-green-400: #6EC5A8;
  --mode-colors-green-500: #3EB28B;
  --mode-colors-green-600: #0E9F6E;
  --mode-colors-green-700: #0C835B;
  --mode-colors-green-800: #03543F;
  --mode-colors-green-900: #023B2C;
  --mode-colors-green-950: #01271E;
  --mode-colors-yellow-50: #FEFBF0;
  --mode-colors-yellow-100: #FDF2C9;
  --mode-colors-yellow-200: #FBE79D;
  --mode-colors-yellow-300: #FCDE6E;
  --mode-colors-yellow-400: #FBD546;
  --mode-colors-yellow-500: #FACA15;
  --mode-colors-yellow-600: #D6A100;
  --mode-colors-yellow-700: #C27803;
  --mode-colors-yellow-800: #9E6206;
  --mode-colors-yellow-900: #733D0D;
  --mode-colors-yellow-950: #452408;
  --mode-colors-red-50: #fff7f7;
  --mode-colors-red-100: #feebec;
  --mode-colors-red-200: #ffdbdc;
  --mode-colors-red-300: #ffcdce;
  --mode-colors-red-400: #fdbdbe;
  --mode-colors-red-500: #f4a9aa;
  --mode-colors-red-600: #eb8e90;
  --mode-colors-red-700: #C5504D;
  --mode-colors-red-800: #B62521;
  --mode-colors-red-900: #971F1C;
  --mode-colors-red-950: #641723;
  --mode-colors-blue-50: #EFF6FF;
  --mode-colors-blue-100: #DBEAFE;
  --mode-colors-blue-200: #BFDBFE;
  --mode-colors-blue-300: #93C5FD;
  --mode-colors-blue-400: #60A5FA;
  --mode-colors-blue-500: #3B82F6;
  --mode-colors-blue-600: #2563EB;
  --mode-colors-blue-700: #1D4ED8;
  --mode-colors-blue-800: #1E40AF;
  --mode-colors-blue-900: #1E3A8A;
  --mode-colors-blue-950: #172554;
  --mode-colors-blue-alpha-50: #EFF6FF08;
  --mode-colors-blue-alpha-100: #DBEAFE26;
  --mode-colors-blue-alpha-200: #BFDBFE26;
  --mode-colors-blue-alpha-300: #93C5FD4D;
  --mode-colors-blue-alpha-400: #60A5FA66;
  --mode-colors-blue-alpha-500: #3B82F680;
  --mode-colors-blue-alpha-600: #2563EB99;
  --mode-colors-blue-alpha-700: #1D4ED8B3;
  --mode-colors-blue-alpha-800: #1E40AFCC;
  --mode-colors-blue-alpha-900: #1E3A8AE6;
  --mode-colors-blue-alpha-950: #172554F2;
  --mode-colors-supplx-secondary-50: #FFFCEB;
  --mode-colors-supplx-secondary-100: #FFF8C7;
  --mode-colors-supplx-secondary-200: #FFF299;
  --mode-colors-supplx-secondary-300: #FFEC6B;
  --mode-colors-supplx-secondary-400: #FFE638;
  --mode-colors-supplx-secondary-500: #FFDF00;
  --mode-colors-supplx-secondary-600: #F0CC00;
  --mode-colors-supplx-secondary-700: #C2A500;
  --mode-colors-supplx-secondary-800: #8F7900;
  --mode-colors-supplx-secondary-900: #473D00;
  --mode-colors-supplx-secondary-950: #2E2700;
  --mode-colors-supplx-secondary-a: #fec30034;
  --mode-colors-supplx-primary-50: #F6F3F7;
  --mode-colors-supplx-primary-100: #EDE7EE;
  --mode-colors-supplx-primary-200: #DCD0DE;
  --mode-colors-supplx-primary-300: #CAB8CD;
  --mode-colors-supplx-primary-400: #A789AB;
  --mode-colors-supplx-primary-500: #96719B;
  --mode-colors-supplx-primary-600: #845A8A;
  --mode-colors-supplx-primary-700: #501358;
  --mode-colors-supplx-primary-800: #65296d;
  --mode-colors-supplx-primary-900: #8b4d93;
  --mode-colors-supplx-primary-950: #54185c;
  --mode-colors-supplx-primary-a: #5013581F;
  --mode-colors-bonprix-primary-50: #f9f9fa;
  --mode-colors-bonprix-primary-100: #f0f0f1;
  --mode-colors-bonprix-primary-200: #e8e8ea;
  --mode-colors-bonprix-primary-300: #e1e1e3;
  --mode-colors-bonprix-primary-400: #d9dadc;
  --mode-colors-bonprix-primary-500: #ceced2;
  --mode-colors-bonprix-primary-600: #bbbbbf;
  --mode-colors-bonprix-primary-700: #1d1d1f;
  --mode-colors-bonprix-primary-800: #333335;
  --mode-colors-bonprix-primary-900: #646467;
  --mode-colors-bonprix-primary-950: #1f1f21;
  --mode-colors-bonprix-primary-a: #0000111e;
  --mode-colors-bonprix-secondary-50: #f7f9fe;
  --mode-colors-bonprix-secondary-100: #ecf2fd;
  --mode-colors-bonprix-secondary-200: #dfeaff;
  --mode-colors-bonprix-secondary-300: #cfe0fe;
  --mode-colors-bonprix-secondary-400: #bcd3fc;
  --mode-colors-bonprix-secondary-500: #a5c1f2;
  --mode-colors-bonprix-secondary-600: #85a8e8;
  --mode-colors-bonprix-secondary-700: #89aded;
  --mode-colors-bonprix-secondary-800: #7ea2e1;
  --mode-colors-bonprix-secondary-900: #4868a3;
  --mode-colors-bonprix-secondary-950: #1a3059;
  --mode-colors-transparent: #FFFFFF00;
  --mode-colors-westwing-primary-50: #f9f9fa;
  --mode-colors-westwing-primary-100: #f0f0f1;
  --mode-colors-westwing-primary-200: #e8e8ea;
  --mode-colors-westwing-primary-300: #e1e1e3;
  --mode-colors-westwing-primary-400: #d9dadc;
  --mode-colors-westwing-primary-500: #ceced2;
  --mode-colors-westwing-primary-600: #bbbbbf;
  --mode-colors-westwing-primary-700: #1d1d1f;
  --mode-colors-westwing-primary-800: #333335;
  --mode-colors-westwing-primary-900: #646467;
  --mode-colors-westwing-primary-950: #1f1f21;
  --mode-colors-westwing-primary-a: #0000111e;
  --mode-colors-westwing-secondary-50: #f4faf9;
  --mode-colors-westwing-secondary-100: #e4f7f2;
  --mode-colors-westwing-secondary-200: #d4f1e9;
  --mode-colors-westwing-secondary-300: #c2e8de;
  --mode-colors-westwing-secondary-400: #aedbcf;
  --mode-colors-westwing-secondary-500: #93cabc;
  --mode-colors-westwing-secondary-600: #6cb5a4;
  --mode-colors-westwing-secondary-700: #48a18e;
  --mode-colors-westwing-secondary-800: #3e9482;
  --mode-colors-westwing-secondary-900: #1b7c6b;
  --mode-colors-westwing-secondary-950: #1d3b34;
  --brand-colors-neutral-25: #fcfcfd;
  --brand-colors-neutral-50: #f9f9fb;
  --brand-colors-neutral-100: #eff0f3;
  --brand-colors-neutral-200: #e7e8ec;
  --brand-colors-neutral-300: #e0e1e6;
  --brand-colors-neutral-400: #d8d9e0;
  --brand-colors-neutral-500: #cdced7;
  --brand-colors-neutral-600: #b9bbc6;
  --brand-colors-neutral-700: #8b8d98;
  --brand-colors-neutral-800: #80828d;
  --brand-colors-neutral-900: #62636c;
  --brand-colors-neutral-950: #1e1f24;
  --brand-colors-neutral-min: #ffffff;
  --brand-colors-neutral-max: #000;
  --brand-colors-neutral-alpha-25: #00005503;
  --brand-colors-neutral-alpha-50: #00005506;
  --brand-colors-neutral-alpha-100: #00104010;
  --brand-colors-neutral-alpha-200: #000b3618;
  --brand-colors-neutral-alpha-300: #0009321f;
  --brand-colors-neutral-alpha-400: #00073527;
  --brand-colors-neutral-alpha-500: #00063332;
  --brand-colors-neutral-alpha-600: #00083046;
  --brand-colors-neutral-alpha-700: #00051d74;
  --brand-colors-neutral-alpha-800: #00051b7f;
  --brand-colors-neutral-alpha-900: #0002119d;
  --brand-colors-neutral-alpha-950: #000107e1;
  --brand-colors-success-50: #F3FAF8;
  --brand-colors-success-100: #E7F5F0;
  --brand-colors-success-200: #CFECE2;
  --brand-colors-success-300: #9FD9C5;
  --brand-colors-success-400: #6EC5A8;
  --brand-colors-success-500: #3EB28B;
  --brand-colors-success-600: #0E9F6E;
  --brand-colors-success-700: #0C835B;
  --brand-colors-success-800: #03543F;
  --brand-colors-success-900: #023B2C;
  --brand-colors-success-950: #01271E;
  --brand-colors-warning-50: #FEFBF0;
  --brand-colors-warning-100: #FDF2C9;
  --brand-colors-warning-200: #FBE79D;
  --brand-colors-warning-300: #FCDE6E;
  --brand-colors-warning-400: #FBD546;
  --brand-colors-warning-500: #FACA15;
  --brand-colors-warning-600: #D6A100;
  --brand-colors-warning-700: #C27803;
  --brand-colors-warning-800: #9E6206;
  --brand-colors-warning-900: #733D0D;
  --brand-colors-warning-950: #452408;
  --brand-colors-error-50: #fff7f7;
  --brand-colors-error-100: #feebec;
  --brand-colors-error-200: #ffdbdc;
  --brand-colors-error-300: #ffcdce;
  --brand-colors-error-400: #fdbdbe;
  --brand-colors-error-500: #f4a9aa;
  --brand-colors-error-600: #eb8e90;
  --brand-colors-error-700: #C5504D;
  --brand-colors-error-800: #B62521;
  --brand-colors-error-900: #971F1C;
  --brand-colors-error-950: #641723;
  --brand-colors-interactive-50: #EFF6FF;
  --brand-colors-interactive-100: #DBEAFE;
  --brand-colors-interactive-200: #BFDBFE;
  --brand-colors-interactive-300: #93C5FD;
  --brand-colors-interactive-400: #60A5FA;
  --brand-colors-interactive-500: #3B82F6;
  --brand-colors-interactive-600: #2563EB;
  --brand-colors-interactive-700: #1D4ED8;
  --brand-colors-interactive-800: #1E40AF;
  --brand-colors-interactive-900: #1E3A8A;
  --brand-colors-interactive-950: #172554;
  --brand-colors-interactive-alpha-50: #EFF6FF08;
  --brand-colors-interactive-alpha-100: #DBEAFE26;
  --brand-colors-interactive-alpha-200: #BFDBFE26;
  --brand-colors-interactive-alpha-300: #93C5FD4D;
  --brand-colors-interactive-alpha-400: #60A5FA66;
  --brand-colors-interactive-alpha-500: #3B82F680;
  --brand-colors-interactive-alpha-600: #2563EB99;
  --brand-colors-interactive-alpha-700: #1D4ED8B3;
  --brand-colors-interactive-alpha-800: #1E40AFCC;
  --brand-colors-interactive-alpha-900: #1E3A8AE6;
  --brand-colors-interactive-alpha-950: #172554F2;
  --brand-colors-secondary-50: #FFFCEB;
  --brand-colors-secondary-100: #FFF8C7;
  --brand-colors-secondary-200: #FFF299;
  --brand-colors-secondary-300: #FFEC6B;
  --brand-colors-secondary-400: #FFE638;
  --brand-colors-secondary-500: #FFDF00;
  --brand-colors-secondary-600: #F0CC00;
  --brand-colors-secondary-700: #C2A500;
  --brand-colors-secondary-800: #8F7900;
  --brand-colors-secondary-900: #473D00;
  --brand-colors-secondary-950: #2E2700;
  --brand-colors-primary-50: #F6F3F7;
  --brand-colors-primary-100: #EDE7EE;
  --brand-colors-primary-200: #DCD0DE;
  --brand-colors-primary-300: #CAB8CD;
  --brand-colors-primary-400: #A789AB;
  --brand-colors-primary-500: #96719B;
  --brand-colors-primary-600: #845A8A;
  --brand-colors-primary-700: #501358;
  --brand-colors-primary-800: #65296d;
  --brand-colors-primary-900: #8b4d93;
  --brand-colors-primary-950: #54185c;
  --brand-colors-primary-a: #5013581F;
  --brand-colors-transparent: #FFFFFF00;
  --theme-colors-border-default: #d8d9e0;
  --theme-colors-border-strong: #cdced7;
  --theme-colors-border-success: #6EC5A8;
  --theme-colors-border-warning: #FBD546;
  --theme-colors-border-error: #fdbdbe;
  --theme-colors-border-info: #60A5FA;
  --theme-colors-text-default: #1e1f24;
  --theme-colors-text-inverse: #f9f9fb;
  --theme-colors-text-subtle: #62636c;
  --theme-colors-text-success: #023B2C;
  --theme-colors-text-error: #971F1C;
  --theme-colors-text-warning: #733D0D;
  --theme-colors-text-info: #1E3A8A;
  --theme-colors-icon-info: #1D4ED8;
  --theme-colors-icon-success: #0C835B;
  --theme-colors-icon-error: #C5504D;
  --theme-colors-icon-warning: #C27803;
  --theme-colors-icon-default: #1e1f24;
  --theme-colors-icon-inverse: #f9f9fb;
  --theme-colors-icon-subtle: #62636c;
  --theme-colors-icon-extra-subtle: #8b8d98;
  --theme-colors-link-default: #501358;
  --theme-colors-link-hover: #65296d;
  --theme-colors-link-pressed: #65296d; /** Test to used modifier */
  --theme-colors-link-disabled: #d8d9e0;
  --theme-colors-bg-base: #ffffff;
  --theme-colors-bg-hover: #5013581F; /** Hover color for surfaces in the colors: base, layer 1 and layer 2.  */
  --theme-colors-bg-layer0: #f9f9fb; /** Not a regular backgound color. Mainly used as backgound color on AG-Grid row for group on 3rd level and for menus and dropdowns. */
  --theme-colors-bg-layer1: #eff0f3;
  --theme-colors-bg-layer2: #e7e8ec;
  --theme-colors-bg-success-default: #E7F5F0;
  --theme-colors-bg-success-strong: #CFECE2;
  --theme-colors-bg-warning-default: #FDF2C9;
  --theme-colors-bg-warning-strong: #FBE79D;
  --theme-colors-bg-error-default: #feebec;
  --theme-colors-bg-error-strong: #ffdbdc;
  --theme-colors-bg-inverse-base: #1e1f24; /** The darkest background-color used across layouts and components. It is useful for components such as tooltips. */
  --theme-colors-bg-inverse-layer1: #cdced7;
  --theme-colors-bg-info-default: #DBEAFE;
  --theme-colors-bg-info-strong: #BFDBFE;
  --theme-colors-accent-subtle-default: #96719B;
  --theme-colors-accent-subtle-hover: #845A8A;
  --theme-colors-accent-strong-default: #501358;
  --theme-colors-accent-strong-hover: #65296d;
  --button-colors-primary-bg-default: #501358;
  --button-colors-primary-bg-hover: #65296d;
  --button-colors-primary-bg-pressed: #8b4d93;
  --button-colors-primary-bg-disabled: #e7e8ec;
  --button-colors-primary-bg-destructive-default: #B62521;
  --button-colors-primary-bg-destructive-hover: #C5504D;
  --button-colors-primary-bg-destructive-pressed: #B62521;
  --button-colors-primary-bg-destructive-disabled: #feebec;
  --button-colors-primary-fg-default: #ffffff;
  --button-colors-primary-fg-disabled: #00051d74;
  --button-colors-primary-fg-destructive-disabled: #00051d74;
  --button-colors-secondary-bg-default: #00005506;
  --button-colors-secondary-bg-hover: #00104010;
  --button-colors-secondary-bg-pressed: #000b3618;
  --button-colors-secondary-bg-disabled: #FFFFFF00;
  --button-colors-secondary-bg-destructive-default: #00005506;
  --button-colors-secondary-bg-destructive-hover: #00104010;
  --button-colors-secondary-bg-destructive-pressed: #000b3618;
  --button-colors-secondary-bg-destructive-disabled: #FFFFFF00;
  --button-colors-secondary-fg-default: #501358;
  --button-colors-secondary-fg-disabled: #8b8d98;
  --button-colors-secondary-fg-destructive-default: #B62521;
  --button-colors-secondary-fg-destructive-disabled: #8b8d98;
  --button-colors-secondary-border-default: #b9bbc6;
  --button-colors-secondary-border-destructive-default: #eb8e90;
  --button-colors-secondary-border-destructive-disabled: #00073527;
  --button-colors-secondary-border-disabled: #00073527;
  --button-colors-tertiary-bg-hover: #00104010;
  --button-colors-tertiary-bg-pressed: #000b3618;
  --button-colors-tertiary-bg-destructive-hover: #00104010;
  --button-colors-tertiary-bg-destructive-pressed: #000b3618;
  --button-colors-tertiary-fg-default: #501358;
  --button-colors-tertiary-fg-disabled: #8b8d98;
  --button-colors-tertiary-fg-destructive-default: #B62521;
  --button-colors-tertiary-fg-destructive-disabled: #8b8d98;
  --focus-ring-colors-bg: #BFDBFE26;
  --focus-ring-colors-border: #93C5FD;
  --accordion-header-colors-bg-accent-default: #ffffff;
  --accordion-header-colors-bg-accent-hover: #EDE7EE;
  --accordion-header-colors-bg-default: #eff0f3;
  --accordion-header-colors-bg-hover: #e7e8ec;
  --accordion-colors-border-accent-default: #96719B;
  --accordion-colors-border-default: #d8d9e0;
  --accordion-colors-text-title: #1e1f24;
  --accordion-colors-text-subline: #62636c;
  --accordion-colors-text-hint: #1e1f24;
  --accordion-colors-icon-left: #1e1f24;
  --accordion-colors-icon-right: #62636c;
  --accordion-colors-icon-chevron: #62636c;
  --accordion-group-header-colors-bg-default: #ffffff;
  --avatar-colors-border-default: #ffffff;
  --avatar-colors-border-hover: #d8d9e0;
  --avatar-colors-bg-default: #e7e8ec;
  --avatar-colors-bg-hover: #e0e1e6;
  --avatar-colors-fg: #1e1f24;
  --avatar-colors-placeholder-border: #cdced7;
  --checkbox-colors-unselected-border-default: #62636c;
  --checkbox-colors-unselected-border-hover: #845A8A;
  --checkbox-colors-unselected-border-disabled: #00063332;
  --checkbox-colors-unselected-border-error: #B62521;
  --checkbox-colors-unselected-bg-default: #FFFFFF00;
  --checkbox-colors-unselected-bg-hover: #00104010;
  --checkbox-colors-unselected-bg-disabled: #FFFFFF00;
  --checkbox-colors-unselected-bg-error: #fff7f7;
  --checkbox-colors-selected-bg-default: #501358;
  --checkbox-colors-selected-bg-hover: #65296d;
  --checkbox-colors-selected-bg-disabled: #0009321f;
  --checkbox-colors-selected-bg-error: #B62521;
  --checkbox-colors-selected-fg-default: #f9f9fb;
  --checkbox-colors-selected-fg-disabled: #00051d74;
  --draggable-list-colors-bg-header-default: #ffffff;
  --draggable-list-colors-bg-header-dragging: #e7e8ec;
  --draggable-list-colors-bg-content: #e7e8ec;
  --draggable-list-colors-bg-indicator: #3B82F6;
  --draggable-list-colors-border: #d8d9e0;
  --draggable-list-colors-text-visible: #1e1f24;
  --draggable-list-colors-text-hidden: #8b8d98;
  --draggable-list-colors-icon-left-visible: #501358;
  --draggable-list-colors-icon-left-hidden: lch(19.405 44.967 322.4 / 0.7);
  --draggable-list-colors-icon-right: #cdced7;
  --dropdown-colors-border: #d8d9e0;
  --dropdown-colors-bg-hover: #5013581F;
  --dropdown-colors-bg-default: #f9f9fb;
  --dropdown-colors-bg-highlight: #BFDBFE;
  --dropdown-colors-text: #1e1f24; /** Used for 'group title' and 'primary value' */
  --dropdown-colors-hint: #62636c; /** Used for 'loading', 'no results' state and 'secondary value' */
  --form-colors-bg-default: #ffffff;
  --form-colors-bg-hover: #f9f9fb;
  --form-colors-bg-active: #ffffff;
  --form-colors-bg-disabled: #0009321f;
  --form-colors-bg-error: #ffffff;
  --form-colors-input-text-default: #1e1f24;
  --form-colors-input-text-disabled: #62636c;
  --form-colors-input-text-error: #1e1f24;
  --form-colors-border-default: #b9bbc6;
  --form-colors-border-active: #2563EB;
  --form-colors-border-hover: #b9bbc6;
  --form-colors-border-error: #B62521;
  --form-colors-border-disabled: #0009321f;
  --form-colors-icon-subtle: #8b8d98;
  --form-colors-icon-default: #62636c;
  --form-colors-icon-hover: #1e1f24;
  --form-colors-icon-error: #B62521;
  --form-colors-label-default: #1e1f24;
  --form-colors-label-disabled: #8b8d98;
  --form-colors-label-error: #1e1f24;
  --form-colors-label-inverse-default: #f9f9fb;
  --form-colors-label-inverse-disabled: #b9bbc6;
  --form-colors-label-inverse-error: #f9f9fb;
  --form-colors-hint-default: #62636c;
  --form-colors-hint-disabled: #8b8d98;
  --form-colors-hint-inverse-default: #e0e1e6;
  --form-colors-hint-inverse-disabled: #d8d9e0;
  --form-colors-error-message-default: #971F1C;
  --form-colors-error-message-inverse: #ffcdce;
  --form-colors-placeholder-default: #80828d;
  --pill-button-colors-secondary-bg-default: #00005506;
  --pill-button-colors-secondary-bg-hover: #00104010;
  --pill-button-colors-secondary-bg-pressed: #DCD0DE;
  --pill-button-colors-secondary-bg-disabled: #FFFFFF00;
  --pill-button-colors-secondary-fg-default: #1e1f24;
  --pill-button-colors-secondary-fg-pressed: #1e1f24;
  --pill-button-colors-secondary-fg-disabled: #8b8d98;
  --pill-button-colors-secondary-border-default: #b9bbc6;
  --pill-button-colors-secondary-border-disabled: #00073527;
  --pill-button-colors-secondary-border-selected: #96719B;
  --pill-button-colors-destructive-bg-default: #00005506;
  --pill-button-colors-destructive-bg-hover: #00104010;
  --pill-button-colors-destructive-bg-pressed: #B62521;
  --pill-button-colors-destructive-bg-disabled: #FFFFFF00;
  --pill-button-colors-destructive-fg-default: #B62521;
  --pill-button-colors-destructive-fg-pressed: #ffffff;
  --pill-button-colors-destructive-fg-disabled: #8b8d98;
  --pill-button-colors-destructive-border-default: #eb8e90;
  --status-ring-colors-bg: #cdced7; /** Neutral 200 */
  --status-ring-colors-success-fg: #3EB28B; /** Success 500 */
  --status-ring-colors-warning-fg: #D6A100; /** Warning 600 */
  --status-ring-colors-error-fg: #C5504D; /** Error 500 */
  --top-nav-colors-bg: #501358;
  --top-nav-colors-logo: #FFDF00;
  --top-nav-colors-menu-bg-default: #501358;
  --top-nav-colors-menu-bg-hover: #65296d;
  --top-nav-colors-menu-bg-pressed: #8b4d93;
  --top-nav-colors-menu-fg-default: #f9f9fb;
  --top-nav-colors-menu-fg-pressed: #f9f9fb;
  --radio-colors-unselected-border-default: #62636c;
  --radio-colors-selected-border-default: #501358;
  --radio-colors-border-hover: #65296d;
  --radio-colors-border-disabled: #00063332;
  --radio-colors-border-error: #B62521;
  --radio-colors-bg-default: #FFFFFF00;
  --radio-colors-bg-hover: #00104010;
  --radio-colors-bg-disabled: #FFFFFF00;
  --radio-colors-fg-default: #501358;
  --radio-colors-fg-hover: #65296d;
  --radio-colors-fg-disabled: #00051d74;
  --radio-colors-fg-error: #B62521;
  --tab-colors-default-selected-fg: #f9f9fb;
  --tab-colors-default-selected-bg-default: #501358;
  --tab-colors-default-unselected-fg: #501358;
  --tab-colors-default-unselected-bg-default: #e7e8ec;
  --tab-colors-default-unselected-bg-hover: #eff0f3;
  --tab-colors-inverse-selected-fg: #501358;
  --tab-colors-inverse-selected-bg-default: #CAB8CD;
  --tab-colors-inverse-unselected-fg: #f9f9fb;
  --tab-colors-inverse-unselected-bg-default: #FFFFFF00;
  --tab-colors-inverse-unselected-bg-hover: #845A8A;
  --box-colors-bg: #ffffff;
  --box-colors-border: #ffffff;
  --switch-colors-unselected-bg-default: #62636c;
  --switch-colors-unselected-bg-hover: #80828d;
  --switch-colors-unselected-icon-default: #62636c;
  --switch-colors-selected-bg-default: #3EB28B;
  --switch-colors-selected-bg-hover: #6EC5A8;
  --switch-colors-selected-icon-default: #3EB28B;
  --switch-colors-icon-disabled: #8b8d98;
  --switch-colors-bg-disabled: #00073527;
  --switch-colors-fg: #ffffff;
  --notification-badge-colors-strong-bg: #FFDF00;
  --notification-badge-colors-strong-fg: #2E2700;
  --notification-badge-colors-subtle-bg: #80828d;
  --notification-badge-colors-subtle-fg: #fcfcfd;
  --fab-colors-secondary-bg-default: #ffffff;
  --fab-colors-secondary-bg-hover: #eff0f3;
  --fab-colors-secondary-bg-pressed: #e7e8ec;
  --fab-colors-secondary-bg-disabled: #ffffff;
  --fab-colors-secondary-fg-default: #501358;
  --fab-colors-secondary-fg-disabled: #8b8d98;
  --fab-colors-secondary-border-default: #cdced7;
  --fab-colors-secondary-border-disabled: #d8d9e0;

 /**
  * @tokens Others
  */

  --var-1: 0.25rem;
  --var-2: 0.5rem;
  --var-3: 0.75rem;
  --var-4: 1rem;
  --var-5: 1.25rem;
  --var-6: 1.5rem;
  --var-7: 1.75rem;
  --var-8: 2rem;
  --var-9: 2.25rem;
  --var-10: 2.5rem;
  --var-11: 2.75rem;
  --var-12: 3rem;
  --var-14: 3.5rem;
  --var-16: 4rem;
  --var-0-5: 0.125rem;
  --var-1-5: 0.375rem;
  --var-2-5: 0.625rem;
  --var-3-5: 0.875rem;
  --opacity-o100: 0.1;
  --opacity-o200: 0.2;
  --opacity-o300: 0.3;
  --opacity-o400: 0.4;
  --opacity-o500: 0.5;
  --opacity-o600: 0.6;
  --opacity-o700: 0.7;
  --opacity-o800: 0.8;
  --opacity-o900: 0.9;
  --fix-1: 4px;
  --fix-2: 8px;
  --fix-3: 12px;
  --fix-4: 16px;
  --fix-5: 20px;
  --fix-6: 24px;
  --fix-7: 28px;
  --fix-8: 32px;
  --fix-9: 36px;
  --fix-10: 40px;
  --fix-11: 44px;
  --fix-12: 48px;
  --fix-14: 56px;
  --fix-16: 64px;
  --fix-24: 96px;
  --fix-28: 112px;
  --fix-32: 128px;
  --fix-36: 144px;
  --fix-44: 176px;
  --fix-none: 0;
  --fix-0-5: 2px;
  --fix-1-5: 0,375rem;
  --fix-2-5: 10px;
  --fix-3-5: 14px;
  --fix-px: 1px;
  --brand-space-element-to-element-xs: 0.25rem;
  --brand-space-element-to-element-sm: 0.5rem;
  --brand-space-element-to-element-md: 0.75rem;
  --brand-space-element-to-element-lg: 1rem;
  --brand-space-element-to-element-xl: 1.5rem;
  --brand-space-element-to-element-2xl: 2rem;
  --brand-space-element-to-element-3xl: 4rem;
  --brand-space-horizontal-edge-to-element-xs: 0.25rem;
  --brand-space-horizontal-edge-to-element-sm: 0.5rem;
  --brand-space-horizontal-edge-to-element-md: 0.75rem;
  --brand-space-horizontal-edge-to-element-lg: 1rem;
  --brand-space-horizontal-edge-to-element-xl: 1.5rem;
  --brand-space-vertical-edge-to-element-xxs: 0.125rem;
  --brand-space-vertical-edge-to-element-xs: 0.25rem;
  --brand-space-vertical-edge-to-element-sm: 0.75rem;
  --brand-space-vertical-edge-to-element-md: 1rem;
  --brand-space-vertical-edge-to-element-xl: 1.5rem;
  --brand-radius-rounded-none: 0;
  --brand-radius-rounded-xs: 4px;
  --brand-radius-rounded-sm: 8px;
  --brand-radius-rounded-md: 16px;
  --brand-radius-rounded-full: 999px;
  --brand-border-width-border-xxs: 1px;
  --brand-border-width-border-xs: 2px;
  --brand-border-width-border-sm: 4px;
  --brand-layout-gutter-breakpoint-xs-to-m: 16px;
  --brand-layout-gutter-breakpoint-l: 24px;
  --brand-layout-outside-gutter-breakpoint-xs-to-m: 16px;
  --brand-layout-outside-gutter-breakpoint-l: 24px;
  --brand-layout-columns-breakpoint-xs: 2;
  --brand-layout-columns-breakpoint-s: 4;
  --brand-layout-columns-breakpoint-m: 12;
  --brand-layout-columns-breakpoint-l: 12;
  --brand-breakpoint-xs: 320px; /** >319px  */
  --brand-breakpoint-s: 768px; /** >767px */
  --brand-breakpoint-m: 1024px; /** >1023px */
  --brand-breakpoint-l: 1280px; /** >1279px */
  --brand-font-family-a: Inter;
  --brand-font-family-b: Rubik;
  --brand-font-weight-accent-weight: 400; /** To be tested, if this can stay under font weight while actually being a font style.  */
  --brand-font-weight-accent-style: italic; /** To be tested, if this can stay under font weight while actually being a font style.  */
  --brand-font-weight-default: 400;
  --brand-font-weight-strong: 500;
  --brand-font-weight-stronger: 700;
  --brand-font-size-f-20: 0.625rem;
  --brand-font-size-f-10: 0.75rem;
  --brand-font-size-f0: 0.875rem;
  --brand-font-size-f10: 1rem;
  --brand-font-size-f20: 1.125rem;
  --brand-font-size-f30: 1.25rem;
  --brand-font-size-f40: 1.5rem;
  --brand-font-size-f50: 1.75rem;
  --brand-font-size-f60: 1.875rem;
  --brand-font-size-f80: 3rem;
  --brand-line-height-lh-20: 14px;
  --brand-line-height-lh-10: 18px;
  --brand-line-height-lh0: 22px;
  --brand-line-height-lh10: 24px;
  --brand-line-height-lh20: 30px;
  --brand-line-height-lh30: 38px;
  --brand-line-height-lh50: 48px;
  --brand-line-height-lh80: 56px;
  --brand-paragraph-spacing-ps0: 8px;
  --brand-paragraph-spacing-ps10: 12px;
  --brand-paragraph-spacing-ps20: 16px;
  --brand-paragraph-spacing-ps40: 24px;
  --brand-paragraph-spacing-ps60: 32px;
  --brand-paragraph-spacing-ps80: 40px;
  --viewport-width: 1024px; /** 1024px */
  --layout-gutter: 16px;
  --layout-outside-gutter: 16px;
  --layout-columns: 12px;
  --layout-max-width-narrow: 1024px;
  --layout-max-width-full: 100%;
  --button-radius-sm: 8px;
  --button-radius-md: 8px;
  --button-radius-focus-ring-sm: 10px;
  --button-radius-focus-ring-md: 10px;
  --button-focus-ring-offset: 2px;
  --button-focus-ring-position: -2px;
  --button-focus-ring-border-width: 4px;
  --focus-ring-border-width: 4px; /** outside stroke */
  --focus-ring-offset: 4px;
  --focus-ring-position: -4px;
  --accordion-border-width: 1px;
  --accordion-radius: 8px;
  --accordion-md-header-gap: 1rem;
  --accordion-md-header-padding-vertical: 0.75rem;
  --accordion-md-header-padding-horizontal: 1rem;
  --accordion-md-content-padding-vertical: 1rem;
  --accordion-md-content-padding-horizontal: 1rem;
  --accordion-sm-header-gap: 0.5rem;
  --accordion-sm-header-padding-vertical: 0.5rem;
  --accordion-sm-header-padding-horizontal: 0.5rem;
  --accordion-sm-content-padding-vertical: 0.75rem;
  --accordion-sm-content-padding-horizontal: 0.75rem;
  --accordion-desktop-group-header-gap: 1.5rem;
  --accordion-desktop-group-header-padding-vertical: 1rem;
  --accordion-desktop-group-header-padding-horizontal: 1rem;
  --accordion-mobile-group-header-gap: 0.75rem;
  --accordion-mobile-group-header-padding-vertical: 1rem;
  --accordion-mobile-group-header-padding-horizontal: 1rem;
  --avatar-opacity-fg-hover: 0.4;
  --avatar-size-sm: 1.5rem;
  --avatar-size-md: 2rem;
  --avatar-size-lg: 3rem;
  --avatar-border-width-default: 1px;
  --avatar-border-width-placeholder: 2px;
  --checkbox-sm-border-width: 1px;
  --checkbox-sm-radius: 4px;
  --checkbox-sm-height: 1rem;
  --checkbox-sm-width: 1rem;
  --checkbox-sm-gap-horizontal: 0.5rem;
  --checkbox-focus-ring-radius: calc 8px;
  --checkbox-focus-ring-border-width: 4px;
  --draggable-list-radius: 8px;
  --dropdown-radius: 8px;
  --field-radius-sm: 4px;
  --field-radius-md: 4px;
  --field-focus-ring-radius-sm: 4px;
  --field-focus-ring-radius-md: 4px;
  --field-focus-ring-offset: 0px;
  --field-focus-ring-position: 0px;
  --field-focus-ring-border-width: 4px;
  --field-min-height-sm: 32px;
  --field-min-height-md: 40px;
  --field-border-width: 1px;
  --field-spacing-sm-label-to-field: 0.25rem;
  --field-spacing-sm-field-to-hint: 0.25rem;
  --field-spacing-md-label-to-field: 0.25rem;
  --field-spacing-md-field-to-hint: 0.25rem;
  --pill-button-sm-border-width: 1px;
  --pill-button-sm-radius: 999px;
  --pill-button-sm-min-height: 1.25rem;
  --pill-button-sm-min-width: 48px;
  --pill-button-sm-padding-horizontal: 0.5rem;
  --pill-button-sm-padding-vertical: 1px;
  --pill-button-sm-gap: 0.25rem;
  --pill-button-md-border-width: 1px;
  --pill-button-md-radius: 999px;
  --pill-button-md-min-height: 1.5rem;
  --pill-button-md-min-width: 64px;
  --pill-button-md-padding-horizontal: 0.75rem;
  --pill-button-md-padding-vertical: 0.125rem;
  --pill-button-md-gap: 0.25rem;
  --pill-button-focus-ring-radius: 999px;
  --pill-button-focus-ring-offset: 2px;
  --pill-button-focus-ring-position: -2px;
  --pill-button-focus-ring-border-width: 4px;
  --table-spacing-header-cell-md: 2px;
  --table-cell-size-vertical-md: 3rem;
  --radio-sm-border-width: 1px;
  --radio-sm-radius: 999px;
  --radio-sm-height: 1rem;
  --radio-sm-width: 1rem;
  --radio-sm-gap-horizontal: 0.5rem;
  --radio-focus-ring-radius: 999px;
  --radio-focus-ring-border-width: 4px;
  --tab-border-width: 0;
  --tab-radius: 4px;
  --tab-min-height: 2.25rem;
  --tab-min-width: 48px;
  --tab-padding-horizontal: 0.5rem;
  --tab-padding-vertical: 0.125rem;
  --tab-gap: 0.25rem;
  --tab-focus-ring-radius: 999px;
  --tab-focus-ring-offset: 0;
  --tab-focus-ring-position: 0;
  --tab-focus-ring-border-width: 4px;
  --tab-group-gap-vertical: 0.5rem;
  --tab-group-gap-horizontal: 0.25rem;
  --icon-md-border-width: 1.5px;
  --icon-md-size: 1.5rem;
  --icon-sm-border-width: 1.5px;
  --icon-sm-size: 1.25rem;
  --icon-xs-border-width: 1.5px;
  --icon-xs-size: 1rem;
  --icon-xl-border-width: 2px;
  --icon-xl-size: 3rem;
  --key-value-pair-sm-gab-label-left-label-to-value: 0.5rem;
  --key-value-pair-sm-gab-label-top-label-to-value: 0;
  --key-value-pair-sm-gab-label-top-icon-to-data: 0.5rem;
  --key-value-pair-md-gab-label-left-label-to-value: 0.5rem;
  --key-value-pair-md-gab-label-top-label-to-value: 0;
  --key-value-pair-md-gab-label-top-icon-to-data: 0.5rem;
  --key-value-pair-lg-gab-label-left-label-to-value: 0.5rem;
  --key-value-pair-lg-gab-label-top-label-to-value: 0;
  --key-value-pair-lg-gab-label-top-icon-to-data: 0.5rem;
  --key-value-pair-color-label: #62636c;
  --key-value-pair-color-figure: #1e1f24;
  --key-value-pair-font-weight-figure: 500;
  --key-value-pair-font-weight-label: 400;
  --box-radius: 4px;
  --box-border-width: 1px;
  --box-padding-horizontal: 0.75rem;
  --box-padding-vertical: 0.75rem;
  --ag-accent-color: #96719B;
  --ag-active-color: #96719B;
  --ag-advanced-filter-builder-button-bar-border: 1px;
  --ag-advanced-filter-builder-column-pill-color: #93C5FD4D;
  --ag-advanced-filter-builder-indent-size: 32px;
  --ag-advanced-filter-builder-join-pill-color: #3B82F680;
  --ag-advanced-filter-builder-option-pill-color: #2563EB99;
  --ag-advanced-filter-builder-value-pill-color: #0009321f;
  --ag-advanced-filter-column-pill-color: #BFDBFE;
  --ag-advanced-filter-join-pill-color: #e0e1e6;
  --ag-advanced-filter-option-pill-color: #e0e1e6;
  --ag-advanced-filter-value-pill-color: #BFDBFE;
  --ag-alpine-active-color: #96719B;
  --ag-background-color: #ffffff;
  --ag-balham-active-color: #FFE638;
  --ag-border-color: #d8d9e0;
  --ag-border-radius: 4px; /** Border radius applied to many elements such as dialogs and form widgets. */
  --ag-borders: 1px;
  --ag-borders-critical: #F4DA7B;
  --ag-borders-input: 1px;
  --ag-borders-input-invalid: #B62521;
  --ag-borders-secondary: #d8d9e0;
  --ag-borders-side-button: none;
  --ag-browser-color-scheme: #F4DA7B;
  --ag-card-radius: 4px;
  --ag-cell-editing-border: 0px;
  --ag-cell-editing-shadow: 4px;
  --ag-cell-font-family: Inter;
  --ag-cell-horizontal-border: true;
  --ag-cell-horizontal-padding: 9px;
  --ag-cell-text-color: #1e1f24;
  --ag-cell-widget-spacing: 9px;
  --ag-chart-menu-label-color: #FFE638;
  --ag-checkbox-background-color: #FFFFFF00;
  --ag-checkbox-border-radius: 4px;
  --ag-checkbox-border-width: 1px;
  --ag-checkbox-checked-background-color: #501358;
  --ag-checkbox-checked-border-color: #501358;
  --ag-checkbox-checked-color: #501358;
  --ag-checkbox-checked-glow-color: #F4DA7B;
  --ag-checkbox-checked-shape-color: #f9f9fb;
  --ag-checkbox-glow-color: #F4DA7B;
  --ag-checkbox-indeterminate-background-color: #501358;
  --ag-checkbox-indeterminate-border-color: #501358;
  --ag-checkbox-indeterminate-color: #501358;
  --ag-checkbox-indeterminate-shape-color: #f9f9fb;
  --ag-checkbox-unchecked-background-color: #FFFFFF00;
  --ag-checkbox-unchecked-border-color: #62636c;
  --ag-checkbox-unchecked-color: #62636c;
  --ag-chip-background-color: #e7e8ec;
  --ag-chip-border-color: #d8d9e0;
  --ag-chrome-background-color: #ffffff; /** BG color of table header */
  --ag-column-border: false;
  --ag-column-drop-cell-background-color: #eff0f3;
  --ag-column-drop-cell-border: false;
  --ag-column-drop-cell-drag-handle-color: #62636c;
  --ag-column-drop-cell-text-color: #1e1f24;
  --ag-column-hover-color: #5013581F;
  --ag-column-select-indent-size: 0.75rem;
  --ag-control-panel-background-color: #ffffff;
  --ag-data-color: #1e1f24;
  --ag-data-font-size: 0,875 rem;
  --ag-dialog-border: #d8d9e0;
  --ag-disabled-foreground-color: #d8d9e0;
  --ag-drag-and-drop-image-background-color: #ffffff;
  --ag-drag-and-drop-image-border: #d8d9e0;
  --ag-drag-handle-color: #8b8d98;
  --ag-filter-tool-panel-group-indent: 32px;
  --ag-focus-shadow: #93C5FD;
  --ag-font-family: Inter;
  --ag-font-size: 0.875rem;
  --ag-foo-bar: #000000;
  --ag-footer-row-border: #d8d9e0;
  --ag-foreground-color: #1e1f24;
  --ag-grid-size: 6px;
  --ag-header-background-color: #ffffff;
  --ag-header-cell-hover-background-color: #ffffff;
  --ag-header-cell-moving-background-color: #ffffff;
  --ag-header-column-border: #d8d9e0;
  --ag-header-column-border-height: 100%;
  --ag-header-column-resize-handle-color: #d8d9e0;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-height: 100%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-separator-color: #d8d9e0;
  --ag-header-column-separator-display: false;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-font-family: Inter;
  --ag-header-font-size: 0.875rem;
  --ag-header-font-weight: regular;
  --ag-header-foreground-color: #62636c;
  --ag-header-height: 36px;
  --ag-header-text-color: #62636c;
  --ag-icon-button-hover-color: #1e1f24;
  --ag-icon-font-color: #62636c;
  --ag-icon-font-family: agGridQuartz;
  --ag-icon-font-weight: regular;
  --ag-icon-size: 16px;
  --ag-indentation-level: 0;
  --ag-input-background-color: #ffffff;
  --ag-input-border: 1px;
  --ag-input-border-color: #b9bbc6;
  --ag-input-border-color-invalid: #B62521;
  --ag-input-border-radius: 4px;
  --ag-input-disabled-background-color: #0009321f;
  --ag-input-disabled-border: #0009321f;
  --ag-input-disabled-border-color: #0009321f;
  --ag-input-disabled-text-color: #62636c;
  --ag-input-focus-background-color: #ffffff;
  --ag-input-focus-border: 4px;
  --ag-input-focus-border-color: #93C5FD;
  --ag-input-focus-shadow: 4px;
  --ag-input-focus-text-color: #1e1f24;
  --ag-input-height: 32px;
  --ag-input-icon-color: #62636c;
  --ag-input-invalid-background-color: #ffffff;
  --ag-input-invalid-border: #B62521;
  --ag-input-invalid-text-color: #1e1f24;
  --ag-input-padding-start: 0.75rem;
  --ag-input-text-color: #1e1f24;
  --ag-internal-calculated-line-height: 130%;
  --ag-internal-content-line-height: 100%;
  --ag-internal-hover-color: #F4DA7B;
  --ag-internal-measurement-border: #F4DA7B;
  --ag-internal-moving-color: #F4DA7B;
  --ag-internal-padded-row-height: #F4DA7B;
  --ag-internal-spectrum-alpha-color: #F4DA7B;
  --ag-internal-spectrum-alpha-color-from: #F4DA7B;
  --ag-internal-spectrum-alpha-color-to: #F4DA7B;
  --ag-invalid-color: #B62521;
  --ag-list-item-height: 2rem;
  --ag-material-accent-color: #501358;
  --ag-material-primary-color: #501358;
  --ag-menu-background-color: #f9f9fb;
  --ag-menu-min-width: 181px;
  --ag-menu-separator-color: #d8d9e0;
  --ag-menu-text-color: #1e1f24;
  --ag-modal-overlay-background-color: #ffffff;
  --ag-odd-row-background-color: #ffffff;
  --ag-panel-background-color: #eff0f3;
  --ag-panel-border-color: #d8d9e0;
  --ag-panel-title-bar-background-color: #ffffff;
  --ag-panel-title-bar-border: #d8d9e0;
  --ag-pinned-column-border: 1px;
  --ag-pinned-row-border: 1px;
  --ag-quartz-icon-active-color: #96719B;
  --ag-quartz-icon-hover-color: #1e1f24;
  --ag-range-selection-background-color: #000b3618;
  --ag-range-selection-background-color-2: #5013581F;
  --ag-range-selection-background-color-3: #5013581F;
  --ag-range-selection-background-color-4: #5013581F;
  --ag-range-selection-border-color: #93C5FD;
  --ag-range-selection-border-style: solid;
  --ag-range-selection-chart-background-color: #5013581F;
  --ag-range-selection-highlight-color: #5013581F;
  --ag-row-border: true;
  --ag-row-border-color: #d8d9e0;
  --ag-row-border-style: solid;
  --ag-row-border-width: 1px;
  --ag-row-group-indent-size: 24px;
  --ag-row-height: 48px;
  --ag-row-hover-color: #5013581F;
  --ag-row-loading-skeleton-effect-color: #0009321f;
  --ag-secondary-border-color: #d8d9e0;
  --ag-secondary-foreground-color: #62636c;
  --ag-select-cell-background-color: #5013581F;
  --ag-select-cell-border: 1px;
  --ag-selected-row-background-color: #000b3618;
  --ag-selected-tab-underline-color: #cdced7;
  --ag-selected-tab-underline-transition-speed: 0.3s;
  --ag-selected-tab-underline-width: 2px;
  --ag-set-filter-indent-size: 24px;
  --ag-side-bar-background-color: #ffffff;
  --ag-side-bar-panel-width: 350px; /** Sets the filter panel width. */
  --ag-side-button-background-color: #00005506;
  --ag-side-button-bar-background-color: #eff0f3;
  --ag-side-button-bar-top-padding: 0.75rem;
  --ag-side-button-hover-background-color: #00104010;
  --ag-side-button-hover-text-color: #501358;
  --ag-side-button-left-padding: 0.75rem;
  --ag-side-button-right-padding: 0.75rem;
  --ag-side-button-selected-background-color: #eff0f3;
  --ag-side-button-selected-border: 1px;
  --ag-side-button-selected-text-color: #501358;
  --ag-side-button-selected-underline-color: #501358;
  --ag-side-button-text-color: #501358;
  --ag-side-button-vertical-padding: 0.25rem;
  --ag-spacing: 0.75rem;
  --ag-spectrum-alpha-background-checked: #F4DA7B;
  --ag-subheader-background-color: #ffffff;
  --ag-subheader-toolbar-background-color: #ffffff;
  --ag-subtle-text-color: #62636c;
  --ag-tab-background-color: #ffffff;
  --ag-tab-bar-background-color: #ffffff;
  --ag-tab-bar-border: 1px;
  --ag-tab-bar-horizontal-padding: 0.75rem;
  --ag-tab-bar-top-padding: 0.75rem;
  --ag-tab-bottom-padding: 0.25rem;
  --ag-tab-horizontal-padding: 0.75rem;
  --ag-tab-hover-background-color: #5013581F;
  --ag-tab-hover-text-color: #1e1f24;
  --ag-tab-min-width: 240px;
  --ag-tab-selected-background-color: #501358;
  --ag-tab-selected-border-color: #d8d9e0;
  --ag-tab-selected-border-width: 1px;
  --ag-tab-selected-text-color: #1e1f24;
  --ag-tab-spacing: 0.25rem;
  --ag-tab-text-color: #1e1f24;
  --ag-tab-top-padding: 0.25rem;
  --ag-text-color: #1e1f24;
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-off-background-color: #FFE638;
  --ag-toggle-button-off-border-color: #FFE638;
  --ag-toggle-button-on-background-color: #FFE638;
  --ag-toggle-button-on-border-color: #FFE638;
  --ag-toggle-button-switch-background-color: #FFE638;
  --ag-toggle-button-switch-border-color: #F4DA7B;
  --ag-toggle-button-switch-inset: 0.75rem;
  --ag-toggle-button-width: 28px;
  --ag-tool-panel-separator-border: #d8d9e0;
  --ag-tooltip-background-color: #1e1f24;
  --ag-tooltip-border: #d8d9e0;
  --ag-tooltip-text-color: #f9f9fb;
  --ag-value-change-delta-down-color: #ffdbdc;
  --ag-value-change-delta-up-color: #CFECE2;
  --ag-value-change-value-highlight-background-color: #F4DA7B;
  --ag-widget-container-horizontal-padding: 0.75rem;
  --ag-widget-container-vertical-padding: 9px;
  --ag-widget-horizontal-spacing: 9px;
  --ag-widget-vertical-spacing: 6px;
  --ag-wrapper-border: #F4DA7B;
  --ag-wrapper-border-radius: 0;
  --ag-custom-row-backgound-grouplevel-1-color: #e7e8ec;
  --ag-custom-row-backgound-grouplevel-2-color: #eff0f3;
  --ag-custom-row-backgound-grouplevel-3-color: #f9f9fb;
  --fab-radius-md: 8px;
  --fab-radius-focus-ring-md: 10px;
  --fab-focus-ring-offset: 2px;
  --fab-focus-ring-position: -2px;
  --fab-focus-ring-border-width: 4px;
  --shadows-dark-none-blur: 0;
  --shadows-dark-none-spread: 0;
  --shadows-dark-none-color: #000000;
  --shadows-dark-none-type: dropShadow;
  --shadows-dark-none-offset-x: 0;
  --shadows-dark-none-offset-y: 0;
  --shadows-dark-md-blur: 0;
  --shadows-dark-md-spread: 0;
  --shadows-dark-md-color: #000000;
  --shadows-dark-md-type: dropShadow;
  --shadows-dark-md-offset-x: 0;
  --shadows-dark-md-offset-y: 0;
  --shadows-dark-xl-blur: 0;
  --shadows-dark-xl-spread: 0;
  --shadows-dark-xl-color: #000000;
  --shadows-dark-xl-type: dropShadow;
  --shadows-dark-xl-offset-x: 0;
  --shadows-dark-xl-offset-y: 0;
  --shadows-dark-3xl-blur: 20px;
  --shadows-dark-3xl-spread: 5px;
  --shadows-dark-3xl-color: rgba(0,0,0,0.65);
  --shadows-dark-3xl-type: dropShadow;
  --shadows-dark-3xl-offset-x: 0;
  --shadows-dark-3xl-offset-y: -0;
  --shadows-light-none-blur: 0;
  --shadows-light-none-spread: 0;
  --shadows-light-none-color: #000000;
  --shadows-light-none-type: dropShadow;
  --shadows-light-none-offset-x: 0;
  --shadows-light-none-offset-y: 0;
  --shadows-light-md-1-blur: 6px;
  --shadows-light-md-1-spread: -1px;
  --shadows-light-md-1-color: rgba(0,0,0,0.1);
  --shadows-light-md-1-type: dropShadow;
  --shadows-light-md-1-offset-x: 0;
  --shadows-light-md-1-offset-y: 4px;
  --shadows-light-md-2-blur: 4px;
  --shadows-light-md-2-spread: -2px;
  --shadows-light-md-2-color: rgba(0,0,0,0.04);
  --shadows-light-md-2-type: dropShadow;
  --shadows-light-md-2-offset-x: 0;
  --shadows-light-md-2-offset-y: 2px;
  --shadows-light-xl-1-blur: 25px;
  --shadows-light-xl-1-spread: -5px;
  --shadows-light-xl-1-color: rgba(0,0,0,0.1);
  --shadows-light-xl-1-type: dropShadow;
  --shadows-light-xl-1-offset-x: 0;
  --shadows-light-xl-1-offset-y: 20px;
  --shadows-light-xl-2-blur: 10px;
  --shadows-light-xl-2-spread: 0;
  --shadows-light-xl-2-color: rgba(0,0,0,0.04);
  --shadows-light-xl-2-type: dropShadow;
  --shadows-light-xl-2-offset-x: 0;
  --shadows-light-xl-2-offset-y: 10px;
  --shadows-light-3xl-blur: 20px;
  --shadows-light-3xl-spread: 0;
  --shadows-light-3xl-color: rgba(0,0,0,0.65);
  --shadows-light-3xl-type: dropShadow;
  --shadows-light-3xl-offset-x: 0;
  --shadows-light-3xl-offset-y: -0;
  --mode-shadows-none-blur: 0;
  --mode-shadows-none-spread: 0;
  --mode-shadows-none-color: #000000;
  --mode-shadows-none-type: dropShadow;
  --mode-shadows-none-offset-x: 0;
  --mode-shadows-none-offset-y: 0;
  --mode-shadows-md-1-blur: 6px;
  --mode-shadows-md-1-spread: -1px;
  --mode-shadows-md-1-color: rgba(0,0,0,0.1);
  --mode-shadows-md-1-type: dropShadow;
  --mode-shadows-md-1-offset-x: 0;
  --mode-shadows-md-1-offset-y: 4px;
  --mode-shadows-md-2-blur: 4px;
  --mode-shadows-md-2-spread: -2px;
  --mode-shadows-md-2-color: rgba(0,0,0,0.04);
  --mode-shadows-md-2-type: dropShadow;
  --mode-shadows-md-2-offset-x: 0;
  --mode-shadows-md-2-offset-y: 2px;
  --mode-shadows-xl-1-blur: 25px;
  --mode-shadows-xl-1-spread: -5px;
  --mode-shadows-xl-1-color: rgba(0,0,0,0.1);
  --mode-shadows-xl-1-type: dropShadow;
  --mode-shadows-xl-1-offset-x: 0;
  --mode-shadows-xl-1-offset-y: 20px;
  --mode-shadows-xl-2-blur: 10px;
  --mode-shadows-xl-2-spread: 0;
  --mode-shadows-xl-2-color: rgba(0,0,0,0.04);
  --mode-shadows-xl-2-type: dropShadow;
  --mode-shadows-xl-2-offset-x: 0;
  --mode-shadows-xl-2-offset-y: 10px;
  --mode-shadows-3xl-blur: 20px;
  --mode-shadows-3xl-spread: 0;
  --mode-shadows-3xl-color: rgba(0,0,0,0.65);
  --mode-shadows-3xl-type: dropShadow;
  --mode-shadows-3xl-offset-x: 0;
  --mode-shadows-3xl-offset-y: -0;
  --brand-border-width-border-none-blur: 0;
  --brand-border-width-border-none-spread: 0;
  --brand-border-width-border-none-color: #000000;
  --brand-border-width-border-none-type: dropShadow;
  --brand-border-width-border-none-offset-x: 0;
  --brand-border-width-border-none-offset-y: 0;
  --brand-font-style-display-breakpoints-xs-to-m-xs-font-family: Rubik;
  --brand-font-style-display-breakpoints-xs-to-m-xs-font-weight: 500;
  --brand-font-style-display-breakpoints-xs-to-m-xs-font-size: 1.125rem;
  --brand-font-style-display-breakpoints-xs-to-m-xs-line-height: 22px;
  --brand-font-style-display-breakpoints-xs-to-m-xs-paragraph-spacing: 16px;
  --brand-font-style-display-breakpoints-xs-to-m-sm-font-family: Rubik;
  --brand-font-style-display-breakpoints-xs-to-m-sm-font-weight: 500;
  --brand-font-style-display-breakpoints-xs-to-m-sm-font-size: 1.25rem;
  --brand-font-style-display-breakpoints-xs-to-m-sm-line-height: 24px;
  --brand-font-style-display-breakpoints-xs-to-m-sm-paragraph-spacing: 24px;
  --brand-font-style-display-breakpoints-xs-to-m-md-font-family: Rubik;
  --brand-font-style-display-breakpoints-xs-to-m-md-font-weight: 500;
  --brand-font-style-display-breakpoints-xs-to-m-md-font-size: 1.75rem;
  --brand-font-style-display-breakpoints-xs-to-m-md-line-height: 38px;
  --brand-font-style-display-breakpoints-xs-to-m-md-paragraph-spacing: 2rem;
  --brand-font-style-display-breakpoint-l-xs-font-family: Rubik;
  --brand-font-style-display-breakpoint-l-xs-font-weight: 500;
  --brand-font-style-display-breakpoint-l-xs-font-size: 1.125rem;
  --brand-font-style-display-breakpoint-l-xs-line-height: 24px;
  --brand-font-style-display-breakpoint-l-xs-paragraph-spacing: 24px;
  --brand-font-style-display-breakpoint-l-sm-font-family: Rubik;
  --brand-font-style-display-breakpoint-l-sm-font-weight: 500;
  --brand-font-style-display-breakpoint-l-sm-font-size: 1.5rem;
  --brand-font-style-display-breakpoint-l-sm-line-height: 30px;
  --brand-font-style-display-breakpoint-l-sm-paragraph-spacing: 32px;
  --brand-font-style-display-breakpoint-l-md-font-family: Rubik;
  --brand-font-style-display-breakpoint-l-md-font-weight: 500;
  --brand-font-style-display-breakpoint-l-md-font-size: 3rem;
  --brand-font-style-display-breakpoint-l-md-line-height: 56px;
  --brand-font-style-display-breakpoint-l-md-paragraph-spacing: 40px;
  --brand-font-style-text-xs-default-font-family: Inter;
  --brand-font-style-text-xs-default-font-weight: 400;
  --brand-font-style-text-xs-default-font-size: 0.75rem;
  --brand-font-style-text-xs-default-line-height: 18px;
  --brand-font-style-text-xs-default-paragraph-spacing: 8px;
  --brand-font-style-text-xs-accent-font-family: Inter;
  --brand-font-style-text-xs-accent-font-weight: 400;
  --brand-font-style-text-xs-accent-font-size: 0.75rem;
  --brand-font-style-text-xs-accent-line-height: 18px;
  --brand-font-style-text-xs-accent-paragraph-spacing: 8px;
  --brand-font-style-text-xs-accent-font-style: italic;
  --brand-font-style-text-xs-stronger-font-family: Inter;
  --brand-font-style-text-xs-stronger-font-weight: 500;
  --brand-font-style-text-xs-stronger-font-size: 0.75rem;
  --brand-font-style-text-xs-stronger-line-height: 18px;
  --brand-font-style-text-xs-stronger-paragraph-spacing: 8px;
  --brand-font-style-text-xs-uppercase-stronger-font-family: Inter;
  --brand-font-style-text-xs-uppercase-stronger-font-weight: 500;
  --brand-font-style-text-xs-uppercase-stronger-font-size: 0.75rem;
  --brand-font-style-text-xs-uppercase-stronger-line-height: 18px;
  --brand-font-style-text-xs-uppercase-stronger-paragraph-spacing: 8px;
  --brand-font-style-text-xs-uppercase-stronger-text-case: Uppercase;
  --brand-font-style-text-xxs-default-font-family: Inter;
  --brand-font-style-text-xxs-default-font-weight: 400;
  --brand-font-style-text-xxs-default-font-size: 0.625rem;
  --brand-font-style-text-xxs-default-line-height: 14px;
  --brand-font-style-text-xxs-default-paragraph-spacing: 8px;
  --brand-font-style-text-sm-default-font-family: Inter;
  --brand-font-style-text-sm-default-font-weight: 400;
  --brand-font-style-text-sm-default-font-size: 0.875rem;
  --brand-font-style-text-sm-default-line-height: 22px;
  --brand-font-style-text-sm-default-paragraph-spacing: 8px;
  --brand-font-style-text-sm-accent-font-family: Inter;
  --brand-font-style-text-sm-accent-font-weight: 400;
  --brand-font-style-text-sm-accent-font-size: 0.875rem;
  --brand-font-style-text-sm-accent-line-height: 22px;
  --brand-font-style-text-sm-accent-paragraph-spacing: 8px;
  --brand-font-style-text-sm-accent-font-style: italic;
  --brand-font-style-text-sm-stronger-font-family: Inter;
  --brand-font-style-text-sm-stronger-font-weight: 500;
  --brand-font-style-text-sm-stronger-font-size: 0.875rem;
  --brand-font-style-text-sm-stronger-line-height: 22px;
  --brand-font-style-text-sm-stronger-paragraph-spacing: 8px;
  --brand-font-style-text-md-default-font-family: Inter;
  --brand-font-style-text-md-default-font-weight: 400;
  --brand-font-style-text-md-default-font-size: 1rem;
  --brand-font-style-text-md-default-line-height: 24px;
  --brand-font-style-text-md-default-paragraph-spacing: 12px;
  --brand-font-style-text-md-accent-font-family: Inter;
  --brand-font-style-text-md-accent-font-weight: 400;
  --brand-font-style-text-md-accent-font-size: 1rem;
  --brand-font-style-text-md-accent-line-height: 24px;
  --brand-font-style-text-md-accent-paragraph-spacing: 12px;
  --brand-font-style-text-md-accent-font-style: italic;
  --brand-font-style-text-md-stronger-font-family: Inter;
  --brand-font-style-text-md-stronger-font-weight: 500;
  --brand-font-style-text-md-stronger-font-size: 1rem;
  --brand-font-style-text-md-stronger-line-height: 24px;
  --brand-font-style-text-md-stronger-paragraph-spacing: 12px;
  --brand-font-style-text-lg-stronger-font-family: Inter;
  --brand-font-style-text-lg-stronger-font-weight: 700;
  --brand-font-style-text-lg-stronger-font-size: 1.125rem;
  --brand-font-style-text-lg-stronger-line-height: 24px;
  --brand-font-style-text-lg-stronger-paragraph-spacing: 16px;
  --brand-font-style-text-xl-stronger-font-family: Inter;
  --brand-font-style-text-xl-stronger-font-weight: 700;
  --brand-font-style-text-xl-stronger-font-size: 1.5rem;
  --brand-font-style-text-xl-stronger-line-height: 30px;
  --brand-font-style-text-xl-stronger-paragraph-spacing: 16px;
  --theme-shadows-none-blur: 0;
  --theme-shadows-none-spread: 0;
  --theme-shadows-none-color: #000000;
  --theme-shadows-none-type: dropShadow;
  --theme-shadows-none-offset-x: 0;
  --theme-shadows-none-offset-y: 0;
  --theme-shadows-md-1-blur: 6px;
  --theme-shadows-md-1-spread: -1px;
  --theme-shadows-md-1-color: rgba(0,0,0,0.1);
  --theme-shadows-md-1-type: dropShadow;
  --theme-shadows-md-1-offset-x: 0;
  --theme-shadows-md-1-offset-y: 4px;
  --theme-shadows-md-2-blur: 4px;
  --theme-shadows-md-2-spread: -2px;
  --theme-shadows-md-2-color: rgba(0,0,0,0.04);
  --theme-shadows-md-2-type: dropShadow;
  --theme-shadows-md-2-offset-x: 0;
  --theme-shadows-md-2-offset-y: 2px;
  --theme-shadows-xl-1-blur: 25px;
  --theme-shadows-xl-1-spread: -5px;
  --theme-shadows-xl-1-color: rgba(0,0,0,0.1);
  --theme-shadows-xl-1-type: dropShadow;
  --theme-shadows-xl-1-offset-x: 0;
  --theme-shadows-xl-1-offset-y: 20px;
  --theme-shadows-xl-2-blur: 10px;
  --theme-shadows-xl-2-spread: 0;
  --theme-shadows-xl-2-color: rgba(0,0,0,0.04);
  --theme-shadows-xl-2-type: dropShadow;
  --theme-shadows-xl-2-offset-x: 0;
  --theme-shadows-xl-2-offset-y: 10px;
  --theme-shadows-3xl-blur: 20px;
  --theme-shadows-3xl-spread: 0;
  --theme-shadows-3xl-color: rgba(0,0,0,0.65);
  --theme-shadows-3xl-type: dropShadow;
  --theme-shadows-3xl-offset-x: 0;
  --theme-shadows-3xl-offset-y: -0;
  --font-style-display-xs-font-family: Rubik;
  --font-style-display-xs-font-weight: 500;
  --font-style-display-xs-font-size: 1.125rem;
  --font-style-display-xs-line-height: 22px;
  --font-style-display-xs-paragraph-spacing: 16px;
  --font-style-display-sm-font-family: Rubik;
  --font-style-display-sm-font-weight: 500;
  --font-style-display-sm-font-size: 1.25rem;
  --font-style-display-sm-line-height: 24px;
  --font-style-display-sm-paragraph-spacing: 24px;
  --font-style-display-md-font-family: Rubik;
  --font-style-display-md-font-weight: 500;
  --font-style-display-md-font-size: 1.75rem;
  --font-style-display-md-line-height: 38px;
  --font-style-display-md-paragraph-spacing: 2rem;
  --font-style-text-xs-default-font-family: Inter;
  --font-style-text-xs-default-font-weight: 400;
  --font-style-text-xs-default-font-size: 0.75rem;
  --font-style-text-xs-default-line-height: 18px;
  --font-style-text-xs-default-paragraph-spacing: 8px;
  --font-style-text-xs-accent-font-family: Inter;
  --font-style-text-xs-accent-font-weight: 400;
  --font-style-text-xs-accent-font-size: 0.75rem;
  --font-style-text-xs-accent-line-height: 18px;
  --font-style-text-xs-accent-paragraph-spacing: 8px;
  --font-style-text-xs-accent-font-style: italic;
  --font-style-text-xs-stronger-font-family: Inter;
  --font-style-text-xs-stronger-font-weight: 500;
  --font-style-text-xs-stronger-font-size: 0.75rem;
  --font-style-text-xs-stronger-line-height: 18px;
  --font-style-text-xs-stronger-paragraph-spacing: 8px;
  --font-style-text-xs-uppercase-stronger-font-family: Inter;
  --font-style-text-xs-uppercase-stronger-font-weight: 500;
  --font-style-text-xs-uppercase-stronger-font-size: 0.75rem;
  --font-style-text-xs-uppercase-stronger-line-height: 18px;
  --font-style-text-xs-uppercase-stronger-paragraph-spacing: 8px;
  --font-style-text-xs-uppercase-stronger-text-case: Uppercase;
  --font-style-text-xxs-default-font-family: Inter;
  --font-style-text-xxs-default-font-weight: 400;
  --font-style-text-xxs-default-font-size: 0.625rem;
  --font-style-text-xxs-default-line-height: 14px;
  --font-style-text-xxs-default-paragraph-spacing: 8px;
  --font-style-text-sm-default-font-family: Inter;
  --font-style-text-sm-default-font-weight: 400;
  --font-style-text-sm-default-font-size: 0.875rem;
  --font-style-text-sm-default-line-height: 22px;
  --font-style-text-sm-default-paragraph-spacing: 8px;
  --font-style-text-sm-accent-font-family: Inter;
  --font-style-text-sm-accent-font-weight: 400;
  --font-style-text-sm-accent-font-size: 0.875rem;
  --font-style-text-sm-accent-line-height: 22px;
  --font-style-text-sm-accent-paragraph-spacing: 8px;
  --font-style-text-sm-accent-font-style: italic;
  --font-style-text-sm-stronger-font-family: Inter;
  --font-style-text-sm-stronger-font-weight: 500;
  --font-style-text-sm-stronger-font-size: 0.75rem;
  --font-style-text-sm-stronger-line-height: 18px;
  --font-style-text-sm-stronger-paragraph-spacing: 8px;
  --font-style-text-md-default-font-family: Inter;
  --font-style-text-md-default-font-weight: 400;
  --font-style-text-md-default-font-size: 1rem;
  --font-style-text-md-default-line-height: 24px;
  --font-style-text-md-default-paragraph-spacing: 12px;
  --font-style-text-md-accent-font-family: Inter;
  --font-style-text-md-accent-font-weight: 400;
  --font-style-text-md-accent-font-size: 1rem;
  --font-style-text-md-accent-line-height: 24px;
  --font-style-text-md-accent-paragraph-spacing: 12px;
  --font-style-text-md-accent-font-style: italic;
  --font-style-text-md-stronger-font-family: Inter;
  --font-style-text-md-stronger-font-weight: 500;
  --font-style-text-md-stronger-font-size: 1rem;
  --font-style-text-md-stronger-line-height: 24px;
  --font-style-text-md-stronger-paragraph-spacing: 12px;
  --font-style-text-lg-stronger-font-family: Inter;
  --font-style-text-lg-stronger-font-weight: 700;
  --font-style-text-lg-stronger-font-size: 1.125rem;
  --font-style-text-lg-stronger-line-height: 24px;
  --font-style-text-lg-stronger-paragraph-spacing: 16px;
  --font-style-text-xl-stronger-font-family: Inter;
  --font-style-text-xl-stronger-font-weight: 700;
  --font-style-text-xl-stronger-font-size: 1.5rem;
  --font-style-text-xl-stronger-line-height: 30px;
  --font-style-text-xl-stronger-paragraph-spacing: 16px;
  --button-size-md-min-height: 2.5rem;
  --button-size-md-border-radius: 8px;
  --button-size-md-horizontal-padding: 0.75rem;
  --button-size-md-item-spacing: 0.5rem;
  --button-size-md-vertical-padding: 0.5rem;
  --button-size-sm-min-height: 2rem;
  --button-size-sm-border-radius: 8px;
  --button-size-sm-horizontal-padding: 0.5rem;
  --button-size-sm-item-spacing: 0.5rem;
  --button-size-sm-vertical-padding: 0.25rem;
  --button-type-md-font-family: Inter;
  --button-type-md-font-weight: 500;
  --button-type-md-font-size: 1rem;
  --button-type-md-line-height: 24px;
  --button-type-sm-font-family: Inter;
  --button-type-sm-font-size: 0.875rem;
  --button-type-sm-line-height: 24px;
  --button-type-sm-font-weight: 500;
  --icon-button-size-md-height: 2.5rem;
  --icon-button-size-md-width: 2.5rem;
  --icon-button-size-md-border-radius: 8px;
  --icon-button-size-md-horizontal-padding: 0.75rem;
  --icon-button-size-md-item-spacing: 0.5rem;
  --icon-button-size-md-vertical-padding: 0.5rem;
  --icon-button-size-sm-height: 2rem;
  --icon-button-size-sm-width: 2rem;
  --icon-button-size-sm-border-radius: 8px;
  --icon-button-size-sm-horizontal-padding: 0.5rem;
  --icon-button-size-sm-item-spacing: 0.5rem;
  --icon-button-size-sm-vertical-padding: 0.25rem;
  --accordion-typography-md-title-font-family: Inter;
  --accordion-typography-md-title-font-weight: 500;
  --accordion-typography-md-title-font-size: 1rem;
  --accordion-typography-md-title-line-height: 24px;
  --accordion-typography-md-title-paragraph-spacing: 12px;
  --accordion-typography-md-subline-font-family: Inter;
  --accordion-typography-md-subline-font-weight: 400;
  --accordion-typography-md-subline-font-size: 1rem;
  --accordion-typography-md-subline-line-height: 24px;
  --accordion-typography-md-subline-paragraph-spacing: 12px;
  --accordion-typography-md-hint-font-family: Inter;
  --accordion-typography-md-hint-font-weight: 400;
  --accordion-typography-md-hint-font-size: 0.875rem;
  --accordion-typography-md-hint-line-height: 22px;
  --accordion-typography-md-hint-paragraph-spacing: 8px;
  --accordion-typography-sm-title-font-family: Inter;
  --accordion-typography-sm-title-font-weight: 400;
  --accordion-typography-sm-title-font-size: 0.875rem;
  --accordion-typography-sm-title-line-height: 22px;
  --accordion-typography-sm-title-paragraph-spacing: 8px;
  --accordion-typography-sm-subline-font-family: Inter;
  --accordion-typography-sm-subline-font-weight: 400;
  --accordion-typography-sm-subline-font-size: 0.875rem;
  --accordion-typography-sm-subline-line-height: 22px;
  --accordion-typography-sm-subline-paragraph-spacing: 8px;
  --accordion-typography-sm-hint-font-family: Inter;
  --accordion-typography-sm-hint-font-weight: 400;
  --accordion-typography-sm-hint-font-size: 0.875rem;
  --accordion-typography-sm-hint-line-height: 22px;
  --accordion-typography-sm-hint-paragraph-spacing: 8px;
  --draggable-list-shadow-1-blur: 6px;
  --draggable-list-shadow-1-spread: -1px;
  --draggable-list-shadow-1-color: rgba(0,0,0,0.1);
  --draggable-list-shadow-1-type: dropShadow;
  --draggable-list-shadow-1-offset-x: 0;
  --draggable-list-shadow-1-offset-y: 4px;
  --draggable-list-shadow-2-blur: 4px;
  --draggable-list-shadow-2-spread: -2px;
  --draggable-list-shadow-2-color: rgba(0,0,0,0.04);
  --draggable-list-shadow-2-type: dropShadow;
  --draggable-list-shadow-2-offset-x: 0;
  --draggable-list-shadow-2-offset-y: 2px;
  --draggable-list-single-space-single-horizontal-padding: 8px;
  --draggable-list-single-space-single-vertical-padding: 4px;
  --draggable-list-single-space-single-item-spacing: 4px;
  --draggable-list-group-space-header-padding-left: 8px;
  --draggable-list-group-space-header-padding-right: 24px;
  --draggable-list-group-space-header-vertical-padding: 4px;
  --draggable-list-group-space-header-item-spacing: 4px;
  --draggable-list-group-space-content-horizontal-padding: 16px;
  --draggable-list-group-space-content-padding-top: 16px;
  --draggable-list-group-space-content-padding-bottom: 24px;
  --dropdown-space-list-item-sm-horizontal-padding: 8px;
  --dropdown-space-list-item-sm-vertical-padding: 8px;
  --dropdown-space-list-item-sm-spacing: 8px;
  --dropdown-space-list-item-sm-min-height: 48px;
  --dropdown-space-list-item-md-horizontal-padding: 12px;
  --dropdown-space-list-item-md-vertical-padding: 8px;
  --dropdown-space-list-item-md-spacing: 8px;
  --dropdown-space-list-item-md-min-height: 48px;
  --dropdown-shadow-1-blur: 6px;
  --dropdown-shadow-1-spread: -1px;
  --dropdown-shadow-1-color: rgba(0,0,0,0.1);
  --dropdown-shadow-1-type: dropShadow;
  --dropdown-shadow-1-offset-x: 0;
  --dropdown-shadow-1-offset-y: 4px;
  --dropdown-shadow-2-blur: 4px;
  --dropdown-shadow-2-spread: -2px;
  --dropdown-shadow-2-color: rgba(0,0,0,0.04);
  --dropdown-shadow-2-type: dropShadow;
  --dropdown-shadow-2-offset-x: 0;
  --dropdown-shadow-2-offset-y: 2px;
  --form-typography-label-sm-font-family: Inter;
  --form-typography-label-sm-font-weight: 400;
  --form-typography-label-sm-font-size: 0.875rem;
  --form-typography-label-sm-line-height: 22px;
  --form-typography-label-sm-paragraph-spacing: 8px;
  --form-typography-label-md-font-family: Inter;
  --form-typography-label-md-font-weight: 400;
  --form-typography-label-md-font-size: 1rem;
  --form-typography-label-md-line-height: 24px;
  --form-typography-label-md-paragraph-spacing: 12px;
  --form-typography-hint-font-family: Inter;
  --form-typography-hint-font-weight: 400;
  --form-typography-hint-font-size: 0.875rem;
  --form-typography-hint-line-height: 22px;
  --form-typography-hint-paragraph-spacing: 8px;
  --form-typography-error-message-font-family: Inter;
  --form-typography-error-message-font-weight: 400;
  --form-typography-error-message-font-size: 0.875rem;
  --form-typography-error-message-line-height: 22px;
  --form-typography-error-message-paragraph-spacing: 8px;
  --form-typography-input-text-font-family: Inter;
  --form-typography-input-text-font-weight: 400;
  --form-typography-input-text-font-size: 0.875rem;
  --form-typography-input-text-line-height: 22px;
  --form-typography-input-text-paragraph-spacing: 8px;
  --form-typography-placeholder-font-family: Inter;
  --form-typography-placeholder-font-weight: 400;
  --form-typography-placeholder-font-size: 0.875rem;
  --form-typography-placeholder-line-height: 22px;
  --form-typography-placeholder-paragraph-spacing: 8px;
  --pill-button-type-sm-default-font-family: Inter;
  --pill-button-type-sm-default-font-weight: 400;
  --pill-button-type-sm-default-font-size: 0.75rem;
  --pill-button-type-sm-default-line-height: 18px;
  --pill-button-type-sm-default-paragraph-spacing: 8px;
  --pill-button-type-md-default-font-family: Inter;
  --pill-button-type-md-default-font-weight: 400;
  --pill-button-type-md-default-font-size: 0.875rem;
  --pill-button-type-md-default-line-height: 22px;
  --pill-button-type-md-default-paragraph-spacing: 8px;
  --table-size-header-cell-md-min-height: 0.625rem;
  --table-size-header-cell-md-vertical-padding: 0.75rem;
  --table-size-header-cell-md-horizontal-padding: 0.5rem;
  --table-size-header-cell-md-item-spacing: 0.5rem;
  --table-size-cell-group-title-md-min-height: 0.75rem;
  --table-size-cell-group-title-md-vertical-padding: 0.25rem;
  --table-size-cell-group-title-md-horizontal-padding: 0;
  --table-size-cell-group-title-md-item-spacing: 0.75rem;
  --table-size-cell-md-min-height: 0.75rem;
  --table-size-cell-md-vertical-padding: 0.25rem;
  --table-size-cell-md-horizontal-padding: 0.75rem;
  --table-size-cell-md-item-spacing: 0.75rem;
  --tab-type-default-font-family: Inter;
  --tab-type-default-font-weight: 400;
  --tab-type-default-font-size: 0.75rem;
  --tab-type-default-line-height: 18px;
  --tab-type-default-paragraph-spacing: 8px;
  --ag-card-shadow-1-blur: 6px;
  --ag-card-shadow-1-spread: -1px;
  --ag-card-shadow-1-color: rgba(0,0,0,0.1);
  --ag-card-shadow-1-type: dropShadow;
  --ag-card-shadow-1-offset-x: 0;
  --ag-card-shadow-1-offset-y: 4px;
  --ag-card-shadow-2-blur: 4px;
  --ag-card-shadow-2-spread: -2px;
  --ag-card-shadow-2-color: rgba(0,0,0,0.04);
  --ag-card-shadow-2-type: dropShadow;
  --ag-card-shadow-2-offset-x: 0;
  --ag-card-shadow-2-offset-y: 2px;
  --ag-dialog-shadow-1-blur: 25px;
  --ag-dialog-shadow-1-spread: -5px;
  --ag-dialog-shadow-1-color: rgba(0,0,0,0.1);
  --ag-dialog-shadow-1-type: dropShadow;
  --ag-dialog-shadow-1-offset-x: 0;
  --ag-dialog-shadow-1-offset-y: 20px;
  --ag-dialog-shadow-2-blur: 10px;
  --ag-dialog-shadow-2-spread: 0;
  --ag-dialog-shadow-2-color: rgba(0,0,0,0.04);
  --ag-dialog-shadow-2-type: dropShadow;
  --ag-dialog-shadow-2-offset-x: 0;
  --ag-dialog-shadow-2-offset-y: 10px;
  --ag-drag-and-drop-image-shadow-1-blur: 6px;
  --ag-drag-and-drop-image-shadow-1-spread: -1px;
  --ag-drag-and-drop-image-shadow-1-color: rgba(0,0,0,0.1);
  --ag-drag-and-drop-image-shadow-1-type: dropShadow;
  --ag-drag-and-drop-image-shadow-1-offset-x: 0;
  --ag-drag-and-drop-image-shadow-1-offset-y: 4px;
  --ag-drag-and-drop-image-shadow-2-blur: 4px;
  --ag-drag-and-drop-image-shadow-2-spread: -2px;
  --ag-drag-and-drop-image-shadow-2-color: rgba(0,0,0,0.04);
  --ag-drag-and-drop-image-shadow-2-type: dropShadow;
  --ag-drag-and-drop-image-shadow-2-offset-x: 0;
  --ag-drag-and-drop-image-shadow-2-offset-y: 2px;
  --ag-dropdown-shadow-1-blur: 6px;
  --ag-dropdown-shadow-1-spread: -1px;
  --ag-dropdown-shadow-1-color: rgba(0,0,0,0.1);
  --ag-dropdown-shadow-1-type: dropShadow;
  --ag-dropdown-shadow-1-offset-x: 0;
  --ag-dropdown-shadow-1-offset-y: 4px;
  --ag-dropdown-shadow-2-blur: 4px;
  --ag-dropdown-shadow-2-spread: -2px;
  --ag-dropdown-shadow-2-color: rgba(0,0,0,0.04);
  --ag-dropdown-shadow-2-type: dropShadow;
  --ag-dropdown-shadow-2-offset-x: 0;
  --ag-dropdown-shadow-2-offset-y: 2px;
  --ag-header-row-border-style: solid;
  --ag-header-row-border-width: 1px;
  --ag-header-row-border-color: #d8d9e0;
  --ag-input-focus-box-shadow-1-blur: 6px;
  --ag-input-focus-box-shadow-1-spread: -1px;
  --ag-input-focus-box-shadow-1-color: rgba(0,0,0,0.1);
  --ag-input-focus-box-shadow-1-type: dropShadow;
  --ag-input-focus-box-shadow-1-offset-x: 0;
  --ag-input-focus-box-shadow-1-offset-y: 4px;
  --ag-input-focus-box-shadow-2-blur: 4px;
  --ag-input-focus-box-shadow-2-spread: -2px;
  --ag-input-focus-box-shadow-2-color: rgba(0,0,0,0.04);
  --ag-input-focus-box-shadow-2-type: dropShadow;
  --ag-input-focus-box-shadow-2-offset-x: 0;
  --ag-input-focus-box-shadow-2-offset-y: 2px;
  --ag-menu-border-width: 1px;
  --ag-menu-border-style: solid;
  --ag-menu-border-color: #d8d9e0;
  --ag-menu-shadow-1-blur: 6px;
  --ag-menu-shadow-1-spread: -1px;
  --ag-menu-shadow-1-color: rgba(0,0,0,0.1);
  --ag-menu-shadow-1-type: dropShadow;
  --ag-menu-shadow-1-offset-x: 0;
  --ag-menu-shadow-1-offset-y: 4px;
  --ag-menu-shadow-2-blur: 4px;
  --ag-menu-shadow-2-spread: -2px;
  --ag-menu-shadow-2-color: rgba(0,0,0,0.04);
  --ag-menu-shadow-2-type: dropShadow;
  --ag-menu-shadow-2-offset-x: 0;
  --ag-menu-shadow-2-offset-y: 2px;
  --ag-popup-shadow-1-blur: 6px;
  --ag-popup-shadow-1-spread: -1px;
  --ag-popup-shadow-1-color: rgba(0,0,0,0.1);
  --ag-popup-shadow-1-type: dropShadow;
  --ag-popup-shadow-1-offset-x: 0;
  --ag-popup-shadow-1-offset-y: 4px;
  --ag-popup-shadow-2-blur: 4px;
  --ag-popup-shadow-2-spread: -2px;
  --ag-popup-shadow-2-color: rgba(0,0,0,0.04);
  --ag-popup-shadow-2-type: dropShadow;
  --ag-popup-shadow-2-offset-x: 0;
  --ag-popup-shadow-2-offset-y: 2px;
  --ag-side-panel-border-width: 1px;
  --ag-side-panel-border-color: #d8d9e0;
  --ag-side-panel-border-style: solid;
  --ag-custom-pinned-cols-shadow-1-blur: 6px;
  --ag-custom-pinned-cols-shadow-1-spread: -1px;
  --ag-custom-pinned-cols-shadow-1-color: rgba(0,0,0,0.1);
  --ag-custom-pinned-cols-shadow-1-type: dropShadow;
  --ag-custom-pinned-cols-shadow-1-offset-x: 0;
  --ag-custom-pinned-cols-shadow-1-offset-y: 4px;
  --ag-custom-pinned-cols-shadow-2-blur: 4px;
  --ag-custom-pinned-cols-shadow-2-spread: -2px;
  --ag-custom-pinned-cols-shadow-2-color: rgba(0,0,0,0.04);
  --ag-custom-pinned-cols-shadow-2-type: dropShadow;
  --ag-custom-pinned-cols-shadow-2-offset-x: 0;
  --ag-custom-pinned-cols-shadow-2-offset-y: 2px;
  --fab-size-md-min-height: 2.5rem;
  --fab-size-md-border-radius: 8px;
  --fab-size-md-horizontal-padding: 0.75rem;
  --fab-size-md-item-spacing: 0.5rem;
  --fab-size-md-vertical-padding: 0.5rem;
  --fab-shadow-1-blur: 6px;
  --fab-shadow-1-spread: -1px;
  --fab-shadow-1-color: rgba(0,0,0,0.1);
  --fab-shadow-1-type: dropShadow;
  --fab-shadow-1-offset-x: 0;
  --fab-shadow-1-offset-y: 4px;
  --fab-shadow-2-blur: 4px;
  --fab-shadow-2-spread: -2px;
  --fab-shadow-2-color: rgba(0,0,0,0.04);
  --fab-shadow-2-type: dropShadow;
  --fab-shadow-2-offset-x: 0;
  --fab-shadow-2-offset-y: 2px;
}


/**
 * Do not edit directly, this file was auto-generated.
 */


:root.supplyx.dark,
:root.supplyx .dark,
:root.supplyx.dark .light .revert-colors
 {
 /**
  * @tokens Colors
  * @presenter Color
  */

  --colors-gray-light-25: #fcfcfd;
  --colors-gray-light-50: #f9f9fb;
  --colors-gray-light-100: #eff0f3;
  --colors-gray-light-200: #e7e8ec;
  --colors-gray-light-300: #e0e1e6;
  --colors-gray-light-400: #d8d9e0;
  --colors-gray-light-500: #cdced7;
  --colors-gray-light-600: #b9bbc6;
  --colors-gray-light-700: #8b8d98;
  --colors-gray-light-800: #80828d;
  --colors-gray-light-900: #62636c;
  --colors-gray-light-950: #1e1f24;
  --colors-gray-light-alpha-25: #00005503;
  --colors-gray-light-alpha-50: #00005506;
  --colors-gray-light-alpha-100: #00104010;
  --colors-gray-light-alpha-200: #000b3618;
  --colors-gray-light-alpha-300: #0009321f;
  --colors-gray-light-alpha-400: #00073527;
  --colors-gray-light-alpha-500: #00063332;
  --colors-gray-light-alpha-600: #00083046;
  --colors-gray-light-alpha-700: #00051d74;
  --colors-gray-light-alpha-800: #00051b7f;
  --colors-gray-light-alpha-900: #0002119d;
  --colors-gray-light-alpha-950: #000107e1;
  --colors-gray-dark-25: #101216;
  --colors-gray-dark-50: #17191D;
  --colors-gray-dark-100: #202329;
  --colors-gray-dark-200: #262a31;
  --colors-gray-dark-300: #2c313a;
  --colors-gray-dark-400: #343a45;
  --colors-gray-dark-500: #404755;
  --colors-gray-dark-600: #576174;
  --colors-gray-dark-700: #646e81;
  --colors-gray-dark-800: #727b8e;
  --colors-gray-dark-900: #acb4c2;
  --colors-gray-dark-950: #eceef2;
  --colors-gray-dark-alpha-25: #0013df05;
  --colors-gray-dark-alpha-50: #7da7fc0c;
  --colors-gray-dark-alpha-100: #a1c0fd19;
  --colors-gray-dark-alpha-200: #a8c6fb22;
  --colors-gray-dark-alpha-300: #a9c6fa2c;
  --colors-gray-dark-alpha-400: #b0ccff37;
  --colors-gray-dark-alpha-500: #b3ccfd49;
  --colors-gray-dark-alpha-600: #b8d0fd6a;
  --colors-gray-dark-alpha-700: #c0d5fd78;
  --colors-gray-dark-alpha-800: #c8d9fe86;
  --colors-gray-dark-alpha-900: #e0ebfebe;
  --colors-gray-dark-alpha-950: #f8fafef2;
  --colors-red-light-50: #fff7f7;
  --colors-red-light-100: #feebec;
  --colors-red-light-200: #ffdbdc;
  --colors-red-light-300: #ffcdce;
  --colors-red-light-400: #fdbdbe;
  --colors-red-light-500: #f4a9aa;
  --colors-red-light-600: #eb8e90;
  --colors-red-light-700: #C5504D;
  --colors-red-light-800: #B62521;
  --colors-red-light-900: #971F1C;
  --colors-red-light-950: #641723;
  --colors-red-dark-50: #201314;
  --colors-red-dark-100: #3b1219;
  --colors-red-dark-200: #500f1c;
  --colors-red-dark-300: #611623;
  --colors-red-dark-400: #72232d;
  --colors-red-dark-500: #8c333a;
  --colors-red-dark-600: #b54548;
  --colors-red-dark-700: #C5504D;
  --colors-red-dark-800: #D97674;
  --colors-red-dark-900: #E6A4A2;
  --colors-red-dark-950: #ffd1d9;
  --colors-green-light-50: #F3FAF8;
  --colors-green-light-100: #E7F5F0;
  --colors-green-light-200: #CFECE2;
  --colors-green-light-300: #9FD9C5;
  --colors-green-light-400: #6EC5A8;
  --colors-green-light-500: #3EB28B;
  --colors-green-light-600: #0E9F6E;
  --colors-green-light-700: #0C835B;
  --colors-green-light-800: #03543F;
  --colors-green-light-900: #023B2C;
  --colors-green-light-950: #01271E;
  --colors-green-dark-50: #02271D;
  --colors-green-dark-100: #083529;
  --colors-green-dark-200: #084F3C;
  --colors-green-dark-300: #137C58;
  --colors-green-dark-400: #14996C;
  --colors-green-dark-500: #43AD89;
  --colors-green-dark-600: #73C0A6;
  --colors-green-dark-700: #A5D3C3;
  --colors-green-dark-800: #D1EAE1;
  --colors-green-dark-900: #E8F4F0;
  --colors-green-dark-950: #F3FAF8;
  --colors-yellow-light-50: #FEFBF0;
  --colors-yellow-light-100: #FDF2C9;
  --colors-yellow-light-200: #FBE79D;
  --colors-yellow-light-300: #FCDE6E;
  --colors-yellow-light-400: #FBD546;
  --colors-yellow-light-500: #FACA15;
  --colors-yellow-light-600: #D6A100;
  --colors-yellow-light-700: #C27803;
  --colors-yellow-light-800: #9E6206;
  --colors-yellow-light-900: #733D0D;
  --colors-yellow-light-950: #452408;
  --colors-yellow-dark-50: #3D250F;
  --colors-yellow-dark-100: #6C3D13;
  --colors-yellow-dark-200: #96600E;
  --colors-yellow-dark-300: #B37512;
  --colors-yellow-dark-400: #CB9C10;
  --colors-yellow-dark-500: #EEC321;
  --colors-yellow-dark-600: #F2D04D;
  --colors-yellow-dark-700: #F4DA7B;
  --colors-yellow-dark-800: #F8E7A6;
  --colors-yellow-dark-900: #F9F1D5;
  --colors-yellow-dark-950: #FEFCF4;
  --colors-blue-light-50: #EFF6FF;
  --colors-blue-light-100: #DBEAFE;
  --colors-blue-light-200: #BFDBFE;
  --colors-blue-light-300: #93C5FD;
  --colors-blue-light-400: #60A5FA;
  --colors-blue-light-500: #3B82F6;
  --colors-blue-light-600: #2563EB;
  --colors-blue-light-700: #1D4ED8;
  --colors-blue-light-800: #1E40AF;
  --colors-blue-light-900: #1E3A8A;
  --colors-blue-light-950: #172554;
  --colors-blue-light-alpha-50: #EFF6FF08;
  --colors-blue-light-alpha-100: #DBEAFE26;
  --colors-blue-light-alpha-200: #BFDBFE26;
  --colors-blue-light-alpha-300: #93C5FD4D;
  --colors-blue-light-alpha-400: #60A5FA66;
  --colors-blue-light-alpha-500: #3B82F680;
  --colors-blue-light-alpha-600: #2563EB99;
  --colors-blue-light-alpha-700: #1D4ED8B3;
  --colors-blue-light-alpha-800: #1E40AFCC;
  --colors-blue-light-alpha-900: #1E3A8AE6;
  --colors-blue-light-alpha-950: #172554F2;
  --colors-blue-dark-50: #172554;
  --colors-blue-dark-100: #1E3A8A;
  --colors-blue-dark-200: #1E40AF;
  --colors-blue-dark-300: #1D4ED8;
  --colors-blue-dark-400: #2563EB;
  --colors-blue-dark-500: #3B82F6;
  --colors-blue-dark-600: #60A5FA;
  --colors-blue-dark-700: #93C5FD;
  --colors-blue-dark-800: #BFDBFE;
  --colors-blue-dark-900: #DBEAFE;
  --colors-blue-dark-950: #EFF6FF;
  --colors-blue-dark-alpha-50: #17255408;
  --colors-blue-dark-alpha-100: #1E3A8A0D;
  --colors-blue-dark-alpha-200: #1E40AF26;
  --colors-blue-dark-alpha-300: #1D4ED84D;
  --colors-blue-dark-alpha-400: #2563EB66;
  --colors-blue-dark-alpha-500: #3B82F680;
  --colors-blue-dark-alpha-600: #60A5FA99;
  --colors-blue-dark-alpha-700: #93C5FDB3;
  --colors-blue-dark-alpha-800: #BFDBFECC;
  --colors-blue-dark-alpha-900: #DBEAFEE6;
  --colors-blue-dark-alpha-950: #EFF6FFF2;
  --colors-black-white-light-min: #ffffff;
  --colors-black-white-light-max: #000;
  --colors-black-white-dark-min: #000;
  --colors-black-white-dark-max: #ffffff;
  --colors-mystic-violet-light-50: #F6F3F7;
  --colors-mystic-violet-light-100: #EDE7EE;
  --colors-mystic-violet-light-200: #DCD0DE;
  --colors-mystic-violet-light-300: #CAB8CD;
  --colors-mystic-violet-light-400: #A789AB;
  --colors-mystic-violet-light-500: #96719B;
  --colors-mystic-violet-light-600: #845A8A;
  --colors-mystic-violet-light-700: #501358;
  --colors-mystic-violet-light-800: #65296d;
  --colors-mystic-violet-light-900: #8b4d93;
  --colors-mystic-violet-light-950: #54185c;
  --colors-mystic-violet-light-a: #5013581F; /** Primary color alpha value */
  --colors-mystic-violet-dark-50: #2E1631;
  --colors-mystic-violet-dark-100: #461E4B;
  --colors-mystic-violet-dark-200: #522558;
  --colors-mystic-violet-dark-300: #6C4771;
  --colors-mystic-violet-dark-400: #86688A;
  --colors-mystic-violet-dark-500: #97799B;
  --colors-mystic-violet-dark-600: #A890AB;
  --colors-mystic-violet-dark-700: #CBBDCD;
  --colors-mystic-violet-dark-800: #DCD3DE;
  --colors-mystic-violet-dark-900: #EDE9EE;
  --colors-mystic-violet-dark-950: #F6F2F7;
  --colors-mystic-violet-dark-a: #5013581F; /** Primary color alpha value */
  --colors-vibrant-yellow-dark-50: #1a180f;
  --colors-vibrant-yellow-dark-100: #2a2404;
  --colors-vibrant-yellow-dark-200: #362c00;
  --colors-vibrant-yellow-dark-300: #423600;
  --colors-vibrant-yellow-dark-400: #4f4400;
  --colors-vibrant-yellow-dark-500: #62560f;
  --colors-vibrant-yellow-dark-600: #7c6e17;
  --colors-vibrant-yellow-dark-700: #f7d908;
  --colors-vibrant-yellow-dark-800: #edcf00;
  --colors-vibrant-yellow-dark-900: #f9db13;
  --colors-vibrant-yellow-dark-950: #f8edaf;
  --colors-vibrant-yellow-dark-a: #fec30034; /** Primary color alpha value */
  --colors-vibrant-yellow-light-50: #FFFCEB;
  --colors-vibrant-yellow-light-100: #FFF8C7;
  --colors-vibrant-yellow-light-200: #FFF299;
  --colors-vibrant-yellow-light-300: #FFEC6B;
  --colors-vibrant-yellow-light-400: #FFE638;
  --colors-vibrant-yellow-light-500: #FFDF00;
  --colors-vibrant-yellow-light-600: #F0CC00;
  --colors-vibrant-yellow-light-700: #C2A500;
  --colors-vibrant-yellow-light-800: #8F7900;
  --colors-vibrant-yellow-light-900: #473D00;
  --colors-vibrant-yellow-light-950: #2E2700;
  --colors-vibrant-yellow-light-a: #fec30034; /** Primary color alpha value */
  --colors-westwing-gray-light-50: #f9f9fa;
  --colors-westwing-gray-light-100: #f0f0f1;
  --colors-westwing-gray-light-200: #e8e8ea;
  --colors-westwing-gray-light-300: #e1e1e3;
  --colors-westwing-gray-light-400: #d9dadc;
  --colors-westwing-gray-light-500: #ceced2;
  --colors-westwing-gray-light-600: #bbbbbf;
  --colors-westwing-gray-light-700: #1d1d1f;
  --colors-westwing-gray-light-800: #333335;
  --colors-westwing-gray-light-900: #646467;
  --colors-westwing-gray-light-950: #1f1f21;
  --colors-westwing-gray-light-a: #0000111e; /** Primary color alpha value */
  --colors-westwing-gray-dark-50: #19191b;
  --colors-westwing-gray-dark-100: #232325;
  --colors-westwing-gray-dark-200: #2a2a2d;
  --colors-westwing-gray-dark-300: #313134;
  --colors-westwing-gray-dark-400: #3a3a3d;
  --colors-westwing-gray-dark-500: #48484b;
  --colors-westwing-gray-dark-600: #606064;
  --colors-westwing-gray-dark-700: #6e6e72;
  --colors-westwing-gray-dark-800: #616165;
  --colors-westwing-gray-dark-900: #b4b4b8;
  --colors-westwing-gray-dark-950: #eeeef0;
  --colors-westwing-gray-dark-a: #0000111e; /** Primary color alpha value */
  --colors-bonprix-blue-dark-50: #121823;
  --colors-bonprix-blue-dark-100: #172642;
  --colors-bonprix-blue-dark-200: #1b3159;
  --colors-bonprix-blue-dark-300: #243d6a;
  --colors-bonprix-blue-dark-400: #2e497a;
  --colors-bonprix-blue-dark-500: #39578e;
  --colors-bonprix-blue-dark-600: #4467a8;
  --colors-bonprix-blue-dark-700: #89aded;
  --colors-bonprix-blue-dark-800: #7ea2e1;
  --colors-bonprix-blue-dark-900: #91b6f6;
  --colors-bonprix-blue-dark-950: #d4e2fa;
  --colors-bonprix-blue-dark-a: #367dfd4a; /** Primary color alpha value */
  --colors-bonprix-blue-light-50: #f7f9fe;
  --colors-bonprix-blue-light-100: #ecf2fd;
  --colors-bonprix-blue-light-200: #dfeaff;
  --colors-bonprix-blue-light-300: #cfe0fe;
  --colors-bonprix-blue-light-400: #bcd3fc;
  --colors-bonprix-blue-light-500: #a5c1f2;
  --colors-bonprix-blue-light-600: #85a8e8;
  --colors-bonprix-blue-light-700: #89aded;
  --colors-bonprix-blue-light-800: #7ea2e1;
  --colors-bonprix-blue-light-900: #4868a3;
  --colors-bonprix-blue-light-950: #1a3059;
  --colors-bonprix-blue-light-a: #0058ff20; /** Primary color alpha value */
  --colors-transparent: #FFFFFF00;
  --colors-bonprix-gray-light-50: #f8f9f9;
  --colors-bonprix-gray-light-100: #f0f0f0;
  --colors-bonprix-gray-light-200: #e8e8e9;
  --colors-bonprix-gray-light-300: #e1e1e1;
  --colors-bonprix-gray-light-400: #d9d9da;
  --colors-bonprix-gray-light-500: #cececf;
  --colors-bonprix-gray-light-600: #bbbbbc;
  --colors-bonprix-gray-light-700: #000;
  --colors-bonprix-gray-light-800: #2d2e2f;
  --colors-bonprix-gray-light-900: #636464;
  --colors-bonprix-gray-light-950: #1f1f20;
  --colors-bonprix-gray-light-a: #00000c17; /** Primary color alpha value */
  --colors-bonprix-gray-dark-50: #17191e;
  --colors-bonprix-gray-dark-100: #1f2329;
  --colors-bonprix-gray-dark-200: #262a30;
  --colors-bonprix-gray-dark-300: #2d3138;
  --colors-bonprix-gray-dark-400: #363a41;
  --colors-bonprix-gray-dark-500: #43474e;
  --colors-bonprix-gray-dark-600: #5d6068;
  --colors-bonprix-gray-dark-700: #6a6e76;
  --colors-bonprix-gray-dark-800: #5d6068;
  --colors-bonprix-gray-dark-900: #afb4bc;
  --colors-bonprix-gray-dark-950: #eceef2;
  --colors-bonprix-gray-dark-a: #d2e6fb1d; /** Primary color alpha value */
  --colors-westwing-green-light-50: #f4faf9;
  --colors-westwing-green-light-100: #e4f7f2;
  --colors-westwing-green-light-200: #d4f1e9;
  --colors-westwing-green-light-300: #c2e8de;
  --colors-westwing-green-light-400: #aedbcf;
  --colors-westwing-green-light-500: #93cabc;
  --colors-westwing-green-light-600: #6cb5a4;
  --colors-westwing-green-light-700: #48a18e;
  --colors-westwing-green-light-800: #3e9482;
  --colors-westwing-green-light-900: #1b7c6b;
  --colors-westwing-green-light-950: #1d3b34;
  --colors-westwing-green-light-a: #73fbde2d;
  --colors-westwing-green-dark-50: #141a18;
  --colors-westwing-green-dark-100: #192724;
  --colors-westwing-green-dark-200: #1c322c;
  --colors-westwing-green-dark-300: #233b36;
  --colors-westwing-green-dark-400: #2d4741;
  --colors-westwing-green-dark-500: #395750;
  --colors-westwing-green-dark-600: #4a6f66;
  --colors-westwing-green-dark-700: #8ec5b7;
  --colors-westwing-green-dark-800: #8fb7ac;
  --colors-westwing-green-dark-900: #8dc4b6;
  --colors-westwing-green-dark-950: #d9f2eb;
  --colors-westwing-green-dark-a: #73fbde2d; /** Primary color alpha value */
  --mode-colors-gray-25: #101216;
  --mode-colors-gray-50: #17191D;
  --mode-colors-gray-100: #202329;
  --mode-colors-gray-200: #262a31;
  --mode-colors-gray-300: #2c313a;
  --mode-colors-gray-400: #343a45;
  --mode-colors-gray-500: #404755;
  --mode-colors-gray-600: #576174;
  --mode-colors-gray-700: #646e81;
  --mode-colors-gray-800: #727b8e;
  --mode-colors-gray-900: #acb4c2;
  --mode-colors-gray-950: #eceef2;
  --mode-colors-gray-min: #000;
  --mode-colors-gray-max: #ffffff;
  --mode-colors-gray-alpha-25: #0013df05;
  --mode-colors-gray-alpha-50: #7da7fc0c;
  --mode-colors-gray-alpha-100: #a1c0fd19;
  --mode-colors-gray-alpha-200: #a8c6fb22;
  --mode-colors-gray-alpha-300: #a9c6fa2c;
  --mode-colors-gray-alpha-400: #b0ccff37;
  --mode-colors-gray-alpha-500: #b3ccfd49;
  --mode-colors-gray-alpha-600: #b8d0fd6a;
  --mode-colors-gray-alpha-700: #c0d5fd78;
  --mode-colors-gray-alpha-800: #c8d9fe86;
  --mode-colors-gray-alpha-900: #e0ebfebe;
  --mode-colors-gray-alpha-950: #f8fafef2;
  --mode-colors-green-50: #02271D;
  --mode-colors-green-100: #083529;
  --mode-colors-green-200: #084F3C;
  --mode-colors-green-300: #137C58;
  --mode-colors-green-400: #14996C;
  --mode-colors-green-500: #43AD89;
  --mode-colors-green-600: #73C0A6;
  --mode-colors-green-700: #A5D3C3;
  --mode-colors-green-800: #D1EAE1;
  --mode-colors-green-900: #E8F4F0;
  --mode-colors-green-950: #F3FAF8;
  --mode-colors-yellow-50: #3D250F;
  --mode-colors-yellow-100: #6C3D13;
  --mode-colors-yellow-200: #96600E;
  --mode-colors-yellow-300: #B37512;
  --mode-colors-yellow-400: #CB9C10;
  --mode-colors-yellow-500: #EEC321;
  --mode-colors-yellow-600: #F2D04D;
  --mode-colors-yellow-700: #F4DA7B;
  --mode-colors-yellow-800: #F8E7A6;
  --mode-colors-yellow-900: #F9F1D5;
  --mode-colors-yellow-950: #FEFCF4;
  --mode-colors-red-50: #201314;
  --mode-colors-red-100: #3b1219;
  --mode-colors-red-200: #500f1c;
  --mode-colors-red-300: #611623;
  --mode-colors-red-400: #72232d;
  --mode-colors-red-500: #8c333a;
  --mode-colors-red-600: #b54548;
  --mode-colors-red-700: #C5504D;
  --mode-colors-red-800: #D97674;
  --mode-colors-red-900: #E6A4A2;
  --mode-colors-red-950: #ffd1d9;
  --mode-colors-blue-50: #172554;
  --mode-colors-blue-100: #1E3A8A;
  --mode-colors-blue-200: #1E40AF;
  --mode-colors-blue-300: #1D4ED8;
  --mode-colors-blue-400: #2563EB;
  --mode-colors-blue-500: #3B82F6;
  --mode-colors-blue-600: #60A5FA;
  --mode-colors-blue-700: #93C5FD;
  --mode-colors-blue-800: #BFDBFE;
  --mode-colors-blue-900: #DBEAFE;
  --mode-colors-blue-950: #EFF6FF;
  --mode-colors-blue-alpha-50: #17255408;
  --mode-colors-blue-alpha-100: #1E3A8A0D;
  --mode-colors-blue-alpha-200: #1E40AF26;
  --mode-colors-blue-alpha-300: #1D4ED84D;
  --mode-colors-blue-alpha-400: #2563EB66;
  --mode-colors-blue-alpha-500: #3B82F680;
  --mode-colors-blue-alpha-600: #60A5FA99;
  --mode-colors-blue-alpha-700: #93C5FDB3;
  --mode-colors-blue-alpha-800: #BFDBFECC;
  --mode-colors-blue-alpha-900: #DBEAFEE6;
  --mode-colors-blue-alpha-950: #EFF6FFF2;
  --mode-colors-supplx-secondary-50: #2E1631;
  --mode-colors-supplx-secondary-100: #461E4B;
  --mode-colors-supplx-secondary-200: #522558;
  --mode-colors-supplx-secondary-300: #6C4771;
  --mode-colors-supplx-secondary-400: #86688A;
  --mode-colors-supplx-secondary-500: #97799B;
  --mode-colors-supplx-secondary-600: #A890AB;
  --mode-colors-supplx-secondary-700: #CBBDCD;
  --mode-colors-supplx-secondary-800: #DCD3DE;
  --mode-colors-supplx-secondary-900: #EDE9EE;
  --mode-colors-supplx-secondary-950: #F6F2F7;
  --mode-colors-supplx-primary-50: #1a180f;
  --mode-colors-supplx-primary-100: #2a2404;
  --mode-colors-supplx-primary-200: #362c00;
  --mode-colors-supplx-primary-300: #423600;
  --mode-colors-supplx-primary-400: #4f4400;
  --mode-colors-supplx-primary-500: #62560f;
  --mode-colors-supplx-primary-600: #7c6e17;
  --mode-colors-supplx-primary-700: #f7d908;
  --mode-colors-supplx-primary-800: #edcf00;
  --mode-colors-supplx-primary-900: #f9db13;
  --mode-colors-supplx-primary-950: #f8edaf;
  --mode-colors-supplx-primary-a: #fec30034;
  --mode-colors-bonprix-primary-50: #121823;
  --mode-colors-bonprix-primary-100: #172642;
  --mode-colors-bonprix-primary-200: #1b3159;
  --mode-colors-bonprix-primary-300: #243d6a;
  --mode-colors-bonprix-primary-400: #2e497a;
  --mode-colors-bonprix-primary-500: #39578e;
  --mode-colors-bonprix-primary-600: #4467a8;
  --mode-colors-bonprix-primary-700: #89aded;
  --mode-colors-bonprix-primary-800: #7ea2e1;
  --mode-colors-bonprix-primary-900: #91b6f6;
  --mode-colors-bonprix-primary-950: #d4e2fa;
  --mode-colors-bonprix-primary-a: #367dfd4a;
  --mode-colors-bonprix-secondary-50: #19191b;
  --mode-colors-bonprix-secondary-100: #232325;
  --mode-colors-bonprix-secondary-200: #2a2a2d;
  --mode-colors-bonprix-secondary-300: #313134;
  --mode-colors-bonprix-secondary-400: #3a3a3d;
  --mode-colors-bonprix-secondary-500: #48484b;
  --mode-colors-bonprix-secondary-600: #606064;
  --mode-colors-bonprix-secondary-700: #6e6e72;
  --mode-colors-bonprix-secondary-800: #616165;
  --mode-colors-bonprix-secondary-900: #b4b4b8;
  --mode-colors-bonprix-secondary-950: #eeeef0;
  --mode-colors-transparent: #FFFFFF00;
  --mode-colors-westwing-primary-50: #141a18;
  --mode-colors-westwing-primary-100: #192724;
  --mode-colors-westwing-primary-200: #1c322c;
  --mode-colors-westwing-primary-300: #233b36;
  --mode-colors-westwing-primary-400: #2d4741;
  --mode-colors-westwing-primary-500: #395750;
  --mode-colors-westwing-primary-600: #4a6f66;
  --mode-colors-westwing-primary-700: #8ec5b7;
  --mode-colors-westwing-primary-800: #8fb7ac;
  --mode-colors-westwing-primary-900: #8dc4b6;
  --mode-colors-westwing-primary-950: #d9f2eb;
  --mode-colors-westwing-primary-a: #73fbde2d;
  --mode-colors-westwing-secondary-50: #19191b;
  --mode-colors-westwing-secondary-100: #232325;
  --mode-colors-westwing-secondary-200: #2a2a2d;
  --mode-colors-westwing-secondary-300: #313134;
  --mode-colors-westwing-secondary-400: #3a3a3d;
  --mode-colors-westwing-secondary-500: #48484b;
  --mode-colors-westwing-secondary-600: #606064;
  --mode-colors-westwing-secondary-700: #6e6e72;
  --mode-colors-westwing-secondary-800: #616165;
  --mode-colors-westwing-secondary-900: #b4b4b8;
  --mode-colors-westwing-secondary-950: #eeeef0;
  --brand-colors-neutral-25: #101216;
  --brand-colors-neutral-50: #17191D;
  --brand-colors-neutral-100: #202329;
  --brand-colors-neutral-200: #262a31;
  --brand-colors-neutral-300: #2c313a;
  --brand-colors-neutral-400: #343a45;
  --brand-colors-neutral-500: #404755;
  --brand-colors-neutral-600: #576174;
  --brand-colors-neutral-700: #646e81;
  --brand-colors-neutral-800: #727b8e;
  --brand-colors-neutral-900: #acb4c2;
  --brand-colors-neutral-950: #eceef2;
  --brand-colors-neutral-min: #000;
  --brand-colors-neutral-max: #ffffff;
  --brand-colors-neutral-alpha-25: #0013df05;
  --brand-colors-neutral-alpha-50: #7da7fc0c;
  --brand-colors-neutral-alpha-100: #a1c0fd19;
  --brand-colors-neutral-alpha-200: #a8c6fb22;
  --brand-colors-neutral-alpha-300: #a9c6fa2c;
  --brand-colors-neutral-alpha-400: #b0ccff37;
  --brand-colors-neutral-alpha-500: #b3ccfd49;
  --brand-colors-neutral-alpha-600: #b8d0fd6a;
  --brand-colors-neutral-alpha-700: #c0d5fd78;
  --brand-colors-neutral-alpha-800: #c8d9fe86;
  --brand-colors-neutral-alpha-900: #e0ebfebe;
  --brand-colors-neutral-alpha-950: #f8fafef2;
  --brand-colors-success-50: #02271D;
  --brand-colors-success-100: #083529;
  --brand-colors-success-200: #084F3C;
  --brand-colors-success-300: #137C58;
  --brand-colors-success-400: #14996C;
  --brand-colors-success-500: #43AD89;
  --brand-colors-success-600: #73C0A6;
  --brand-colors-success-700: #A5D3C3;
  --brand-colors-success-800: #D1EAE1;
  --brand-colors-success-900: #E8F4F0;
  --brand-colors-success-950: #F3FAF8;
  --brand-colors-warning-50: #3D250F;
  --brand-colors-warning-100: #6C3D13;
  --brand-colors-warning-200: #96600E;
  --brand-colors-warning-300: #B37512;
  --brand-colors-warning-400: #CB9C10;
  --brand-colors-warning-500: #EEC321;
  --brand-colors-warning-600: #F2D04D;
  --brand-colors-warning-700: #F4DA7B;
  --brand-colors-warning-800: #F8E7A6;
  --brand-colors-warning-900: #F9F1D5;
  --brand-colors-warning-950: #FEFCF4;
  --brand-colors-error-50: #201314;
  --brand-colors-error-100: #3b1219;
  --brand-colors-error-200: #500f1c;
  --brand-colors-error-300: #611623;
  --brand-colors-error-400: #72232d;
  --brand-colors-error-500: #8c333a;
  --brand-colors-error-600: #b54548;
  --brand-colors-error-700: #C5504D;
  --brand-colors-error-800: #D97674;
  --brand-colors-error-900: #E6A4A2;
  --brand-colors-error-950: #ffd1d9;
  --brand-colors-interactive-50: #172554;
  --brand-colors-interactive-100: #1E3A8A;
  --brand-colors-interactive-200: #1E40AF;
  --brand-colors-interactive-300: #1D4ED8;
  --brand-colors-interactive-400: #2563EB;
  --brand-colors-interactive-500: #3B82F6;
  --brand-colors-interactive-600: #60A5FA;
  --brand-colors-interactive-700: #93C5FD;
  --brand-colors-interactive-800: #BFDBFE;
  --brand-colors-interactive-900: #DBEAFE;
  --brand-colors-interactive-950: #EFF6FF;
  --brand-colors-interactive-alpha-50: #17255408;
  --brand-colors-interactive-alpha-100: #1E3A8A0D;
  --brand-colors-interactive-alpha-200: #1E40AF26;
  --brand-colors-interactive-alpha-300: #1D4ED84D;
  --brand-colors-interactive-alpha-400: #2563EB66;
  --brand-colors-interactive-alpha-500: #3B82F680;
  --brand-colors-interactive-alpha-600: #60A5FA99;
  --brand-colors-interactive-alpha-700: #93C5FDB3;
  --brand-colors-interactive-alpha-800: #BFDBFECC;
  --brand-colors-interactive-alpha-900: #DBEAFEE6;
  --brand-colors-interactive-alpha-950: #EFF6FFF2;
  --brand-colors-secondary-50: #2E1631;
  --brand-colors-secondary-100: #461E4B;
  --brand-colors-secondary-200: #522558;
  --brand-colors-secondary-300: #6C4771;
  --brand-colors-secondary-400: #86688A;
  --brand-colors-secondary-500: #97799B;
  --brand-colors-secondary-600: #A890AB;
  --brand-colors-secondary-700: #CBBDCD;
  --brand-colors-secondary-800: #DCD3DE;
  --brand-colors-secondary-900: #EDE9EE;
  --brand-colors-secondary-950: #F6F2F7;
  --brand-colors-primary-50: #1a180f;
  --brand-colors-primary-100: #2a2404;
  --brand-colors-primary-200: #362c00;
  --brand-colors-primary-300: #423600;
  --brand-colors-primary-400: #4f4400;
  --brand-colors-primary-500: #62560f;
  --brand-colors-primary-600: #7c6e17;
  --brand-colors-primary-700: #f7d908;
  --brand-colors-primary-800: #edcf00;
  --brand-colors-primary-900: #f9db13;
  --brand-colors-primary-950: #f8edaf;
  --brand-colors-primary-a: #fec30034;
  --brand-colors-transparent: #FFFFFF00;
  --theme-colors-border-default: #343a45;
  --theme-colors-border-strong: #404755;
  --theme-colors-border-success: #14996C;
  --theme-colors-border-warning: #CB9C10;
  --theme-colors-border-error: #72232d;
  --theme-colors-border-info: #2563EB;
  --theme-colors-text-default: #eceef2;
  --theme-colors-text-inverse: #17191D;
  --theme-colors-text-subtle: #acb4c2;
  --theme-colors-text-success: #E8F4F0;
  --theme-colors-text-error: #E6A4A2;
  --theme-colors-text-warning: #F9F1D5;
  --theme-colors-text-info: #DBEAFE;
  --theme-colors-icon-info: #93C5FD;
  --theme-colors-icon-success: #A5D3C3;
  --theme-colors-icon-error: #C5504D;
  --theme-colors-icon-warning: #F4DA7B;
  --theme-colors-icon-default: #eceef2;
  --theme-colors-icon-inverse: #17191D;
  --theme-colors-icon-subtle: #acb4c2;
  --theme-colors-icon-extra-subtle: #646e81;
  --theme-colors-link-default: #f7d908;
  --theme-colors-link-hover: #edcf00;
  --theme-colors-link-pressed: #edcf00; /** Test to used modifier */
  --theme-colors-link-disabled: #343a45;
  --theme-colors-bg-base: #000;
  --theme-colors-bg-hover: #fec30034; /** Hover color for surfaces in the colors: base, layer 1 and layer 2.  */
  --theme-colors-bg-layer0: #17191D; /** Not a regular backgound color. Mainly used as backgound color on AG-Grid row for group on 3rd level and for menus and dropdowns. */
  --theme-colors-bg-layer1: #202329;
  --theme-colors-bg-layer2: #262a31;
  --theme-colors-bg-success-default: #083529;
  --theme-colors-bg-success-strong: #084F3C;
  --theme-colors-bg-warning-default: #6C3D13;
  --theme-colors-bg-warning-strong: #96600E;
  --theme-colors-bg-error-default: #3b1219;
  --theme-colors-bg-error-strong: #500f1c;
  --theme-colors-bg-inverse-base: #eceef2; /** The darkest background-color used across layouts and components. It is useful for components such as tooltips. */
  --theme-colors-bg-inverse-layer1: #404755;
  --theme-colors-bg-info-default: #1E3A8A;
  --theme-colors-bg-info-strong: #1E40AF;
  --theme-colors-accent-subtle-default: #62560f;
  --theme-colors-accent-subtle-hover: #7c6e17;
  --theme-colors-accent-strong-default: #f7d908;
  --theme-colors-accent-strong-hover: #edcf00;
  --button-colors-primary-bg-default: #f7d908;
  --button-colors-primary-bg-hover: #edcf00;
  --button-colors-primary-bg-pressed: #f9db13;
  --button-colors-primary-bg-disabled: #262a31;
  --button-colors-primary-bg-destructive-default: #D97674;
  --button-colors-primary-bg-destructive-hover: #C5504D;
  --button-colors-primary-bg-destructive-pressed: #D97674;
  --button-colors-primary-bg-destructive-disabled: #3b1219;
  --button-colors-primary-fg-default: #000;
  --button-colors-primary-fg-disabled: #c0d5fd78;
  --button-colors-primary-fg-destructive-disabled: #c0d5fd78;
  --button-colors-secondary-bg-default: #7da7fc0c;
  --button-colors-secondary-bg-hover: #a1c0fd19;
  --button-colors-secondary-bg-pressed: #a8c6fb22;
  --button-colors-secondary-bg-disabled: #FFFFFF00;
  --button-colors-secondary-bg-destructive-default: #7da7fc0c;
  --button-colors-secondary-bg-destructive-hover: #a1c0fd19;
  --button-colors-secondary-bg-destructive-pressed: #a8c6fb22;
  --button-colors-secondary-bg-destructive-disabled: #FFFFFF00;
  --button-colors-secondary-fg-default: #f7d908;
  --button-colors-secondary-fg-disabled: #646e81;
  --button-colors-secondary-fg-destructive-default: #D97674;
  --button-colors-secondary-fg-destructive-disabled: #646e81;
  --button-colors-secondary-border-default: #576174;
  --button-colors-secondary-border-destructive-default: #b54548;
  --button-colors-secondary-border-destructive-disabled: #b0ccff37;
  --button-colors-secondary-border-disabled: #b0ccff37;
  --button-colors-tertiary-bg-hover: #a1c0fd19;
  --button-colors-tertiary-bg-pressed: #a8c6fb22;
  --button-colors-tertiary-bg-destructive-hover: #a1c0fd19;
  --button-colors-tertiary-bg-destructive-pressed: #a8c6fb22;
  --button-colors-tertiary-fg-default: #f7d908;
  --button-colors-tertiary-fg-disabled: #646e81;
  --button-colors-tertiary-fg-destructive-default: #D97674;
  --button-colors-tertiary-fg-destructive-disabled: #646e81;
  --focus-ring-colors-bg: #1E40AF26;
  --focus-ring-colors-border: #1D4ED8;
  --accordion-header-colors-bg-accent-default: #000;
  --accordion-header-colors-bg-accent-hover: #2a2404;
  --accordion-header-colors-bg-default: #202329;
  --accordion-header-colors-bg-hover: #262a31;
  --accordion-colors-border-accent-default: #62560f;
  --accordion-colors-border-default: #343a45;
  --accordion-colors-text-title: #eceef2;
  --accordion-colors-text-subline: #acb4c2;
  --accordion-colors-text-hint: #eceef2;
  --accordion-colors-icon-left: #eceef2;
  --accordion-colors-icon-right: #acb4c2;
  --accordion-colors-icon-chevron: #acb4c2;
  --accordion-group-header-colors-bg-default: #000;
  --avatar-colors-border-default: #000;
  --avatar-colors-border-hover: #343a45;
  --avatar-colors-bg-default: #262a31;
  --avatar-colors-bg-hover: #2c313a;
  --avatar-colors-fg: #eceef2;
  --avatar-colors-placeholder-border: #404755;
  --checkbox-colors-unselected-border-default: #acb4c2;
  --checkbox-colors-unselected-border-hover: #7c6e17;
  --checkbox-colors-unselected-border-disabled: #b3ccfd49;
  --checkbox-colors-unselected-border-error: #D97674;
  --checkbox-colors-unselected-bg-default: #FFFFFF00;
  --checkbox-colors-unselected-bg-hover: #a1c0fd19;
  --checkbox-colors-unselected-bg-disabled: #FFFFFF00;
  --checkbox-colors-unselected-bg-error: #201314;
  --checkbox-colors-selected-bg-default: #f7d908;
  --checkbox-colors-selected-bg-hover: #edcf00;
  --checkbox-colors-selected-bg-disabled: #a9c6fa2c;
  --checkbox-colors-selected-bg-error: #D97674;
  --checkbox-colors-selected-fg-default: #17191D;
  --checkbox-colors-selected-fg-disabled: #c0d5fd78;
  --draggable-list-colors-bg-header-default: #000;
  --draggable-list-colors-bg-header-dragging: #262a31;
  --draggable-list-colors-bg-content: #262a31;
  --draggable-list-colors-bg-indicator: #3B82F6;
  --draggable-list-colors-border: #343a45;
  --draggable-list-colors-text-visible: #eceef2;
  --draggable-list-colors-text-hidden: #646e81;
  --draggable-list-colors-icon-left-visible: #f7d908;
  --draggable-list-colors-icon-left-hidden: lch(87.218 85.315 90.909 / 0.7);
  --draggable-list-colors-icon-right: #404755;
  --dropdown-colors-border: #343a45;
  --dropdown-colors-bg-hover: #fec30034;
  --dropdown-colors-bg-default: #17191D;
  --dropdown-colors-bg-highlight: #1E40AF;
  --dropdown-colors-text: #eceef2; /** Used for 'group title' and 'primary value' */
  --dropdown-colors-hint: #acb4c2; /** Used for 'loading', 'no results' state and 'secondary value' */
  --form-colors-bg-default: #000;
  --form-colors-bg-hover: #17191D;
  --form-colors-bg-active: #000;
  --form-colors-bg-disabled: #a9c6fa2c;
  --form-colors-bg-error: #000;
  --form-colors-input-text-default: #eceef2;
  --form-colors-input-text-disabled: #acb4c2;
  --form-colors-input-text-error: #eceef2;
  --form-colors-border-default: #576174;
  --form-colors-border-active: #60A5FA;
  --form-colors-border-hover: #576174;
  --form-colors-border-error: #D97674;
  --form-colors-border-disabled: #a9c6fa2c;
  --form-colors-icon-subtle: #646e81;
  --form-colors-icon-default: #acb4c2;
  --form-colors-icon-hover: #eceef2;
  --form-colors-icon-error: #D97674;
  --form-colors-label-default: #eceef2;
  --form-colors-label-disabled: #646e81;
  --form-colors-label-error: #eceef2;
  --form-colors-label-inverse-default: #17191D;
  --form-colors-label-inverse-disabled: #576174;
  --form-colors-label-inverse-error: #17191D;
  --form-colors-hint-default: #acb4c2;
  --form-colors-hint-disabled: #646e81;
  --form-colors-hint-inverse-default: #2c313a;
  --form-colors-hint-inverse-disabled: #343a45;
  --form-colors-error-message-default: #E6A4A2;
  --form-colors-error-message-inverse: #611623;
  --form-colors-placeholder-default: #727b8e;
  --pill-button-colors-secondary-bg-default: #7da7fc0c;
  --pill-button-colors-secondary-bg-hover: #a1c0fd19;
  --pill-button-colors-secondary-bg-pressed: #362c00;
  --pill-button-colors-secondary-bg-disabled: #FFFFFF00;
  --pill-button-colors-secondary-fg-default: #eceef2;
  --pill-button-colors-secondary-fg-pressed: #eceef2;
  --pill-button-colors-secondary-fg-disabled: #646e81;
  --pill-button-colors-secondary-border-default: #576174;
  --pill-button-colors-secondary-border-disabled: #b0ccff37;
  --pill-button-colors-secondary-border-selected: #62560f;
  --pill-button-colors-destructive-bg-default: #7da7fc0c;
  --pill-button-colors-destructive-bg-hover: #a1c0fd19;
  --pill-button-colors-destructive-bg-pressed: #D97674;
  --pill-button-colors-destructive-bg-disabled: #FFFFFF00;
  --pill-button-colors-destructive-fg-default: #D97674;
  --pill-button-colors-destructive-fg-pressed: #000;
  --pill-button-colors-destructive-fg-disabled: #646e81;
  --pill-button-colors-destructive-border-default: #b54548;
  --status-ring-colors-bg: #404755; /** Neutral 200 */
  --status-ring-colors-success-fg: #43AD89; /** Success 500 */
  --status-ring-colors-warning-fg: #F2D04D; /** Warning 600 */
  --status-ring-colors-error-fg: #C5504D; /** Error 500 */
  --top-nav-colors-bg: #f7d908;
  --top-nav-colors-logo: #97799B;
  --top-nav-colors-menu-bg-default: #f7d908;
  --top-nav-colors-menu-bg-hover: #edcf00;
  --top-nav-colors-menu-bg-pressed: #f9db13;
  --top-nav-colors-menu-fg-default: #17191D;
  --top-nav-colors-menu-fg-pressed: #17191D;
  --radio-colors-unselected-border-default: #acb4c2;
  --radio-colors-selected-border-default: #f7d908;
  --radio-colors-border-hover: #edcf00;
  --radio-colors-border-disabled: #b3ccfd49;
  --radio-colors-border-error: #D97674;
  --radio-colors-bg-default: #FFFFFF00;
  --radio-colors-bg-hover: #a1c0fd19;
  --radio-colors-bg-disabled: #FFFFFF00;
  --radio-colors-fg-default: #f7d908;
  --radio-colors-fg-hover: #edcf00;
  --radio-colors-fg-disabled: #c0d5fd78;
  --radio-colors-fg-error: #D97674;
  --tab-colors-default-selected-fg: #17191D;
  --tab-colors-default-selected-bg-default: #f7d908;
  --tab-colors-default-unselected-fg: #f7d908;
  --tab-colors-default-unselected-bg-default: #262a31;
  --tab-colors-default-unselected-bg-hover: #202329;
  --tab-colors-inverse-selected-fg: #f7d908;
  --tab-colors-inverse-selected-bg-default: #423600;
  --tab-colors-inverse-unselected-fg: #17191D;
  --tab-colors-inverse-unselected-bg-default: #FFFFFF00;
  --tab-colors-inverse-unselected-bg-hover: #7c6e17;
  --box-colors-bg: #000;
  --box-colors-border: #000;
  --switch-colors-unselected-bg-default: #acb4c2;
  --switch-colors-unselected-bg-hover: #727b8e;
  --switch-colors-unselected-icon-default: #acb4c2;
  --switch-colors-selected-bg-default: #43AD89;
  --switch-colors-selected-bg-hover: #14996C;
  --switch-colors-selected-icon-default: #43AD89;
  --switch-colors-icon-disabled: #646e81;
  --switch-colors-bg-disabled: #b0ccff37;
  --switch-colors-fg: #000;
  --notification-badge-colors-strong-bg: #97799B;
  --notification-badge-colors-strong-fg: #F6F2F7;
  --notification-badge-colors-subtle-bg: #727b8e;
  --notification-badge-colors-subtle-fg: #fcfcfd;
  --fab-colors-secondary-bg-default: #000;
  --fab-colors-secondary-bg-hover: #202329;
  --fab-colors-secondary-bg-pressed: #262a31;
  --fab-colors-secondary-bg-disabled: #000;
  --fab-colors-secondary-fg-default: #f7d908;
  --fab-colors-secondary-fg-disabled: #646e81;
  --fab-colors-secondary-border-default: #404755;
  --fab-colors-secondary-border-disabled: #343a45;

 /**
  * @tokens Others
  */

  --var-1: 0.25rem;
  --var-2: 0.5rem;
  --var-3: 0.75rem;
  --var-4: 1rem;
  --var-5: 1.25rem;
  --var-6: 1.5rem;
  --var-7: 1.75rem;
  --var-8: 2rem;
  --var-9: 2.25rem;
  --var-10: 2.5rem;
  --var-11: 2.75rem;
  --var-12: 3rem;
  --var-14: 3.5rem;
  --var-16: 4rem;
  --var-0-5: 0.125rem;
  --var-1-5: 0.375rem;
  --var-2-5: 0.625rem;
  --var-3-5: 0.875rem;
  --opacity-o100: 0.1;
  --opacity-o200: 0.2;
  --opacity-o300: 0.3;
  --opacity-o400: 0.4;
  --opacity-o500: 0.5;
  --opacity-o600: 0.6;
  --opacity-o700: 0.7;
  --opacity-o800: 0.8;
  --opacity-o900: 0.9;
  --fix-1: 4px;
  --fix-2: 8px;
  --fix-3: 12px;
  --fix-4: 16px;
  --fix-5: 20px;
  --fix-6: 24px;
  --fix-7: 28px;
  --fix-8: 32px;
  --fix-9: 36px;
  --fix-10: 40px;
  --fix-11: 44px;
  --fix-12: 48px;
  --fix-14: 56px;
  --fix-16: 64px;
  --fix-24: 96px;
  --fix-28: 112px;
  --fix-32: 128px;
  --fix-36: 144px;
  --fix-44: 176px;
  --fix-none: 0;
  --fix-0-5: 2px;
  --fix-1-5: 0,375rem;
  --fix-2-5: 10px;
  --fix-3-5: 14px;
  --fix-px: 1px;
  --brand-space-element-to-element-xs: 0.25rem;
  --brand-space-element-to-element-sm: 0.5rem;
  --brand-space-element-to-element-md: 0.75rem;
  --brand-space-element-to-element-lg: 1rem;
  --brand-space-element-to-element-xl: 1.5rem;
  --brand-space-element-to-element-2xl: 2rem;
  --brand-space-element-to-element-3xl: 4rem;
  --brand-space-horizontal-edge-to-element-xs: 0.25rem;
  --brand-space-horizontal-edge-to-element-sm: 0.5rem;
  --brand-space-horizontal-edge-to-element-md: 0.75rem;
  --brand-space-horizontal-edge-to-element-lg: 1rem;
  --brand-space-horizontal-edge-to-element-xl: 1.5rem;
  --brand-space-vertical-edge-to-element-xxs: 0.125rem;
  --brand-space-vertical-edge-to-element-xs: 0.25rem;
  --brand-space-vertical-edge-to-element-sm: 0.75rem;
  --brand-space-vertical-edge-to-element-md: 1rem;
  --brand-space-vertical-edge-to-element-xl: 1.5rem;
  --brand-radius-rounded-none: 0;
  --brand-radius-rounded-xs: 4px;
  --brand-radius-rounded-sm: 8px;
  --brand-radius-rounded-md: 16px;
  --brand-radius-rounded-full: 999px;
  --brand-border-width-border-xxs: 1px;
  --brand-border-width-border-xs: 2px;
  --brand-border-width-border-sm: 4px;
  --brand-layout-gutter-breakpoint-xs-to-m: 16px;
  --brand-layout-gutter-breakpoint-l: 24px;
  --brand-layout-outside-gutter-breakpoint-xs-to-m: 16px;
  --brand-layout-outside-gutter-breakpoint-l: 24px;
  --brand-layout-columns-breakpoint-xs: 2;
  --brand-layout-columns-breakpoint-s: 4;
  --brand-layout-columns-breakpoint-m: 12;
  --brand-layout-columns-breakpoint-l: 12;
  --brand-breakpoint-xs: 320px; /** >319px  */
  --brand-breakpoint-s: 768px; /** >767px */
  --brand-breakpoint-m: 1024px; /** >1023px */
  --brand-breakpoint-l: 1280px; /** >1279px */
  --brand-font-family-a: Inter;
  --brand-font-family-b: Rubik;
  --brand-font-weight-accent-weight: 400; /** To be tested, if this can stay under font weight while actually being a font style.  */
  --brand-font-weight-accent-style: italic; /** To be tested, if this can stay under font weight while actually being a font style.  */
  --brand-font-weight-default: 400;
  --brand-font-weight-strong: 500;
  --brand-font-weight-stronger: 700;
  --brand-font-size-f-20: 0.625rem;
  --brand-font-size-f-10: 0.75rem;
  --brand-font-size-f0: 0.875rem;
  --brand-font-size-f10: 1rem;
  --brand-font-size-f20: 1.125rem;
  --brand-font-size-f30: 1.25rem;
  --brand-font-size-f40: 1.5rem;
  --brand-font-size-f50: 1.75rem;
  --brand-font-size-f60: 1.875rem;
  --brand-font-size-f80: 3rem;
  --brand-line-height-lh-20: 14px;
  --brand-line-height-lh-10: 18px;
  --brand-line-height-lh0: 22px;
  --brand-line-height-lh10: 24px;
  --brand-line-height-lh20: 30px;
  --brand-line-height-lh30: 38px;
  --brand-line-height-lh50: 48px;
  --brand-line-height-lh80: 56px;
  --brand-paragraph-spacing-ps0: 8px;
  --brand-paragraph-spacing-ps10: 12px;
  --brand-paragraph-spacing-ps20: 16px;
  --brand-paragraph-spacing-ps40: 24px;
  --brand-paragraph-spacing-ps60: 32px;
  --brand-paragraph-spacing-ps80: 40px;
  --viewport-width: 1024px; /** 1024px */
  --layout-gutter: 16px;
  --layout-outside-gutter: 16px;
  --layout-columns: 12px;
  --layout-max-width-narrow: 1024px;
  --layout-max-width-full: 100%;
  --button-radius-sm: 8px;
  --button-radius-md: 8px;
  --button-radius-focus-ring-sm: 10px;
  --button-radius-focus-ring-md: 10px;
  --button-focus-ring-offset: 2px;
  --button-focus-ring-position: -2px;
  --button-focus-ring-border-width: 4px;
  --focus-ring-border-width: 4px; /** outside stroke */
  --focus-ring-offset: 4px;
  --focus-ring-position: -4px;
  --accordion-border-width: 1px;
  --accordion-radius: 8px;
  --accordion-md-header-gap: 1rem;
  --accordion-md-header-padding-vertical: 0.75rem;
  --accordion-md-header-padding-horizontal: 1rem;
  --accordion-md-content-padding-vertical: 1rem;
  --accordion-md-content-padding-horizontal: 1rem;
  --accordion-sm-header-gap: 0.5rem;
  --accordion-sm-header-padding-vertical: 0.5rem;
  --accordion-sm-header-padding-horizontal: 0.5rem;
  --accordion-sm-content-padding-vertical: 0.75rem;
  --accordion-sm-content-padding-horizontal: 0.75rem;
  --accordion-desktop-group-header-gap: 1.5rem;
  --accordion-desktop-group-header-padding-vertical: 1rem;
  --accordion-desktop-group-header-padding-horizontal: 1rem;
  --accordion-mobile-group-header-gap: 0.75rem;
  --accordion-mobile-group-header-padding-vertical: 1rem;
  --accordion-mobile-group-header-padding-horizontal: 1rem;
  --avatar-opacity-fg-hover: 0.4;
  --avatar-size-sm: 1.5rem;
  --avatar-size-md: 2rem;
  --avatar-size-lg: 3rem;
  --avatar-border-width-default: 1px;
  --avatar-border-width-placeholder: 2px;
  --checkbox-sm-border-width: 1px;
  --checkbox-sm-radius: 4px;
  --checkbox-sm-height: 1rem;
  --checkbox-sm-width: 1rem;
  --checkbox-sm-gap-horizontal: 0.5rem;
  --checkbox-focus-ring-radius: calc 8px;
  --checkbox-focus-ring-border-width: 4px;
  --draggable-list-radius: 8px;
  --dropdown-radius: 8px;
  --field-radius-sm: 4px;
  --field-radius-md: 4px;
  --field-focus-ring-radius-sm: 4px;
  --field-focus-ring-radius-md: 4px;
  --field-focus-ring-offset: 0px;
  --field-focus-ring-position: 0px;
  --field-focus-ring-border-width: 4px;
  --field-min-height-sm: 32px;
  --field-min-height-md: 40px;
  --field-border-width: 1px;
  --field-spacing-sm-label-to-field: 0.25rem;
  --field-spacing-sm-field-to-hint: 0.25rem;
  --field-spacing-md-label-to-field: 0.25rem;
  --field-spacing-md-field-to-hint: 0.25rem;
  --pill-button-sm-border-width: 1px;
  --pill-button-sm-radius: 999px;
  --pill-button-sm-min-height: 1.25rem;
  --pill-button-sm-min-width: 48px;
  --pill-button-sm-padding-horizontal: 0.5rem;
  --pill-button-sm-padding-vertical: 1px;
  --pill-button-sm-gap: 0.25rem;
  --pill-button-md-border-width: 1px;
  --pill-button-md-radius: 999px;
  --pill-button-md-min-height: 1.5rem;
  --pill-button-md-min-width: 64px;
  --pill-button-md-padding-horizontal: 0.75rem;
  --pill-button-md-padding-vertical: 0.125rem;
  --pill-button-md-gap: 0.25rem;
  --pill-button-focus-ring-radius: 999px;
  --pill-button-focus-ring-offset: 2px;
  --pill-button-focus-ring-position: -2px;
  --pill-button-focus-ring-border-width: 4px;
  --table-spacing-header-cell-md: 2px;
  --table-cell-size-vertical-md: 3rem;
  --radio-sm-border-width: 1px;
  --radio-sm-radius: 999px;
  --radio-sm-height: 1rem;
  --radio-sm-width: 1rem;
  --radio-sm-gap-horizontal: 0.5rem;
  --radio-focus-ring-radius: 999px;
  --radio-focus-ring-border-width: 4px;
  --tab-border-width: 0;
  --tab-radius: 4px;
  --tab-min-height: 2.25rem;
  --tab-min-width: 48px;
  --tab-padding-horizontal: 0.5rem;
  --tab-padding-vertical: 0.125rem;
  --tab-gap: 0.25rem;
  --tab-focus-ring-radius: 999px;
  --tab-focus-ring-offset: 0;
  --tab-focus-ring-position: 0;
  --tab-focus-ring-border-width: 4px;
  --tab-group-gap-vertical: 0.5rem;
  --tab-group-gap-horizontal: 0.25rem;
  --icon-md-border-width: 1.5px;
  --icon-md-size: 1.5rem;
  --icon-sm-border-width: 1.5px;
  --icon-sm-size: 1.25rem;
  --icon-xs-border-width: 1.5px;
  --icon-xs-size: 1rem;
  --icon-xl-border-width: 2px;
  --icon-xl-size: 3rem;
  --key-value-pair-sm-gab-label-left-label-to-value: 0.5rem;
  --key-value-pair-sm-gab-label-top-label-to-value: 0;
  --key-value-pair-sm-gab-label-top-icon-to-data: 0.5rem;
  --key-value-pair-md-gab-label-left-label-to-value: 0.5rem;
  --key-value-pair-md-gab-label-top-label-to-value: 0;
  --key-value-pair-md-gab-label-top-icon-to-data: 0.5rem;
  --key-value-pair-lg-gab-label-left-label-to-value: 0.5rem;
  --key-value-pair-lg-gab-label-top-label-to-value: 0;
  --key-value-pair-lg-gab-label-top-icon-to-data: 0.5rem;
  --key-value-pair-color-label: #acb4c2;
  --key-value-pair-color-figure: #eceef2;
  --key-value-pair-font-weight-figure: 500;
  --key-value-pair-font-weight-label: 400;
  --box-radius: 4px;
  --box-border-width: 1px;
  --box-padding-horizontal: 0.75rem;
  --box-padding-vertical: 0.75rem;
  --ag-accent-color: #62560f;
  --ag-active-color: #62560f;
  --ag-advanced-filter-builder-button-bar-border: 1px;
  --ag-advanced-filter-builder-column-pill-color: #1D4ED84D;
  --ag-advanced-filter-builder-indent-size: 32px;
  --ag-advanced-filter-builder-join-pill-color: #3B82F680;
  --ag-advanced-filter-builder-option-pill-color: #60A5FA99;
  --ag-advanced-filter-builder-value-pill-color: #a9c6fa2c;
  --ag-advanced-filter-column-pill-color: #1E40AF;
  --ag-advanced-filter-join-pill-color: #2c313a;
  --ag-advanced-filter-option-pill-color: #2c313a;
  --ag-advanced-filter-value-pill-color: #1E40AF;
  --ag-alpine-active-color: #62560f;
  --ag-background-color: #000;
  --ag-balham-active-color: #86688A;
  --ag-border-color: #343a45;
  --ag-border-radius: 4px; /** Border radius applied to many elements such as dialogs and form widgets. */
  --ag-borders: 1px;
  --ag-borders-critical: #F4DA7B;
  --ag-borders-input: 1px;
  --ag-borders-input-invalid: #D97674;
  --ag-borders-secondary: #343a45;
  --ag-borders-side-button: none;
  --ag-browser-color-scheme: #F4DA7B;
  --ag-card-radius: 4px;
  --ag-cell-editing-border: 0px;
  --ag-cell-editing-shadow: 4px;
  --ag-cell-font-family: Inter;
  --ag-cell-horizontal-border: true;
  --ag-cell-horizontal-padding: 9px;
  --ag-cell-text-color: #eceef2;
  --ag-cell-widget-spacing: 9px;
  --ag-chart-menu-label-color: #86688A;
  --ag-checkbox-background-color: #FFFFFF00;
  --ag-checkbox-border-radius: 4px;
  --ag-checkbox-border-width: 1px;
  --ag-checkbox-checked-background-color: #f7d908;
  --ag-checkbox-checked-border-color: #f7d908;
  --ag-checkbox-checked-color: #f7d908;
  --ag-checkbox-checked-glow-color: #F4DA7B;
  --ag-checkbox-checked-shape-color: #17191D;
  --ag-checkbox-glow-color: #F4DA7B;
  --ag-checkbox-indeterminate-background-color: #f7d908;
  --ag-checkbox-indeterminate-border-color: #f7d908;
  --ag-checkbox-indeterminate-color: #f7d908;
  --ag-checkbox-indeterminate-shape-color: #17191D;
  --ag-checkbox-unchecked-background-color: #FFFFFF00;
  --ag-checkbox-unchecked-border-color: #acb4c2;
  --ag-checkbox-unchecked-color: #acb4c2;
  --ag-chip-background-color: #262a31;
  --ag-chip-border-color: #343a45;
  --ag-chrome-background-color: #000; /** BG color of table header */
  --ag-column-border: false;
  --ag-column-drop-cell-background-color: #202329;
  --ag-column-drop-cell-border: false;
  --ag-column-drop-cell-drag-handle-color: #acb4c2;
  --ag-column-drop-cell-text-color: #eceef2;
  --ag-column-hover-color: #fec30034;
  --ag-column-select-indent-size: 0.75rem;
  --ag-control-panel-background-color: #000;
  --ag-data-color: #eceef2;
  --ag-data-font-size: 0,875 rem;
  --ag-dialog-border: #343a45;
  --ag-disabled-foreground-color: #343a45;
  --ag-drag-and-drop-image-background-color: #000;
  --ag-drag-and-drop-image-border: #343a45;
  --ag-drag-handle-color: #646e81;
  --ag-filter-tool-panel-group-indent: 32px;
  --ag-focus-shadow: #1D4ED8;
  --ag-font-family: Inter;
  --ag-font-size: 0.875rem;
  --ag-foo-bar: #000000;
  --ag-footer-row-border: #343a45;
  --ag-foreground-color: #eceef2;
  --ag-grid-size: 6px;
  --ag-header-background-color: #000;
  --ag-header-cell-hover-background-color: #000;
  --ag-header-cell-moving-background-color: #000;
  --ag-header-column-border: #343a45;
  --ag-header-column-border-height: 100%;
  --ag-header-column-resize-handle-color: #343a45;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-height: 100%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-separator-color: #343a45;
  --ag-header-column-separator-display: false;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-font-family: Inter;
  --ag-header-font-size: 0.875rem;
  --ag-header-font-weight: regular;
  --ag-header-foreground-color: #acb4c2;
  --ag-header-height: 36px;
  --ag-header-text-color: #acb4c2;
  --ag-icon-button-hover-color: #eceef2;
  --ag-icon-font-color: #acb4c2;
  --ag-icon-font-family: agGridQuartz;
  --ag-icon-font-weight: regular;
  --ag-icon-size: 16px;
  --ag-indentation-level: 0;
  --ag-input-background-color: #000;
  --ag-input-border: 1px;
  --ag-input-border-color: #576174;
  --ag-input-border-color-invalid: #D97674;
  --ag-input-border-radius: 4px;
  --ag-input-disabled-background-color: #a9c6fa2c;
  --ag-input-disabled-border: #a9c6fa2c;
  --ag-input-disabled-border-color: #a9c6fa2c;
  --ag-input-disabled-text-color: #acb4c2;
  --ag-input-focus-background-color: #000;
  --ag-input-focus-border: 4px;
  --ag-input-focus-border-color: #1D4ED8;
  --ag-input-focus-shadow: 4px;
  --ag-input-focus-text-color: #eceef2;
  --ag-input-height: 32px;
  --ag-input-icon-color: #acb4c2;
  --ag-input-invalid-background-color: #000;
  --ag-input-invalid-border: #D97674;
  --ag-input-invalid-text-color: #eceef2;
  --ag-input-padding-start: 0.75rem;
  --ag-input-text-color: #eceef2;
  --ag-internal-calculated-line-height: 130%;
  --ag-internal-content-line-height: 100%;
  --ag-internal-hover-color: #F4DA7B;
  --ag-internal-measurement-border: #F4DA7B;
  --ag-internal-moving-color: #F4DA7B;
  --ag-internal-padded-row-height: #F4DA7B;
  --ag-internal-spectrum-alpha-color: #F4DA7B;
  --ag-internal-spectrum-alpha-color-from: #F4DA7B;
  --ag-internal-spectrum-alpha-color-to: #F4DA7B;
  --ag-invalid-color: #D97674;
  --ag-list-item-height: 2rem;
  --ag-material-accent-color: #f7d908;
  --ag-material-primary-color: #f7d908;
  --ag-menu-background-color: #17191D;
  --ag-menu-min-width: 181px;
  --ag-menu-separator-color: #343a45;
  --ag-menu-text-color: #eceef2;
  --ag-modal-overlay-background-color: #000;
  --ag-odd-row-background-color: #000;
  --ag-panel-background-color: #202329;
  --ag-panel-border-color: #343a45;
  --ag-panel-title-bar-background-color: #000;
  --ag-panel-title-bar-border: #343a45;
  --ag-pinned-column-border: 1px;
  --ag-pinned-row-border: 1px;
  --ag-quartz-icon-active-color: #62560f;
  --ag-quartz-icon-hover-color: #eceef2;
  --ag-range-selection-background-color: #a8c6fb22;
  --ag-range-selection-background-color-2: #fec30034;
  --ag-range-selection-background-color-3: #fec30034;
  --ag-range-selection-background-color-4: #fec30034;
  --ag-range-selection-border-color: #1D4ED8;
  --ag-range-selection-border-style: solid;
  --ag-range-selection-chart-background-color: #fec30034;
  --ag-range-selection-highlight-color: #fec30034;
  --ag-row-border: true;
  --ag-row-border-color: #343a45;
  --ag-row-border-style: solid;
  --ag-row-border-width: 1px;
  --ag-row-group-indent-size: 24px;
  --ag-row-height: 48px;
  --ag-row-hover-color: #fec30034;
  --ag-row-loading-skeleton-effect-color: #a9c6fa2c;
  --ag-secondary-border-color: #343a45;
  --ag-secondary-foreground-color: #acb4c2;
  --ag-select-cell-background-color: #fec30034;
  --ag-select-cell-border: 1px;
  --ag-selected-row-background-color: #a8c6fb22;
  --ag-selected-tab-underline-color: #404755;
  --ag-selected-tab-underline-transition-speed: 0.3s;
  --ag-selected-tab-underline-width: 2px;
  --ag-set-filter-indent-size: 24px;
  --ag-side-bar-background-color: #000;
  --ag-side-bar-panel-width: 350px; /** Sets the filter panel width. */
  --ag-side-button-background-color: #7da7fc0c;
  --ag-side-button-bar-background-color: #202329;
  --ag-side-button-bar-top-padding: 0.75rem;
  --ag-side-button-hover-background-color: #a1c0fd19;
  --ag-side-button-hover-text-color: #f7d908;
  --ag-side-button-left-padding: 0.75rem;
  --ag-side-button-right-padding: 0.75rem;
  --ag-side-button-selected-background-color: #202329;
  --ag-side-button-selected-border: 1px;
  --ag-side-button-selected-text-color: #f7d908;
  --ag-side-button-selected-underline-color: #f7d908;
  --ag-side-button-text-color: #f7d908;
  --ag-side-button-vertical-padding: 0.25rem;
  --ag-spacing: 0.75rem;
  --ag-spectrum-alpha-background-checked: #F4DA7B;
  --ag-subheader-background-color: #000;
  --ag-subheader-toolbar-background-color: #000;
  --ag-subtle-text-color: #acb4c2;
  --ag-tab-background-color: #000;
  --ag-tab-bar-background-color: #000;
  --ag-tab-bar-border: 1px;
  --ag-tab-bar-horizontal-padding: 0.75rem;
  --ag-tab-bar-top-padding: 0.75rem;
  --ag-tab-bottom-padding: 0.25rem;
  --ag-tab-horizontal-padding: 0.75rem;
  --ag-tab-hover-background-color: #fec30034;
  --ag-tab-hover-text-color: #eceef2;
  --ag-tab-min-width: 240px;
  --ag-tab-selected-background-color: #f7d908;
  --ag-tab-selected-border-color: #343a45;
  --ag-tab-selected-border-width: 1px;
  --ag-tab-selected-text-color: #eceef2;
  --ag-tab-spacing: 0.25rem;
  --ag-tab-text-color: #eceef2;
  --ag-tab-top-padding: 0.25rem;
  --ag-text-color: #eceef2;
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-off-background-color: #86688A;
  --ag-toggle-button-off-border-color: #86688A;
  --ag-toggle-button-on-background-color: #86688A;
  --ag-toggle-button-on-border-color: #86688A;
  --ag-toggle-button-switch-background-color: #86688A;
  --ag-toggle-button-switch-border-color: #F4DA7B;
  --ag-toggle-button-switch-inset: 0.75rem;
  --ag-toggle-button-width: 28px;
  --ag-tool-panel-separator-border: #343a45;
  --ag-tooltip-background-color: #eceef2;
  --ag-tooltip-border: #343a45;
  --ag-tooltip-text-color: #17191D;
  --ag-value-change-delta-down-color: #500f1c;
  --ag-value-change-delta-up-color: #084F3C;
  --ag-value-change-value-highlight-background-color: #F4DA7B;
  --ag-widget-container-horizontal-padding: 0.75rem;
  --ag-widget-container-vertical-padding: 9px;
  --ag-widget-horizontal-spacing: 9px;
  --ag-widget-vertical-spacing: 6px;
  --ag-wrapper-border: #F4DA7B;
  --ag-wrapper-border-radius: 0;
  --ag-custom-row-backgound-grouplevel-1-color: #262a31;
  --ag-custom-row-backgound-grouplevel-2-color: #202329;
  --ag-custom-row-backgound-grouplevel-3-color: #17191D;
  --fab-radius-md: 8px;
  --fab-radius-focus-ring-md: 10px;
  --fab-focus-ring-offset: 2px;
  --fab-focus-ring-position: -2px;
  --fab-focus-ring-border-width: 4px;
  --shadows-dark-none-blur: 0;
  --shadows-dark-none-spread: 0;
  --shadows-dark-none-color: #000000;
  --shadows-dark-none-type: dropShadow;
  --shadows-dark-none-offset-x: 0;
  --shadows-dark-none-offset-y: 0;
  --shadows-dark-md-blur: 0;
  --shadows-dark-md-spread: 0;
  --shadows-dark-md-color: #000000;
  --shadows-dark-md-type: dropShadow;
  --shadows-dark-md-offset-x: 0;
  --shadows-dark-md-offset-y: 0;
  --shadows-dark-xl-blur: 0;
  --shadows-dark-xl-spread: 0;
  --shadows-dark-xl-color: #000000;
  --shadows-dark-xl-type: dropShadow;
  --shadows-dark-xl-offset-x: 0;
  --shadows-dark-xl-offset-y: 0;
  --shadows-dark-3xl-blur: 20px;
  --shadows-dark-3xl-spread: 5px;
  --shadows-dark-3xl-color: rgba(0,0,0,0.65);
  --shadows-dark-3xl-type: dropShadow;
  --shadows-dark-3xl-offset-x: 0;
  --shadows-dark-3xl-offset-y: -0;
  --shadows-light-none-blur: 0;
  --shadows-light-none-spread: 0;
  --shadows-light-none-color: #000000;
  --shadows-light-none-type: dropShadow;
  --shadows-light-none-offset-x: 0;
  --shadows-light-none-offset-y: 0;
  --shadows-light-md-1-blur: 6px;
  --shadows-light-md-1-spread: -1px;
  --shadows-light-md-1-color: rgba(0,0,0,0.1);
  --shadows-light-md-1-type: dropShadow;
  --shadows-light-md-1-offset-x: 0;
  --shadows-light-md-1-offset-y: 4px;
  --shadows-light-md-2-blur: 4px;
  --shadows-light-md-2-spread: -2px;
  --shadows-light-md-2-color: rgba(0,0,0,0.04);
  --shadows-light-md-2-type: dropShadow;
  --shadows-light-md-2-offset-x: 0;
  --shadows-light-md-2-offset-y: 2px;
  --shadows-light-xl-1-blur: 25px;
  --shadows-light-xl-1-spread: -5px;
  --shadows-light-xl-1-color: rgba(0,0,0,0.1);
  --shadows-light-xl-1-type: dropShadow;
  --shadows-light-xl-1-offset-x: 0;
  --shadows-light-xl-1-offset-y: 20px;
  --shadows-light-xl-2-blur: 10px;
  --shadows-light-xl-2-spread: 0;
  --shadows-light-xl-2-color: rgba(0,0,0,0.04);
  --shadows-light-xl-2-type: dropShadow;
  --shadows-light-xl-2-offset-x: 0;
  --shadows-light-xl-2-offset-y: 10px;
  --shadows-light-3xl-blur: 20px;
  --shadows-light-3xl-spread: 0;
  --shadows-light-3xl-color: rgba(0,0,0,0.65);
  --shadows-light-3xl-type: dropShadow;
  --shadows-light-3xl-offset-x: 0;
  --shadows-light-3xl-offset-y: -0;
  --mode-shadows-none-blur: 0;
  --mode-shadows-none-spread: 0;
  --mode-shadows-none-color: #000000;
  --mode-shadows-none-type: dropShadow;
  --mode-shadows-none-offset-x: 0;
  --mode-shadows-none-offset-y: 0;
  --mode-shadows-md-blur: 0;
  --mode-shadows-md-spread: 0;
  --mode-shadows-md-color: #000000;
  --mode-shadows-md-type: dropShadow;
  --mode-shadows-md-offset-x: 0;
  --mode-shadows-md-offset-y: 0;
  --mode-shadows-xl-blur: 0;
  --mode-shadows-xl-spread: 0;
  --mode-shadows-xl-color: #000000;
  --mode-shadows-xl-type: dropShadow;
  --mode-shadows-xl-offset-x: 0;
  --mode-shadows-xl-offset-y: 0;
  --mode-shadows-3xl-blur: 20px;
  --mode-shadows-3xl-spread: 5px;
  --mode-shadows-3xl-color: rgba(0,0,0,0.65);
  --mode-shadows-3xl-type: dropShadow;
  --mode-shadows-3xl-offset-x: 0;
  --mode-shadows-3xl-offset-y: -0;
  --brand-border-width-border-none-blur: 0;
  --brand-border-width-border-none-spread: 0;
  --brand-border-width-border-none-color: #000000;
  --brand-border-width-border-none-type: dropShadow;
  --brand-border-width-border-none-offset-x: 0;
  --brand-border-width-border-none-offset-y: 0;
  --brand-font-style-display-breakpoints-xs-to-m-xs-font-family: Rubik;
  --brand-font-style-display-breakpoints-xs-to-m-xs-font-weight: 500;
  --brand-font-style-display-breakpoints-xs-to-m-xs-font-size: 1.125rem;
  --brand-font-style-display-breakpoints-xs-to-m-xs-line-height: 22px;
  --brand-font-style-display-breakpoints-xs-to-m-xs-paragraph-spacing: 16px;
  --brand-font-style-display-breakpoints-xs-to-m-sm-font-family: Rubik;
  --brand-font-style-display-breakpoints-xs-to-m-sm-font-weight: 500;
  --brand-font-style-display-breakpoints-xs-to-m-sm-font-size: 1.25rem;
  --brand-font-style-display-breakpoints-xs-to-m-sm-line-height: 24px;
  --brand-font-style-display-breakpoints-xs-to-m-sm-paragraph-spacing: 24px;
  --brand-font-style-display-breakpoints-xs-to-m-md-font-family: Rubik;
  --brand-font-style-display-breakpoints-xs-to-m-md-font-weight: 500;
  --brand-font-style-display-breakpoints-xs-to-m-md-font-size: 1.75rem;
  --brand-font-style-display-breakpoints-xs-to-m-md-line-height: 38px;
  --brand-font-style-display-breakpoints-xs-to-m-md-paragraph-spacing: 2rem;
  --brand-font-style-display-breakpoint-l-xs-font-family: Rubik;
  --brand-font-style-display-breakpoint-l-xs-font-weight: 500;
  --brand-font-style-display-breakpoint-l-xs-font-size: 1.125rem;
  --brand-font-style-display-breakpoint-l-xs-line-height: 24px;
  --brand-font-style-display-breakpoint-l-xs-paragraph-spacing: 24px;
  --brand-font-style-display-breakpoint-l-sm-font-family: Rubik;
  --brand-font-style-display-breakpoint-l-sm-font-weight: 500;
  --brand-font-style-display-breakpoint-l-sm-font-size: 1.5rem;
  --brand-font-style-display-breakpoint-l-sm-line-height: 30px;
  --brand-font-style-display-breakpoint-l-sm-paragraph-spacing: 32px;
  --brand-font-style-display-breakpoint-l-md-font-family: Rubik;
  --brand-font-style-display-breakpoint-l-md-font-weight: 500;
  --brand-font-style-display-breakpoint-l-md-font-size: 3rem;
  --brand-font-style-display-breakpoint-l-md-line-height: 56px;
  --brand-font-style-display-breakpoint-l-md-paragraph-spacing: 40px;
  --brand-font-style-text-xs-default-font-family: Inter;
  --brand-font-style-text-xs-default-font-weight: 400;
  --brand-font-style-text-xs-default-font-size: 0.75rem;
  --brand-font-style-text-xs-default-line-height: 18px;
  --brand-font-style-text-xs-default-paragraph-spacing: 8px;
  --brand-font-style-text-xs-accent-font-family: Inter;
  --brand-font-style-text-xs-accent-font-weight: 400;
  --brand-font-style-text-xs-accent-font-size: 0.75rem;
  --brand-font-style-text-xs-accent-line-height: 18px;
  --brand-font-style-text-xs-accent-paragraph-spacing: 8px;
  --brand-font-style-text-xs-accent-font-style: italic;
  --brand-font-style-text-xs-stronger-font-family: Inter;
  --brand-font-style-text-xs-stronger-font-weight: 500;
  --brand-font-style-text-xs-stronger-font-size: 0.75rem;
  --brand-font-style-text-xs-stronger-line-height: 18px;
  --brand-font-style-text-xs-stronger-paragraph-spacing: 8px;
  --brand-font-style-text-xs-uppercase-stronger-font-family: Inter;
  --brand-font-style-text-xs-uppercase-stronger-font-weight: 500;
  --brand-font-style-text-xs-uppercase-stronger-font-size: 0.75rem;
  --brand-font-style-text-xs-uppercase-stronger-line-height: 18px;
  --brand-font-style-text-xs-uppercase-stronger-paragraph-spacing: 8px;
  --brand-font-style-text-xs-uppercase-stronger-text-case: Uppercase;
  --brand-font-style-text-xxs-default-font-family: Inter;
  --brand-font-style-text-xxs-default-font-weight: 400;
  --brand-font-style-text-xxs-default-font-size: 0.625rem;
  --brand-font-style-text-xxs-default-line-height: 14px;
  --brand-font-style-text-xxs-default-paragraph-spacing: 8px;
  --brand-font-style-text-sm-default-font-family: Inter;
  --brand-font-style-text-sm-default-font-weight: 400;
  --brand-font-style-text-sm-default-font-size: 0.875rem;
  --brand-font-style-text-sm-default-line-height: 22px;
  --brand-font-style-text-sm-default-paragraph-spacing: 8px;
  --brand-font-style-text-sm-accent-font-family: Inter;
  --brand-font-style-text-sm-accent-font-weight: 400;
  --brand-font-style-text-sm-accent-font-size: 0.875rem;
  --brand-font-style-text-sm-accent-line-height: 22px;
  --brand-font-style-text-sm-accent-paragraph-spacing: 8px;
  --brand-font-style-text-sm-accent-font-style: italic;
  --brand-font-style-text-sm-stronger-font-family: Inter;
  --brand-font-style-text-sm-stronger-font-weight: 500;
  --brand-font-style-text-sm-stronger-font-size: 0.875rem;
  --brand-font-style-text-sm-stronger-line-height: 22px;
  --brand-font-style-text-sm-stronger-paragraph-spacing: 8px;
  --brand-font-style-text-md-default-font-family: Inter;
  --brand-font-style-text-md-default-font-weight: 400;
  --brand-font-style-text-md-default-font-size: 1rem;
  --brand-font-style-text-md-default-line-height: 24px;
  --brand-font-style-text-md-default-paragraph-spacing: 12px;
  --brand-font-style-text-md-accent-font-family: Inter;
  --brand-font-style-text-md-accent-font-weight: 400;
  --brand-font-style-text-md-accent-font-size: 1rem;
  --brand-font-style-text-md-accent-line-height: 24px;
  --brand-font-style-text-md-accent-paragraph-spacing: 12px;
  --brand-font-style-text-md-accent-font-style: italic;
  --brand-font-style-text-md-stronger-font-family: Inter;
  --brand-font-style-text-md-stronger-font-weight: 500;
  --brand-font-style-text-md-stronger-font-size: 1rem;
  --brand-font-style-text-md-stronger-line-height: 24px;
  --brand-font-style-text-md-stronger-paragraph-spacing: 12px;
  --brand-font-style-text-lg-stronger-font-family: Inter;
  --brand-font-style-text-lg-stronger-font-weight: 700;
  --brand-font-style-text-lg-stronger-font-size: 1.125rem;
  --brand-font-style-text-lg-stronger-line-height: 24px;
  --brand-font-style-text-lg-stronger-paragraph-spacing: 16px;
  --brand-font-style-text-xl-stronger-font-family: Inter;
  --brand-font-style-text-xl-stronger-font-weight: 700;
  --brand-font-style-text-xl-stronger-font-size: 1.5rem;
  --brand-font-style-text-xl-stronger-line-height: 30px;
  --brand-font-style-text-xl-stronger-paragraph-spacing: 16px;
  --theme-shadows-none-blur: 0;
  --theme-shadows-none-spread: 0;
  --theme-shadows-none-color: #000000;
  --theme-shadows-none-type: dropShadow;
  --theme-shadows-none-offset-x: 0;
  --theme-shadows-none-offset-y: 0;
  --theme-shadows-md-blur: 0;
  --theme-shadows-md-spread: 0;
  --theme-shadows-md-color: #000000;
  --theme-shadows-md-type: dropShadow;
  --theme-shadows-md-offset-x: 0;
  --theme-shadows-md-offset-y: 0;
  --theme-shadows-xl-blur: 0;
  --theme-shadows-xl-spread: 0;
  --theme-shadows-xl-color: #000000;
  --theme-shadows-xl-type: dropShadow;
  --theme-shadows-xl-offset-x: 0;
  --theme-shadows-xl-offset-y: 0;
  --theme-shadows-3xl-blur: 20px;
  --theme-shadows-3xl-spread: 5px;
  --theme-shadows-3xl-color: rgba(0,0,0,0.65);
  --theme-shadows-3xl-type: dropShadow;
  --theme-shadows-3xl-offset-x: 0;
  --theme-shadows-3xl-offset-y: -0;
  --font-style-display-xs-font-family: Rubik;
  --font-style-display-xs-font-weight: 500;
  --font-style-display-xs-font-size: 1.125rem;
  --font-style-display-xs-line-height: 22px;
  --font-style-display-xs-paragraph-spacing: 16px;
  --font-style-display-sm-font-family: Rubik;
  --font-style-display-sm-font-weight: 500;
  --font-style-display-sm-font-size: 1.25rem;
  --font-style-display-sm-line-height: 24px;
  --font-style-display-sm-paragraph-spacing: 24px;
  --font-style-display-md-font-family: Rubik;
  --font-style-display-md-font-weight: 500;
  --font-style-display-md-font-size: 1.75rem;
  --font-style-display-md-line-height: 38px;
  --font-style-display-md-paragraph-spacing: 2rem;
  --font-style-text-xs-default-font-family: Inter;
  --font-style-text-xs-default-font-weight: 400;
  --font-style-text-xs-default-font-size: 0.75rem;
  --font-style-text-xs-default-line-height: 18px;
  --font-style-text-xs-default-paragraph-spacing: 8px;
  --font-style-text-xs-accent-font-family: Inter;
  --font-style-text-xs-accent-font-weight: 400;
  --font-style-text-xs-accent-font-size: 0.75rem;
  --font-style-text-xs-accent-line-height: 18px;
  --font-style-text-xs-accent-paragraph-spacing: 8px;
  --font-style-text-xs-accent-font-style: italic;
  --font-style-text-xs-stronger-font-family: Inter;
  --font-style-text-xs-stronger-font-weight: 500;
  --font-style-text-xs-stronger-font-size: 0.75rem;
  --font-style-text-xs-stronger-line-height: 18px;
  --font-style-text-xs-stronger-paragraph-spacing: 8px;
  --font-style-text-xs-uppercase-stronger-font-family: Inter;
  --font-style-text-xs-uppercase-stronger-font-weight: 500;
  --font-style-text-xs-uppercase-stronger-font-size: 0.75rem;
  --font-style-text-xs-uppercase-stronger-line-height: 18px;
  --font-style-text-xs-uppercase-stronger-paragraph-spacing: 8px;
  --font-style-text-xs-uppercase-stronger-text-case: Uppercase;
  --font-style-text-xxs-default-font-family: Inter;
  --font-style-text-xxs-default-font-weight: 400;
  --font-style-text-xxs-default-font-size: 0.625rem;
  --font-style-text-xxs-default-line-height: 14px;
  --font-style-text-xxs-default-paragraph-spacing: 8px;
  --font-style-text-sm-default-font-family: Inter;
  --font-style-text-sm-default-font-weight: 400;
  --font-style-text-sm-default-font-size: 0.875rem;
  --font-style-text-sm-default-line-height: 22px;
  --font-style-text-sm-default-paragraph-spacing: 8px;
  --font-style-text-sm-accent-font-family: Inter;
  --font-style-text-sm-accent-font-weight: 400;
  --font-style-text-sm-accent-font-size: 0.875rem;
  --font-style-text-sm-accent-line-height: 22px;
  --font-style-text-sm-accent-paragraph-spacing: 8px;
  --font-style-text-sm-accent-font-style: italic;
  --font-style-text-sm-stronger-font-family: Inter;
  --font-style-text-sm-stronger-font-weight: 500;
  --font-style-text-sm-stronger-font-size: 0.75rem;
  --font-style-text-sm-stronger-line-height: 18px;
  --font-style-text-sm-stronger-paragraph-spacing: 8px;
  --font-style-text-md-default-font-family: Inter;
  --font-style-text-md-default-font-weight: 400;
  --font-style-text-md-default-font-size: 1rem;
  --font-style-text-md-default-line-height: 24px;
  --font-style-text-md-default-paragraph-spacing: 12px;
  --font-style-text-md-accent-font-family: Inter;
  --font-style-text-md-accent-font-weight: 400;
  --font-style-text-md-accent-font-size: 1rem;
  --font-style-text-md-accent-line-height: 24px;
  --font-style-text-md-accent-paragraph-spacing: 12px;
  --font-style-text-md-accent-font-style: italic;
  --font-style-text-md-stronger-font-family: Inter;
  --font-style-text-md-stronger-font-weight: 500;
  --font-style-text-md-stronger-font-size: 1rem;
  --font-style-text-md-stronger-line-height: 24px;
  --font-style-text-md-stronger-paragraph-spacing: 12px;
  --font-style-text-lg-stronger-font-family: Inter;
  --font-style-text-lg-stronger-font-weight: 700;
  --font-style-text-lg-stronger-font-size: 1.125rem;
  --font-style-text-lg-stronger-line-height: 24px;
  --font-style-text-lg-stronger-paragraph-spacing: 16px;
  --font-style-text-xl-stronger-font-family: Inter;
  --font-style-text-xl-stronger-font-weight: 700;
  --font-style-text-xl-stronger-font-size: 1.5rem;
  --font-style-text-xl-stronger-line-height: 30px;
  --font-style-text-xl-stronger-paragraph-spacing: 16px;
  --button-size-md-min-height: 2.5rem;
  --button-size-md-border-radius: 8px;
  --button-size-md-horizontal-padding: 0.75rem;
  --button-size-md-item-spacing: 0.5rem;
  --button-size-md-vertical-padding: 0.5rem;
  --button-size-sm-min-height: 2rem;
  --button-size-sm-border-radius: 8px;
  --button-size-sm-horizontal-padding: 0.5rem;
  --button-size-sm-item-spacing: 0.5rem;
  --button-size-sm-vertical-padding: 0.25rem;
  --button-type-md-font-family: Inter;
  --button-type-md-font-weight: 500;
  --button-type-md-font-size: 1rem;
  --button-type-md-line-height: 24px;
  --button-type-sm-font-family: Inter;
  --button-type-sm-font-size: 0.875rem;
  --button-type-sm-line-height: 24px;
  --button-type-sm-font-weight: 500;
  --icon-button-size-md-height: 2.5rem;
  --icon-button-size-md-width: 2.5rem;
  --icon-button-size-md-border-radius: 8px;
  --icon-button-size-md-horizontal-padding: 0.75rem;
  --icon-button-size-md-item-spacing: 0.5rem;
  --icon-button-size-md-vertical-padding: 0.5rem;
  --icon-button-size-sm-height: 2rem;
  --icon-button-size-sm-width: 2rem;
  --icon-button-size-sm-border-radius: 8px;
  --icon-button-size-sm-horizontal-padding: 0.5rem;
  --icon-button-size-sm-item-spacing: 0.5rem;
  --icon-button-size-sm-vertical-padding: 0.25rem;
  --accordion-typography-md-title-font-family: Inter;
  --accordion-typography-md-title-font-weight: 500;
  --accordion-typography-md-title-font-size: 1rem;
  --accordion-typography-md-title-line-height: 24px;
  --accordion-typography-md-title-paragraph-spacing: 12px;
  --accordion-typography-md-subline-font-family: Inter;
  --accordion-typography-md-subline-font-weight: 400;
  --accordion-typography-md-subline-font-size: 1rem;
  --accordion-typography-md-subline-line-height: 24px;
  --accordion-typography-md-subline-paragraph-spacing: 12px;
  --accordion-typography-md-hint-font-family: Inter;
  --accordion-typography-md-hint-font-weight: 400;
  --accordion-typography-md-hint-font-size: 0.875rem;
  --accordion-typography-md-hint-line-height: 22px;
  --accordion-typography-md-hint-paragraph-spacing: 8px;
  --accordion-typography-sm-title-font-family: Inter;
  --accordion-typography-sm-title-font-weight: 400;
  --accordion-typography-sm-title-font-size: 0.875rem;
  --accordion-typography-sm-title-line-height: 22px;
  --accordion-typography-sm-title-paragraph-spacing: 8px;
  --accordion-typography-sm-subline-font-family: Inter;
  --accordion-typography-sm-subline-font-weight: 400;
  --accordion-typography-sm-subline-font-size: 0.875rem;
  --accordion-typography-sm-subline-line-height: 22px;
  --accordion-typography-sm-subline-paragraph-spacing: 8px;
  --accordion-typography-sm-hint-font-family: Inter;
  --accordion-typography-sm-hint-font-weight: 400;
  --accordion-typography-sm-hint-font-size: 0.875rem;
  --accordion-typography-sm-hint-line-height: 22px;
  --accordion-typography-sm-hint-paragraph-spacing: 8px;
  --draggable-list-shadow-1-blur: 6px;
  --draggable-list-shadow-1-spread: -1px;
  --draggable-list-shadow-1-color: rgba(0,0,0,0.1);
  --draggable-list-shadow-1-type: dropShadow;
  --draggable-list-shadow-1-offset-x: 0;
  --draggable-list-shadow-1-offset-y: 4px;
  --draggable-list-shadow-2-blur: 4px;
  --draggable-list-shadow-2-spread: -2px;
  --draggable-list-shadow-2-color: rgba(0,0,0,0.04);
  --draggable-list-shadow-2-type: dropShadow;
  --draggable-list-shadow-2-offset-x: 0;
  --draggable-list-shadow-2-offset-y: 2px;
  --draggable-list-single-space-single-horizontal-padding: 8px;
  --draggable-list-single-space-single-vertical-padding: 4px;
  --draggable-list-single-space-single-item-spacing: 4px;
  --draggable-list-group-space-header-padding-left: 8px;
  --draggable-list-group-space-header-padding-right: 24px;
  --draggable-list-group-space-header-vertical-padding: 4px;
  --draggable-list-group-space-header-item-spacing: 4px;
  --draggable-list-group-space-content-horizontal-padding: 16px;
  --draggable-list-group-space-content-padding-top: 16px;
  --draggable-list-group-space-content-padding-bottom: 24px;
  --dropdown-space-list-item-sm-horizontal-padding: 8px;
  --dropdown-space-list-item-sm-vertical-padding: 8px;
  --dropdown-space-list-item-sm-spacing: 8px;
  --dropdown-space-list-item-sm-min-height: 48px;
  --dropdown-space-list-item-md-horizontal-padding: 12px;
  --dropdown-space-list-item-md-vertical-padding: 8px;
  --dropdown-space-list-item-md-spacing: 8px;
  --dropdown-space-list-item-md-min-height: 48px;
  --dropdown-shadow-blur: 0;
  --dropdown-shadow-spread: 0;
  --dropdown-shadow-color: #000000;
  --dropdown-shadow-type: dropShadow;
  --dropdown-shadow-offset-x: 0;
  --dropdown-shadow-offset-y: 0;
  --form-typography-label-sm-font-family: Inter;
  --form-typography-label-sm-font-weight: 400;
  --form-typography-label-sm-font-size: 0.875rem;
  --form-typography-label-sm-line-height: 22px;
  --form-typography-label-sm-paragraph-spacing: 8px;
  --form-typography-label-md-font-family: Inter;
  --form-typography-label-md-font-weight: 400;
  --form-typography-label-md-font-size: 1rem;
  --form-typography-label-md-line-height: 24px;
  --form-typography-label-md-paragraph-spacing: 12px;
  --form-typography-hint-font-family: Inter;
  --form-typography-hint-font-weight: 400;
  --form-typography-hint-font-size: 0.875rem;
  --form-typography-hint-line-height: 22px;
  --form-typography-hint-paragraph-spacing: 8px;
  --form-typography-error-message-font-family: Inter;
  --form-typography-error-message-font-weight: 400;
  --form-typography-error-message-font-size: 0.875rem;
  --form-typography-error-message-line-height: 22px;
  --form-typography-error-message-paragraph-spacing: 8px;
  --form-typography-input-text-font-family: Inter;
  --form-typography-input-text-font-weight: 400;
  --form-typography-input-text-font-size: 0.875rem;
  --form-typography-input-text-line-height: 22px;
  --form-typography-input-text-paragraph-spacing: 8px;
  --form-typography-placeholder-font-family: Inter;
  --form-typography-placeholder-font-weight: 400;
  --form-typography-placeholder-font-size: 0.875rem;
  --form-typography-placeholder-line-height: 22px;
  --form-typography-placeholder-paragraph-spacing: 8px;
  --pill-button-type-sm-default-font-family: Inter;
  --pill-button-type-sm-default-font-weight: 400;
  --pill-button-type-sm-default-font-size: 0.75rem;
  --pill-button-type-sm-default-line-height: 18px;
  --pill-button-type-sm-default-paragraph-spacing: 8px;
  --pill-button-type-md-default-font-family: Inter;
  --pill-button-type-md-default-font-weight: 400;
  --pill-button-type-md-default-font-size: 0.875rem;
  --pill-button-type-md-default-line-height: 22px;
  --pill-button-type-md-default-paragraph-spacing: 8px;
  --table-size-header-cell-md-min-height: 0.625rem;
  --table-size-header-cell-md-vertical-padding: 0.75rem;
  --table-size-header-cell-md-horizontal-padding: 0.5rem;
  --table-size-header-cell-md-item-spacing: 0.5rem;
  --table-size-cell-group-title-md-min-height: 0.75rem;
  --table-size-cell-group-title-md-vertical-padding: 0.25rem;
  --table-size-cell-group-title-md-horizontal-padding: 0;
  --table-size-cell-group-title-md-item-spacing: 0.75rem;
  --table-size-cell-md-min-height: 0.75rem;
  --table-size-cell-md-vertical-padding: 0.25rem;
  --table-size-cell-md-horizontal-padding: 0.75rem;
  --table-size-cell-md-item-spacing: 0.75rem;
  --tab-type-default-font-family: Inter;
  --tab-type-default-font-weight: 400;
  --tab-type-default-font-size: 0.75rem;
  --tab-type-default-line-height: 18px;
  --tab-type-default-paragraph-spacing: 8px;
  --ag-card-shadow-blur: 0;
  --ag-card-shadow-spread: 0;
  --ag-card-shadow-color: #000000;
  --ag-card-shadow-type: dropShadow;
  --ag-card-shadow-offset-x: 0;
  --ag-card-shadow-offset-y: 0;
  --ag-dialog-shadow-blur: 0;
  --ag-dialog-shadow-spread: 0;
  --ag-dialog-shadow-color: #000000;
  --ag-dialog-shadow-type: dropShadow;
  --ag-dialog-shadow-offset-x: 0;
  --ag-dialog-shadow-offset-y: 0;
  --ag-drag-and-drop-image-shadow-blur: 0;
  --ag-drag-and-drop-image-shadow-spread: 0;
  --ag-drag-and-drop-image-shadow-color: #000000;
  --ag-drag-and-drop-image-shadow-type: dropShadow;
  --ag-drag-and-drop-image-shadow-offset-x: 0;
  --ag-drag-and-drop-image-shadow-offset-y: 0;
  --ag-dropdown-shadow-blur: 0;
  --ag-dropdown-shadow-spread: 0;
  --ag-dropdown-shadow-color: #000000;
  --ag-dropdown-shadow-type: dropShadow;
  --ag-dropdown-shadow-offset-x: 0;
  --ag-dropdown-shadow-offset-y: 0;
  --ag-header-row-border-style: solid;
  --ag-header-row-border-width: 1px;
  --ag-header-row-border-color: #343a45;
  --ag-input-focus-box-shadow-blur: 0;
  --ag-input-focus-box-shadow-spread: 0;
  --ag-input-focus-box-shadow-color: #000000;
  --ag-input-focus-box-shadow-type: dropShadow;
  --ag-input-focus-box-shadow-offset-x: 0;
  --ag-input-focus-box-shadow-offset-y: 0;
  --ag-menu-border-width: 1px;
  --ag-menu-border-style: solid;
  --ag-menu-border-color: #343a45;
  --ag-menu-shadow-blur: 0;
  --ag-menu-shadow-spread: 0;
  --ag-menu-shadow-color: #000000;
  --ag-menu-shadow-type: dropShadow;
  --ag-menu-shadow-offset-x: 0;
  --ag-menu-shadow-offset-y: 0;
  --ag-popup-shadow-blur: 0;
  --ag-popup-shadow-spread: 0;
  --ag-popup-shadow-color: #000000;
  --ag-popup-shadow-type: dropShadow;
  --ag-popup-shadow-offset-x: 0;
  --ag-popup-shadow-offset-y: 0;
  --ag-side-panel-border-width: 1px;
  --ag-side-panel-border-color: #343a45;
  --ag-side-panel-border-style: solid;
  --ag-custom-pinned-cols-shadow-blur: 0;
  --ag-custom-pinned-cols-shadow-spread: 0;
  --ag-custom-pinned-cols-shadow-color: #000000;
  --ag-custom-pinned-cols-shadow-type: dropShadow;
  --ag-custom-pinned-cols-shadow-offset-x: 0;
  --ag-custom-pinned-cols-shadow-offset-y: 0;
  --fab-size-md-min-height: 2.5rem;
  --fab-size-md-border-radius: 8px;
  --fab-size-md-horizontal-padding: 0.75rem;
  --fab-size-md-item-spacing: 0.5rem;
  --fab-size-md-vertical-padding: 0.5rem;
  --fab-shadow-blur: 0;
  --fab-shadow-spread: 0;
  --fab-shadow-color: #000000;
  --fab-shadow-type: dropShadow;
  --fab-shadow-offset-x: 0;
  --fab-shadow-offset-y: 0;
}
}


@media (width >= 1280px){


/**
 * Do not edit directly, this file was auto-generated.
 */


:root.supplyx:not(.dark),
:root.supplyx .light,
:root.supplyx:not(.dark) .dark .revert-colors
 {
 /**
  * @tokens Colors
  * @presenter Color
  */

  --colors-gray-light-25: #fcfcfd;
  --colors-gray-light-50: #f9f9fb;
  --colors-gray-light-100: #eff0f3;
  --colors-gray-light-200: #e7e8ec;
  --colors-gray-light-300: #e0e1e6;
  --colors-gray-light-400: #d8d9e0;
  --colors-gray-light-500: #cdced7;
  --colors-gray-light-600: #b9bbc6;
  --colors-gray-light-700: #8b8d98;
  --colors-gray-light-800: #80828d;
  --colors-gray-light-900: #62636c;
  --colors-gray-light-950: #1e1f24;
  --colors-gray-light-alpha-25: #00005503;
  --colors-gray-light-alpha-50: #00005506;
  --colors-gray-light-alpha-100: #00104010;
  --colors-gray-light-alpha-200: #000b3618;
  --colors-gray-light-alpha-300: #0009321f;
  --colors-gray-light-alpha-400: #00073527;
  --colors-gray-light-alpha-500: #00063332;
  --colors-gray-light-alpha-600: #00083046;
  --colors-gray-light-alpha-700: #00051d74;
  --colors-gray-light-alpha-800: #00051b7f;
  --colors-gray-light-alpha-900: #0002119d;
  --colors-gray-light-alpha-950: #000107e1;
  --colors-gray-dark-25: #101216;
  --colors-gray-dark-50: #17191D;
  --colors-gray-dark-100: #202329;
  --colors-gray-dark-200: #262a31;
  --colors-gray-dark-300: #2c313a;
  --colors-gray-dark-400: #343a45;
  --colors-gray-dark-500: #404755;
  --colors-gray-dark-600: #576174;
  --colors-gray-dark-700: #646e81;
  --colors-gray-dark-800: #727b8e;
  --colors-gray-dark-900: #acb4c2;
  --colors-gray-dark-950: #eceef2;
  --colors-gray-dark-alpha-25: #0013df05;
  --colors-gray-dark-alpha-50: #7da7fc0c;
  --colors-gray-dark-alpha-100: #a1c0fd19;
  --colors-gray-dark-alpha-200: #a8c6fb22;
  --colors-gray-dark-alpha-300: #a9c6fa2c;
  --colors-gray-dark-alpha-400: #b0ccff37;
  --colors-gray-dark-alpha-500: #b3ccfd49;
  --colors-gray-dark-alpha-600: #b8d0fd6a;
  --colors-gray-dark-alpha-700: #c0d5fd78;
  --colors-gray-dark-alpha-800: #c8d9fe86;
  --colors-gray-dark-alpha-900: #e0ebfebe;
  --colors-gray-dark-alpha-950: #f8fafef2;
  --colors-red-light-50: #fff7f7;
  --colors-red-light-100: #feebec;
  --colors-red-light-200: #ffdbdc;
  --colors-red-light-300: #ffcdce;
  --colors-red-light-400: #fdbdbe;
  --colors-red-light-500: #f4a9aa;
  --colors-red-light-600: #eb8e90;
  --colors-red-light-700: #C5504D;
  --colors-red-light-800: #B62521;
  --colors-red-light-900: #971F1C;
  --colors-red-light-950: #641723;
  --colors-red-dark-50: #201314;
  --colors-red-dark-100: #3b1219;
  --colors-red-dark-200: #500f1c;
  --colors-red-dark-300: #611623;
  --colors-red-dark-400: #72232d;
  --colors-red-dark-500: #8c333a;
  --colors-red-dark-600: #b54548;
  --colors-red-dark-700: #C5504D;
  --colors-red-dark-800: #D97674;
  --colors-red-dark-900: #E6A4A2;
  --colors-red-dark-950: #ffd1d9;
  --colors-green-light-50: #F3FAF8;
  --colors-green-light-100: #E7F5F0;
  --colors-green-light-200: #CFECE2;
  --colors-green-light-300: #9FD9C5;
  --colors-green-light-400: #6EC5A8;
  --colors-green-light-500: #3EB28B;
  --colors-green-light-600: #0E9F6E;
  --colors-green-light-700: #0C835B;
  --colors-green-light-800: #03543F;
  --colors-green-light-900: #023B2C;
  --colors-green-light-950: #01271E;
  --colors-green-dark-50: #02271D;
  --colors-green-dark-100: #083529;
  --colors-green-dark-200: #084F3C;
  --colors-green-dark-300: #137C58;
  --colors-green-dark-400: #14996C;
  --colors-green-dark-500: #43AD89;
  --colors-green-dark-600: #73C0A6;
  --colors-green-dark-700: #A5D3C3;
  --colors-green-dark-800: #D1EAE1;
  --colors-green-dark-900: #E8F4F0;
  --colors-green-dark-950: #F3FAF8;
  --colors-yellow-light-50: #FEFBF0;
  --colors-yellow-light-100: #FDF2C9;
  --colors-yellow-light-200: #FBE79D;
  --colors-yellow-light-300: #FCDE6E;
  --colors-yellow-light-400: #FBD546;
  --colors-yellow-light-500: #FACA15;
  --colors-yellow-light-600: #D6A100;
  --colors-yellow-light-700: #C27803;
  --colors-yellow-light-800: #9E6206;
  --colors-yellow-light-900: #733D0D;
  --colors-yellow-light-950: #452408;
  --colors-yellow-dark-50: #3D250F;
  --colors-yellow-dark-100: #6C3D13;
  --colors-yellow-dark-200: #96600E;
  --colors-yellow-dark-300: #B37512;
  --colors-yellow-dark-400: #CB9C10;
  --colors-yellow-dark-500: #EEC321;
  --colors-yellow-dark-600: #F2D04D;
  --colors-yellow-dark-700: #F4DA7B;
  --colors-yellow-dark-800: #F8E7A6;
  --colors-yellow-dark-900: #F9F1D5;
  --colors-yellow-dark-950: #FEFCF4;
  --colors-blue-light-50: #EFF6FF;
  --colors-blue-light-100: #DBEAFE;
  --colors-blue-light-200: #BFDBFE;
  --colors-blue-light-300: #93C5FD;
  --colors-blue-light-400: #60A5FA;
  --colors-blue-light-500: #3B82F6;
  --colors-blue-light-600: #2563EB;
  --colors-blue-light-700: #1D4ED8;
  --colors-blue-light-800: #1E40AF;
  --colors-blue-light-900: #1E3A8A;
  --colors-blue-light-950: #172554;
  --colors-blue-light-alpha-50: #EFF6FF08;
  --colors-blue-light-alpha-100: #DBEAFE26;
  --colors-blue-light-alpha-200: #BFDBFE26;
  --colors-blue-light-alpha-300: #93C5FD4D;
  --colors-blue-light-alpha-400: #60A5FA66;
  --colors-blue-light-alpha-500: #3B82F680;
  --colors-blue-light-alpha-600: #2563EB99;
  --colors-blue-light-alpha-700: #1D4ED8B3;
  --colors-blue-light-alpha-800: #1E40AFCC;
  --colors-blue-light-alpha-900: #1E3A8AE6;
  --colors-blue-light-alpha-950: #172554F2;
  --colors-blue-dark-50: #172554;
  --colors-blue-dark-100: #1E3A8A;
  --colors-blue-dark-200: #1E40AF;
  --colors-blue-dark-300: #1D4ED8;
  --colors-blue-dark-400: #2563EB;
  --colors-blue-dark-500: #3B82F6;
  --colors-blue-dark-600: #60A5FA;
  --colors-blue-dark-700: #93C5FD;
  --colors-blue-dark-800: #BFDBFE;
  --colors-blue-dark-900: #DBEAFE;
  --colors-blue-dark-950: #EFF6FF;
  --colors-blue-dark-alpha-50: #17255408;
  --colors-blue-dark-alpha-100: #1E3A8A0D;
  --colors-blue-dark-alpha-200: #1E40AF26;
  --colors-blue-dark-alpha-300: #1D4ED84D;
  --colors-blue-dark-alpha-400: #2563EB66;
  --colors-blue-dark-alpha-500: #3B82F680;
  --colors-blue-dark-alpha-600: #60A5FA99;
  --colors-blue-dark-alpha-700: #93C5FDB3;
  --colors-blue-dark-alpha-800: #BFDBFECC;
  --colors-blue-dark-alpha-900: #DBEAFEE6;
  --colors-blue-dark-alpha-950: #EFF6FFF2;
  --colors-black-white-light-min: #ffffff;
  --colors-black-white-light-max: #000;
  --colors-black-white-dark-min: #000;
  --colors-black-white-dark-max: #ffffff;
  --colors-mystic-violet-light-50: #F6F3F7;
  --colors-mystic-violet-light-100: #EDE7EE;
  --colors-mystic-violet-light-200: #DCD0DE;
  --colors-mystic-violet-light-300: #CAB8CD;
  --colors-mystic-violet-light-400: #A789AB;
  --colors-mystic-violet-light-500: #96719B;
  --colors-mystic-violet-light-600: #845A8A;
  --colors-mystic-violet-light-700: #501358;
  --colors-mystic-violet-light-800: #65296d;
  --colors-mystic-violet-light-900: #8b4d93;
  --colors-mystic-violet-light-950: #54185c;
  --colors-mystic-violet-light-a: #5013581F; /** Primary color alpha value */
  --colors-mystic-violet-dark-50: #2E1631;
  --colors-mystic-violet-dark-100: #461E4B;
  --colors-mystic-violet-dark-200: #522558;
  --colors-mystic-violet-dark-300: #6C4771;
  --colors-mystic-violet-dark-400: #86688A;
  --colors-mystic-violet-dark-500: #97799B;
  --colors-mystic-violet-dark-600: #A890AB;
  --colors-mystic-violet-dark-700: #CBBDCD;
  --colors-mystic-violet-dark-800: #DCD3DE;
  --colors-mystic-violet-dark-900: #EDE9EE;
  --colors-mystic-violet-dark-950: #F6F2F7;
  --colors-mystic-violet-dark-a: #5013581F; /** Primary color alpha value */
  --colors-vibrant-yellow-dark-50: #1a180f;
  --colors-vibrant-yellow-dark-100: #2a2404;
  --colors-vibrant-yellow-dark-200: #362c00;
  --colors-vibrant-yellow-dark-300: #423600;
  --colors-vibrant-yellow-dark-400: #4f4400;
  --colors-vibrant-yellow-dark-500: #62560f;
  --colors-vibrant-yellow-dark-600: #7c6e17;
  --colors-vibrant-yellow-dark-700: #f7d908;
  --colors-vibrant-yellow-dark-800: #edcf00;
  --colors-vibrant-yellow-dark-900: #f9db13;
  --colors-vibrant-yellow-dark-950: #f8edaf;
  --colors-vibrant-yellow-dark-a: #fec30034; /** Primary color alpha value */
  --colors-vibrant-yellow-light-50: #FFFCEB;
  --colors-vibrant-yellow-light-100: #FFF8C7;
  --colors-vibrant-yellow-light-200: #FFF299;
  --colors-vibrant-yellow-light-300: #FFEC6B;
  --colors-vibrant-yellow-light-400: #FFE638;
  --colors-vibrant-yellow-light-500: #FFDF00;
  --colors-vibrant-yellow-light-600: #F0CC00;
  --colors-vibrant-yellow-light-700: #C2A500;
  --colors-vibrant-yellow-light-800: #8F7900;
  --colors-vibrant-yellow-light-900: #473D00;
  --colors-vibrant-yellow-light-950: #2E2700;
  --colors-vibrant-yellow-light-a: #fec30034; /** Primary color alpha value */
  --colors-westwing-gray-light-50: #f9f9fa;
  --colors-westwing-gray-light-100: #f0f0f1;
  --colors-westwing-gray-light-200: #e8e8ea;
  --colors-westwing-gray-light-300: #e1e1e3;
  --colors-westwing-gray-light-400: #d9dadc;
  --colors-westwing-gray-light-500: #ceced2;
  --colors-westwing-gray-light-600: #bbbbbf;
  --colors-westwing-gray-light-700: #1d1d1f;
  --colors-westwing-gray-light-800: #333335;
  --colors-westwing-gray-light-900: #646467;
  --colors-westwing-gray-light-950: #1f1f21;
  --colors-westwing-gray-light-a: #0000111e; /** Primary color alpha value */
  --colors-westwing-gray-dark-50: #19191b;
  --colors-westwing-gray-dark-100: #232325;
  --colors-westwing-gray-dark-200: #2a2a2d;
  --colors-westwing-gray-dark-300: #313134;
  --colors-westwing-gray-dark-400: #3a3a3d;
  --colors-westwing-gray-dark-500: #48484b;
  --colors-westwing-gray-dark-600: #606064;
  --colors-westwing-gray-dark-700: #6e6e72;
  --colors-westwing-gray-dark-800: #616165;
  --colors-westwing-gray-dark-900: #b4b4b8;
  --colors-westwing-gray-dark-950: #eeeef0;
  --colors-westwing-gray-dark-a: #0000111e; /** Primary color alpha value */
  --colors-bonprix-blue-dark-50: #121823;
  --colors-bonprix-blue-dark-100: #172642;
  --colors-bonprix-blue-dark-200: #1b3159;
  --colors-bonprix-blue-dark-300: #243d6a;
  --colors-bonprix-blue-dark-400: #2e497a;
  --colors-bonprix-blue-dark-500: #39578e;
  --colors-bonprix-blue-dark-600: #4467a8;
  --colors-bonprix-blue-dark-700: #89aded;
  --colors-bonprix-blue-dark-800: #7ea2e1;
  --colors-bonprix-blue-dark-900: #91b6f6;
  --colors-bonprix-blue-dark-950: #d4e2fa;
  --colors-bonprix-blue-dark-a: #367dfd4a; /** Primary color alpha value */
  --colors-bonprix-blue-light-50: #f7f9fe;
  --colors-bonprix-blue-light-100: #ecf2fd;
  --colors-bonprix-blue-light-200: #dfeaff;
  --colors-bonprix-blue-light-300: #cfe0fe;
  --colors-bonprix-blue-light-400: #bcd3fc;
  --colors-bonprix-blue-light-500: #a5c1f2;
  --colors-bonprix-blue-light-600: #85a8e8;
  --colors-bonprix-blue-light-700: #89aded;
  --colors-bonprix-blue-light-800: #7ea2e1;
  --colors-bonprix-blue-light-900: #4868a3;
  --colors-bonprix-blue-light-950: #1a3059;
  --colors-bonprix-blue-light-a: #0058ff20; /** Primary color alpha value */
  --colors-transparent: #FFFFFF00;
  --colors-bonprix-gray-light-50: #f8f9f9;
  --colors-bonprix-gray-light-100: #f0f0f0;
  --colors-bonprix-gray-light-200: #e8e8e9;
  --colors-bonprix-gray-light-300: #e1e1e1;
  --colors-bonprix-gray-light-400: #d9d9da;
  --colors-bonprix-gray-light-500: #cececf;
  --colors-bonprix-gray-light-600: #bbbbbc;
  --colors-bonprix-gray-light-700: #000;
  --colors-bonprix-gray-light-800: #2d2e2f;
  --colors-bonprix-gray-light-900: #636464;
  --colors-bonprix-gray-light-950: #1f1f20;
  --colors-bonprix-gray-light-a: #00000c17; /** Primary color alpha value */
  --colors-bonprix-gray-dark-50: #17191e;
  --colors-bonprix-gray-dark-100: #1f2329;
  --colors-bonprix-gray-dark-200: #262a30;
  --colors-bonprix-gray-dark-300: #2d3138;
  --colors-bonprix-gray-dark-400: #363a41;
  --colors-bonprix-gray-dark-500: #43474e;
  --colors-bonprix-gray-dark-600: #5d6068;
  --colors-bonprix-gray-dark-700: #6a6e76;
  --colors-bonprix-gray-dark-800: #5d6068;
  --colors-bonprix-gray-dark-900: #afb4bc;
  --colors-bonprix-gray-dark-950: #eceef2;
  --colors-bonprix-gray-dark-a: #d2e6fb1d; /** Primary color alpha value */
  --colors-westwing-green-light-50: #f4faf9;
  --colors-westwing-green-light-100: #e4f7f2;
  --colors-westwing-green-light-200: #d4f1e9;
  --colors-westwing-green-light-300: #c2e8de;
  --colors-westwing-green-light-400: #aedbcf;
  --colors-westwing-green-light-500: #93cabc;
  --colors-westwing-green-light-600: #6cb5a4;
  --colors-westwing-green-light-700: #48a18e;
  --colors-westwing-green-light-800: #3e9482;
  --colors-westwing-green-light-900: #1b7c6b;
  --colors-westwing-green-light-950: #1d3b34;
  --colors-westwing-green-light-a: #73fbde2d;
  --colors-westwing-green-dark-50: #141a18;
  --colors-westwing-green-dark-100: #192724;
  --colors-westwing-green-dark-200: #1c322c;
  --colors-westwing-green-dark-300: #233b36;
  --colors-westwing-green-dark-400: #2d4741;
  --colors-westwing-green-dark-500: #395750;
  --colors-westwing-green-dark-600: #4a6f66;
  --colors-westwing-green-dark-700: #8ec5b7;
  --colors-westwing-green-dark-800: #8fb7ac;
  --colors-westwing-green-dark-900: #8dc4b6;
  --colors-westwing-green-dark-950: #d9f2eb;
  --colors-westwing-green-dark-a: #73fbde2d; /** Primary color alpha value */
  --mode-colors-gray-25: #fcfcfd;
  --mode-colors-gray-50: #f9f9fb;
  --mode-colors-gray-100: #eff0f3;
  --mode-colors-gray-200: #e7e8ec;
  --mode-colors-gray-300: #e0e1e6;
  --mode-colors-gray-400: #d8d9e0;
  --mode-colors-gray-500: #cdced7;
  --mode-colors-gray-600: #b9bbc6;
  --mode-colors-gray-700: #8b8d98;
  --mode-colors-gray-800: #80828d;
  --mode-colors-gray-900: #62636c;
  --mode-colors-gray-950: #1e1f24;
  --mode-colors-gray-min: #ffffff;
  --mode-colors-gray-max: #000;
  --mode-colors-gray-alpha-25: #00005503;
  --mode-colors-gray-alpha-50: #00005506;
  --mode-colors-gray-alpha-100: #00104010;
  --mode-colors-gray-alpha-200: #000b3618;
  --mode-colors-gray-alpha-300: #0009321f;
  --mode-colors-gray-alpha-400: #00073527;
  --mode-colors-gray-alpha-500: #00063332;
  --mode-colors-gray-alpha-600: #00083046;
  --mode-colors-gray-alpha-700: #00051d74;
  --mode-colors-gray-alpha-800: #00051b7f;
  --mode-colors-gray-alpha-900: #0002119d;
  --mode-colors-gray-alpha-950: #000107e1;
  --mode-colors-green-50: #F3FAF8;
  --mode-colors-green-100: #E7F5F0;
  --mode-colors-green-200: #CFECE2;
  --mode-colors-green-300: #9FD9C5;
  --mode-colors-green-400: #6EC5A8;
  --mode-colors-green-500: #3EB28B;
  --mode-colors-green-600: #0E9F6E;
  --mode-colors-green-700: #0C835B;
  --mode-colors-green-800: #03543F;
  --mode-colors-green-900: #023B2C;
  --mode-colors-green-950: #01271E;
  --mode-colors-yellow-50: #FEFBF0;
  --mode-colors-yellow-100: #FDF2C9;
  --mode-colors-yellow-200: #FBE79D;
  --mode-colors-yellow-300: #FCDE6E;
  --mode-colors-yellow-400: #FBD546;
  --mode-colors-yellow-500: #FACA15;
  --mode-colors-yellow-600: #D6A100;
  --mode-colors-yellow-700: #C27803;
  --mode-colors-yellow-800: #9E6206;
  --mode-colors-yellow-900: #733D0D;
  --mode-colors-yellow-950: #452408;
  --mode-colors-red-50: #fff7f7;
  --mode-colors-red-100: #feebec;
  --mode-colors-red-200: #ffdbdc;
  --mode-colors-red-300: #ffcdce;
  --mode-colors-red-400: #fdbdbe;
  --mode-colors-red-500: #f4a9aa;
  --mode-colors-red-600: #eb8e90;
  --mode-colors-red-700: #C5504D;
  --mode-colors-red-800: #B62521;
  --mode-colors-red-900: #971F1C;
  --mode-colors-red-950: #641723;
  --mode-colors-blue-50: #EFF6FF;
  --mode-colors-blue-100: #DBEAFE;
  --mode-colors-blue-200: #BFDBFE;
  --mode-colors-blue-300: #93C5FD;
  --mode-colors-blue-400: #60A5FA;
  --mode-colors-blue-500: #3B82F6;
  --mode-colors-blue-600: #2563EB;
  --mode-colors-blue-700: #1D4ED8;
  --mode-colors-blue-800: #1E40AF;
  --mode-colors-blue-900: #1E3A8A;
  --mode-colors-blue-950: #172554;
  --mode-colors-blue-alpha-50: #EFF6FF08;
  --mode-colors-blue-alpha-100: #DBEAFE26;
  --mode-colors-blue-alpha-200: #BFDBFE26;
  --mode-colors-blue-alpha-300: #93C5FD4D;
  --mode-colors-blue-alpha-400: #60A5FA66;
  --mode-colors-blue-alpha-500: #3B82F680;
  --mode-colors-blue-alpha-600: #2563EB99;
  --mode-colors-blue-alpha-700: #1D4ED8B3;
  --mode-colors-blue-alpha-800: #1E40AFCC;
  --mode-colors-blue-alpha-900: #1E3A8AE6;
  --mode-colors-blue-alpha-950: #172554F2;
  --mode-colors-supplx-secondary-50: #FFFCEB;
  --mode-colors-supplx-secondary-100: #FFF8C7;
  --mode-colors-supplx-secondary-200: #FFF299;
  --mode-colors-supplx-secondary-300: #FFEC6B;
  --mode-colors-supplx-secondary-400: #FFE638;
  --mode-colors-supplx-secondary-500: #FFDF00;
  --mode-colors-supplx-secondary-600: #F0CC00;
  --mode-colors-supplx-secondary-700: #C2A500;
  --mode-colors-supplx-secondary-800: #8F7900;
  --mode-colors-supplx-secondary-900: #473D00;
  --mode-colors-supplx-secondary-950: #2E2700;
  --mode-colors-supplx-secondary-a: #fec30034;
  --mode-colors-supplx-primary-50: #F6F3F7;
  --mode-colors-supplx-primary-100: #EDE7EE;
  --mode-colors-supplx-primary-200: #DCD0DE;
  --mode-colors-supplx-primary-300: #CAB8CD;
  --mode-colors-supplx-primary-400: #A789AB;
  --mode-colors-supplx-primary-500: #96719B;
  --mode-colors-supplx-primary-600: #845A8A;
  --mode-colors-supplx-primary-700: #501358;
  --mode-colors-supplx-primary-800: #65296d;
  --mode-colors-supplx-primary-900: #8b4d93;
  --mode-colors-supplx-primary-950: #54185c;
  --mode-colors-supplx-primary-a: #5013581F;
  --mode-colors-bonprix-primary-50: #f9f9fa;
  --mode-colors-bonprix-primary-100: #f0f0f1;
  --mode-colors-bonprix-primary-200: #e8e8ea;
  --mode-colors-bonprix-primary-300: #e1e1e3;
  --mode-colors-bonprix-primary-400: #d9dadc;
  --mode-colors-bonprix-primary-500: #ceced2;
  --mode-colors-bonprix-primary-600: #bbbbbf;
  --mode-colors-bonprix-primary-700: #1d1d1f;
  --mode-colors-bonprix-primary-800: #333335;
  --mode-colors-bonprix-primary-900: #646467;
  --mode-colors-bonprix-primary-950: #1f1f21;
  --mode-colors-bonprix-primary-a: #0000111e;
  --mode-colors-bonprix-secondary-50: #f7f9fe;
  --mode-colors-bonprix-secondary-100: #ecf2fd;
  --mode-colors-bonprix-secondary-200: #dfeaff;
  --mode-colors-bonprix-secondary-300: #cfe0fe;
  --mode-colors-bonprix-secondary-400: #bcd3fc;
  --mode-colors-bonprix-secondary-500: #a5c1f2;
  --mode-colors-bonprix-secondary-600: #85a8e8;
  --mode-colors-bonprix-secondary-700: #89aded;
  --mode-colors-bonprix-secondary-800: #7ea2e1;
  --mode-colors-bonprix-secondary-900: #4868a3;
  --mode-colors-bonprix-secondary-950: #1a3059;
  --mode-colors-transparent: #FFFFFF00;
  --mode-colors-westwing-primary-50: #f9f9fa;
  --mode-colors-westwing-primary-100: #f0f0f1;
  --mode-colors-westwing-primary-200: #e8e8ea;
  --mode-colors-westwing-primary-300: #e1e1e3;
  --mode-colors-westwing-primary-400: #d9dadc;
  --mode-colors-westwing-primary-500: #ceced2;
  --mode-colors-westwing-primary-600: #bbbbbf;
  --mode-colors-westwing-primary-700: #1d1d1f;
  --mode-colors-westwing-primary-800: #333335;
  --mode-colors-westwing-primary-900: #646467;
  --mode-colors-westwing-primary-950: #1f1f21;
  --mode-colors-westwing-primary-a: #0000111e;
  --mode-colors-westwing-secondary-50: #f4faf9;
  --mode-colors-westwing-secondary-100: #e4f7f2;
  --mode-colors-westwing-secondary-200: #d4f1e9;
  --mode-colors-westwing-secondary-300: #c2e8de;
  --mode-colors-westwing-secondary-400: #aedbcf;
  --mode-colors-westwing-secondary-500: #93cabc;
  --mode-colors-westwing-secondary-600: #6cb5a4;
  --mode-colors-westwing-secondary-700: #48a18e;
  --mode-colors-westwing-secondary-800: #3e9482;
  --mode-colors-westwing-secondary-900: #1b7c6b;
  --mode-colors-westwing-secondary-950: #1d3b34;
  --brand-colors-neutral-25: #fcfcfd;
  --brand-colors-neutral-50: #f9f9fb;
  --brand-colors-neutral-100: #eff0f3;
  --brand-colors-neutral-200: #e7e8ec;
  --brand-colors-neutral-300: #e0e1e6;
  --brand-colors-neutral-400: #d8d9e0;
  --brand-colors-neutral-500: #cdced7;
  --brand-colors-neutral-600: #b9bbc6;
  --brand-colors-neutral-700: #8b8d98;
  --brand-colors-neutral-800: #80828d;
  --brand-colors-neutral-900: #62636c;
  --brand-colors-neutral-950: #1e1f24;
  --brand-colors-neutral-min: #ffffff;
  --brand-colors-neutral-max: #000;
  --brand-colors-neutral-alpha-25: #00005503;
  --brand-colors-neutral-alpha-50: #00005506;
  --brand-colors-neutral-alpha-100: #00104010;
  --brand-colors-neutral-alpha-200: #000b3618;
  --brand-colors-neutral-alpha-300: #0009321f;
  --brand-colors-neutral-alpha-400: #00073527;
  --brand-colors-neutral-alpha-500: #00063332;
  --brand-colors-neutral-alpha-600: #00083046;
  --brand-colors-neutral-alpha-700: #00051d74;
  --brand-colors-neutral-alpha-800: #00051b7f;
  --brand-colors-neutral-alpha-900: #0002119d;
  --brand-colors-neutral-alpha-950: #000107e1;
  --brand-colors-success-50: #F3FAF8;
  --brand-colors-success-100: #E7F5F0;
  --brand-colors-success-200: #CFECE2;
  --brand-colors-success-300: #9FD9C5;
  --brand-colors-success-400: #6EC5A8;
  --brand-colors-success-500: #3EB28B;
  --brand-colors-success-600: #0E9F6E;
  --brand-colors-success-700: #0C835B;
  --brand-colors-success-800: #03543F;
  --brand-colors-success-900: #023B2C;
  --brand-colors-success-950: #01271E;
  --brand-colors-warning-50: #FEFBF0;
  --brand-colors-warning-100: #FDF2C9;
  --brand-colors-warning-200: #FBE79D;
  --brand-colors-warning-300: #FCDE6E;
  --brand-colors-warning-400: #FBD546;
  --brand-colors-warning-500: #FACA15;
  --brand-colors-warning-600: #D6A100;
  --brand-colors-warning-700: #C27803;
  --brand-colors-warning-800: #9E6206;
  --brand-colors-warning-900: #733D0D;
  --brand-colors-warning-950: #452408;
  --brand-colors-error-50: #fff7f7;
  --brand-colors-error-100: #feebec;
  --brand-colors-error-200: #ffdbdc;
  --brand-colors-error-300: #ffcdce;
  --brand-colors-error-400: #fdbdbe;
  --brand-colors-error-500: #f4a9aa;
  --brand-colors-error-600: #eb8e90;
  --brand-colors-error-700: #C5504D;
  --brand-colors-error-800: #B62521;
  --brand-colors-error-900: #971F1C;
  --brand-colors-error-950: #641723;
  --brand-colors-interactive-50: #EFF6FF;
  --brand-colors-interactive-100: #DBEAFE;
  --brand-colors-interactive-200: #BFDBFE;
  --brand-colors-interactive-300: #93C5FD;
  --brand-colors-interactive-400: #60A5FA;
  --brand-colors-interactive-500: #3B82F6;
  --brand-colors-interactive-600: #2563EB;
  --brand-colors-interactive-700: #1D4ED8;
  --brand-colors-interactive-800: #1E40AF;
  --brand-colors-interactive-900: #1E3A8A;
  --brand-colors-interactive-950: #172554;
  --brand-colors-interactive-alpha-50: #EFF6FF08;
  --brand-colors-interactive-alpha-100: #DBEAFE26;
  --brand-colors-interactive-alpha-200: #BFDBFE26;
  --brand-colors-interactive-alpha-300: #93C5FD4D;
  --brand-colors-interactive-alpha-400: #60A5FA66;
  --brand-colors-interactive-alpha-500: #3B82F680;
  --brand-colors-interactive-alpha-600: #2563EB99;
  --brand-colors-interactive-alpha-700: #1D4ED8B3;
  --brand-colors-interactive-alpha-800: #1E40AFCC;
  --brand-colors-interactive-alpha-900: #1E3A8AE6;
  --brand-colors-interactive-alpha-950: #172554F2;
  --brand-colors-secondary-50: #FFFCEB;
  --brand-colors-secondary-100: #FFF8C7;
  --brand-colors-secondary-200: #FFF299;
  --brand-colors-secondary-300: #FFEC6B;
  --brand-colors-secondary-400: #FFE638;
  --brand-colors-secondary-500: #FFDF00;
  --brand-colors-secondary-600: #F0CC00;
  --brand-colors-secondary-700: #C2A500;
  --brand-colors-secondary-800: #8F7900;
  --brand-colors-secondary-900: #473D00;
  --brand-colors-secondary-950: #2E2700;
  --brand-colors-primary-50: #F6F3F7;
  --brand-colors-primary-100: #EDE7EE;
  --brand-colors-primary-200: #DCD0DE;
  --brand-colors-primary-300: #CAB8CD;
  --brand-colors-primary-400: #A789AB;
  --brand-colors-primary-500: #96719B;
  --brand-colors-primary-600: #845A8A;
  --brand-colors-primary-700: #501358;
  --brand-colors-primary-800: #65296d;
  --brand-colors-primary-900: #8b4d93;
  --brand-colors-primary-950: #54185c;
  --brand-colors-primary-a: #5013581F;
  --brand-colors-transparent: #FFFFFF00;
  --theme-colors-border-default: #d8d9e0;
  --theme-colors-border-strong: #cdced7;
  --theme-colors-border-success: #6EC5A8;
  --theme-colors-border-warning: #FBD546;
  --theme-colors-border-error: #fdbdbe;
  --theme-colors-border-info: #60A5FA;
  --theme-colors-text-default: #1e1f24;
  --theme-colors-text-inverse: #f9f9fb;
  --theme-colors-text-subtle: #62636c;
  --theme-colors-text-success: #023B2C;
  --theme-colors-text-error: #971F1C;
  --theme-colors-text-warning: #733D0D;
  --theme-colors-text-info: #1E3A8A;
  --theme-colors-icon-info: #1D4ED8;
  --theme-colors-icon-success: #0C835B;
  --theme-colors-icon-error: #C5504D;
  --theme-colors-icon-warning: #C27803;
  --theme-colors-icon-default: #1e1f24;
  --theme-colors-icon-inverse: #f9f9fb;
  --theme-colors-icon-subtle: #62636c;
  --theme-colors-icon-extra-subtle: #8b8d98;
  --theme-colors-link-default: #501358;
  --theme-colors-link-hover: #65296d;
  --theme-colors-link-pressed: #65296d; /** Test to used modifier */
  --theme-colors-link-disabled: #d8d9e0;
  --theme-colors-bg-base: #ffffff;
  --theme-colors-bg-hover: #5013581F; /** Hover color for surfaces in the colors: base, layer 1 and layer 2.  */
  --theme-colors-bg-layer0: #f9f9fb; /** Not a regular backgound color. Mainly used as backgound color on AG-Grid row for group on 3rd level and for menus and dropdowns. */
  --theme-colors-bg-layer1: #eff0f3;
  --theme-colors-bg-layer2: #e7e8ec;
  --theme-colors-bg-success-default: #E7F5F0;
  --theme-colors-bg-success-strong: #CFECE2;
  --theme-colors-bg-warning-default: #FDF2C9;
  --theme-colors-bg-warning-strong: #FBE79D;
  --theme-colors-bg-error-default: #feebec;
  --theme-colors-bg-error-strong: #ffdbdc;
  --theme-colors-bg-inverse-base: #1e1f24; /** The darkest background-color used across layouts and components. It is useful for components such as tooltips. */
  --theme-colors-bg-inverse-layer1: #cdced7;
  --theme-colors-bg-info-default: #DBEAFE;
  --theme-colors-bg-info-strong: #BFDBFE;
  --theme-colors-accent-subtle-default: #96719B;
  --theme-colors-accent-subtle-hover: #845A8A;
  --theme-colors-accent-strong-default: #501358;
  --theme-colors-accent-strong-hover: #65296d;
  --button-colors-primary-bg-default: #501358;
  --button-colors-primary-bg-hover: #65296d;
  --button-colors-primary-bg-pressed: #8b4d93;
  --button-colors-primary-bg-disabled: #e7e8ec;
  --button-colors-primary-bg-destructive-default: #B62521;
  --button-colors-primary-bg-destructive-hover: #C5504D;
  --button-colors-primary-bg-destructive-pressed: #B62521;
  --button-colors-primary-bg-destructive-disabled: #feebec;
  --button-colors-primary-fg-default: #ffffff;
  --button-colors-primary-fg-disabled: #00051d74;
  --button-colors-primary-fg-destructive-disabled: #00051d74;
  --button-colors-secondary-bg-default: #00005506;
  --button-colors-secondary-bg-hover: #00104010;
  --button-colors-secondary-bg-pressed: #000b3618;
  --button-colors-secondary-bg-disabled: #FFFFFF00;
  --button-colors-secondary-bg-destructive-default: #00005506;
  --button-colors-secondary-bg-destructive-hover: #00104010;
  --button-colors-secondary-bg-destructive-pressed: #000b3618;
  --button-colors-secondary-bg-destructive-disabled: #FFFFFF00;
  --button-colors-secondary-fg-default: #501358;
  --button-colors-secondary-fg-disabled: #8b8d98;
  --button-colors-secondary-fg-destructive-default: #B62521;
  --button-colors-secondary-fg-destructive-disabled: #8b8d98;
  --button-colors-secondary-border-default: #b9bbc6;
  --button-colors-secondary-border-destructive-default: #eb8e90;
  --button-colors-secondary-border-destructive-disabled: #00073527;
  --button-colors-secondary-border-disabled: #00073527;
  --button-colors-tertiary-bg-hover: #00104010;
  --button-colors-tertiary-bg-pressed: #000b3618;
  --button-colors-tertiary-bg-destructive-hover: #00104010;
  --button-colors-tertiary-bg-destructive-pressed: #000b3618;
  --button-colors-tertiary-fg-default: #501358;
  --button-colors-tertiary-fg-disabled: #8b8d98;
  --button-colors-tertiary-fg-destructive-default: #B62521;
  --button-colors-tertiary-fg-destructive-disabled: #8b8d98;
  --focus-ring-colors-bg: #BFDBFE26;
  --focus-ring-colors-border: #93C5FD;
  --accordion-header-colors-bg-accent-default: #ffffff;
  --accordion-header-colors-bg-accent-hover: #EDE7EE;
  --accordion-header-colors-bg-default: #eff0f3;
  --accordion-header-colors-bg-hover: #e7e8ec;
  --accordion-colors-border-accent-default: #96719B;
  --accordion-colors-border-default: #d8d9e0;
  --accordion-colors-text-title: #1e1f24;
  --accordion-colors-text-subline: #62636c;
  --accordion-colors-text-hint: #1e1f24;
  --accordion-colors-icon-left: #1e1f24;
  --accordion-colors-icon-right: #62636c;
  --accordion-colors-icon-chevron: #62636c;
  --accordion-group-header-colors-bg-default: #ffffff;
  --avatar-colors-border-default: #ffffff;
  --avatar-colors-border-hover: #d8d9e0;
  --avatar-colors-bg-default: #e7e8ec;
  --avatar-colors-bg-hover: #e0e1e6;
  --avatar-colors-fg: #1e1f24;
  --avatar-colors-placeholder-border: #cdced7;
  --checkbox-colors-unselected-border-default: #62636c;
  --checkbox-colors-unselected-border-hover: #845A8A;
  --checkbox-colors-unselected-border-disabled: #00063332;
  --checkbox-colors-unselected-border-error: #B62521;
  --checkbox-colors-unselected-bg-default: #FFFFFF00;
  --checkbox-colors-unselected-bg-hover: #00104010;
  --checkbox-colors-unselected-bg-disabled: #FFFFFF00;
  --checkbox-colors-unselected-bg-error: #fff7f7;
  --checkbox-colors-selected-bg-default: #501358;
  --checkbox-colors-selected-bg-hover: #65296d;
  --checkbox-colors-selected-bg-disabled: #0009321f;
  --checkbox-colors-selected-bg-error: #B62521;
  --checkbox-colors-selected-fg-default: #f9f9fb;
  --checkbox-colors-selected-fg-disabled: #00051d74;
  --draggable-list-colors-bg-header-default: #ffffff;
  --draggable-list-colors-bg-header-dragging: #e7e8ec;
  --draggable-list-colors-bg-content: #e7e8ec;
  --draggable-list-colors-bg-indicator: #3B82F6;
  --draggable-list-colors-border: #d8d9e0;
  --draggable-list-colors-text-visible: #1e1f24;
  --draggable-list-colors-text-hidden: #8b8d98;
  --draggable-list-colors-icon-left-visible: #501358;
  --draggable-list-colors-icon-left-hidden: lch(19.405 44.967 322.4 / 0.7);
  --draggable-list-colors-icon-right: #cdced7;
  --dropdown-colors-border: #d8d9e0;
  --dropdown-colors-bg-hover: #5013581F;
  --dropdown-colors-bg-default: #f9f9fb;
  --dropdown-colors-bg-highlight: #BFDBFE;
  --dropdown-colors-text: #1e1f24; /** Used for 'group title' and 'primary value' */
  --dropdown-colors-hint: #62636c; /** Used for 'loading', 'no results' state and 'secondary value' */
  --form-colors-bg-default: #ffffff;
  --form-colors-bg-hover: #f9f9fb;
  --form-colors-bg-active: #ffffff;
  --form-colors-bg-disabled: #0009321f;
  --form-colors-bg-error: #ffffff;
  --form-colors-input-text-default: #1e1f24;
  --form-colors-input-text-disabled: #62636c;
  --form-colors-input-text-error: #1e1f24;
  --form-colors-border-default: #b9bbc6;
  --form-colors-border-active: #2563EB;
  --form-colors-border-hover: #b9bbc6;
  --form-colors-border-error: #B62521;
  --form-colors-border-disabled: #0009321f;
  --form-colors-icon-subtle: #8b8d98;
  --form-colors-icon-default: #62636c;
  --form-colors-icon-hover: #1e1f24;
  --form-colors-icon-error: #B62521;
  --form-colors-label-default: #1e1f24;
  --form-colors-label-disabled: #8b8d98;
  --form-colors-label-error: #1e1f24;
  --form-colors-label-inverse-default: #f9f9fb;
  --form-colors-label-inverse-disabled: #b9bbc6;
  --form-colors-label-inverse-error: #f9f9fb;
  --form-colors-hint-default: #62636c;
  --form-colors-hint-disabled: #8b8d98;
  --form-colors-hint-inverse-default: #e0e1e6;
  --form-colors-hint-inverse-disabled: #d8d9e0;
  --form-colors-error-message-default: #971F1C;
  --form-colors-error-message-inverse: #ffcdce;
  --form-colors-placeholder-default: #80828d;
  --pill-button-colors-secondary-bg-default: #00005506;
  --pill-button-colors-secondary-bg-hover: #00104010;
  --pill-button-colors-secondary-bg-pressed: #DCD0DE;
  --pill-button-colors-secondary-bg-disabled: #FFFFFF00;
  --pill-button-colors-secondary-fg-default: #1e1f24;
  --pill-button-colors-secondary-fg-pressed: #1e1f24;
  --pill-button-colors-secondary-fg-disabled: #8b8d98;
  --pill-button-colors-secondary-border-default: #b9bbc6;
  --pill-button-colors-secondary-border-disabled: #00073527;
  --pill-button-colors-secondary-border-selected: #96719B;
  --pill-button-colors-destructive-bg-default: #00005506;
  --pill-button-colors-destructive-bg-hover: #00104010;
  --pill-button-colors-destructive-bg-pressed: #B62521;
  --pill-button-colors-destructive-bg-disabled: #FFFFFF00;
  --pill-button-colors-destructive-fg-default: #B62521;
  --pill-button-colors-destructive-fg-pressed: #ffffff;
  --pill-button-colors-destructive-fg-disabled: #8b8d98;
  --pill-button-colors-destructive-border-default: #eb8e90;
  --status-ring-colors-bg: #cdced7; /** Neutral 200 */
  --status-ring-colors-success-fg: #3EB28B; /** Success 500 */
  --status-ring-colors-warning-fg: #D6A100; /** Warning 600 */
  --status-ring-colors-error-fg: #C5504D; /** Error 500 */
  --top-nav-colors-bg: #501358;
  --top-nav-colors-logo: #FFDF00;
  --top-nav-colors-menu-bg-default: #501358;
  --top-nav-colors-menu-bg-hover: #65296d;
  --top-nav-colors-menu-bg-pressed: #8b4d93;
  --top-nav-colors-menu-fg-default: #f9f9fb;
  --top-nav-colors-menu-fg-pressed: #f9f9fb;
  --radio-colors-unselected-border-default: #62636c;
  --radio-colors-selected-border-default: #501358;
  --radio-colors-border-hover: #65296d;
  --radio-colors-border-disabled: #00063332;
  --radio-colors-border-error: #B62521;
  --radio-colors-bg-default: #FFFFFF00;
  --radio-colors-bg-hover: #00104010;
  --radio-colors-bg-disabled: #FFFFFF00;
  --radio-colors-fg-default: #501358;
  --radio-colors-fg-hover: #65296d;
  --radio-colors-fg-disabled: #00051d74;
  --radio-colors-fg-error: #B62521;
  --tab-colors-default-selected-fg: #f9f9fb;
  --tab-colors-default-selected-bg-default: #501358;
  --tab-colors-default-unselected-fg: #501358;
  --tab-colors-default-unselected-bg-default: #e7e8ec;
  --tab-colors-default-unselected-bg-hover: #eff0f3;
  --tab-colors-inverse-selected-fg: #501358;
  --tab-colors-inverse-selected-bg-default: #CAB8CD;
  --tab-colors-inverse-unselected-fg: #f9f9fb;
  --tab-colors-inverse-unselected-bg-default: #FFFFFF00;
  --tab-colors-inverse-unselected-bg-hover: #845A8A;
  --box-colors-bg: #ffffff;
  --box-colors-border: #ffffff;
  --switch-colors-unselected-bg-default: #62636c;
  --switch-colors-unselected-bg-hover: #80828d;
  --switch-colors-unselected-icon-default: #62636c;
  --switch-colors-selected-bg-default: #3EB28B;
  --switch-colors-selected-bg-hover: #6EC5A8;
  --switch-colors-selected-icon-default: #3EB28B;
  --switch-colors-icon-disabled: #8b8d98;
  --switch-colors-bg-disabled: #00073527;
  --switch-colors-fg: #ffffff;
  --notification-badge-colors-strong-bg: #FFDF00;
  --notification-badge-colors-strong-fg: #2E2700;
  --notification-badge-colors-subtle-bg: #80828d;
  --notification-badge-colors-subtle-fg: #fcfcfd;
  --fab-colors-secondary-bg-default: #ffffff;
  --fab-colors-secondary-bg-hover: #eff0f3;
  --fab-colors-secondary-bg-pressed: #e7e8ec;
  --fab-colors-secondary-bg-disabled: #ffffff;
  --fab-colors-secondary-fg-default: #501358;
  --fab-colors-secondary-fg-disabled: #8b8d98;
  --fab-colors-secondary-border-default: #cdced7;
  --fab-colors-secondary-border-disabled: #d8d9e0;

 /**
  * @tokens Others
  */

  --var-1: 0.25rem;
  --var-2: 0.5rem;
  --var-3: 0.75rem;
  --var-4: 1rem;
  --var-5: 1.25rem;
  --var-6: 1.5rem;
  --var-7: 1.75rem;
  --var-8: 2rem;
  --var-9: 2.25rem;
  --var-10: 2.5rem;
  --var-11: 2.75rem;
  --var-12: 3rem;
  --var-14: 3.5rem;
  --var-16: 4rem;
  --var-0-5: 0.125rem;
  --var-1-5: 0.375rem;
  --var-2-5: 0.625rem;
  --var-3-5: 0.875rem;
  --opacity-o100: 0.1;
  --opacity-o200: 0.2;
  --opacity-o300: 0.3;
  --opacity-o400: 0.4;
  --opacity-o500: 0.5;
  --opacity-o600: 0.6;
  --opacity-o700: 0.7;
  --opacity-o800: 0.8;
  --opacity-o900: 0.9;
  --fix-1: 4px;
  --fix-2: 8px;
  --fix-3: 12px;
  --fix-4: 16px;
  --fix-5: 20px;
  --fix-6: 24px;
  --fix-7: 28px;
  --fix-8: 32px;
  --fix-9: 36px;
  --fix-10: 40px;
  --fix-11: 44px;
  --fix-12: 48px;
  --fix-14: 56px;
  --fix-16: 64px;
  --fix-24: 96px;
  --fix-28: 112px;
  --fix-32: 128px;
  --fix-36: 144px;
  --fix-44: 176px;
  --fix-none: 0;
  --fix-0-5: 2px;
  --fix-1-5: 0,375rem;
  --fix-2-5: 10px;
  --fix-3-5: 14px;
  --fix-px: 1px;
  --brand-space-element-to-element-xs: 0.25rem;
  --brand-space-element-to-element-sm: 0.5rem;
  --brand-space-element-to-element-md: 0.75rem;
  --brand-space-element-to-element-lg: 1rem;
  --brand-space-element-to-element-xl: 1.5rem;
  --brand-space-element-to-element-2xl: 2rem;
  --brand-space-element-to-element-3xl: 4rem;
  --brand-space-horizontal-edge-to-element-xs: 0.25rem;
  --brand-space-horizontal-edge-to-element-sm: 0.5rem;
  --brand-space-horizontal-edge-to-element-md: 0.75rem;
  --brand-space-horizontal-edge-to-element-lg: 1rem;
  --brand-space-horizontal-edge-to-element-xl: 1.5rem;
  --brand-space-vertical-edge-to-element-xxs: 0.125rem;
  --brand-space-vertical-edge-to-element-xs: 0.25rem;
  --brand-space-vertical-edge-to-element-sm: 0.75rem;
  --brand-space-vertical-edge-to-element-md: 1rem;
  --brand-space-vertical-edge-to-element-xl: 1.5rem;
  --brand-radius-rounded-none: 0;
  --brand-radius-rounded-xs: 4px;
  --brand-radius-rounded-sm: 8px;
  --brand-radius-rounded-md: 16px;
  --brand-radius-rounded-full: 999px;
  --brand-border-width-border-xxs: 1px;
  --brand-border-width-border-xs: 2px;
  --brand-border-width-border-sm: 4px;
  --brand-layout-gutter-breakpoint-xs-to-m: 16px;
  --brand-layout-gutter-breakpoint-l: 24px;
  --brand-layout-outside-gutter-breakpoint-xs-to-m: 16px;
  --brand-layout-outside-gutter-breakpoint-l: 24px;
  --brand-layout-columns-breakpoint-xs: 2;
  --brand-layout-columns-breakpoint-s: 4;
  --brand-layout-columns-breakpoint-m: 12;
  --brand-layout-columns-breakpoint-l: 12;
  --brand-breakpoint-xs: 320px; /** >319px  */
  --brand-breakpoint-s: 768px; /** >767px */
  --brand-breakpoint-m: 1024px; /** >1023px */
  --brand-breakpoint-l: 1280px; /** >1279px */
  --brand-font-family-a: Inter;
  --brand-font-family-b: Rubik;
  --brand-font-weight-accent-weight: 400; /** To be tested, if this can stay under font weight while actually being a font style.  */
  --brand-font-weight-accent-style: italic; /** To be tested, if this can stay under font weight while actually being a font style.  */
  --brand-font-weight-default: 400;
  --brand-font-weight-strong: 500;
  --brand-font-weight-stronger: 700;
  --brand-font-size-f-20: 0.625rem;
  --brand-font-size-f-10: 0.75rem;
  --brand-font-size-f0: 0.875rem;
  --brand-font-size-f10: 1rem;
  --brand-font-size-f20: 1.125rem;
  --brand-font-size-f30: 1.25rem;
  --brand-font-size-f40: 1.5rem;
  --brand-font-size-f50: 1.75rem;
  --brand-font-size-f60: 1.875rem;
  --brand-font-size-f80: 3rem;
  --brand-line-height-lh-20: 14px;
  --brand-line-height-lh-10: 18px;
  --brand-line-height-lh0: 22px;
  --brand-line-height-lh10: 24px;
  --brand-line-height-lh20: 30px;
  --brand-line-height-lh30: 38px;
  --brand-line-height-lh50: 48px;
  --brand-line-height-lh80: 56px;
  --brand-paragraph-spacing-ps0: 8px;
  --brand-paragraph-spacing-ps10: 12px;
  --brand-paragraph-spacing-ps20: 16px;
  --brand-paragraph-spacing-ps40: 24px;
  --brand-paragraph-spacing-ps60: 32px;
  --brand-paragraph-spacing-ps80: 40px;
  --viewport-width: 1280px;
  --layout-gutter: 24px;
  --layout-outside-gutter: 24px;
  --layout-columns: 12px;
  --layout-max-width-narrow: 1024px;
  --layout-max-width-full: 100%;
  --button-radius-sm: 8px;
  --button-radius-md: 8px;
  --button-radius-focus-ring-sm: 10px;
  --button-radius-focus-ring-md: 10px;
  --button-focus-ring-offset: 2px;
  --button-focus-ring-position: -2px;
  --button-focus-ring-border-width: 4px;
  --focus-ring-border-width: 4px; /** outside stroke */
  --focus-ring-offset: 4px;
  --focus-ring-position: -4px;
  --accordion-border-width: 1px;
  --accordion-radius: 8px;
  --accordion-md-header-gap: 1rem;
  --accordion-md-header-padding-vertical: 0.75rem;
  --accordion-md-header-padding-horizontal: 1rem;
  --accordion-md-content-padding-vertical: 1rem;
  --accordion-md-content-padding-horizontal: 1rem;
  --accordion-sm-header-gap: 0.5rem;
  --accordion-sm-header-padding-vertical: 0.5rem;
  --accordion-sm-header-padding-horizontal: 0.5rem;
  --accordion-sm-content-padding-vertical: 0.75rem;
  --accordion-sm-content-padding-horizontal: 0.75rem;
  --accordion-desktop-group-header-gap: 1.5rem;
  --accordion-desktop-group-header-padding-vertical: 1rem;
  --accordion-desktop-group-header-padding-horizontal: 1rem;
  --accordion-mobile-group-header-gap: 0.75rem;
  --accordion-mobile-group-header-padding-vertical: 1rem;
  --accordion-mobile-group-header-padding-horizontal: 1rem;
  --avatar-opacity-fg-hover: 0.4;
  --avatar-size-sm: 1.5rem;
  --avatar-size-md: 2rem;
  --avatar-size-lg: 3rem;
  --avatar-border-width-default: 1px;
  --avatar-border-width-placeholder: 2px;
  --checkbox-sm-border-width: 1px;
  --checkbox-sm-radius: 4px;
  --checkbox-sm-height: 1rem;
  --checkbox-sm-width: 1rem;
  --checkbox-sm-gap-horizontal: 0.5rem;
  --checkbox-focus-ring-radius: calc 8px;
  --checkbox-focus-ring-border-width: 4px;
  --draggable-list-radius: 8px;
  --dropdown-radius: 8px;
  --field-radius-sm: 4px;
  --field-radius-md: 4px;
  --field-focus-ring-radius-sm: 4px;
  --field-focus-ring-radius-md: 4px;
  --field-focus-ring-offset: 0px;
  --field-focus-ring-position: 0px;
  --field-focus-ring-border-width: 4px;
  --field-min-height-sm: 32px;
  --field-min-height-md: 40px;
  --field-border-width: 1px;
  --field-spacing-sm-label-to-field: 0.25rem;
  --field-spacing-sm-field-to-hint: 0.25rem;
  --field-spacing-md-label-to-field: 0.25rem;
  --field-spacing-md-field-to-hint: 0.25rem;
  --pill-button-sm-border-width: 1px;
  --pill-button-sm-radius: 999px;
  --pill-button-sm-min-height: 1.25rem;
  --pill-button-sm-min-width: 48px;
  --pill-button-sm-padding-horizontal: 0.5rem;
  --pill-button-sm-padding-vertical: 1px;
  --pill-button-sm-gap: 0.25rem;
  --pill-button-md-border-width: 1px;
  --pill-button-md-radius: 999px;
  --pill-button-md-min-height: 1.5rem;
  --pill-button-md-min-width: 64px;
  --pill-button-md-padding-horizontal: 0.75rem;
  --pill-button-md-padding-vertical: 0.125rem;
  --pill-button-md-gap: 0.25rem;
  --pill-button-focus-ring-radius: 999px;
  --pill-button-focus-ring-offset: 2px;
  --pill-button-focus-ring-position: -2px;
  --pill-button-focus-ring-border-width: 4px;
  --table-spacing-header-cell-md: 2px;
  --table-cell-size-vertical-md: 3rem;
  --radio-sm-border-width: 1px;
  --radio-sm-radius: 999px;
  --radio-sm-height: 1rem;
  --radio-sm-width: 1rem;
  --radio-sm-gap-horizontal: 0.5rem;
  --radio-focus-ring-radius: 999px;
  --radio-focus-ring-border-width: 4px;
  --tab-border-width: 0;
  --tab-radius: 4px;
  --tab-min-height: 2.25rem;
  --tab-min-width: 48px;
  --tab-padding-horizontal: 0.5rem;
  --tab-padding-vertical: 0.125rem;
  --tab-gap: 0.25rem;
  --tab-focus-ring-radius: 999px;
  --tab-focus-ring-offset: 0;
  --tab-focus-ring-position: 0;
  --tab-focus-ring-border-width: 4px;
  --tab-group-gap-vertical: 0.5rem;
  --tab-group-gap-horizontal: 0.25rem;
  --icon-md-border-width: 1.5px;
  --icon-md-size: 1.5rem;
  --icon-sm-border-width: 1.5px;
  --icon-sm-size: 1.25rem;
  --icon-xs-border-width: 1.5px;
  --icon-xs-size: 1rem;
  --icon-xl-border-width: 2px;
  --icon-xl-size: 3rem;
  --key-value-pair-sm-gab-label-left-label-to-value: 0.5rem;
  --key-value-pair-sm-gab-label-top-label-to-value: 0;
  --key-value-pair-sm-gab-label-top-icon-to-data: 0.5rem;
  --key-value-pair-md-gab-label-left-label-to-value: 0.5rem;
  --key-value-pair-md-gab-label-top-label-to-value: 0;
  --key-value-pair-md-gab-label-top-icon-to-data: 0.5rem;
  --key-value-pair-lg-gab-label-left-label-to-value: 0.5rem;
  --key-value-pair-lg-gab-label-top-label-to-value: 0;
  --key-value-pair-lg-gab-label-top-icon-to-data: 0.5rem;
  --key-value-pair-color-label: #62636c;
  --key-value-pair-color-figure: #1e1f24;
  --key-value-pair-font-weight-figure: 500;
  --key-value-pair-font-weight-label: 400;
  --box-radius: 4px;
  --box-border-width: 1px;
  --box-padding-horizontal: 0.75rem;
  --box-padding-vertical: 0.75rem;
  --ag-accent-color: #96719B;
  --ag-active-color: #96719B;
  --ag-advanced-filter-builder-button-bar-border: 1px;
  --ag-advanced-filter-builder-column-pill-color: #93C5FD4D;
  --ag-advanced-filter-builder-indent-size: 32px;
  --ag-advanced-filter-builder-join-pill-color: #3B82F680;
  --ag-advanced-filter-builder-option-pill-color: #2563EB99;
  --ag-advanced-filter-builder-value-pill-color: #0009321f;
  --ag-advanced-filter-column-pill-color: #BFDBFE;
  --ag-advanced-filter-join-pill-color: #e0e1e6;
  --ag-advanced-filter-option-pill-color: #e0e1e6;
  --ag-advanced-filter-value-pill-color: #BFDBFE;
  --ag-alpine-active-color: #96719B;
  --ag-background-color: #ffffff;
  --ag-balham-active-color: #FFE638;
  --ag-border-color: #d8d9e0;
  --ag-border-radius: 4px; /** Border radius applied to many elements such as dialogs and form widgets. */
  --ag-borders: 1px;
  --ag-borders-critical: #F4DA7B;
  --ag-borders-input: 1px;
  --ag-borders-input-invalid: #B62521;
  --ag-borders-secondary: #d8d9e0;
  --ag-borders-side-button: none;
  --ag-browser-color-scheme: #F4DA7B;
  --ag-card-radius: 4px;
  --ag-cell-editing-border: 0px;
  --ag-cell-editing-shadow: 4px;
  --ag-cell-font-family: Inter;
  --ag-cell-horizontal-border: true;
  --ag-cell-horizontal-padding: 9px;
  --ag-cell-text-color: #1e1f24;
  --ag-cell-widget-spacing: 9px;
  --ag-chart-menu-label-color: #FFE638;
  --ag-checkbox-background-color: #FFFFFF00;
  --ag-checkbox-border-radius: 4px;
  --ag-checkbox-border-width: 1px;
  --ag-checkbox-checked-background-color: #501358;
  --ag-checkbox-checked-border-color: #501358;
  --ag-checkbox-checked-color: #501358;
  --ag-checkbox-checked-glow-color: #F4DA7B;
  --ag-checkbox-checked-shape-color: #f9f9fb;
  --ag-checkbox-glow-color: #F4DA7B;
  --ag-checkbox-indeterminate-background-color: #501358;
  --ag-checkbox-indeterminate-border-color: #501358;
  --ag-checkbox-indeterminate-color: #501358;
  --ag-checkbox-indeterminate-shape-color: #f9f9fb;
  --ag-checkbox-unchecked-background-color: #FFFFFF00;
  --ag-checkbox-unchecked-border-color: #62636c;
  --ag-checkbox-unchecked-color: #62636c;
  --ag-chip-background-color: #e7e8ec;
  --ag-chip-border-color: #d8d9e0;
  --ag-chrome-background-color: #ffffff; /** BG color of table header */
  --ag-column-border: false;
  --ag-column-drop-cell-background-color: #eff0f3;
  --ag-column-drop-cell-border: false;
  --ag-column-drop-cell-drag-handle-color: #62636c;
  --ag-column-drop-cell-text-color: #1e1f24;
  --ag-column-hover-color: #5013581F;
  --ag-column-select-indent-size: 0.75rem;
  --ag-control-panel-background-color: #ffffff;
  --ag-data-color: #1e1f24;
  --ag-data-font-size: 0,875 rem;
  --ag-dialog-border: #d8d9e0;
  --ag-disabled-foreground-color: #d8d9e0;
  --ag-drag-and-drop-image-background-color: #ffffff;
  --ag-drag-and-drop-image-border: #d8d9e0;
  --ag-drag-handle-color: #8b8d98;
  --ag-filter-tool-panel-group-indent: 32px;
  --ag-focus-shadow: #93C5FD;
  --ag-font-family: Inter;
  --ag-font-size: 0.875rem;
  --ag-foo-bar: #000000;
  --ag-footer-row-border: #d8d9e0;
  --ag-foreground-color: #1e1f24;
  --ag-grid-size: 6px;
  --ag-header-background-color: #ffffff;
  --ag-header-cell-hover-background-color: #ffffff;
  --ag-header-cell-moving-background-color: #ffffff;
  --ag-header-column-border: #d8d9e0;
  --ag-header-column-border-height: 100%;
  --ag-header-column-resize-handle-color: #d8d9e0;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-height: 100%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-separator-color: #d8d9e0;
  --ag-header-column-separator-display: false;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-font-family: Inter;
  --ag-header-font-size: 0.875rem;
  --ag-header-font-weight: regular;
  --ag-header-foreground-color: #62636c;
  --ag-header-height: 36px;
  --ag-header-text-color: #62636c;
  --ag-icon-button-hover-color: #1e1f24;
  --ag-icon-font-color: #62636c;
  --ag-icon-font-family: agGridQuartz;
  --ag-icon-font-weight: regular;
  --ag-icon-size: 16px;
  --ag-indentation-level: 0;
  --ag-input-background-color: #ffffff;
  --ag-input-border: 1px;
  --ag-input-border-color: #b9bbc6;
  --ag-input-border-color-invalid: #B62521;
  --ag-input-border-radius: 4px;
  --ag-input-disabled-background-color: #0009321f;
  --ag-input-disabled-border: #0009321f;
  --ag-input-disabled-border-color: #0009321f;
  --ag-input-disabled-text-color: #62636c;
  --ag-input-focus-background-color: #ffffff;
  --ag-input-focus-border: 4px;
  --ag-input-focus-border-color: #93C5FD;
  --ag-input-focus-shadow: 4px;
  --ag-input-focus-text-color: #1e1f24;
  --ag-input-height: 32px;
  --ag-input-icon-color: #62636c;
  --ag-input-invalid-background-color: #ffffff;
  --ag-input-invalid-border: #B62521;
  --ag-input-invalid-text-color: #1e1f24;
  --ag-input-padding-start: 0.75rem;
  --ag-input-text-color: #1e1f24;
  --ag-internal-calculated-line-height: 130%;
  --ag-internal-content-line-height: 100%;
  --ag-internal-hover-color: #F4DA7B;
  --ag-internal-measurement-border: #F4DA7B;
  --ag-internal-moving-color: #F4DA7B;
  --ag-internal-padded-row-height: #F4DA7B;
  --ag-internal-spectrum-alpha-color: #F4DA7B;
  --ag-internal-spectrum-alpha-color-from: #F4DA7B;
  --ag-internal-spectrum-alpha-color-to: #F4DA7B;
  --ag-invalid-color: #B62521;
  --ag-list-item-height: 2rem;
  --ag-material-accent-color: #501358;
  --ag-material-primary-color: #501358;
  --ag-menu-background-color: #f9f9fb;
  --ag-menu-min-width: 181px;
  --ag-menu-separator-color: #d8d9e0;
  --ag-menu-text-color: #1e1f24;
  --ag-modal-overlay-background-color: #ffffff;
  --ag-odd-row-background-color: #ffffff;
  --ag-panel-background-color: #eff0f3;
  --ag-panel-border-color: #d8d9e0;
  --ag-panel-title-bar-background-color: #ffffff;
  --ag-panel-title-bar-border: #d8d9e0;
  --ag-pinned-column-border: 1px;
  --ag-pinned-row-border: 1px;
  --ag-quartz-icon-active-color: #96719B;
  --ag-quartz-icon-hover-color: #1e1f24;
  --ag-range-selection-background-color: #000b3618;
  --ag-range-selection-background-color-2: #5013581F;
  --ag-range-selection-background-color-3: #5013581F;
  --ag-range-selection-background-color-4: #5013581F;
  --ag-range-selection-border-color: #93C5FD;
  --ag-range-selection-border-style: solid;
  --ag-range-selection-chart-background-color: #5013581F;
  --ag-range-selection-highlight-color: #5013581F;
  --ag-row-border: true;
  --ag-row-border-color: #d8d9e0;
  --ag-row-border-style: solid;
  --ag-row-border-width: 1px;
  --ag-row-group-indent-size: 24px;
  --ag-row-height: 48px;
  --ag-row-hover-color: #5013581F;
  --ag-row-loading-skeleton-effect-color: #0009321f;
  --ag-secondary-border-color: #d8d9e0;
  --ag-secondary-foreground-color: #62636c;
  --ag-select-cell-background-color: #5013581F;
  --ag-select-cell-border: 1px;
  --ag-selected-row-background-color: #000b3618;
  --ag-selected-tab-underline-color: #cdced7;
  --ag-selected-tab-underline-transition-speed: 0.3s;
  --ag-selected-tab-underline-width: 2px;
  --ag-set-filter-indent-size: 24px;
  --ag-side-bar-background-color: #ffffff;
  --ag-side-bar-panel-width: 350px; /** Sets the filter panel width. */
  --ag-side-button-background-color: #00005506;
  --ag-side-button-bar-background-color: #eff0f3;
  --ag-side-button-bar-top-padding: 0.75rem;
  --ag-side-button-hover-background-color: #00104010;
  --ag-side-button-hover-text-color: #501358;
  --ag-side-button-left-padding: 0.75rem;
  --ag-side-button-right-padding: 0.75rem;
  --ag-side-button-selected-background-color: #eff0f3;
  --ag-side-button-selected-border: 1px;
  --ag-side-button-selected-text-color: #501358;
  --ag-side-button-selected-underline-color: #501358;
  --ag-side-button-text-color: #501358;
  --ag-side-button-vertical-padding: 0.25rem;
  --ag-spacing: 0.75rem;
  --ag-spectrum-alpha-background-checked: #F4DA7B;
  --ag-subheader-background-color: #ffffff;
  --ag-subheader-toolbar-background-color: #ffffff;
  --ag-subtle-text-color: #62636c;
  --ag-tab-background-color: #ffffff;
  --ag-tab-bar-background-color: #ffffff;
  --ag-tab-bar-border: 1px;
  --ag-tab-bar-horizontal-padding: 0.75rem;
  --ag-tab-bar-top-padding: 0.75rem;
  --ag-tab-bottom-padding: 0.25rem;
  --ag-tab-horizontal-padding: 0.75rem;
  --ag-tab-hover-background-color: #5013581F;
  --ag-tab-hover-text-color: #1e1f24;
  --ag-tab-min-width: 240px;
  --ag-tab-selected-background-color: #501358;
  --ag-tab-selected-border-color: #d8d9e0;
  --ag-tab-selected-border-width: 1px;
  --ag-tab-selected-text-color: #1e1f24;
  --ag-tab-spacing: 0.25rem;
  --ag-tab-text-color: #1e1f24;
  --ag-tab-top-padding: 0.25rem;
  --ag-text-color: #1e1f24;
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-off-background-color: #FFE638;
  --ag-toggle-button-off-border-color: #FFE638;
  --ag-toggle-button-on-background-color: #FFE638;
  --ag-toggle-button-on-border-color: #FFE638;
  --ag-toggle-button-switch-background-color: #FFE638;
  --ag-toggle-button-switch-border-color: #F4DA7B;
  --ag-toggle-button-switch-inset: 0.75rem;
  --ag-toggle-button-width: 28px;
  --ag-tool-panel-separator-border: #d8d9e0;
  --ag-tooltip-background-color: #1e1f24;
  --ag-tooltip-border: #d8d9e0;
  --ag-tooltip-text-color: #f9f9fb;
  --ag-value-change-delta-down-color: #ffdbdc;
  --ag-value-change-delta-up-color: #CFECE2;
  --ag-value-change-value-highlight-background-color: #F4DA7B;
  --ag-widget-container-horizontal-padding: 0.75rem;
  --ag-widget-container-vertical-padding: 9px;
  --ag-widget-horizontal-spacing: 9px;
  --ag-widget-vertical-spacing: 6px;
  --ag-wrapper-border: #F4DA7B;
  --ag-wrapper-border-radius: 0;
  --ag-custom-row-backgound-grouplevel-1-color: #e7e8ec;
  --ag-custom-row-backgound-grouplevel-2-color: #eff0f3;
  --ag-custom-row-backgound-grouplevel-3-color: #f9f9fb;
  --fab-radius-md: 8px;
  --fab-radius-focus-ring-md: 10px;
  --fab-focus-ring-offset: 2px;
  --fab-focus-ring-position: -2px;
  --fab-focus-ring-border-width: 4px;
  --shadows-dark-none-blur: 0;
  --shadows-dark-none-spread: 0;
  --shadows-dark-none-color: #000000;
  --shadows-dark-none-type: dropShadow;
  --shadows-dark-none-offset-x: 0;
  --shadows-dark-none-offset-y: 0;
  --shadows-dark-md-blur: 0;
  --shadows-dark-md-spread: 0;
  --shadows-dark-md-color: #000000;
  --shadows-dark-md-type: dropShadow;
  --shadows-dark-md-offset-x: 0;
  --shadows-dark-md-offset-y: 0;
  --shadows-dark-xl-blur: 0;
  --shadows-dark-xl-spread: 0;
  --shadows-dark-xl-color: #000000;
  --shadows-dark-xl-type: dropShadow;
  --shadows-dark-xl-offset-x: 0;
  --shadows-dark-xl-offset-y: 0;
  --shadows-dark-3xl-blur: 20px;
  --shadows-dark-3xl-spread: 5px;
  --shadows-dark-3xl-color: rgba(0,0,0,0.65);
  --shadows-dark-3xl-type: dropShadow;
  --shadows-dark-3xl-offset-x: 0;
  --shadows-dark-3xl-offset-y: -0;
  --shadows-light-none-blur: 0;
  --shadows-light-none-spread: 0;
  --shadows-light-none-color: #000000;
  --shadows-light-none-type: dropShadow;
  --shadows-light-none-offset-x: 0;
  --shadows-light-none-offset-y: 0;
  --shadows-light-md-1-blur: 6px;
  --shadows-light-md-1-spread: -1px;
  --shadows-light-md-1-color: rgba(0,0,0,0.1);
  --shadows-light-md-1-type: dropShadow;
  --shadows-light-md-1-offset-x: 0;
  --shadows-light-md-1-offset-y: 4px;
  --shadows-light-md-2-blur: 4px;
  --shadows-light-md-2-spread: -2px;
  --shadows-light-md-2-color: rgba(0,0,0,0.04);
  --shadows-light-md-2-type: dropShadow;
  --shadows-light-md-2-offset-x: 0;
  --shadows-light-md-2-offset-y: 2px;
  --shadows-light-xl-1-blur: 25px;
  --shadows-light-xl-1-spread: -5px;
  --shadows-light-xl-1-color: rgba(0,0,0,0.1);
  --shadows-light-xl-1-type: dropShadow;
  --shadows-light-xl-1-offset-x: 0;
  --shadows-light-xl-1-offset-y: 20px;
  --shadows-light-xl-2-blur: 10px;
  --shadows-light-xl-2-spread: 0;
  --shadows-light-xl-2-color: rgba(0,0,0,0.04);
  --shadows-light-xl-2-type: dropShadow;
  --shadows-light-xl-2-offset-x: 0;
  --shadows-light-xl-2-offset-y: 10px;
  --shadows-light-3xl-blur: 20px;
  --shadows-light-3xl-spread: 0;
  --shadows-light-3xl-color: rgba(0,0,0,0.65);
  --shadows-light-3xl-type: dropShadow;
  --shadows-light-3xl-offset-x: 0;
  --shadows-light-3xl-offset-y: -0;
  --mode-shadows-none-blur: 0;
  --mode-shadows-none-spread: 0;
  --mode-shadows-none-color: #000000;
  --mode-shadows-none-type: dropShadow;
  --mode-shadows-none-offset-x: 0;
  --mode-shadows-none-offset-y: 0;
  --mode-shadows-md-1-blur: 6px;
  --mode-shadows-md-1-spread: -1px;
  --mode-shadows-md-1-color: rgba(0,0,0,0.1);
  --mode-shadows-md-1-type: dropShadow;
  --mode-shadows-md-1-offset-x: 0;
  --mode-shadows-md-1-offset-y: 4px;
  --mode-shadows-md-2-blur: 4px;
  --mode-shadows-md-2-spread: -2px;
  --mode-shadows-md-2-color: rgba(0,0,0,0.04);
  --mode-shadows-md-2-type: dropShadow;
  --mode-shadows-md-2-offset-x: 0;
  --mode-shadows-md-2-offset-y: 2px;
  --mode-shadows-xl-1-blur: 25px;
  --mode-shadows-xl-1-spread: -5px;
  --mode-shadows-xl-1-color: rgba(0,0,0,0.1);
  --mode-shadows-xl-1-type: dropShadow;
  --mode-shadows-xl-1-offset-x: 0;
  --mode-shadows-xl-1-offset-y: 20px;
  --mode-shadows-xl-2-blur: 10px;
  --mode-shadows-xl-2-spread: 0;
  --mode-shadows-xl-2-color: rgba(0,0,0,0.04);
  --mode-shadows-xl-2-type: dropShadow;
  --mode-shadows-xl-2-offset-x: 0;
  --mode-shadows-xl-2-offset-y: 10px;
  --mode-shadows-3xl-blur: 20px;
  --mode-shadows-3xl-spread: 0;
  --mode-shadows-3xl-color: rgba(0,0,0,0.65);
  --mode-shadows-3xl-type: dropShadow;
  --mode-shadows-3xl-offset-x: 0;
  --mode-shadows-3xl-offset-y: -0;
  --brand-border-width-border-none-blur: 0;
  --brand-border-width-border-none-spread: 0;
  --brand-border-width-border-none-color: #000000;
  --brand-border-width-border-none-type: dropShadow;
  --brand-border-width-border-none-offset-x: 0;
  --brand-border-width-border-none-offset-y: 0;
  --brand-font-style-display-breakpoints-xs-to-m-xs-font-family: Rubik;
  --brand-font-style-display-breakpoints-xs-to-m-xs-font-weight: 500;
  --brand-font-style-display-breakpoints-xs-to-m-xs-font-size: 1.125rem;
  --brand-font-style-display-breakpoints-xs-to-m-xs-line-height: 22px;
  --brand-font-style-display-breakpoints-xs-to-m-xs-paragraph-spacing: 16px;
  --brand-font-style-display-breakpoints-xs-to-m-sm-font-family: Rubik;
  --brand-font-style-display-breakpoints-xs-to-m-sm-font-weight: 500;
  --brand-font-style-display-breakpoints-xs-to-m-sm-font-size: 1.25rem;
  --brand-font-style-display-breakpoints-xs-to-m-sm-line-height: 24px;
  --brand-font-style-display-breakpoints-xs-to-m-sm-paragraph-spacing: 24px;
  --brand-font-style-display-breakpoints-xs-to-m-md-font-family: Rubik;
  --brand-font-style-display-breakpoints-xs-to-m-md-font-weight: 500;
  --brand-font-style-display-breakpoints-xs-to-m-md-font-size: 1.75rem;
  --brand-font-style-display-breakpoints-xs-to-m-md-line-height: 38px;
  --brand-font-style-display-breakpoints-xs-to-m-md-paragraph-spacing: 2rem;
  --brand-font-style-display-breakpoint-l-xs-font-family: Rubik;
  --brand-font-style-display-breakpoint-l-xs-font-weight: 500;
  --brand-font-style-display-breakpoint-l-xs-font-size: 1.125rem;
  --brand-font-style-display-breakpoint-l-xs-line-height: 24px;
  --brand-font-style-display-breakpoint-l-xs-paragraph-spacing: 24px;
  --brand-font-style-display-breakpoint-l-sm-font-family: Rubik;
  --brand-font-style-display-breakpoint-l-sm-font-weight: 500;
  --brand-font-style-display-breakpoint-l-sm-font-size: 1.5rem;
  --brand-font-style-display-breakpoint-l-sm-line-height: 30px;
  --brand-font-style-display-breakpoint-l-sm-paragraph-spacing: 32px;
  --brand-font-style-display-breakpoint-l-md-font-family: Rubik;
  --brand-font-style-display-breakpoint-l-md-font-weight: 500;
  --brand-font-style-display-breakpoint-l-md-font-size: 3rem;
  --brand-font-style-display-breakpoint-l-md-line-height: 56px;
  --brand-font-style-display-breakpoint-l-md-paragraph-spacing: 40px;
  --brand-font-style-text-xs-default-font-family: Inter;
  --brand-font-style-text-xs-default-font-weight: 400;
  --brand-font-style-text-xs-default-font-size: 0.75rem;
  --brand-font-style-text-xs-default-line-height: 18px;
  --brand-font-style-text-xs-default-paragraph-spacing: 8px;
  --brand-font-style-text-xs-accent-font-family: Inter;
  --brand-font-style-text-xs-accent-font-weight: 400;
  --brand-font-style-text-xs-accent-font-size: 0.75rem;
  --brand-font-style-text-xs-accent-line-height: 18px;
  --brand-font-style-text-xs-accent-paragraph-spacing: 8px;
  --brand-font-style-text-xs-accent-font-style: italic;
  --brand-font-style-text-xs-stronger-font-family: Inter;
  --brand-font-style-text-xs-stronger-font-weight: 500;
  --brand-font-style-text-xs-stronger-font-size: 0.75rem;
  --brand-font-style-text-xs-stronger-line-height: 18px;
  --brand-font-style-text-xs-stronger-paragraph-spacing: 8px;
  --brand-font-style-text-xs-uppercase-stronger-font-family: Inter;
  --brand-font-style-text-xs-uppercase-stronger-font-weight: 500;
  --brand-font-style-text-xs-uppercase-stronger-font-size: 0.75rem;
  --brand-font-style-text-xs-uppercase-stronger-line-height: 18px;
  --brand-font-style-text-xs-uppercase-stronger-paragraph-spacing: 8px;
  --brand-font-style-text-xs-uppercase-stronger-text-case: Uppercase;
  --brand-font-style-text-xxs-default-font-family: Inter;
  --brand-font-style-text-xxs-default-font-weight: 400;
  --brand-font-style-text-xxs-default-font-size: 0.625rem;
  --brand-font-style-text-xxs-default-line-height: 14px;
  --brand-font-style-text-xxs-default-paragraph-spacing: 8px;
  --brand-font-style-text-sm-default-font-family: Inter;
  --brand-font-style-text-sm-default-font-weight: 400;
  --brand-font-style-text-sm-default-font-size: 0.875rem;
  --brand-font-style-text-sm-default-line-height: 22px;
  --brand-font-style-text-sm-default-paragraph-spacing: 8px;
  --brand-font-style-text-sm-accent-font-family: Inter;
  --brand-font-style-text-sm-accent-font-weight: 400;
  --brand-font-style-text-sm-accent-font-size: 0.875rem;
  --brand-font-style-text-sm-accent-line-height: 22px;
  --brand-font-style-text-sm-accent-paragraph-spacing: 8px;
  --brand-font-style-text-sm-accent-font-style: italic;
  --brand-font-style-text-sm-stronger-font-family: Inter;
  --brand-font-style-text-sm-stronger-font-weight: 500;
  --brand-font-style-text-sm-stronger-font-size: 0.875rem;
  --brand-font-style-text-sm-stronger-line-height: 22px;
  --brand-font-style-text-sm-stronger-paragraph-spacing: 8px;
  --brand-font-style-text-md-default-font-family: Inter;
  --brand-font-style-text-md-default-font-weight: 400;
  --brand-font-style-text-md-default-font-size: 1rem;
  --brand-font-style-text-md-default-line-height: 24px;
  --brand-font-style-text-md-default-paragraph-spacing: 12px;
  --brand-font-style-text-md-accent-font-family: Inter;
  --brand-font-style-text-md-accent-font-weight: 400;
  --brand-font-style-text-md-accent-font-size: 1rem;
  --brand-font-style-text-md-accent-line-height: 24px;
  --brand-font-style-text-md-accent-paragraph-spacing: 12px;
  --brand-font-style-text-md-accent-font-style: italic;
  --brand-font-style-text-md-stronger-font-family: Inter;
  --brand-font-style-text-md-stronger-font-weight: 500;
  --brand-font-style-text-md-stronger-font-size: 1rem;
  --brand-font-style-text-md-stronger-line-height: 24px;
  --brand-font-style-text-md-stronger-paragraph-spacing: 12px;
  --brand-font-style-text-lg-stronger-font-family: Inter;
  --brand-font-style-text-lg-stronger-font-weight: 700;
  --brand-font-style-text-lg-stronger-font-size: 1.125rem;
  --brand-font-style-text-lg-stronger-line-height: 24px;
  --brand-font-style-text-lg-stronger-paragraph-spacing: 16px;
  --brand-font-style-text-xl-stronger-font-family: Inter;
  --brand-font-style-text-xl-stronger-font-weight: 700;
  --brand-font-style-text-xl-stronger-font-size: 1.5rem;
  --brand-font-style-text-xl-stronger-line-height: 30px;
  --brand-font-style-text-xl-stronger-paragraph-spacing: 16px;
  --theme-shadows-none-blur: 0;
  --theme-shadows-none-spread: 0;
  --theme-shadows-none-color: #000000;
  --theme-shadows-none-type: dropShadow;
  --theme-shadows-none-offset-x: 0;
  --theme-shadows-none-offset-y: 0;
  --theme-shadows-md-1-blur: 6px;
  --theme-shadows-md-1-spread: -1px;
  --theme-shadows-md-1-color: rgba(0,0,0,0.1);
  --theme-shadows-md-1-type: dropShadow;
  --theme-shadows-md-1-offset-x: 0;
  --theme-shadows-md-1-offset-y: 4px;
  --theme-shadows-md-2-blur: 4px;
  --theme-shadows-md-2-spread: -2px;
  --theme-shadows-md-2-color: rgba(0,0,0,0.04);
  --theme-shadows-md-2-type: dropShadow;
  --theme-shadows-md-2-offset-x: 0;
  --theme-shadows-md-2-offset-y: 2px;
  --theme-shadows-xl-1-blur: 25px;
  --theme-shadows-xl-1-spread: -5px;
  --theme-shadows-xl-1-color: rgba(0,0,0,0.1);
  --theme-shadows-xl-1-type: dropShadow;
  --theme-shadows-xl-1-offset-x: 0;
  --theme-shadows-xl-1-offset-y: 20px;
  --theme-shadows-xl-2-blur: 10px;
  --theme-shadows-xl-2-spread: 0;
  --theme-shadows-xl-2-color: rgba(0,0,0,0.04);
  --theme-shadows-xl-2-type: dropShadow;
  --theme-shadows-xl-2-offset-x: 0;
  --theme-shadows-xl-2-offset-y: 10px;
  --theme-shadows-3xl-blur: 20px;
  --theme-shadows-3xl-spread: 0;
  --theme-shadows-3xl-color: rgba(0,0,0,0.65);
  --theme-shadows-3xl-type: dropShadow;
  --theme-shadows-3xl-offset-x: 0;
  --theme-shadows-3xl-offset-y: -0;
  --font-style-display-xs-font-family: Rubik;
  --font-style-display-xs-font-weight: 500;
  --font-style-display-xs-font-size: 1.125rem;
  --font-style-display-xs-line-height: 24px;
  --font-style-display-xs-paragraph-spacing: 24px;
  --font-style-display-sm-font-family: Rubik;
  --font-style-display-sm-font-weight: 500;
  --font-style-display-sm-font-size: 1.5rem;
  --font-style-display-sm-line-height: 30px;
  --font-style-display-sm-paragraph-spacing: 32px;
  --font-style-display-md-font-family: Rubik;
  --font-style-display-md-font-weight: 500;
  --font-style-display-md-font-size: 3rem;
  --font-style-display-md-line-height: 56px;
  --font-style-display-md-paragraph-spacing: 40px;
  --font-style-text-xs-default-font-family: Inter;
  --font-style-text-xs-default-font-weight: 400;
  --font-style-text-xs-default-font-size: 0.75rem;
  --font-style-text-xs-default-line-height: 18px;
  --font-style-text-xs-default-paragraph-spacing: 8px;
  --font-style-text-xs-accent-font-family: Inter;
  --font-style-text-xs-accent-font-weight: 400;
  --font-style-text-xs-accent-font-size: 0.75rem;
  --font-style-text-xs-accent-line-height: 18px;
  --font-style-text-xs-accent-paragraph-spacing: 8px;
  --font-style-text-xs-accent-font-style: italic;
  --font-style-text-xs-stronger-font-family: Inter;
  --font-style-text-xs-stronger-font-weight: 500;
  --font-style-text-xs-stronger-font-size: 0.75rem;
  --font-style-text-xs-stronger-line-height: 18px;
  --font-style-text-xs-stronger-paragraph-spacing: 8px;
  --font-style-text-xs-uppercase-stronger-font-family: Inter;
  --font-style-text-xs-uppercase-stronger-font-weight: 500;
  --font-style-text-xs-uppercase-stronger-font-size: 0.75rem;
  --font-style-text-xs-uppercase-stronger-line-height: 18px;
  --font-style-text-xs-uppercase-stronger-paragraph-spacing: 8px;
  --font-style-text-xs-uppercase-stronger-text-case: Uppercase;
  --font-style-text-xxs-default-font-family: Inter;
  --font-style-text-xxs-default-font-weight: 400;
  --font-style-text-xxs-default-font-size: 0.625rem;
  --font-style-text-xxs-default-line-height: 14px;
  --font-style-text-xxs-default-paragraph-spacing: 8px;
  --font-style-text-sm-default-font-family: Inter;
  --font-style-text-sm-default-font-weight: 400;
  --font-style-text-sm-default-font-size: 0.875rem;
  --font-style-text-sm-default-line-height: 22px;
  --font-style-text-sm-default-paragraph-spacing: 8px;
  --font-style-text-sm-accent-font-family: Inter;
  --font-style-text-sm-accent-font-weight: 400;
  --font-style-text-sm-accent-font-size: 0.875rem;
  --font-style-text-sm-accent-line-height: 22px;
  --font-style-text-sm-accent-paragraph-spacing: 8px;
  --font-style-text-sm-accent-font-style: italic;
  --font-style-text-sm-stronger-font-family: Inter;
  --font-style-text-sm-stronger-font-weight: 500;
  --font-style-text-sm-stronger-font-size: 0.75rem;
  --font-style-text-sm-stronger-line-height: 18px;
  --font-style-text-sm-stronger-paragraph-spacing: 8px;
  --font-style-text-md-default-font-family: Inter;
  --font-style-text-md-default-font-weight: 400;
  --font-style-text-md-default-font-size: 1rem;
  --font-style-text-md-default-line-height: 24px;
  --font-style-text-md-default-paragraph-spacing: 12px;
  --font-style-text-md-accent-font-family: Inter;
  --font-style-text-md-accent-font-weight: 400;
  --font-style-text-md-accent-font-size: 1rem;
  --font-style-text-md-accent-line-height: 24px;
  --font-style-text-md-accent-paragraph-spacing: 12px;
  --font-style-text-md-accent-font-style: italic;
  --font-style-text-md-stronger-font-family: Inter;
  --font-style-text-md-stronger-font-weight: 500;
  --font-style-text-md-stronger-font-size: 1rem;
  --font-style-text-md-stronger-line-height: 24px;
  --font-style-text-md-stronger-paragraph-spacing: 12px;
  --font-style-text-lg-stronger-font-family: Inter;
  --font-style-text-lg-stronger-font-weight: 700;
  --font-style-text-lg-stronger-font-size: 1.125rem;
  --font-style-text-lg-stronger-line-height: 24px;
  --font-style-text-lg-stronger-paragraph-spacing: 16px;
  --font-style-text-xl-stronger-font-family: Inter;
  --font-style-text-xl-stronger-font-weight: 700;
  --font-style-text-xl-stronger-font-size: 1.5rem;
  --font-style-text-xl-stronger-line-height: 30px;
  --font-style-text-xl-stronger-paragraph-spacing: 16px;
  --button-size-md-min-height: 2.5rem;
  --button-size-md-border-radius: 8px;
  --button-size-md-horizontal-padding: 0.75rem;
  --button-size-md-item-spacing: 0.5rem;
  --button-size-md-vertical-padding: 0.5rem;
  --button-size-sm-min-height: 2rem;
  --button-size-sm-border-radius: 8px;
  --button-size-sm-horizontal-padding: 0.5rem;
  --button-size-sm-item-spacing: 0.5rem;
  --button-size-sm-vertical-padding: 0.25rem;
  --button-type-md-font-family: Inter;
  --button-type-md-font-weight: 500;
  --button-type-md-font-size: 1rem;
  --button-type-md-line-height: 24px;
  --button-type-sm-font-family: Inter;
  --button-type-sm-font-size: 0.875rem;
  --button-type-sm-line-height: 24px;
  --button-type-sm-font-weight: 500;
  --icon-button-size-md-height: 2.5rem;
  --icon-button-size-md-width: 2.5rem;
  --icon-button-size-md-border-radius: 8px;
  --icon-button-size-md-horizontal-padding: 0.75rem;
  --icon-button-size-md-item-spacing: 0.5rem;
  --icon-button-size-md-vertical-padding: 0.5rem;
  --icon-button-size-sm-height: 2rem;
  --icon-button-size-sm-width: 2rem;
  --icon-button-size-sm-border-radius: 8px;
  --icon-button-size-sm-horizontal-padding: 0.5rem;
  --icon-button-size-sm-item-spacing: 0.5rem;
  --icon-button-size-sm-vertical-padding: 0.25rem;
  --accordion-typography-md-title-font-family: Inter;
  --accordion-typography-md-title-font-weight: 500;
  --accordion-typography-md-title-font-size: 1rem;
  --accordion-typography-md-title-line-height: 24px;
  --accordion-typography-md-title-paragraph-spacing: 12px;
  --accordion-typography-md-subline-font-family: Inter;
  --accordion-typography-md-subline-font-weight: 400;
  --accordion-typography-md-subline-font-size: 1rem;
  --accordion-typography-md-subline-line-height: 24px;
  --accordion-typography-md-subline-paragraph-spacing: 12px;
  --accordion-typography-md-hint-font-family: Inter;
  --accordion-typography-md-hint-font-weight: 400;
  --accordion-typography-md-hint-font-size: 0.875rem;
  --accordion-typography-md-hint-line-height: 22px;
  --accordion-typography-md-hint-paragraph-spacing: 8px;
  --accordion-typography-sm-title-font-family: Inter;
  --accordion-typography-sm-title-font-weight: 400;
  --accordion-typography-sm-title-font-size: 0.875rem;
  --accordion-typography-sm-title-line-height: 22px;
  --accordion-typography-sm-title-paragraph-spacing: 8px;
  --accordion-typography-sm-subline-font-family: Inter;
  --accordion-typography-sm-subline-font-weight: 400;
  --accordion-typography-sm-subline-font-size: 0.875rem;
  --accordion-typography-sm-subline-line-height: 22px;
  --accordion-typography-sm-subline-paragraph-spacing: 8px;
  --accordion-typography-sm-hint-font-family: Inter;
  --accordion-typography-sm-hint-font-weight: 400;
  --accordion-typography-sm-hint-font-size: 0.875rem;
  --accordion-typography-sm-hint-line-height: 22px;
  --accordion-typography-sm-hint-paragraph-spacing: 8px;
  --draggable-list-shadow-1-blur: 6px;
  --draggable-list-shadow-1-spread: -1px;
  --draggable-list-shadow-1-color: rgba(0,0,0,0.1);
  --draggable-list-shadow-1-type: dropShadow;
  --draggable-list-shadow-1-offset-x: 0;
  --draggable-list-shadow-1-offset-y: 4px;
  --draggable-list-shadow-2-blur: 4px;
  --draggable-list-shadow-2-spread: -2px;
  --draggable-list-shadow-2-color: rgba(0,0,0,0.04);
  --draggable-list-shadow-2-type: dropShadow;
  --draggable-list-shadow-2-offset-x: 0;
  --draggable-list-shadow-2-offset-y: 2px;
  --draggable-list-single-space-single-horizontal-padding: 8px;
  --draggable-list-single-space-single-vertical-padding: 4px;
  --draggable-list-single-space-single-item-spacing: 4px;
  --draggable-list-group-space-header-padding-left: 8px;
  --draggable-list-group-space-header-padding-right: 24px;
  --draggable-list-group-space-header-vertical-padding: 4px;
  --draggable-list-group-space-header-item-spacing: 4px;
  --draggable-list-group-space-content-horizontal-padding: 16px;
  --draggable-list-group-space-content-padding-top: 16px;
  --draggable-list-group-space-content-padding-bottom: 24px;
  --dropdown-space-list-item-sm-horizontal-padding: 8px;
  --dropdown-space-list-item-sm-vertical-padding: 8px;
  --dropdown-space-list-item-sm-spacing: 8px;
  --dropdown-space-list-item-sm-min-height: 48px;
  --dropdown-space-list-item-md-horizontal-padding: 12px;
  --dropdown-space-list-item-md-vertical-padding: 8px;
  --dropdown-space-list-item-md-spacing: 8px;
  --dropdown-space-list-item-md-min-height: 48px;
  --dropdown-shadow-1-blur: 6px;
  --dropdown-shadow-1-spread: -1px;
  --dropdown-shadow-1-color: rgba(0,0,0,0.1);
  --dropdown-shadow-1-type: dropShadow;
  --dropdown-shadow-1-offset-x: 0;
  --dropdown-shadow-1-offset-y: 4px;
  --dropdown-shadow-2-blur: 4px;
  --dropdown-shadow-2-spread: -2px;
  --dropdown-shadow-2-color: rgba(0,0,0,0.04);
  --dropdown-shadow-2-type: dropShadow;
  --dropdown-shadow-2-offset-x: 0;
  --dropdown-shadow-2-offset-y: 2px;
  --form-typography-label-sm-font-family: Inter;
  --form-typography-label-sm-font-weight: 400;
  --form-typography-label-sm-font-size: 0.875rem;
  --form-typography-label-sm-line-height: 22px;
  --form-typography-label-sm-paragraph-spacing: 8px;
  --form-typography-label-md-font-family: Inter;
  --form-typography-label-md-font-weight: 400;
  --form-typography-label-md-font-size: 1rem;
  --form-typography-label-md-line-height: 24px;
  --form-typography-label-md-paragraph-spacing: 12px;
  --form-typography-hint-font-family: Inter;
  --form-typography-hint-font-weight: 400;
  --form-typography-hint-font-size: 0.875rem;
  --form-typography-hint-line-height: 22px;
  --form-typography-hint-paragraph-spacing: 8px;
  --form-typography-error-message-font-family: Inter;
  --form-typography-error-message-font-weight: 400;
  --form-typography-error-message-font-size: 0.875rem;
  --form-typography-error-message-line-height: 22px;
  --form-typography-error-message-paragraph-spacing: 8px;
  --form-typography-input-text-font-family: Inter;
  --form-typography-input-text-font-weight: 400;
  --form-typography-input-text-font-size: 0.875rem;
  --form-typography-input-text-line-height: 22px;
  --form-typography-input-text-paragraph-spacing: 8px;
  --form-typography-placeholder-font-family: Inter;
  --form-typography-placeholder-font-weight: 400;
  --form-typography-placeholder-font-size: 0.875rem;
  --form-typography-placeholder-line-height: 22px;
  --form-typography-placeholder-paragraph-spacing: 8px;
  --pill-button-type-sm-default-font-family: Inter;
  --pill-button-type-sm-default-font-weight: 400;
  --pill-button-type-sm-default-font-size: 0.75rem;
  --pill-button-type-sm-default-line-height: 18px;
  --pill-button-type-sm-default-paragraph-spacing: 8px;
  --pill-button-type-md-default-font-family: Inter;
  --pill-button-type-md-default-font-weight: 400;
  --pill-button-type-md-default-font-size: 0.875rem;
  --pill-button-type-md-default-line-height: 22px;
  --pill-button-type-md-default-paragraph-spacing: 8px;
  --table-size-header-cell-md-min-height: 0.625rem;
  --table-size-header-cell-md-vertical-padding: 0.75rem;
  --table-size-header-cell-md-horizontal-padding: 0.5rem;
  --table-size-header-cell-md-item-spacing: 0.5rem;
  --table-size-cell-group-title-md-min-height: 0.75rem;
  --table-size-cell-group-title-md-vertical-padding: 0.25rem;
  --table-size-cell-group-title-md-horizontal-padding: 0;
  --table-size-cell-group-title-md-item-spacing: 0.75rem;
  --table-size-cell-md-min-height: 0.75rem;
  --table-size-cell-md-vertical-padding: 0.25rem;
  --table-size-cell-md-horizontal-padding: 0.75rem;
  --table-size-cell-md-item-spacing: 0.75rem;
  --tab-type-default-font-family: Inter;
  --tab-type-default-font-weight: 400;
  --tab-type-default-font-size: 0.75rem;
  --tab-type-default-line-height: 18px;
  --tab-type-default-paragraph-spacing: 8px;
  --ag-card-shadow-1-blur: 6px;
  --ag-card-shadow-1-spread: -1px;
  --ag-card-shadow-1-color: rgba(0,0,0,0.1);
  --ag-card-shadow-1-type: dropShadow;
  --ag-card-shadow-1-offset-x: 0;
  --ag-card-shadow-1-offset-y: 4px;
  --ag-card-shadow-2-blur: 4px;
  --ag-card-shadow-2-spread: -2px;
  --ag-card-shadow-2-color: rgba(0,0,0,0.04);
  --ag-card-shadow-2-type: dropShadow;
  --ag-card-shadow-2-offset-x: 0;
  --ag-card-shadow-2-offset-y: 2px;
  --ag-dialog-shadow-1-blur: 25px;
  --ag-dialog-shadow-1-spread: -5px;
  --ag-dialog-shadow-1-color: rgba(0,0,0,0.1);
  --ag-dialog-shadow-1-type: dropShadow;
  --ag-dialog-shadow-1-offset-x: 0;
  --ag-dialog-shadow-1-offset-y: 20px;
  --ag-dialog-shadow-2-blur: 10px;
  --ag-dialog-shadow-2-spread: 0;
  --ag-dialog-shadow-2-color: rgba(0,0,0,0.04);
  --ag-dialog-shadow-2-type: dropShadow;
  --ag-dialog-shadow-2-offset-x: 0;
  --ag-dialog-shadow-2-offset-y: 10px;
  --ag-drag-and-drop-image-shadow-1-blur: 6px;
  --ag-drag-and-drop-image-shadow-1-spread: -1px;
  --ag-drag-and-drop-image-shadow-1-color: rgba(0,0,0,0.1);
  --ag-drag-and-drop-image-shadow-1-type: dropShadow;
  --ag-drag-and-drop-image-shadow-1-offset-x: 0;
  --ag-drag-and-drop-image-shadow-1-offset-y: 4px;
  --ag-drag-and-drop-image-shadow-2-blur: 4px;
  --ag-drag-and-drop-image-shadow-2-spread: -2px;
  --ag-drag-and-drop-image-shadow-2-color: rgba(0,0,0,0.04);
  --ag-drag-and-drop-image-shadow-2-type: dropShadow;
  --ag-drag-and-drop-image-shadow-2-offset-x: 0;
  --ag-drag-and-drop-image-shadow-2-offset-y: 2px;
  --ag-dropdown-shadow-1-blur: 6px;
  --ag-dropdown-shadow-1-spread: -1px;
  --ag-dropdown-shadow-1-color: rgba(0,0,0,0.1);
  --ag-dropdown-shadow-1-type: dropShadow;
  --ag-dropdown-shadow-1-offset-x: 0;
  --ag-dropdown-shadow-1-offset-y: 4px;
  --ag-dropdown-shadow-2-blur: 4px;
  --ag-dropdown-shadow-2-spread: -2px;
  --ag-dropdown-shadow-2-color: rgba(0,0,0,0.04);
  --ag-dropdown-shadow-2-type: dropShadow;
  --ag-dropdown-shadow-2-offset-x: 0;
  --ag-dropdown-shadow-2-offset-y: 2px;
  --ag-header-row-border-style: solid;
  --ag-header-row-border-width: 1px;
  --ag-header-row-border-color: #d8d9e0;
  --ag-input-focus-box-shadow-1-blur: 6px;
  --ag-input-focus-box-shadow-1-spread: -1px;
  --ag-input-focus-box-shadow-1-color: rgba(0,0,0,0.1);
  --ag-input-focus-box-shadow-1-type: dropShadow;
  --ag-input-focus-box-shadow-1-offset-x: 0;
  --ag-input-focus-box-shadow-1-offset-y: 4px;
  --ag-input-focus-box-shadow-2-blur: 4px;
  --ag-input-focus-box-shadow-2-spread: -2px;
  --ag-input-focus-box-shadow-2-color: rgba(0,0,0,0.04);
  --ag-input-focus-box-shadow-2-type: dropShadow;
  --ag-input-focus-box-shadow-2-offset-x: 0;
  --ag-input-focus-box-shadow-2-offset-y: 2px;
  --ag-menu-border-width: 1px;
  --ag-menu-border-style: solid;
  --ag-menu-border-color: #d8d9e0;
  --ag-menu-shadow-1-blur: 6px;
  --ag-menu-shadow-1-spread: -1px;
  --ag-menu-shadow-1-color: rgba(0,0,0,0.1);
  --ag-menu-shadow-1-type: dropShadow;
  --ag-menu-shadow-1-offset-x: 0;
  --ag-menu-shadow-1-offset-y: 4px;
  --ag-menu-shadow-2-blur: 4px;
  --ag-menu-shadow-2-spread: -2px;
  --ag-menu-shadow-2-color: rgba(0,0,0,0.04);
  --ag-menu-shadow-2-type: dropShadow;
  --ag-menu-shadow-2-offset-x: 0;
  --ag-menu-shadow-2-offset-y: 2px;
  --ag-popup-shadow-1-blur: 6px;
  --ag-popup-shadow-1-spread: -1px;
  --ag-popup-shadow-1-color: rgba(0,0,0,0.1);
  --ag-popup-shadow-1-type: dropShadow;
  --ag-popup-shadow-1-offset-x: 0;
  --ag-popup-shadow-1-offset-y: 4px;
  --ag-popup-shadow-2-blur: 4px;
  --ag-popup-shadow-2-spread: -2px;
  --ag-popup-shadow-2-color: rgba(0,0,0,0.04);
  --ag-popup-shadow-2-type: dropShadow;
  --ag-popup-shadow-2-offset-x: 0;
  --ag-popup-shadow-2-offset-y: 2px;
  --ag-side-panel-border-width: 1px;
  --ag-side-panel-border-color: #d8d9e0;
  --ag-side-panel-border-style: solid;
  --ag-custom-pinned-cols-shadow-1-blur: 6px;
  --ag-custom-pinned-cols-shadow-1-spread: -1px;
  --ag-custom-pinned-cols-shadow-1-color: rgba(0,0,0,0.1);
  --ag-custom-pinned-cols-shadow-1-type: dropShadow;
  --ag-custom-pinned-cols-shadow-1-offset-x: 0;
  --ag-custom-pinned-cols-shadow-1-offset-y: 4px;
  --ag-custom-pinned-cols-shadow-2-blur: 4px;
  --ag-custom-pinned-cols-shadow-2-spread: -2px;
  --ag-custom-pinned-cols-shadow-2-color: rgba(0,0,0,0.04);
  --ag-custom-pinned-cols-shadow-2-type: dropShadow;
  --ag-custom-pinned-cols-shadow-2-offset-x: 0;
  --ag-custom-pinned-cols-shadow-2-offset-y: 2px;
  --fab-size-md-min-height: 2.5rem;
  --fab-size-md-border-radius: 8px;
  --fab-size-md-horizontal-padding: 0.75rem;
  --fab-size-md-item-spacing: 0.5rem;
  --fab-size-md-vertical-padding: 0.5rem;
  --fab-shadow-1-blur: 6px;
  --fab-shadow-1-spread: -1px;
  --fab-shadow-1-color: rgba(0,0,0,0.1);
  --fab-shadow-1-type: dropShadow;
  --fab-shadow-1-offset-x: 0;
  --fab-shadow-1-offset-y: 4px;
  --fab-shadow-2-blur: 4px;
  --fab-shadow-2-spread: -2px;
  --fab-shadow-2-color: rgba(0,0,0,0.04);
  --fab-shadow-2-type: dropShadow;
  --fab-shadow-2-offset-x: 0;
  --fab-shadow-2-offset-y: 2px;
}


/**
 * Do not edit directly, this file was auto-generated.
 */


:root.supplyx.dark,
:root.supplyx .dark,
:root.supplyx.dark .light .revert-colors
 {
 /**
  * @tokens Colors
  * @presenter Color
  */

  --colors-gray-light-25: #fcfcfd;
  --colors-gray-light-50: #f9f9fb;
  --colors-gray-light-100: #eff0f3;
  --colors-gray-light-200: #e7e8ec;
  --colors-gray-light-300: #e0e1e6;
  --colors-gray-light-400: #d8d9e0;
  --colors-gray-light-500: #cdced7;
  --colors-gray-light-600: #b9bbc6;
  --colors-gray-light-700: #8b8d98;
  --colors-gray-light-800: #80828d;
  --colors-gray-light-900: #62636c;
  --colors-gray-light-950: #1e1f24;
  --colors-gray-light-alpha-25: #00005503;
  --colors-gray-light-alpha-50: #00005506;
  --colors-gray-light-alpha-100: #00104010;
  --colors-gray-light-alpha-200: #000b3618;
  --colors-gray-light-alpha-300: #0009321f;
  --colors-gray-light-alpha-400: #00073527;
  --colors-gray-light-alpha-500: #00063332;
  --colors-gray-light-alpha-600: #00083046;
  --colors-gray-light-alpha-700: #00051d74;
  --colors-gray-light-alpha-800: #00051b7f;
  --colors-gray-light-alpha-900: #0002119d;
  --colors-gray-light-alpha-950: #000107e1;
  --colors-gray-dark-25: #101216;
  --colors-gray-dark-50: #17191D;
  --colors-gray-dark-100: #202329;
  --colors-gray-dark-200: #262a31;
  --colors-gray-dark-300: #2c313a;
  --colors-gray-dark-400: #343a45;
  --colors-gray-dark-500: #404755;
  --colors-gray-dark-600: #576174;
  --colors-gray-dark-700: #646e81;
  --colors-gray-dark-800: #727b8e;
  --colors-gray-dark-900: #acb4c2;
  --colors-gray-dark-950: #eceef2;
  --colors-gray-dark-alpha-25: #0013df05;
  --colors-gray-dark-alpha-50: #7da7fc0c;
  --colors-gray-dark-alpha-100: #a1c0fd19;
  --colors-gray-dark-alpha-200: #a8c6fb22;
  --colors-gray-dark-alpha-300: #a9c6fa2c;
  --colors-gray-dark-alpha-400: #b0ccff37;
  --colors-gray-dark-alpha-500: #b3ccfd49;
  --colors-gray-dark-alpha-600: #b8d0fd6a;
  --colors-gray-dark-alpha-700: #c0d5fd78;
  --colors-gray-dark-alpha-800: #c8d9fe86;
  --colors-gray-dark-alpha-900: #e0ebfebe;
  --colors-gray-dark-alpha-950: #f8fafef2;
  --colors-red-light-50: #fff7f7;
  --colors-red-light-100: #feebec;
  --colors-red-light-200: #ffdbdc;
  --colors-red-light-300: #ffcdce;
  --colors-red-light-400: #fdbdbe;
  --colors-red-light-500: #f4a9aa;
  --colors-red-light-600: #eb8e90;
  --colors-red-light-700: #C5504D;
  --colors-red-light-800: #B62521;
  --colors-red-light-900: #971F1C;
  --colors-red-light-950: #641723;
  --colors-red-dark-50: #201314;
  --colors-red-dark-100: #3b1219;
  --colors-red-dark-200: #500f1c;
  --colors-red-dark-300: #611623;
  --colors-red-dark-400: #72232d;
  --colors-red-dark-500: #8c333a;
  --colors-red-dark-600: #b54548;
  --colors-red-dark-700: #C5504D;
  --colors-red-dark-800: #D97674;
  --colors-red-dark-900: #E6A4A2;
  --colors-red-dark-950: #ffd1d9;
  --colors-green-light-50: #F3FAF8;
  --colors-green-light-100: #E7F5F0;
  --colors-green-light-200: #CFECE2;
  --colors-green-light-300: #9FD9C5;
  --colors-green-light-400: #6EC5A8;
  --colors-green-light-500: #3EB28B;
  --colors-green-light-600: #0E9F6E;
  --colors-green-light-700: #0C835B;
  --colors-green-light-800: #03543F;
  --colors-green-light-900: #023B2C;
  --colors-green-light-950: #01271E;
  --colors-green-dark-50: #02271D;
  --colors-green-dark-100: #083529;
  --colors-green-dark-200: #084F3C;
  --colors-green-dark-300: #137C58;
  --colors-green-dark-400: #14996C;
  --colors-green-dark-500: #43AD89;
  --colors-green-dark-600: #73C0A6;
  --colors-green-dark-700: #A5D3C3;
  --colors-green-dark-800: #D1EAE1;
  --colors-green-dark-900: #E8F4F0;
  --colors-green-dark-950: #F3FAF8;
  --colors-yellow-light-50: #FEFBF0;
  --colors-yellow-light-100: #FDF2C9;
  --colors-yellow-light-200: #FBE79D;
  --colors-yellow-light-300: #FCDE6E;
  --colors-yellow-light-400: #FBD546;
  --colors-yellow-light-500: #FACA15;
  --colors-yellow-light-600: #D6A100;
  --colors-yellow-light-700: #C27803;
  --colors-yellow-light-800: #9E6206;
  --colors-yellow-light-900: #733D0D;
  --colors-yellow-light-950: #452408;
  --colors-yellow-dark-50: #3D250F;
  --colors-yellow-dark-100: #6C3D13;
  --colors-yellow-dark-200: #96600E;
  --colors-yellow-dark-300: #B37512;
  --colors-yellow-dark-400: #CB9C10;
  --colors-yellow-dark-500: #EEC321;
  --colors-yellow-dark-600: #F2D04D;
  --colors-yellow-dark-700: #F4DA7B;
  --colors-yellow-dark-800: #F8E7A6;
  --colors-yellow-dark-900: #F9F1D5;
  --colors-yellow-dark-950: #FEFCF4;
  --colors-blue-light-50: #EFF6FF;
  --colors-blue-light-100: #DBEAFE;
  --colors-blue-light-200: #BFDBFE;
  --colors-blue-light-300: #93C5FD;
  --colors-blue-light-400: #60A5FA;
  --colors-blue-light-500: #3B82F6;
  --colors-blue-light-600: #2563EB;
  --colors-blue-light-700: #1D4ED8;
  --colors-blue-light-800: #1E40AF;
  --colors-blue-light-900: #1E3A8A;
  --colors-blue-light-950: #172554;
  --colors-blue-light-alpha-50: #EFF6FF08;
  --colors-blue-light-alpha-100: #DBEAFE26;
  --colors-blue-light-alpha-200: #BFDBFE26;
  --colors-blue-light-alpha-300: #93C5FD4D;
  --colors-blue-light-alpha-400: #60A5FA66;
  --colors-blue-light-alpha-500: #3B82F680;
  --colors-blue-light-alpha-600: #2563EB99;
  --colors-blue-light-alpha-700: #1D4ED8B3;
  --colors-blue-light-alpha-800: #1E40AFCC;
  --colors-blue-light-alpha-900: #1E3A8AE6;
  --colors-blue-light-alpha-950: #172554F2;
  --colors-blue-dark-50: #172554;
  --colors-blue-dark-100: #1E3A8A;
  --colors-blue-dark-200: #1E40AF;
  --colors-blue-dark-300: #1D4ED8;
  --colors-blue-dark-400: #2563EB;
  --colors-blue-dark-500: #3B82F6;
  --colors-blue-dark-600: #60A5FA;
  --colors-blue-dark-700: #93C5FD;
  --colors-blue-dark-800: #BFDBFE;
  --colors-blue-dark-900: #DBEAFE;
  --colors-blue-dark-950: #EFF6FF;
  --colors-blue-dark-alpha-50: #17255408;
  --colors-blue-dark-alpha-100: #1E3A8A0D;
  --colors-blue-dark-alpha-200: #1E40AF26;
  --colors-blue-dark-alpha-300: #1D4ED84D;
  --colors-blue-dark-alpha-400: #2563EB66;
  --colors-blue-dark-alpha-500: #3B82F680;
  --colors-blue-dark-alpha-600: #60A5FA99;
  --colors-blue-dark-alpha-700: #93C5FDB3;
  --colors-blue-dark-alpha-800: #BFDBFECC;
  --colors-blue-dark-alpha-900: #DBEAFEE6;
  --colors-blue-dark-alpha-950: #EFF6FFF2;
  --colors-black-white-light-min: #ffffff;
  --colors-black-white-light-max: #000;
  --colors-black-white-dark-min: #000;
  --colors-black-white-dark-max: #ffffff;
  --colors-mystic-violet-light-50: #F6F3F7;
  --colors-mystic-violet-light-100: #EDE7EE;
  --colors-mystic-violet-light-200: #DCD0DE;
  --colors-mystic-violet-light-300: #CAB8CD;
  --colors-mystic-violet-light-400: #A789AB;
  --colors-mystic-violet-light-500: #96719B;
  --colors-mystic-violet-light-600: #845A8A;
  --colors-mystic-violet-light-700: #501358;
  --colors-mystic-violet-light-800: #65296d;
  --colors-mystic-violet-light-900: #8b4d93;
  --colors-mystic-violet-light-950: #54185c;
  --colors-mystic-violet-light-a: #5013581F; /** Primary color alpha value */
  --colors-mystic-violet-dark-50: #2E1631;
  --colors-mystic-violet-dark-100: #461E4B;
  --colors-mystic-violet-dark-200: #522558;
  --colors-mystic-violet-dark-300: #6C4771;
  --colors-mystic-violet-dark-400: #86688A;
  --colors-mystic-violet-dark-500: #97799B;
  --colors-mystic-violet-dark-600: #A890AB;
  --colors-mystic-violet-dark-700: #CBBDCD;
  --colors-mystic-violet-dark-800: #DCD3DE;
  --colors-mystic-violet-dark-900: #EDE9EE;
  --colors-mystic-violet-dark-950: #F6F2F7;
  --colors-mystic-violet-dark-a: #5013581F; /** Primary color alpha value */
  --colors-vibrant-yellow-dark-50: #1a180f;
  --colors-vibrant-yellow-dark-100: #2a2404;
  --colors-vibrant-yellow-dark-200: #362c00;
  --colors-vibrant-yellow-dark-300: #423600;
  --colors-vibrant-yellow-dark-400: #4f4400;
  --colors-vibrant-yellow-dark-500: #62560f;
  --colors-vibrant-yellow-dark-600: #7c6e17;
  --colors-vibrant-yellow-dark-700: #f7d908;
  --colors-vibrant-yellow-dark-800: #edcf00;
  --colors-vibrant-yellow-dark-900: #f9db13;
  --colors-vibrant-yellow-dark-950: #f8edaf;
  --colors-vibrant-yellow-dark-a: #fec30034; /** Primary color alpha value */
  --colors-vibrant-yellow-light-50: #FFFCEB;
  --colors-vibrant-yellow-light-100: #FFF8C7;
  --colors-vibrant-yellow-light-200: #FFF299;
  --colors-vibrant-yellow-light-300: #FFEC6B;
  --colors-vibrant-yellow-light-400: #FFE638;
  --colors-vibrant-yellow-light-500: #FFDF00;
  --colors-vibrant-yellow-light-600: #F0CC00;
  --colors-vibrant-yellow-light-700: #C2A500;
  --colors-vibrant-yellow-light-800: #8F7900;
  --colors-vibrant-yellow-light-900: #473D00;
  --colors-vibrant-yellow-light-950: #2E2700;
  --colors-vibrant-yellow-light-a: #fec30034; /** Primary color alpha value */
  --colors-westwing-gray-light-50: #f9f9fa;
  --colors-westwing-gray-light-100: #f0f0f1;
  --colors-westwing-gray-light-200: #e8e8ea;
  --colors-westwing-gray-light-300: #e1e1e3;
  --colors-westwing-gray-light-400: #d9dadc;
  --colors-westwing-gray-light-500: #ceced2;
  --colors-westwing-gray-light-600: #bbbbbf;
  --colors-westwing-gray-light-700: #1d1d1f;
  --colors-westwing-gray-light-800: #333335;
  --colors-westwing-gray-light-900: #646467;
  --colors-westwing-gray-light-950: #1f1f21;
  --colors-westwing-gray-light-a: #0000111e; /** Primary color alpha value */
  --colors-westwing-gray-dark-50: #19191b;
  --colors-westwing-gray-dark-100: #232325;
  --colors-westwing-gray-dark-200: #2a2a2d;
  --colors-westwing-gray-dark-300: #313134;
  --colors-westwing-gray-dark-400: #3a3a3d;
  --colors-westwing-gray-dark-500: #48484b;
  --colors-westwing-gray-dark-600: #606064;
  --colors-westwing-gray-dark-700: #6e6e72;
  --colors-westwing-gray-dark-800: #616165;
  --colors-westwing-gray-dark-900: #b4b4b8;
  --colors-westwing-gray-dark-950: #eeeef0;
  --colors-westwing-gray-dark-a: #0000111e; /** Primary color alpha value */
  --colors-bonprix-blue-dark-50: #121823;
  --colors-bonprix-blue-dark-100: #172642;
  --colors-bonprix-blue-dark-200: #1b3159;
  --colors-bonprix-blue-dark-300: #243d6a;
  --colors-bonprix-blue-dark-400: #2e497a;
  --colors-bonprix-blue-dark-500: #39578e;
  --colors-bonprix-blue-dark-600: #4467a8;
  --colors-bonprix-blue-dark-700: #89aded;
  --colors-bonprix-blue-dark-800: #7ea2e1;
  --colors-bonprix-blue-dark-900: #91b6f6;
  --colors-bonprix-blue-dark-950: #d4e2fa;
  --colors-bonprix-blue-dark-a: #367dfd4a; /** Primary color alpha value */
  --colors-bonprix-blue-light-50: #f7f9fe;
  --colors-bonprix-blue-light-100: #ecf2fd;
  --colors-bonprix-blue-light-200: #dfeaff;
  --colors-bonprix-blue-light-300: #cfe0fe;
  --colors-bonprix-blue-light-400: #bcd3fc;
  --colors-bonprix-blue-light-500: #a5c1f2;
  --colors-bonprix-blue-light-600: #85a8e8;
  --colors-bonprix-blue-light-700: #89aded;
  --colors-bonprix-blue-light-800: #7ea2e1;
  --colors-bonprix-blue-light-900: #4868a3;
  --colors-bonprix-blue-light-950: #1a3059;
  --colors-bonprix-blue-light-a: #0058ff20; /** Primary color alpha value */
  --colors-transparent: #FFFFFF00;
  --colors-bonprix-gray-light-50: #f8f9f9;
  --colors-bonprix-gray-light-100: #f0f0f0;
  --colors-bonprix-gray-light-200: #e8e8e9;
  --colors-bonprix-gray-light-300: #e1e1e1;
  --colors-bonprix-gray-light-400: #d9d9da;
  --colors-bonprix-gray-light-500: #cececf;
  --colors-bonprix-gray-light-600: #bbbbbc;
  --colors-bonprix-gray-light-700: #000;
  --colors-bonprix-gray-light-800: #2d2e2f;
  --colors-bonprix-gray-light-900: #636464;
  --colors-bonprix-gray-light-950: #1f1f20;
  --colors-bonprix-gray-light-a: #00000c17; /** Primary color alpha value */
  --colors-bonprix-gray-dark-50: #17191e;
  --colors-bonprix-gray-dark-100: #1f2329;
  --colors-bonprix-gray-dark-200: #262a30;
  --colors-bonprix-gray-dark-300: #2d3138;
  --colors-bonprix-gray-dark-400: #363a41;
  --colors-bonprix-gray-dark-500: #43474e;
  --colors-bonprix-gray-dark-600: #5d6068;
  --colors-bonprix-gray-dark-700: #6a6e76;
  --colors-bonprix-gray-dark-800: #5d6068;
  --colors-bonprix-gray-dark-900: #afb4bc;
  --colors-bonprix-gray-dark-950: #eceef2;
  --colors-bonprix-gray-dark-a: #d2e6fb1d; /** Primary color alpha value */
  --colors-westwing-green-light-50: #f4faf9;
  --colors-westwing-green-light-100: #e4f7f2;
  --colors-westwing-green-light-200: #d4f1e9;
  --colors-westwing-green-light-300: #c2e8de;
  --colors-westwing-green-light-400: #aedbcf;
  --colors-westwing-green-light-500: #93cabc;
  --colors-westwing-green-light-600: #6cb5a4;
  --colors-westwing-green-light-700: #48a18e;
  --colors-westwing-green-light-800: #3e9482;
  --colors-westwing-green-light-900: #1b7c6b;
  --colors-westwing-green-light-950: #1d3b34;
  --colors-westwing-green-light-a: #73fbde2d;
  --colors-westwing-green-dark-50: #141a18;
  --colors-westwing-green-dark-100: #192724;
  --colors-westwing-green-dark-200: #1c322c;
  --colors-westwing-green-dark-300: #233b36;
  --colors-westwing-green-dark-400: #2d4741;
  --colors-westwing-green-dark-500: #395750;
  --colors-westwing-green-dark-600: #4a6f66;
  --colors-westwing-green-dark-700: #8ec5b7;
  --colors-westwing-green-dark-800: #8fb7ac;
  --colors-westwing-green-dark-900: #8dc4b6;
  --colors-westwing-green-dark-950: #d9f2eb;
  --colors-westwing-green-dark-a: #73fbde2d; /** Primary color alpha value */
  --mode-colors-gray-25: #101216;
  --mode-colors-gray-50: #17191D;
  --mode-colors-gray-100: #202329;
  --mode-colors-gray-200: #262a31;
  --mode-colors-gray-300: #2c313a;
  --mode-colors-gray-400: #343a45;
  --mode-colors-gray-500: #404755;
  --mode-colors-gray-600: #576174;
  --mode-colors-gray-700: #646e81;
  --mode-colors-gray-800: #727b8e;
  --mode-colors-gray-900: #acb4c2;
  --mode-colors-gray-950: #eceef2;
  --mode-colors-gray-min: #000;
  --mode-colors-gray-max: #ffffff;
  --mode-colors-gray-alpha-25: #0013df05;
  --mode-colors-gray-alpha-50: #7da7fc0c;
  --mode-colors-gray-alpha-100: #a1c0fd19;
  --mode-colors-gray-alpha-200: #a8c6fb22;
  --mode-colors-gray-alpha-300: #a9c6fa2c;
  --mode-colors-gray-alpha-400: #b0ccff37;
  --mode-colors-gray-alpha-500: #b3ccfd49;
  --mode-colors-gray-alpha-600: #b8d0fd6a;
  --mode-colors-gray-alpha-700: #c0d5fd78;
  --mode-colors-gray-alpha-800: #c8d9fe86;
  --mode-colors-gray-alpha-900: #e0ebfebe;
  --mode-colors-gray-alpha-950: #f8fafef2;
  --mode-colors-green-50: #02271D;
  --mode-colors-green-100: #083529;
  --mode-colors-green-200: #084F3C;
  --mode-colors-green-300: #137C58;
  --mode-colors-green-400: #14996C;
  --mode-colors-green-500: #43AD89;
  --mode-colors-green-600: #73C0A6;
  --mode-colors-green-700: #A5D3C3;
  --mode-colors-green-800: #D1EAE1;
  --mode-colors-green-900: #E8F4F0;
  --mode-colors-green-950: #F3FAF8;
  --mode-colors-yellow-50: #3D250F;
  --mode-colors-yellow-100: #6C3D13;
  --mode-colors-yellow-200: #96600E;
  --mode-colors-yellow-300: #B37512;
  --mode-colors-yellow-400: #CB9C10;
  --mode-colors-yellow-500: #EEC321;
  --mode-colors-yellow-600: #F2D04D;
  --mode-colors-yellow-700: #F4DA7B;
  --mode-colors-yellow-800: #F8E7A6;
  --mode-colors-yellow-900: #F9F1D5;
  --mode-colors-yellow-950: #FEFCF4;
  --mode-colors-red-50: #201314;
  --mode-colors-red-100: #3b1219;
  --mode-colors-red-200: #500f1c;
  --mode-colors-red-300: #611623;
  --mode-colors-red-400: #72232d;
  --mode-colors-red-500: #8c333a;
  --mode-colors-red-600: #b54548;
  --mode-colors-red-700: #C5504D;
  --mode-colors-red-800: #D97674;
  --mode-colors-red-900: #E6A4A2;
  --mode-colors-red-950: #ffd1d9;
  --mode-colors-blue-50: #172554;
  --mode-colors-blue-100: #1E3A8A;
  --mode-colors-blue-200: #1E40AF;
  --mode-colors-blue-300: #1D4ED8;
  --mode-colors-blue-400: #2563EB;
  --mode-colors-blue-500: #3B82F6;
  --mode-colors-blue-600: #60A5FA;
  --mode-colors-blue-700: #93C5FD;
  --mode-colors-blue-800: #BFDBFE;
  --mode-colors-blue-900: #DBEAFE;
  --mode-colors-blue-950: #EFF6FF;
  --mode-colors-blue-alpha-50: #17255408;
  --mode-colors-blue-alpha-100: #1E3A8A0D;
  --mode-colors-blue-alpha-200: #1E40AF26;
  --mode-colors-blue-alpha-300: #1D4ED84D;
  --mode-colors-blue-alpha-400: #2563EB66;
  --mode-colors-blue-alpha-500: #3B82F680;
  --mode-colors-blue-alpha-600: #60A5FA99;
  --mode-colors-blue-alpha-700: #93C5FDB3;
  --mode-colors-blue-alpha-800: #BFDBFECC;
  --mode-colors-blue-alpha-900: #DBEAFEE6;
  --mode-colors-blue-alpha-950: #EFF6FFF2;
  --mode-colors-supplx-secondary-50: #2E1631;
  --mode-colors-supplx-secondary-100: #461E4B;
  --mode-colors-supplx-secondary-200: #522558;
  --mode-colors-supplx-secondary-300: #6C4771;
  --mode-colors-supplx-secondary-400: #86688A;
  --mode-colors-supplx-secondary-500: #97799B;
  --mode-colors-supplx-secondary-600: #A890AB;
  --mode-colors-supplx-secondary-700: #CBBDCD;
  --mode-colors-supplx-secondary-800: #DCD3DE;
  --mode-colors-supplx-secondary-900: #EDE9EE;
  --mode-colors-supplx-secondary-950: #F6F2F7;
  --mode-colors-supplx-primary-50: #1a180f;
  --mode-colors-supplx-primary-100: #2a2404;
  --mode-colors-supplx-primary-200: #362c00;
  --mode-colors-supplx-primary-300: #423600;
  --mode-colors-supplx-primary-400: #4f4400;
  --mode-colors-supplx-primary-500: #62560f;
  --mode-colors-supplx-primary-600: #7c6e17;
  --mode-colors-supplx-primary-700: #f7d908;
  --mode-colors-supplx-primary-800: #edcf00;
  --mode-colors-supplx-primary-900: #f9db13;
  --mode-colors-supplx-primary-950: #f8edaf;
  --mode-colors-supplx-primary-a: #fec30034;
  --mode-colors-bonprix-primary-50: #121823;
  --mode-colors-bonprix-primary-100: #172642;
  --mode-colors-bonprix-primary-200: #1b3159;
  --mode-colors-bonprix-primary-300: #243d6a;
  --mode-colors-bonprix-primary-400: #2e497a;
  --mode-colors-bonprix-primary-500: #39578e;
  --mode-colors-bonprix-primary-600: #4467a8;
  --mode-colors-bonprix-primary-700: #89aded;
  --mode-colors-bonprix-primary-800: #7ea2e1;
  --mode-colors-bonprix-primary-900: #91b6f6;
  --mode-colors-bonprix-primary-950: #d4e2fa;
  --mode-colors-bonprix-primary-a: #367dfd4a;
  --mode-colors-bonprix-secondary-50: #19191b;
  --mode-colors-bonprix-secondary-100: #232325;
  --mode-colors-bonprix-secondary-200: #2a2a2d;
  --mode-colors-bonprix-secondary-300: #313134;
  --mode-colors-bonprix-secondary-400: #3a3a3d;
  --mode-colors-bonprix-secondary-500: #48484b;
  --mode-colors-bonprix-secondary-600: #606064;
  --mode-colors-bonprix-secondary-700: #6e6e72;
  --mode-colors-bonprix-secondary-800: #616165;
  --mode-colors-bonprix-secondary-900: #b4b4b8;
  --mode-colors-bonprix-secondary-950: #eeeef0;
  --mode-colors-transparent: #FFFFFF00;
  --mode-colors-westwing-primary-50: #141a18;
  --mode-colors-westwing-primary-100: #192724;
  --mode-colors-westwing-primary-200: #1c322c;
  --mode-colors-westwing-primary-300: #233b36;
  --mode-colors-westwing-primary-400: #2d4741;
  --mode-colors-westwing-primary-500: #395750;
  --mode-colors-westwing-primary-600: #4a6f66;
  --mode-colors-westwing-primary-700: #8ec5b7;
  --mode-colors-westwing-primary-800: #8fb7ac;
  --mode-colors-westwing-primary-900: #8dc4b6;
  --mode-colors-westwing-primary-950: #d9f2eb;
  --mode-colors-westwing-primary-a: #73fbde2d;
  --mode-colors-westwing-secondary-50: #19191b;
  --mode-colors-westwing-secondary-100: #232325;
  --mode-colors-westwing-secondary-200: #2a2a2d;
  --mode-colors-westwing-secondary-300: #313134;
  --mode-colors-westwing-secondary-400: #3a3a3d;
  --mode-colors-westwing-secondary-500: #48484b;
  --mode-colors-westwing-secondary-600: #606064;
  --mode-colors-westwing-secondary-700: #6e6e72;
  --mode-colors-westwing-secondary-800: #616165;
  --mode-colors-westwing-secondary-900: #b4b4b8;
  --mode-colors-westwing-secondary-950: #eeeef0;
  --brand-colors-neutral-25: #101216;
  --brand-colors-neutral-50: #17191D;
  --brand-colors-neutral-100: #202329;
  --brand-colors-neutral-200: #262a31;
  --brand-colors-neutral-300: #2c313a;
  --brand-colors-neutral-400: #343a45;
  --brand-colors-neutral-500: #404755;
  --brand-colors-neutral-600: #576174;
  --brand-colors-neutral-700: #646e81;
  --brand-colors-neutral-800: #727b8e;
  --brand-colors-neutral-900: #acb4c2;
  --brand-colors-neutral-950: #eceef2;
  --brand-colors-neutral-min: #000;
  --brand-colors-neutral-max: #ffffff;
  --brand-colors-neutral-alpha-25: #0013df05;
  --brand-colors-neutral-alpha-50: #7da7fc0c;
  --brand-colors-neutral-alpha-100: #a1c0fd19;
  --brand-colors-neutral-alpha-200: #a8c6fb22;
  --brand-colors-neutral-alpha-300: #a9c6fa2c;
  --brand-colors-neutral-alpha-400: #b0ccff37;
  --brand-colors-neutral-alpha-500: #b3ccfd49;
  --brand-colors-neutral-alpha-600: #b8d0fd6a;
  --brand-colors-neutral-alpha-700: #c0d5fd78;
  --brand-colors-neutral-alpha-800: #c8d9fe86;
  --brand-colors-neutral-alpha-900: #e0ebfebe;
  --brand-colors-neutral-alpha-950: #f8fafef2;
  --brand-colors-success-50: #02271D;
  --brand-colors-success-100: #083529;
  --brand-colors-success-200: #084F3C;
  --brand-colors-success-300: #137C58;
  --brand-colors-success-400: #14996C;
  --brand-colors-success-500: #43AD89;
  --brand-colors-success-600: #73C0A6;
  --brand-colors-success-700: #A5D3C3;
  --brand-colors-success-800: #D1EAE1;
  --brand-colors-success-900: #E8F4F0;
  --brand-colors-success-950: #F3FAF8;
  --brand-colors-warning-50: #3D250F;
  --brand-colors-warning-100: #6C3D13;
  --brand-colors-warning-200: #96600E;
  --brand-colors-warning-300: #B37512;
  --brand-colors-warning-400: #CB9C10;
  --brand-colors-warning-500: #EEC321;
  --brand-colors-warning-600: #F2D04D;
  --brand-colors-warning-700: #F4DA7B;
  --brand-colors-warning-800: #F8E7A6;
  --brand-colors-warning-900: #F9F1D5;
  --brand-colors-warning-950: #FEFCF4;
  --brand-colors-error-50: #201314;
  --brand-colors-error-100: #3b1219;
  --brand-colors-error-200: #500f1c;
  --brand-colors-error-300: #611623;
  --brand-colors-error-400: #72232d;
  --brand-colors-error-500: #8c333a;
  --brand-colors-error-600: #b54548;
  --brand-colors-error-700: #C5504D;
  --brand-colors-error-800: #D97674;
  --brand-colors-error-900: #E6A4A2;
  --brand-colors-error-950: #ffd1d9;
  --brand-colors-interactive-50: #172554;
  --brand-colors-interactive-100: #1E3A8A;
  --brand-colors-interactive-200: #1E40AF;
  --brand-colors-interactive-300: #1D4ED8;
  --brand-colors-interactive-400: #2563EB;
  --brand-colors-interactive-500: #3B82F6;
  --brand-colors-interactive-600: #60A5FA;
  --brand-colors-interactive-700: #93C5FD;
  --brand-colors-interactive-800: #BFDBFE;
  --brand-colors-interactive-900: #DBEAFE;
  --brand-colors-interactive-950: #EFF6FF;
  --brand-colors-interactive-alpha-50: #17255408;
  --brand-colors-interactive-alpha-100: #1E3A8A0D;
  --brand-colors-interactive-alpha-200: #1E40AF26;
  --brand-colors-interactive-alpha-300: #1D4ED84D;
  --brand-colors-interactive-alpha-400: #2563EB66;
  --brand-colors-interactive-alpha-500: #3B82F680;
  --brand-colors-interactive-alpha-600: #60A5FA99;
  --brand-colors-interactive-alpha-700: #93C5FDB3;
  --brand-colors-interactive-alpha-800: #BFDBFECC;
  --brand-colors-interactive-alpha-900: #DBEAFEE6;
  --brand-colors-interactive-alpha-950: #EFF6FFF2;
  --brand-colors-secondary-50: #2E1631;
  --brand-colors-secondary-100: #461E4B;
  --brand-colors-secondary-200: #522558;
  --brand-colors-secondary-300: #6C4771;
  --brand-colors-secondary-400: #86688A;
  --brand-colors-secondary-500: #97799B;
  --brand-colors-secondary-600: #A890AB;
  --brand-colors-secondary-700: #CBBDCD;
  --brand-colors-secondary-800: #DCD3DE;
  --brand-colors-secondary-900: #EDE9EE;
  --brand-colors-secondary-950: #F6F2F7;
  --brand-colors-primary-50: #1a180f;
  --brand-colors-primary-100: #2a2404;
  --brand-colors-primary-200: #362c00;
  --brand-colors-primary-300: #423600;
  --brand-colors-primary-400: #4f4400;
  --brand-colors-primary-500: #62560f;
  --brand-colors-primary-600: #7c6e17;
  --brand-colors-primary-700: #f7d908;
  --brand-colors-primary-800: #edcf00;
  --brand-colors-primary-900: #f9db13;
  --brand-colors-primary-950: #f8edaf;
  --brand-colors-primary-a: #fec30034;
  --brand-colors-transparent: #FFFFFF00;
  --theme-colors-border-default: #343a45;
  --theme-colors-border-strong: #404755;
  --theme-colors-border-success: #14996C;
  --theme-colors-border-warning: #CB9C10;
  --theme-colors-border-error: #72232d;
  --theme-colors-border-info: #2563EB;
  --theme-colors-text-default: #eceef2;
  --theme-colors-text-inverse: #17191D;
  --theme-colors-text-subtle: #acb4c2;
  --theme-colors-text-success: #E8F4F0;
  --theme-colors-text-error: #E6A4A2;
  --theme-colors-text-warning: #F9F1D5;
  --theme-colors-text-info: #DBEAFE;
  --theme-colors-icon-info: #93C5FD;
  --theme-colors-icon-success: #A5D3C3;
  --theme-colors-icon-error: #C5504D;
  --theme-colors-icon-warning: #F4DA7B;
  --theme-colors-icon-default: #eceef2;
  --theme-colors-icon-inverse: #17191D;
  --theme-colors-icon-subtle: #acb4c2;
  --theme-colors-icon-extra-subtle: #646e81;
  --theme-colors-link-default: #f7d908;
  --theme-colors-link-hover: #edcf00;
  --theme-colors-link-pressed: #edcf00; /** Test to used modifier */
  --theme-colors-link-disabled: #343a45;
  --theme-colors-bg-base: #000;
  --theme-colors-bg-hover: #fec30034; /** Hover color for surfaces in the colors: base, layer 1 and layer 2.  */
  --theme-colors-bg-layer0: #17191D; /** Not a regular backgound color. Mainly used as backgound color on AG-Grid row for group on 3rd level and for menus and dropdowns. */
  --theme-colors-bg-layer1: #202329;
  --theme-colors-bg-layer2: #262a31;
  --theme-colors-bg-success-default: #083529;
  --theme-colors-bg-success-strong: #084F3C;
  --theme-colors-bg-warning-default: #6C3D13;
  --theme-colors-bg-warning-strong: #96600E;
  --theme-colors-bg-error-default: #3b1219;
  --theme-colors-bg-error-strong: #500f1c;
  --theme-colors-bg-inverse-base: #eceef2; /** The darkest background-color used across layouts and components. It is useful for components such as tooltips. */
  --theme-colors-bg-inverse-layer1: #404755;
  --theme-colors-bg-info-default: #1E3A8A;
  --theme-colors-bg-info-strong: #1E40AF;
  --theme-colors-accent-subtle-default: #62560f;
  --theme-colors-accent-subtle-hover: #7c6e17;
  --theme-colors-accent-strong-default: #f7d908;
  --theme-colors-accent-strong-hover: #edcf00;
  --button-colors-primary-bg-default: #f7d908;
  --button-colors-primary-bg-hover: #edcf00;
  --button-colors-primary-bg-pressed: #f9db13;
  --button-colors-primary-bg-disabled: #262a31;
  --button-colors-primary-bg-destructive-default: #D97674;
  --button-colors-primary-bg-destructive-hover: #C5504D;
  --button-colors-primary-bg-destructive-pressed: #D97674;
  --button-colors-primary-bg-destructive-disabled: #3b1219;
  --button-colors-primary-fg-default: #000;
  --button-colors-primary-fg-disabled: #c0d5fd78;
  --button-colors-primary-fg-destructive-disabled: #c0d5fd78;
  --button-colors-secondary-bg-default: #7da7fc0c;
  --button-colors-secondary-bg-hover: #a1c0fd19;
  --button-colors-secondary-bg-pressed: #a8c6fb22;
  --button-colors-secondary-bg-disabled: #FFFFFF00;
  --button-colors-secondary-bg-destructive-default: #7da7fc0c;
  --button-colors-secondary-bg-destructive-hover: #a1c0fd19;
  --button-colors-secondary-bg-destructive-pressed: #a8c6fb22;
  --button-colors-secondary-bg-destructive-disabled: #FFFFFF00;
  --button-colors-secondary-fg-default: #f7d908;
  --button-colors-secondary-fg-disabled: #646e81;
  --button-colors-secondary-fg-destructive-default: #D97674;
  --button-colors-secondary-fg-destructive-disabled: #646e81;
  --button-colors-secondary-border-default: #576174;
  --button-colors-secondary-border-destructive-default: #b54548;
  --button-colors-secondary-border-destructive-disabled: #b0ccff37;
  --button-colors-secondary-border-disabled: #b0ccff37;
  --button-colors-tertiary-bg-hover: #a1c0fd19;
  --button-colors-tertiary-bg-pressed: #a8c6fb22;
  --button-colors-tertiary-bg-destructive-hover: #a1c0fd19;
  --button-colors-tertiary-bg-destructive-pressed: #a8c6fb22;
  --button-colors-tertiary-fg-default: #f7d908;
  --button-colors-tertiary-fg-disabled: #646e81;
  --button-colors-tertiary-fg-destructive-default: #D97674;
  --button-colors-tertiary-fg-destructive-disabled: #646e81;
  --focus-ring-colors-bg: #1E40AF26;
  --focus-ring-colors-border: #1D4ED8;
  --accordion-header-colors-bg-accent-default: #000;
  --accordion-header-colors-bg-accent-hover: #2a2404;
  --accordion-header-colors-bg-default: #202329;
  --accordion-header-colors-bg-hover: #262a31;
  --accordion-colors-border-accent-default: #62560f;
  --accordion-colors-border-default: #343a45;
  --accordion-colors-text-title: #eceef2;
  --accordion-colors-text-subline: #acb4c2;
  --accordion-colors-text-hint: #eceef2;
  --accordion-colors-icon-left: #eceef2;
  --accordion-colors-icon-right: #acb4c2;
  --accordion-colors-icon-chevron: #acb4c2;
  --accordion-group-header-colors-bg-default: #000;
  --avatar-colors-border-default: #000;
  --avatar-colors-border-hover: #343a45;
  --avatar-colors-bg-default: #262a31;
  --avatar-colors-bg-hover: #2c313a;
  --avatar-colors-fg: #eceef2;
  --avatar-colors-placeholder-border: #404755;
  --checkbox-colors-unselected-border-default: #acb4c2;
  --checkbox-colors-unselected-border-hover: #7c6e17;
  --checkbox-colors-unselected-border-disabled: #b3ccfd49;
  --checkbox-colors-unselected-border-error: #D97674;
  --checkbox-colors-unselected-bg-default: #FFFFFF00;
  --checkbox-colors-unselected-bg-hover: #a1c0fd19;
  --checkbox-colors-unselected-bg-disabled: #FFFFFF00;
  --checkbox-colors-unselected-bg-error: #201314;
  --checkbox-colors-selected-bg-default: #f7d908;
  --checkbox-colors-selected-bg-hover: #edcf00;
  --checkbox-colors-selected-bg-disabled: #a9c6fa2c;
  --checkbox-colors-selected-bg-error: #D97674;
  --checkbox-colors-selected-fg-default: #17191D;
  --checkbox-colors-selected-fg-disabled: #c0d5fd78;
  --draggable-list-colors-bg-header-default: #000;
  --draggable-list-colors-bg-header-dragging: #262a31;
  --draggable-list-colors-bg-content: #262a31;
  --draggable-list-colors-bg-indicator: #3B82F6;
  --draggable-list-colors-border: #343a45;
  --draggable-list-colors-text-visible: #eceef2;
  --draggable-list-colors-text-hidden: #646e81;
  --draggable-list-colors-icon-left-visible: #f7d908;
  --draggable-list-colors-icon-left-hidden: lch(87.218 85.315 90.909 / 0.7);
  --draggable-list-colors-icon-right: #404755;
  --dropdown-colors-border: #343a45;
  --dropdown-colors-bg-hover: #fec30034;
  --dropdown-colors-bg-default: #17191D;
  --dropdown-colors-bg-highlight: #1E40AF;
  --dropdown-colors-text: #eceef2; /** Used for 'group title' and 'primary value' */
  --dropdown-colors-hint: #acb4c2; /** Used for 'loading', 'no results' state and 'secondary value' */
  --form-colors-bg-default: #000;
  --form-colors-bg-hover: #17191D;
  --form-colors-bg-active: #000;
  --form-colors-bg-disabled: #a9c6fa2c;
  --form-colors-bg-error: #000;
  --form-colors-input-text-default: #eceef2;
  --form-colors-input-text-disabled: #acb4c2;
  --form-colors-input-text-error: #eceef2;
  --form-colors-border-default: #576174;
  --form-colors-border-active: #60A5FA;
  --form-colors-border-hover: #576174;
  --form-colors-border-error: #D97674;
  --form-colors-border-disabled: #a9c6fa2c;
  --form-colors-icon-subtle: #646e81;
  --form-colors-icon-default: #acb4c2;
  --form-colors-icon-hover: #eceef2;
  --form-colors-icon-error: #D97674;
  --form-colors-label-default: #eceef2;
  --form-colors-label-disabled: #646e81;
  --form-colors-label-error: #eceef2;
  --form-colors-label-inverse-default: #17191D;
  --form-colors-label-inverse-disabled: #576174;
  --form-colors-label-inverse-error: #17191D;
  --form-colors-hint-default: #acb4c2;
  --form-colors-hint-disabled: #646e81;
  --form-colors-hint-inverse-default: #2c313a;
  --form-colors-hint-inverse-disabled: #343a45;
  --form-colors-error-message-default: #E6A4A2;
  --form-colors-error-message-inverse: #611623;
  --form-colors-placeholder-default: #727b8e;
  --pill-button-colors-secondary-bg-default: #7da7fc0c;
  --pill-button-colors-secondary-bg-hover: #a1c0fd19;
  --pill-button-colors-secondary-bg-pressed: #362c00;
  --pill-button-colors-secondary-bg-disabled: #FFFFFF00;
  --pill-button-colors-secondary-fg-default: #eceef2;
  --pill-button-colors-secondary-fg-pressed: #eceef2;
  --pill-button-colors-secondary-fg-disabled: #646e81;
  --pill-button-colors-secondary-border-default: #576174;
  --pill-button-colors-secondary-border-disabled: #b0ccff37;
  --pill-button-colors-secondary-border-selected: #62560f;
  --pill-button-colors-destructive-bg-default: #7da7fc0c;
  --pill-button-colors-destructive-bg-hover: #a1c0fd19;
  --pill-button-colors-destructive-bg-pressed: #D97674;
  --pill-button-colors-destructive-bg-disabled: #FFFFFF00;
  --pill-button-colors-destructive-fg-default: #D97674;
  --pill-button-colors-destructive-fg-pressed: #000;
  --pill-button-colors-destructive-fg-disabled: #646e81;
  --pill-button-colors-destructive-border-default: #b54548;
  --status-ring-colors-bg: #404755; /** Neutral 200 */
  --status-ring-colors-success-fg: #43AD89; /** Success 500 */
  --status-ring-colors-warning-fg: #F2D04D; /** Warning 600 */
  --status-ring-colors-error-fg: #C5504D; /** Error 500 */
  --top-nav-colors-bg: #f7d908;
  --top-nav-colors-logo: #97799B;
  --top-nav-colors-menu-bg-default: #f7d908;
  --top-nav-colors-menu-bg-hover: #edcf00;
  --top-nav-colors-menu-bg-pressed: #f9db13;
  --top-nav-colors-menu-fg-default: #17191D;
  --top-nav-colors-menu-fg-pressed: #17191D;
  --radio-colors-unselected-border-default: #acb4c2;
  --radio-colors-selected-border-default: #f7d908;
  --radio-colors-border-hover: #edcf00;
  --radio-colors-border-disabled: #b3ccfd49;
  --radio-colors-border-error: #D97674;
  --radio-colors-bg-default: #FFFFFF00;
  --radio-colors-bg-hover: #a1c0fd19;
  --radio-colors-bg-disabled: #FFFFFF00;
  --radio-colors-fg-default: #f7d908;
  --radio-colors-fg-hover: #edcf00;
  --radio-colors-fg-disabled: #c0d5fd78;
  --radio-colors-fg-error: #D97674;
  --tab-colors-default-selected-fg: #17191D;
  --tab-colors-default-selected-bg-default: #f7d908;
  --tab-colors-default-unselected-fg: #f7d908;
  --tab-colors-default-unselected-bg-default: #262a31;
  --tab-colors-default-unselected-bg-hover: #202329;
  --tab-colors-inverse-selected-fg: #f7d908;
  --tab-colors-inverse-selected-bg-default: #423600;
  --tab-colors-inverse-unselected-fg: #17191D;
  --tab-colors-inverse-unselected-bg-default: #FFFFFF00;
  --tab-colors-inverse-unselected-bg-hover: #7c6e17;
  --box-colors-bg: #000;
  --box-colors-border: #000;
  --switch-colors-unselected-bg-default: #acb4c2;
  --switch-colors-unselected-bg-hover: #727b8e;
  --switch-colors-unselected-icon-default: #acb4c2;
  --switch-colors-selected-bg-default: #43AD89;
  --switch-colors-selected-bg-hover: #14996C;
  --switch-colors-selected-icon-default: #43AD89;
  --switch-colors-icon-disabled: #646e81;
  --switch-colors-bg-disabled: #b0ccff37;
  --switch-colors-fg: #000;
  --notification-badge-colors-strong-bg: #97799B;
  --notification-badge-colors-strong-fg: #F6F2F7;
  --notification-badge-colors-subtle-bg: #727b8e;
  --notification-badge-colors-subtle-fg: #fcfcfd;
  --fab-colors-secondary-bg-default: #000;
  --fab-colors-secondary-bg-hover: #202329;
  --fab-colors-secondary-bg-pressed: #262a31;
  --fab-colors-secondary-bg-disabled: #000;
  --fab-colors-secondary-fg-default: #f7d908;
  --fab-colors-secondary-fg-disabled: #646e81;
  --fab-colors-secondary-border-default: #404755;
  --fab-colors-secondary-border-disabled: #343a45;

 /**
  * @tokens Others
  */

  --var-1: 0.25rem;
  --var-2: 0.5rem;
  --var-3: 0.75rem;
  --var-4: 1rem;
  --var-5: 1.25rem;
  --var-6: 1.5rem;
  --var-7: 1.75rem;
  --var-8: 2rem;
  --var-9: 2.25rem;
  --var-10: 2.5rem;
  --var-11: 2.75rem;
  --var-12: 3rem;
  --var-14: 3.5rem;
  --var-16: 4rem;
  --var-0-5: 0.125rem;
  --var-1-5: 0.375rem;
  --var-2-5: 0.625rem;
  --var-3-5: 0.875rem;
  --opacity-o100: 0.1;
  --opacity-o200: 0.2;
  --opacity-o300: 0.3;
  --opacity-o400: 0.4;
  --opacity-o500: 0.5;
  --opacity-o600: 0.6;
  --opacity-o700: 0.7;
  --opacity-o800: 0.8;
  --opacity-o900: 0.9;
  --fix-1: 4px;
  --fix-2: 8px;
  --fix-3: 12px;
  --fix-4: 16px;
  --fix-5: 20px;
  --fix-6: 24px;
  --fix-7: 28px;
  --fix-8: 32px;
  --fix-9: 36px;
  --fix-10: 40px;
  --fix-11: 44px;
  --fix-12: 48px;
  --fix-14: 56px;
  --fix-16: 64px;
  --fix-24: 96px;
  --fix-28: 112px;
  --fix-32: 128px;
  --fix-36: 144px;
  --fix-44: 176px;
  --fix-none: 0;
  --fix-0-5: 2px;
  --fix-1-5: 0,375rem;
  --fix-2-5: 10px;
  --fix-3-5: 14px;
  --fix-px: 1px;
  --brand-space-element-to-element-xs: 0.25rem;
  --brand-space-element-to-element-sm: 0.5rem;
  --brand-space-element-to-element-md: 0.75rem;
  --brand-space-element-to-element-lg: 1rem;
  --brand-space-element-to-element-xl: 1.5rem;
  --brand-space-element-to-element-2xl: 2rem;
  --brand-space-element-to-element-3xl: 4rem;
  --brand-space-horizontal-edge-to-element-xs: 0.25rem;
  --brand-space-horizontal-edge-to-element-sm: 0.5rem;
  --brand-space-horizontal-edge-to-element-md: 0.75rem;
  --brand-space-horizontal-edge-to-element-lg: 1rem;
  --brand-space-horizontal-edge-to-element-xl: 1.5rem;
  --brand-space-vertical-edge-to-element-xxs: 0.125rem;
  --brand-space-vertical-edge-to-element-xs: 0.25rem;
  --brand-space-vertical-edge-to-element-sm: 0.75rem;
  --brand-space-vertical-edge-to-element-md: 1rem;
  --brand-space-vertical-edge-to-element-xl: 1.5rem;
  --brand-radius-rounded-none: 0;
  --brand-radius-rounded-xs: 4px;
  --brand-radius-rounded-sm: 8px;
  --brand-radius-rounded-md: 16px;
  --brand-radius-rounded-full: 999px;
  --brand-border-width-border-xxs: 1px;
  --brand-border-width-border-xs: 2px;
  --brand-border-width-border-sm: 4px;
  --brand-layout-gutter-breakpoint-xs-to-m: 16px;
  --brand-layout-gutter-breakpoint-l: 24px;
  --brand-layout-outside-gutter-breakpoint-xs-to-m: 16px;
  --brand-layout-outside-gutter-breakpoint-l: 24px;
  --brand-layout-columns-breakpoint-xs: 2;
  --brand-layout-columns-breakpoint-s: 4;
  --brand-layout-columns-breakpoint-m: 12;
  --brand-layout-columns-breakpoint-l: 12;
  --brand-breakpoint-xs: 320px; /** >319px  */
  --brand-breakpoint-s: 768px; /** >767px */
  --brand-breakpoint-m: 1024px; /** >1023px */
  --brand-breakpoint-l: 1280px; /** >1279px */
  --brand-font-family-a: Inter;
  --brand-font-family-b: Rubik;
  --brand-font-weight-accent-weight: 400; /** To be tested, if this can stay under font weight while actually being a font style.  */
  --brand-font-weight-accent-style: italic; /** To be tested, if this can stay under font weight while actually being a font style.  */
  --brand-font-weight-default: 400;
  --brand-font-weight-strong: 500;
  --brand-font-weight-stronger: 700;
  --brand-font-size-f-20: 0.625rem;
  --brand-font-size-f-10: 0.75rem;
  --brand-font-size-f0: 0.875rem;
  --brand-font-size-f10: 1rem;
  --brand-font-size-f20: 1.125rem;
  --brand-font-size-f30: 1.25rem;
  --brand-font-size-f40: 1.5rem;
  --brand-font-size-f50: 1.75rem;
  --brand-font-size-f60: 1.875rem;
  --brand-font-size-f80: 3rem;
  --brand-line-height-lh-20: 14px;
  --brand-line-height-lh-10: 18px;
  --brand-line-height-lh0: 22px;
  --brand-line-height-lh10: 24px;
  --brand-line-height-lh20: 30px;
  --brand-line-height-lh30: 38px;
  --brand-line-height-lh50: 48px;
  --brand-line-height-lh80: 56px;
  --brand-paragraph-spacing-ps0: 8px;
  --brand-paragraph-spacing-ps10: 12px;
  --brand-paragraph-spacing-ps20: 16px;
  --brand-paragraph-spacing-ps40: 24px;
  --brand-paragraph-spacing-ps60: 32px;
  --brand-paragraph-spacing-ps80: 40px;
  --viewport-width: 1280px;
  --layout-gutter: 24px;
  --layout-outside-gutter: 24px;
  --layout-columns: 12px;
  --layout-max-width-narrow: 1024px;
  --layout-max-width-full: 100%;
  --button-radius-sm: 8px;
  --button-radius-md: 8px;
  --button-radius-focus-ring-sm: 10px;
  --button-radius-focus-ring-md: 10px;
  --button-focus-ring-offset: 2px;
  --button-focus-ring-position: -2px;
  --button-focus-ring-border-width: 4px;
  --focus-ring-border-width: 4px; /** outside stroke */
  --focus-ring-offset: 4px;
  --focus-ring-position: -4px;
  --accordion-border-width: 1px;
  --accordion-radius: 8px;
  --accordion-md-header-gap: 1rem;
  --accordion-md-header-padding-vertical: 0.75rem;
  --accordion-md-header-padding-horizontal: 1rem;
  --accordion-md-content-padding-vertical: 1rem;
  --accordion-md-content-padding-horizontal: 1rem;
  --accordion-sm-header-gap: 0.5rem;
  --accordion-sm-header-padding-vertical: 0.5rem;
  --accordion-sm-header-padding-horizontal: 0.5rem;
  --accordion-sm-content-padding-vertical: 0.75rem;
  --accordion-sm-content-padding-horizontal: 0.75rem;
  --accordion-desktop-group-header-gap: 1.5rem;
  --accordion-desktop-group-header-padding-vertical: 1rem;
  --accordion-desktop-group-header-padding-horizontal: 1rem;
  --accordion-mobile-group-header-gap: 0.75rem;
  --accordion-mobile-group-header-padding-vertical: 1rem;
  --accordion-mobile-group-header-padding-horizontal: 1rem;
  --avatar-opacity-fg-hover: 0.4;
  --avatar-size-sm: 1.5rem;
  --avatar-size-md: 2rem;
  --avatar-size-lg: 3rem;
  --avatar-border-width-default: 1px;
  --avatar-border-width-placeholder: 2px;
  --checkbox-sm-border-width: 1px;
  --checkbox-sm-radius: 4px;
  --checkbox-sm-height: 1rem;
  --checkbox-sm-width: 1rem;
  --checkbox-sm-gap-horizontal: 0.5rem;
  --checkbox-focus-ring-radius: calc 8px;
  --checkbox-focus-ring-border-width: 4px;
  --draggable-list-radius: 8px;
  --dropdown-radius: 8px;
  --field-radius-sm: 4px;
  --field-radius-md: 4px;
  --field-focus-ring-radius-sm: 4px;
  --field-focus-ring-radius-md: 4px;
  --field-focus-ring-offset: 0px;
  --field-focus-ring-position: 0px;
  --field-focus-ring-border-width: 4px;
  --field-min-height-sm: 32px;
  --field-min-height-md: 40px;
  --field-border-width: 1px;
  --field-spacing-sm-label-to-field: 0.25rem;
  --field-spacing-sm-field-to-hint: 0.25rem;
  --field-spacing-md-label-to-field: 0.25rem;
  --field-spacing-md-field-to-hint: 0.25rem;
  --pill-button-sm-border-width: 1px;
  --pill-button-sm-radius: 999px;
  --pill-button-sm-min-height: 1.25rem;
  --pill-button-sm-min-width: 48px;
  --pill-button-sm-padding-horizontal: 0.5rem;
  --pill-button-sm-padding-vertical: 1px;
  --pill-button-sm-gap: 0.25rem;
  --pill-button-md-border-width: 1px;
  --pill-button-md-radius: 999px;
  --pill-button-md-min-height: 1.5rem;
  --pill-button-md-min-width: 64px;
  --pill-button-md-padding-horizontal: 0.75rem;
  --pill-button-md-padding-vertical: 0.125rem;
  --pill-button-md-gap: 0.25rem;
  --pill-button-focus-ring-radius: 999px;
  --pill-button-focus-ring-offset: 2px;
  --pill-button-focus-ring-position: -2px;
  --pill-button-focus-ring-border-width: 4px;
  --table-spacing-header-cell-md: 2px;
  --table-cell-size-vertical-md: 3rem;
  --radio-sm-border-width: 1px;
  --radio-sm-radius: 999px;
  --radio-sm-height: 1rem;
  --radio-sm-width: 1rem;
  --radio-sm-gap-horizontal: 0.5rem;
  --radio-focus-ring-radius: 999px;
  --radio-focus-ring-border-width: 4px;
  --tab-border-width: 0;
  --tab-radius: 4px;
  --tab-min-height: 2.25rem;
  --tab-min-width: 48px;
  --tab-padding-horizontal: 0.5rem;
  --tab-padding-vertical: 0.125rem;
  --tab-gap: 0.25rem;
  --tab-focus-ring-radius: 999px;
  --tab-focus-ring-offset: 0;
  --tab-focus-ring-position: 0;
  --tab-focus-ring-border-width: 4px;
  --tab-group-gap-vertical: 0.5rem;
  --tab-group-gap-horizontal: 0.25rem;
  --icon-md-border-width: 1.5px;
  --icon-md-size: 1.5rem;
  --icon-sm-border-width: 1.5px;
  --icon-sm-size: 1.25rem;
  --icon-xs-border-width: 1.5px;
  --icon-xs-size: 1rem;
  --icon-xl-border-width: 2px;
  --icon-xl-size: 3rem;
  --key-value-pair-sm-gab-label-left-label-to-value: 0.5rem;
  --key-value-pair-sm-gab-label-top-label-to-value: 0;
  --key-value-pair-sm-gab-label-top-icon-to-data: 0.5rem;
  --key-value-pair-md-gab-label-left-label-to-value: 0.5rem;
  --key-value-pair-md-gab-label-top-label-to-value: 0;
  --key-value-pair-md-gab-label-top-icon-to-data: 0.5rem;
  --key-value-pair-lg-gab-label-left-label-to-value: 0.5rem;
  --key-value-pair-lg-gab-label-top-label-to-value: 0;
  --key-value-pair-lg-gab-label-top-icon-to-data: 0.5rem;
  --key-value-pair-color-label: #acb4c2;
  --key-value-pair-color-figure: #eceef2;
  --key-value-pair-font-weight-figure: 500;
  --key-value-pair-font-weight-label: 400;
  --box-radius: 4px;
  --box-border-width: 1px;
  --box-padding-horizontal: 0.75rem;
  --box-padding-vertical: 0.75rem;
  --ag-accent-color: #62560f;
  --ag-active-color: #62560f;
  --ag-advanced-filter-builder-button-bar-border: 1px;
  --ag-advanced-filter-builder-column-pill-color: #1D4ED84D;
  --ag-advanced-filter-builder-indent-size: 32px;
  --ag-advanced-filter-builder-join-pill-color: #3B82F680;
  --ag-advanced-filter-builder-option-pill-color: #60A5FA99;
  --ag-advanced-filter-builder-value-pill-color: #a9c6fa2c;
  --ag-advanced-filter-column-pill-color: #1E40AF;
  --ag-advanced-filter-join-pill-color: #2c313a;
  --ag-advanced-filter-option-pill-color: #2c313a;
  --ag-advanced-filter-value-pill-color: #1E40AF;
  --ag-alpine-active-color: #62560f;
  --ag-background-color: #000;
  --ag-balham-active-color: #86688A;
  --ag-border-color: #343a45;
  --ag-border-radius: 4px; /** Border radius applied to many elements such as dialogs and form widgets. */
  --ag-borders: 1px;
  --ag-borders-critical: #F4DA7B;
  --ag-borders-input: 1px;
  --ag-borders-input-invalid: #D97674;
  --ag-borders-secondary: #343a45;
  --ag-borders-side-button: none;
  --ag-browser-color-scheme: #F4DA7B;
  --ag-card-radius: 4px;
  --ag-cell-editing-border: 0px;
  --ag-cell-editing-shadow: 4px;
  --ag-cell-font-family: Inter;
  --ag-cell-horizontal-border: true;
  --ag-cell-horizontal-padding: 9px;
  --ag-cell-text-color: #eceef2;
  --ag-cell-widget-spacing: 9px;
  --ag-chart-menu-label-color: #86688A;
  --ag-checkbox-background-color: #FFFFFF00;
  --ag-checkbox-border-radius: 4px;
  --ag-checkbox-border-width: 1px;
  --ag-checkbox-checked-background-color: #f7d908;
  --ag-checkbox-checked-border-color: #f7d908;
  --ag-checkbox-checked-color: #f7d908;
  --ag-checkbox-checked-glow-color: #F4DA7B;
  --ag-checkbox-checked-shape-color: #17191D;
  --ag-checkbox-glow-color: #F4DA7B;
  --ag-checkbox-indeterminate-background-color: #f7d908;
  --ag-checkbox-indeterminate-border-color: #f7d908;
  --ag-checkbox-indeterminate-color: #f7d908;
  --ag-checkbox-indeterminate-shape-color: #17191D;
  --ag-checkbox-unchecked-background-color: #FFFFFF00;
  --ag-checkbox-unchecked-border-color: #acb4c2;
  --ag-checkbox-unchecked-color: #acb4c2;
  --ag-chip-background-color: #262a31;
  --ag-chip-border-color: #343a45;
  --ag-chrome-background-color: #000; /** BG color of table header */
  --ag-column-border: false;
  --ag-column-drop-cell-background-color: #202329;
  --ag-column-drop-cell-border: false;
  --ag-column-drop-cell-drag-handle-color: #acb4c2;
  --ag-column-drop-cell-text-color: #eceef2;
  --ag-column-hover-color: #fec30034;
  --ag-column-select-indent-size: 0.75rem;
  --ag-control-panel-background-color: #000;
  --ag-data-color: #eceef2;
  --ag-data-font-size: 0,875 rem;
  --ag-dialog-border: #343a45;
  --ag-disabled-foreground-color: #343a45;
  --ag-drag-and-drop-image-background-color: #000;
  --ag-drag-and-drop-image-border: #343a45;
  --ag-drag-handle-color: #646e81;
  --ag-filter-tool-panel-group-indent: 32px;
  --ag-focus-shadow: #1D4ED8;
  --ag-font-family: Inter;
  --ag-font-size: 0.875rem;
  --ag-foo-bar: #000000;
  --ag-footer-row-border: #343a45;
  --ag-foreground-color: #eceef2;
  --ag-grid-size: 6px;
  --ag-header-background-color: #000;
  --ag-header-cell-hover-background-color: #000;
  --ag-header-cell-moving-background-color: #000;
  --ag-header-column-border: #343a45;
  --ag-header-column-border-height: 100%;
  --ag-header-column-resize-handle-color: #343a45;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-height: 100%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-separator-color: #343a45;
  --ag-header-column-separator-display: false;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-font-family: Inter;
  --ag-header-font-size: 0.875rem;
  --ag-header-font-weight: regular;
  --ag-header-foreground-color: #acb4c2;
  --ag-header-height: 36px;
  --ag-header-text-color: #acb4c2;
  --ag-icon-button-hover-color: #eceef2;
  --ag-icon-font-color: #acb4c2;
  --ag-icon-font-family: agGridQuartz;
  --ag-icon-font-weight: regular;
  --ag-icon-size: 16px;
  --ag-indentation-level: 0;
  --ag-input-background-color: #000;
  --ag-input-border: 1px;
  --ag-input-border-color: #576174;
  --ag-input-border-color-invalid: #D97674;
  --ag-input-border-radius: 4px;
  --ag-input-disabled-background-color: #a9c6fa2c;
  --ag-input-disabled-border: #a9c6fa2c;
  --ag-input-disabled-border-color: #a9c6fa2c;
  --ag-input-disabled-text-color: #acb4c2;
  --ag-input-focus-background-color: #000;
  --ag-input-focus-border: 4px;
  --ag-input-focus-border-color: #1D4ED8;
  --ag-input-focus-shadow: 4px;
  --ag-input-focus-text-color: #eceef2;
  --ag-input-height: 32px;
  --ag-input-icon-color: #acb4c2;
  --ag-input-invalid-background-color: #000;
  --ag-input-invalid-border: #D97674;
  --ag-input-invalid-text-color: #eceef2;
  --ag-input-padding-start: 0.75rem;
  --ag-input-text-color: #eceef2;
  --ag-internal-calculated-line-height: 130%;
  --ag-internal-content-line-height: 100%;
  --ag-internal-hover-color: #F4DA7B;
  --ag-internal-measurement-border: #F4DA7B;
  --ag-internal-moving-color: #F4DA7B;
  --ag-internal-padded-row-height: #F4DA7B;
  --ag-internal-spectrum-alpha-color: #F4DA7B;
  --ag-internal-spectrum-alpha-color-from: #F4DA7B;
  --ag-internal-spectrum-alpha-color-to: #F4DA7B;
  --ag-invalid-color: #D97674;
  --ag-list-item-height: 2rem;
  --ag-material-accent-color: #f7d908;
  --ag-material-primary-color: #f7d908;
  --ag-menu-background-color: #17191D;
  --ag-menu-min-width: 181px;
  --ag-menu-separator-color: #343a45;
  --ag-menu-text-color: #eceef2;
  --ag-modal-overlay-background-color: #000;
  --ag-odd-row-background-color: #000;
  --ag-panel-background-color: #202329;
  --ag-panel-border-color: #343a45;
  --ag-panel-title-bar-background-color: #000;
  --ag-panel-title-bar-border: #343a45;
  --ag-pinned-column-border: 1px;
  --ag-pinned-row-border: 1px;
  --ag-quartz-icon-active-color: #62560f;
  --ag-quartz-icon-hover-color: #eceef2;
  --ag-range-selection-background-color: #a8c6fb22;
  --ag-range-selection-background-color-2: #fec30034;
  --ag-range-selection-background-color-3: #fec30034;
  --ag-range-selection-background-color-4: #fec30034;
  --ag-range-selection-border-color: #1D4ED8;
  --ag-range-selection-border-style: solid;
  --ag-range-selection-chart-background-color: #fec30034;
  --ag-range-selection-highlight-color: #fec30034;
  --ag-row-border: true;
  --ag-row-border-color: #343a45;
  --ag-row-border-style: solid;
  --ag-row-border-width: 1px;
  --ag-row-group-indent-size: 24px;
  --ag-row-height: 48px;
  --ag-row-hover-color: #fec30034;
  --ag-row-loading-skeleton-effect-color: #a9c6fa2c;
  --ag-secondary-border-color: #343a45;
  --ag-secondary-foreground-color: #acb4c2;
  --ag-select-cell-background-color: #fec30034;
  --ag-select-cell-border: 1px;
  --ag-selected-row-background-color: #a8c6fb22;
  --ag-selected-tab-underline-color: #404755;
  --ag-selected-tab-underline-transition-speed: 0.3s;
  --ag-selected-tab-underline-width: 2px;
  --ag-set-filter-indent-size: 24px;
  --ag-side-bar-background-color: #000;
  --ag-side-bar-panel-width: 350px; /** Sets the filter panel width. */
  --ag-side-button-background-color: #7da7fc0c;
  --ag-side-button-bar-background-color: #202329;
  --ag-side-button-bar-top-padding: 0.75rem;
  --ag-side-button-hover-background-color: #a1c0fd19;
  --ag-side-button-hover-text-color: #f7d908;
  --ag-side-button-left-padding: 0.75rem;
  --ag-side-button-right-padding: 0.75rem;
  --ag-side-button-selected-background-color: #202329;
  --ag-side-button-selected-border: 1px;
  --ag-side-button-selected-text-color: #f7d908;
  --ag-side-button-selected-underline-color: #f7d908;
  --ag-side-button-text-color: #f7d908;
  --ag-side-button-vertical-padding: 0.25rem;
  --ag-spacing: 0.75rem;
  --ag-spectrum-alpha-background-checked: #F4DA7B;
  --ag-subheader-background-color: #000;
  --ag-subheader-toolbar-background-color: #000;
  --ag-subtle-text-color: #acb4c2;
  --ag-tab-background-color: #000;
  --ag-tab-bar-background-color: #000;
  --ag-tab-bar-border: 1px;
  --ag-tab-bar-horizontal-padding: 0.75rem;
  --ag-tab-bar-top-padding: 0.75rem;
  --ag-tab-bottom-padding: 0.25rem;
  --ag-tab-horizontal-padding: 0.75rem;
  --ag-tab-hover-background-color: #fec30034;
  --ag-tab-hover-text-color: #eceef2;
  --ag-tab-min-width: 240px;
  --ag-tab-selected-background-color: #f7d908;
  --ag-tab-selected-border-color: #343a45;
  --ag-tab-selected-border-width: 1px;
  --ag-tab-selected-text-color: #eceef2;
  --ag-tab-spacing: 0.25rem;
  --ag-tab-text-color: #eceef2;
  --ag-tab-top-padding: 0.25rem;
  --ag-text-color: #eceef2;
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-off-background-color: #86688A;
  --ag-toggle-button-off-border-color: #86688A;
  --ag-toggle-button-on-background-color: #86688A;
  --ag-toggle-button-on-border-color: #86688A;
  --ag-toggle-button-switch-background-color: #86688A;
  --ag-toggle-button-switch-border-color: #F4DA7B;
  --ag-toggle-button-switch-inset: 0.75rem;
  --ag-toggle-button-width: 28px;
  --ag-tool-panel-separator-border: #343a45;
  --ag-tooltip-background-color: #eceef2;
  --ag-tooltip-border: #343a45;
  --ag-tooltip-text-color: #17191D;
  --ag-value-change-delta-down-color: #500f1c;
  --ag-value-change-delta-up-color: #084F3C;
  --ag-value-change-value-highlight-background-color: #F4DA7B;
  --ag-widget-container-horizontal-padding: 0.75rem;
  --ag-widget-container-vertical-padding: 9px;
  --ag-widget-horizontal-spacing: 9px;
  --ag-widget-vertical-spacing: 6px;
  --ag-wrapper-border: #F4DA7B;
  --ag-wrapper-border-radius: 0;
  --ag-custom-row-backgound-grouplevel-1-color: #262a31;
  --ag-custom-row-backgound-grouplevel-2-color: #202329;
  --ag-custom-row-backgound-grouplevel-3-color: #17191D;
  --fab-radius-md: 8px;
  --fab-radius-focus-ring-md: 10px;
  --fab-focus-ring-offset: 2px;
  --fab-focus-ring-position: -2px;
  --fab-focus-ring-border-width: 4px;
  --shadows-dark-none-blur: 0;
  --shadows-dark-none-spread: 0;
  --shadows-dark-none-color: #000000;
  --shadows-dark-none-type: dropShadow;
  --shadows-dark-none-offset-x: 0;
  --shadows-dark-none-offset-y: 0;
  --shadows-dark-md-blur: 0;
  --shadows-dark-md-spread: 0;
  --shadows-dark-md-color: #000000;
  --shadows-dark-md-type: dropShadow;
  --shadows-dark-md-offset-x: 0;
  --shadows-dark-md-offset-y: 0;
  --shadows-dark-xl-blur: 0;
  --shadows-dark-xl-spread: 0;
  --shadows-dark-xl-color: #000000;
  --shadows-dark-xl-type: dropShadow;
  --shadows-dark-xl-offset-x: 0;
  --shadows-dark-xl-offset-y: 0;
  --shadows-dark-3xl-blur: 20px;
  --shadows-dark-3xl-spread: 5px;
  --shadows-dark-3xl-color: rgba(0,0,0,0.65);
  --shadows-dark-3xl-type: dropShadow;
  --shadows-dark-3xl-offset-x: 0;
  --shadows-dark-3xl-offset-y: -0;
  --shadows-light-none-blur: 0;
  --shadows-light-none-spread: 0;
  --shadows-light-none-color: #000000;
  --shadows-light-none-type: dropShadow;
  --shadows-light-none-offset-x: 0;
  --shadows-light-none-offset-y: 0;
  --shadows-light-md-1-blur: 6px;
  --shadows-light-md-1-spread: -1px;
  --shadows-light-md-1-color: rgba(0,0,0,0.1);
  --shadows-light-md-1-type: dropShadow;
  --shadows-light-md-1-offset-x: 0;
  --shadows-light-md-1-offset-y: 4px;
  --shadows-light-md-2-blur: 4px;
  --shadows-light-md-2-spread: -2px;
  --shadows-light-md-2-color: rgba(0,0,0,0.04);
  --shadows-light-md-2-type: dropShadow;
  --shadows-light-md-2-offset-x: 0;
  --shadows-light-md-2-offset-y: 2px;
  --shadows-light-xl-1-blur: 25px;
  --shadows-light-xl-1-spread: -5px;
  --shadows-light-xl-1-color: rgba(0,0,0,0.1);
  --shadows-light-xl-1-type: dropShadow;
  --shadows-light-xl-1-offset-x: 0;
  --shadows-light-xl-1-offset-y: 20px;
  --shadows-light-xl-2-blur: 10px;
  --shadows-light-xl-2-spread: 0;
  --shadows-light-xl-2-color: rgba(0,0,0,0.04);
  --shadows-light-xl-2-type: dropShadow;
  --shadows-light-xl-2-offset-x: 0;
  --shadows-light-xl-2-offset-y: 10px;
  --shadows-light-3xl-blur: 20px;
  --shadows-light-3xl-spread: 0;
  --shadows-light-3xl-color: rgba(0,0,0,0.65);
  --shadows-light-3xl-type: dropShadow;
  --shadows-light-3xl-offset-x: 0;
  --shadows-light-3xl-offset-y: -0;
  --mode-shadows-none-blur: 0;
  --mode-shadows-none-spread: 0;
  --mode-shadows-none-color: #000000;
  --mode-shadows-none-type: dropShadow;
  --mode-shadows-none-offset-x: 0;
  --mode-shadows-none-offset-y: 0;
  --mode-shadows-md-blur: 0;
  --mode-shadows-md-spread: 0;
  --mode-shadows-md-color: #000000;
  --mode-shadows-md-type: dropShadow;
  --mode-shadows-md-offset-x: 0;
  --mode-shadows-md-offset-y: 0;
  --mode-shadows-xl-blur: 0;
  --mode-shadows-xl-spread: 0;
  --mode-shadows-xl-color: #000000;
  --mode-shadows-xl-type: dropShadow;
  --mode-shadows-xl-offset-x: 0;
  --mode-shadows-xl-offset-y: 0;
  --mode-shadows-3xl-blur: 20px;
  --mode-shadows-3xl-spread: 5px;
  --mode-shadows-3xl-color: rgba(0,0,0,0.65);
  --mode-shadows-3xl-type: dropShadow;
  --mode-shadows-3xl-offset-x: 0;
  --mode-shadows-3xl-offset-y: -0;
  --brand-border-width-border-none-blur: 0;
  --brand-border-width-border-none-spread: 0;
  --brand-border-width-border-none-color: #000000;
  --brand-border-width-border-none-type: dropShadow;
  --brand-border-width-border-none-offset-x: 0;
  --brand-border-width-border-none-offset-y: 0;
  --brand-font-style-display-breakpoints-xs-to-m-xs-font-family: Rubik;
  --brand-font-style-display-breakpoints-xs-to-m-xs-font-weight: 500;
  --brand-font-style-display-breakpoints-xs-to-m-xs-font-size: 1.125rem;
  --brand-font-style-display-breakpoints-xs-to-m-xs-line-height: 22px;
  --brand-font-style-display-breakpoints-xs-to-m-xs-paragraph-spacing: 16px;
  --brand-font-style-display-breakpoints-xs-to-m-sm-font-family: Rubik;
  --brand-font-style-display-breakpoints-xs-to-m-sm-font-weight: 500;
  --brand-font-style-display-breakpoints-xs-to-m-sm-font-size: 1.25rem;
  --brand-font-style-display-breakpoints-xs-to-m-sm-line-height: 24px;
  --brand-font-style-display-breakpoints-xs-to-m-sm-paragraph-spacing: 24px;
  --brand-font-style-display-breakpoints-xs-to-m-md-font-family: Rubik;
  --brand-font-style-display-breakpoints-xs-to-m-md-font-weight: 500;
  --brand-font-style-display-breakpoints-xs-to-m-md-font-size: 1.75rem;
  --brand-font-style-display-breakpoints-xs-to-m-md-line-height: 38px;
  --brand-font-style-display-breakpoints-xs-to-m-md-paragraph-spacing: 2rem;
  --brand-font-style-display-breakpoint-l-xs-font-family: Rubik;
  --brand-font-style-display-breakpoint-l-xs-font-weight: 500;
  --brand-font-style-display-breakpoint-l-xs-font-size: 1.125rem;
  --brand-font-style-display-breakpoint-l-xs-line-height: 24px;
  --brand-font-style-display-breakpoint-l-xs-paragraph-spacing: 24px;
  --brand-font-style-display-breakpoint-l-sm-font-family: Rubik;
  --brand-font-style-display-breakpoint-l-sm-font-weight: 500;
  --brand-font-style-display-breakpoint-l-sm-font-size: 1.5rem;
  --brand-font-style-display-breakpoint-l-sm-line-height: 30px;
  --brand-font-style-display-breakpoint-l-sm-paragraph-spacing: 32px;
  --brand-font-style-display-breakpoint-l-md-font-family: Rubik;
  --brand-font-style-display-breakpoint-l-md-font-weight: 500;
  --brand-font-style-display-breakpoint-l-md-font-size: 3rem;
  --brand-font-style-display-breakpoint-l-md-line-height: 56px;
  --brand-font-style-display-breakpoint-l-md-paragraph-spacing: 40px;
  --brand-font-style-text-xs-default-font-family: Inter;
  --brand-font-style-text-xs-default-font-weight: 400;
  --brand-font-style-text-xs-default-font-size: 0.75rem;
  --brand-font-style-text-xs-default-line-height: 18px;
  --brand-font-style-text-xs-default-paragraph-spacing: 8px;
  --brand-font-style-text-xs-accent-font-family: Inter;
  --brand-font-style-text-xs-accent-font-weight: 400;
  --brand-font-style-text-xs-accent-font-size: 0.75rem;
  --brand-font-style-text-xs-accent-line-height: 18px;
  --brand-font-style-text-xs-accent-paragraph-spacing: 8px;
  --brand-font-style-text-xs-accent-font-style: italic;
  --brand-font-style-text-xs-stronger-font-family: Inter;
  --brand-font-style-text-xs-stronger-font-weight: 500;
  --brand-font-style-text-xs-stronger-font-size: 0.75rem;
  --brand-font-style-text-xs-stronger-line-height: 18px;
  --brand-font-style-text-xs-stronger-paragraph-spacing: 8px;
  --brand-font-style-text-xs-uppercase-stronger-font-family: Inter;
  --brand-font-style-text-xs-uppercase-stronger-font-weight: 500;
  --brand-font-style-text-xs-uppercase-stronger-font-size: 0.75rem;
  --brand-font-style-text-xs-uppercase-stronger-line-height: 18px;
  --brand-font-style-text-xs-uppercase-stronger-paragraph-spacing: 8px;
  --brand-font-style-text-xs-uppercase-stronger-text-case: Uppercase;
  --brand-font-style-text-xxs-default-font-family: Inter;
  --brand-font-style-text-xxs-default-font-weight: 400;
  --brand-font-style-text-xxs-default-font-size: 0.625rem;
  --brand-font-style-text-xxs-default-line-height: 14px;
  --brand-font-style-text-xxs-default-paragraph-spacing: 8px;
  --brand-font-style-text-sm-default-font-family: Inter;
  --brand-font-style-text-sm-default-font-weight: 400;
  --brand-font-style-text-sm-default-font-size: 0.875rem;
  --brand-font-style-text-sm-default-line-height: 22px;
  --brand-font-style-text-sm-default-paragraph-spacing: 8px;
  --brand-font-style-text-sm-accent-font-family: Inter;
  --brand-font-style-text-sm-accent-font-weight: 400;
  --brand-font-style-text-sm-accent-font-size: 0.875rem;
  --brand-font-style-text-sm-accent-line-height: 22px;
  --brand-font-style-text-sm-accent-paragraph-spacing: 8px;
  --brand-font-style-text-sm-accent-font-style: italic;
  --brand-font-style-text-sm-stronger-font-family: Inter;
  --brand-font-style-text-sm-stronger-font-weight: 500;
  --brand-font-style-text-sm-stronger-font-size: 0.875rem;
  --brand-font-style-text-sm-stronger-line-height: 22px;
  --brand-font-style-text-sm-stronger-paragraph-spacing: 8px;
  --brand-font-style-text-md-default-font-family: Inter;
  --brand-font-style-text-md-default-font-weight: 400;
  --brand-font-style-text-md-default-font-size: 1rem;
  --brand-font-style-text-md-default-line-height: 24px;
  --brand-font-style-text-md-default-paragraph-spacing: 12px;
  --brand-font-style-text-md-accent-font-family: Inter;
  --brand-font-style-text-md-accent-font-weight: 400;
  --brand-font-style-text-md-accent-font-size: 1rem;
  --brand-font-style-text-md-accent-line-height: 24px;
  --brand-font-style-text-md-accent-paragraph-spacing: 12px;
  --brand-font-style-text-md-accent-font-style: italic;
  --brand-font-style-text-md-stronger-font-family: Inter;
  --brand-font-style-text-md-stronger-font-weight: 500;
  --brand-font-style-text-md-stronger-font-size: 1rem;
  --brand-font-style-text-md-stronger-line-height: 24px;
  --brand-font-style-text-md-stronger-paragraph-spacing: 12px;
  --brand-font-style-text-lg-stronger-font-family: Inter;
  --brand-font-style-text-lg-stronger-font-weight: 700;
  --brand-font-style-text-lg-stronger-font-size: 1.125rem;
  --brand-font-style-text-lg-stronger-line-height: 24px;
  --brand-font-style-text-lg-stronger-paragraph-spacing: 16px;
  --brand-font-style-text-xl-stronger-font-family: Inter;
  --brand-font-style-text-xl-stronger-font-weight: 700;
  --brand-font-style-text-xl-stronger-font-size: 1.5rem;
  --brand-font-style-text-xl-stronger-line-height: 30px;
  --brand-font-style-text-xl-stronger-paragraph-spacing: 16px;
  --theme-shadows-none-blur: 0;
  --theme-shadows-none-spread: 0;
  --theme-shadows-none-color: #000000;
  --theme-shadows-none-type: dropShadow;
  --theme-shadows-none-offset-x: 0;
  --theme-shadows-none-offset-y: 0;
  --theme-shadows-md-blur: 0;
  --theme-shadows-md-spread: 0;
  --theme-shadows-md-color: #000000;
  --theme-shadows-md-type: dropShadow;
  --theme-shadows-md-offset-x: 0;
  --theme-shadows-md-offset-y: 0;
  --theme-shadows-xl-blur: 0;
  --theme-shadows-xl-spread: 0;
  --theme-shadows-xl-color: #000000;
  --theme-shadows-xl-type: dropShadow;
  --theme-shadows-xl-offset-x: 0;
  --theme-shadows-xl-offset-y: 0;
  --theme-shadows-3xl-blur: 20px;
  --theme-shadows-3xl-spread: 5px;
  --theme-shadows-3xl-color: rgba(0,0,0,0.65);
  --theme-shadows-3xl-type: dropShadow;
  --theme-shadows-3xl-offset-x: 0;
  --theme-shadows-3xl-offset-y: -0;
  --font-style-display-xs-font-family: Rubik;
  --font-style-display-xs-font-weight: 500;
  --font-style-display-xs-font-size: 1.125rem;
  --font-style-display-xs-line-height: 24px;
  --font-style-display-xs-paragraph-spacing: 24px;
  --font-style-display-sm-font-family: Rubik;
  --font-style-display-sm-font-weight: 500;
  --font-style-display-sm-font-size: 1.5rem;
  --font-style-display-sm-line-height: 30px;
  --font-style-display-sm-paragraph-spacing: 32px;
  --font-style-display-md-font-family: Rubik;
  --font-style-display-md-font-weight: 500;
  --font-style-display-md-font-size: 3rem;
  --font-style-display-md-line-height: 56px;
  --font-style-display-md-paragraph-spacing: 40px;
  --font-style-text-xs-default-font-family: Inter;
  --font-style-text-xs-default-font-weight: 400;
  --font-style-text-xs-default-font-size: 0.75rem;
  --font-style-text-xs-default-line-height: 18px;
  --font-style-text-xs-default-paragraph-spacing: 8px;
  --font-style-text-xs-accent-font-family: Inter;
  --font-style-text-xs-accent-font-weight: 400;
  --font-style-text-xs-accent-font-size: 0.75rem;
  --font-style-text-xs-accent-line-height: 18px;
  --font-style-text-xs-accent-paragraph-spacing: 8px;
  --font-style-text-xs-accent-font-style: italic;
  --font-style-text-xs-stronger-font-family: Inter;
  --font-style-text-xs-stronger-font-weight: 500;
  --font-style-text-xs-stronger-font-size: 0.75rem;
  --font-style-text-xs-stronger-line-height: 18px;
  --font-style-text-xs-stronger-paragraph-spacing: 8px;
  --font-style-text-xs-uppercase-stronger-font-family: Inter;
  --font-style-text-xs-uppercase-stronger-font-weight: 500;
  --font-style-text-xs-uppercase-stronger-font-size: 0.75rem;
  --font-style-text-xs-uppercase-stronger-line-height: 18px;
  --font-style-text-xs-uppercase-stronger-paragraph-spacing: 8px;
  --font-style-text-xs-uppercase-stronger-text-case: Uppercase;
  --font-style-text-xxs-default-font-family: Inter;
  --font-style-text-xxs-default-font-weight: 400;
  --font-style-text-xxs-default-font-size: 0.625rem;
  --font-style-text-xxs-default-line-height: 14px;
  --font-style-text-xxs-default-paragraph-spacing: 8px;
  --font-style-text-sm-default-font-family: Inter;
  --font-style-text-sm-default-font-weight: 400;
  --font-style-text-sm-default-font-size: 0.875rem;
  --font-style-text-sm-default-line-height: 22px;
  --font-style-text-sm-default-paragraph-spacing: 8px;
  --font-style-text-sm-accent-font-family: Inter;
  --font-style-text-sm-accent-font-weight: 400;
  --font-style-text-sm-accent-font-size: 0.875rem;
  --font-style-text-sm-accent-line-height: 22px;
  --font-style-text-sm-accent-paragraph-spacing: 8px;
  --font-style-text-sm-accent-font-style: italic;
  --font-style-text-sm-stronger-font-family: Inter;
  --font-style-text-sm-stronger-font-weight: 500;
  --font-style-text-sm-stronger-font-size: 0.75rem;
  --font-style-text-sm-stronger-line-height: 18px;
  --font-style-text-sm-stronger-paragraph-spacing: 8px;
  --font-style-text-md-default-font-family: Inter;
  --font-style-text-md-default-font-weight: 400;
  --font-style-text-md-default-font-size: 1rem;
  --font-style-text-md-default-line-height: 24px;
  --font-style-text-md-default-paragraph-spacing: 12px;
  --font-style-text-md-accent-font-family: Inter;
  --font-style-text-md-accent-font-weight: 400;
  --font-style-text-md-accent-font-size: 1rem;
  --font-style-text-md-accent-line-height: 24px;
  --font-style-text-md-accent-paragraph-spacing: 12px;
  --font-style-text-md-accent-font-style: italic;
  --font-style-text-md-stronger-font-family: Inter;
  --font-style-text-md-stronger-font-weight: 500;
  --font-style-text-md-stronger-font-size: 1rem;
  --font-style-text-md-stronger-line-height: 24px;
  --font-style-text-md-stronger-paragraph-spacing: 12px;
  --font-style-text-lg-stronger-font-family: Inter;
  --font-style-text-lg-stronger-font-weight: 700;
  --font-style-text-lg-stronger-font-size: 1.125rem;
  --font-style-text-lg-stronger-line-height: 24px;
  --font-style-text-lg-stronger-paragraph-spacing: 16px;
  --font-style-text-xl-stronger-font-family: Inter;
  --font-style-text-xl-stronger-font-weight: 700;
  --font-style-text-xl-stronger-font-size: 1.5rem;
  --font-style-text-xl-stronger-line-height: 30px;
  --font-style-text-xl-stronger-paragraph-spacing: 16px;
  --button-size-md-min-height: 2.5rem;
  --button-size-md-border-radius: 8px;
  --button-size-md-horizontal-padding: 0.75rem;
  --button-size-md-item-spacing: 0.5rem;
  --button-size-md-vertical-padding: 0.5rem;
  --button-size-sm-min-height: 2rem;
  --button-size-sm-border-radius: 8px;
  --button-size-sm-horizontal-padding: 0.5rem;
  --button-size-sm-item-spacing: 0.5rem;
  --button-size-sm-vertical-padding: 0.25rem;
  --button-type-md-font-family: Inter;
  --button-type-md-font-weight: 500;
  --button-type-md-font-size: 1rem;
  --button-type-md-line-height: 24px;
  --button-type-sm-font-family: Inter;
  --button-type-sm-font-size: 0.875rem;
  --button-type-sm-line-height: 24px;
  --button-type-sm-font-weight: 500;
  --icon-button-size-md-height: 2.5rem;
  --icon-button-size-md-width: 2.5rem;
  --icon-button-size-md-border-radius: 8px;
  --icon-button-size-md-horizontal-padding: 0.75rem;
  --icon-button-size-md-item-spacing: 0.5rem;
  --icon-button-size-md-vertical-padding: 0.5rem;
  --icon-button-size-sm-height: 2rem;
  --icon-button-size-sm-width: 2rem;
  --icon-button-size-sm-border-radius: 8px;
  --icon-button-size-sm-horizontal-padding: 0.5rem;
  --icon-button-size-sm-item-spacing: 0.5rem;
  --icon-button-size-sm-vertical-padding: 0.25rem;
  --accordion-typography-md-title-font-family: Inter;
  --accordion-typography-md-title-font-weight: 500;
  --accordion-typography-md-title-font-size: 1rem;
  --accordion-typography-md-title-line-height: 24px;
  --accordion-typography-md-title-paragraph-spacing: 12px;
  --accordion-typography-md-subline-font-family: Inter;
  --accordion-typography-md-subline-font-weight: 400;
  --accordion-typography-md-subline-font-size: 1rem;
  --accordion-typography-md-subline-line-height: 24px;
  --accordion-typography-md-subline-paragraph-spacing: 12px;
  --accordion-typography-md-hint-font-family: Inter;
  --accordion-typography-md-hint-font-weight: 400;
  --accordion-typography-md-hint-font-size: 0.875rem;
  --accordion-typography-md-hint-line-height: 22px;
  --accordion-typography-md-hint-paragraph-spacing: 8px;
  --accordion-typography-sm-title-font-family: Inter;
  --accordion-typography-sm-title-font-weight: 400;
  --accordion-typography-sm-title-font-size: 0.875rem;
  --accordion-typography-sm-title-line-height: 22px;
  --accordion-typography-sm-title-paragraph-spacing: 8px;
  --accordion-typography-sm-subline-font-family: Inter;
  --accordion-typography-sm-subline-font-weight: 400;
  --accordion-typography-sm-subline-font-size: 0.875rem;
  --accordion-typography-sm-subline-line-height: 22px;
  --accordion-typography-sm-subline-paragraph-spacing: 8px;
  --accordion-typography-sm-hint-font-family: Inter;
  --accordion-typography-sm-hint-font-weight: 400;
  --accordion-typography-sm-hint-font-size: 0.875rem;
  --accordion-typography-sm-hint-line-height: 22px;
  --accordion-typography-sm-hint-paragraph-spacing: 8px;
  --draggable-list-shadow-1-blur: 6px;
  --draggable-list-shadow-1-spread: -1px;
  --draggable-list-shadow-1-color: rgba(0,0,0,0.1);
  --draggable-list-shadow-1-type: dropShadow;
  --draggable-list-shadow-1-offset-x: 0;
  --draggable-list-shadow-1-offset-y: 4px;
  --draggable-list-shadow-2-blur: 4px;
  --draggable-list-shadow-2-spread: -2px;
  --draggable-list-shadow-2-color: rgba(0,0,0,0.04);
  --draggable-list-shadow-2-type: dropShadow;
  --draggable-list-shadow-2-offset-x: 0;
  --draggable-list-shadow-2-offset-y: 2px;
  --draggable-list-single-space-single-horizontal-padding: 8px;
  --draggable-list-single-space-single-vertical-padding: 4px;
  --draggable-list-single-space-single-item-spacing: 4px;
  --draggable-list-group-space-header-padding-left: 8px;
  --draggable-list-group-space-header-padding-right: 24px;
  --draggable-list-group-space-header-vertical-padding: 4px;
  --draggable-list-group-space-header-item-spacing: 4px;
  --draggable-list-group-space-content-horizontal-padding: 16px;
  --draggable-list-group-space-content-padding-top: 16px;
  --draggable-list-group-space-content-padding-bottom: 24px;
  --dropdown-space-list-item-sm-horizontal-padding: 8px;
  --dropdown-space-list-item-sm-vertical-padding: 8px;
  --dropdown-space-list-item-sm-spacing: 8px;
  --dropdown-space-list-item-sm-min-height: 48px;
  --dropdown-space-list-item-md-horizontal-padding: 12px;
  --dropdown-space-list-item-md-vertical-padding: 8px;
  --dropdown-space-list-item-md-spacing: 8px;
  --dropdown-space-list-item-md-min-height: 48px;
  --dropdown-shadow-blur: 0;
  --dropdown-shadow-spread: 0;
  --dropdown-shadow-color: #000000;
  --dropdown-shadow-type: dropShadow;
  --dropdown-shadow-offset-x: 0;
  --dropdown-shadow-offset-y: 0;
  --form-typography-label-sm-font-family: Inter;
  --form-typography-label-sm-font-weight: 400;
  --form-typography-label-sm-font-size: 0.875rem;
  --form-typography-label-sm-line-height: 22px;
  --form-typography-label-sm-paragraph-spacing: 8px;
  --form-typography-label-md-font-family: Inter;
  --form-typography-label-md-font-weight: 400;
  --form-typography-label-md-font-size: 1rem;
  --form-typography-label-md-line-height: 24px;
  --form-typography-label-md-paragraph-spacing: 12px;
  --form-typography-hint-font-family: Inter;
  --form-typography-hint-font-weight: 400;
  --form-typography-hint-font-size: 0.875rem;
  --form-typography-hint-line-height: 22px;
  --form-typography-hint-paragraph-spacing: 8px;
  --form-typography-error-message-font-family: Inter;
  --form-typography-error-message-font-weight: 400;
  --form-typography-error-message-font-size: 0.875rem;
  --form-typography-error-message-line-height: 22px;
  --form-typography-error-message-paragraph-spacing: 8px;
  --form-typography-input-text-font-family: Inter;
  --form-typography-input-text-font-weight: 400;
  --form-typography-input-text-font-size: 0.875rem;
  --form-typography-input-text-line-height: 22px;
  --form-typography-input-text-paragraph-spacing: 8px;
  --form-typography-placeholder-font-family: Inter;
  --form-typography-placeholder-font-weight: 400;
  --form-typography-placeholder-font-size: 0.875rem;
  --form-typography-placeholder-line-height: 22px;
  --form-typography-placeholder-paragraph-spacing: 8px;
  --pill-button-type-sm-default-font-family: Inter;
  --pill-button-type-sm-default-font-weight: 400;
  --pill-button-type-sm-default-font-size: 0.75rem;
  --pill-button-type-sm-default-line-height: 18px;
  --pill-button-type-sm-default-paragraph-spacing: 8px;
  --pill-button-type-md-default-font-family: Inter;
  --pill-button-type-md-default-font-weight: 400;
  --pill-button-type-md-default-font-size: 0.875rem;
  --pill-button-type-md-default-line-height: 22px;
  --pill-button-type-md-default-paragraph-spacing: 8px;
  --table-size-header-cell-md-min-height: 0.625rem;
  --table-size-header-cell-md-vertical-padding: 0.75rem;
  --table-size-header-cell-md-horizontal-padding: 0.5rem;
  --table-size-header-cell-md-item-spacing: 0.5rem;
  --table-size-cell-group-title-md-min-height: 0.75rem;
  --table-size-cell-group-title-md-vertical-padding: 0.25rem;
  --table-size-cell-group-title-md-horizontal-padding: 0;
  --table-size-cell-group-title-md-item-spacing: 0.75rem;
  --table-size-cell-md-min-height: 0.75rem;
  --table-size-cell-md-vertical-padding: 0.25rem;
  --table-size-cell-md-horizontal-padding: 0.75rem;
  --table-size-cell-md-item-spacing: 0.75rem;
  --tab-type-default-font-family: Inter;
  --tab-type-default-font-weight: 400;
  --tab-type-default-font-size: 0.75rem;
  --tab-type-default-line-height: 18px;
  --tab-type-default-paragraph-spacing: 8px;
  --ag-card-shadow-blur: 0;
  --ag-card-shadow-spread: 0;
  --ag-card-shadow-color: #000000;
  --ag-card-shadow-type: dropShadow;
  --ag-card-shadow-offset-x: 0;
  --ag-card-shadow-offset-y: 0;
  --ag-dialog-shadow-blur: 0;
  --ag-dialog-shadow-spread: 0;
  --ag-dialog-shadow-color: #000000;
  --ag-dialog-shadow-type: dropShadow;
  --ag-dialog-shadow-offset-x: 0;
  --ag-dialog-shadow-offset-y: 0;
  --ag-drag-and-drop-image-shadow-blur: 0;
  --ag-drag-and-drop-image-shadow-spread: 0;
  --ag-drag-and-drop-image-shadow-color: #000000;
  --ag-drag-and-drop-image-shadow-type: dropShadow;
  --ag-drag-and-drop-image-shadow-offset-x: 0;
  --ag-drag-and-drop-image-shadow-offset-y: 0;
  --ag-dropdown-shadow-blur: 0;
  --ag-dropdown-shadow-spread: 0;
  --ag-dropdown-shadow-color: #000000;
  --ag-dropdown-shadow-type: dropShadow;
  --ag-dropdown-shadow-offset-x: 0;
  --ag-dropdown-shadow-offset-y: 0;
  --ag-header-row-border-style: solid;
  --ag-header-row-border-width: 1px;
  --ag-header-row-border-color: #343a45;
  --ag-input-focus-box-shadow-blur: 0;
  --ag-input-focus-box-shadow-spread: 0;
  --ag-input-focus-box-shadow-color: #000000;
  --ag-input-focus-box-shadow-type: dropShadow;
  --ag-input-focus-box-shadow-offset-x: 0;
  --ag-input-focus-box-shadow-offset-y: 0;
  --ag-menu-border-width: 1px;
  --ag-menu-border-style: solid;
  --ag-menu-border-color: #343a45;
  --ag-menu-shadow-blur: 0;
  --ag-menu-shadow-spread: 0;
  --ag-menu-shadow-color: #000000;
  --ag-menu-shadow-type: dropShadow;
  --ag-menu-shadow-offset-x: 0;
  --ag-menu-shadow-offset-y: 0;
  --ag-popup-shadow-blur: 0;
  --ag-popup-shadow-spread: 0;
  --ag-popup-shadow-color: #000000;
  --ag-popup-shadow-type: dropShadow;
  --ag-popup-shadow-offset-x: 0;
  --ag-popup-shadow-offset-y: 0;
  --ag-side-panel-border-width: 1px;
  --ag-side-panel-border-color: #343a45;
  --ag-side-panel-border-style: solid;
  --ag-custom-pinned-cols-shadow-blur: 0;
  --ag-custom-pinned-cols-shadow-spread: 0;
  --ag-custom-pinned-cols-shadow-color: #000000;
  --ag-custom-pinned-cols-shadow-type: dropShadow;
  --ag-custom-pinned-cols-shadow-offset-x: 0;
  --ag-custom-pinned-cols-shadow-offset-y: 0;
  --fab-size-md-min-height: 2.5rem;
  --fab-size-md-border-radius: 8px;
  --fab-size-md-horizontal-padding: 0.75rem;
  --fab-size-md-item-spacing: 0.5rem;
  --fab-size-md-vertical-padding: 0.5rem;
  --fab-shadow-blur: 0;
  --fab-shadow-spread: 0;
  --fab-shadow-color: #000000;
  --fab-shadow-type: dropShadow;
  --fab-shadow-offset-x: 0;
  --fab-shadow-offset-y: 0;
}
}