outsystems-design-tokens/dist/_root.css

Store the Design Tokens used on the Ionic Framework and Widgets Library

:root {
  --token-primitives-neutral-100: #f3f3f3;
  --token-primitives-neutral-100-rgb: 243, 243, 243;
  --token-primitives-neutral-200: #eae9e9;
  --token-primitives-neutral-200-rgb: 234, 233, 233;
  --token-primitives-neutral-300: #e0e0e0;
  --token-primitives-neutral-300-rgb: 224, 224, 224;
  --token-primitives-neutral-400: #d5d5d5;
  --token-primitives-neutral-400-rgb: 213, 213, 213;
  --token-primitives-neutral-500: #a2a2a2;
  --token-primitives-neutral-500-rgb: 162, 162, 162;
  --token-primitives-neutral-600: #8c8c8c;
  --token-primitives-neutral-600-rgb: 140, 140, 140;
  --token-primitives-neutral-700: #777777;
  --token-primitives-neutral-700-rgb: 119, 119, 119;
  --token-primitives-neutral-800: #626262;
  --token-primitives-neutral-800-rgb: 98, 98, 98;
  --token-primitives-neutral-900: #4e4e4e;
  --token-primitives-neutral-900-rgb: 78, 78, 78;
  --token-primitives-neutral-1000: #3b3b3b;
  --token-primitives-neutral-1000-rgb: 59, 59, 59;
  --token-primitives-neutral-1100: #292929;
  --token-primitives-neutral-1100-rgb: 41, 41, 41;
  --token-primitives-neutral-1200: #242424;
  --token-primitives-neutral-1200-rgb: 36, 36, 36;
  --token-primitives-base-white: #ffffff;
  --token-primitives-base-white-rgb: 255, 255, 255;
  --token-primitives-base-black: #111111;
  --token-primitives-base-black-rgb: 17, 17, 17;
  --token-primitives-red-100: #fde1e1;
  --token-primitives-red-100-rgb: 253, 225, 225;
  --token-primitives-red-200: #ffd9d9;
  --token-primitives-red-200-rgb: 255, 217, 217;
  --token-primitives-red-300: #fcc1c1;
  --token-primitives-red-300-rgb: 252, 193, 193;
  --token-primitives-red-400: #faa1a1;
  --token-primitives-red-400-rgb: 250, 161, 161;
  --token-primitives-red-500: #f97d7d;
  --token-primitives-red-500-rgb: 249, 125, 125;
  --token-primitives-red-600: #f85151;
  --token-primitives-red-600-rgb: 248, 81, 81;
  --token-primitives-red-700: #e52929;
  --token-primitives-red-700-rgb: 229, 41, 41;
  --token-primitives-red-800: #bf2222;
  --token-primitives-red-800-rgb: 191, 34, 34;
  --token-primitives-red-900: #991b1b;
  --token-primitives-red-900-rgb: 153, 27, 27;
  --token-primitives-red-1000: #761515;
  --token-primitives-red-1000-rgb: 118, 21, 21;
  --token-primitives-red-1100: #540f0f;
  --token-primitives-red-1100-rgb: 84, 15, 15;
  --token-primitives-red-1200: #330909;
  --token-primitives-red-1200-rgb: 51, 9, 9;
  --token-primitives-pumpkin-100: #ffe0db;
  --token-primitives-pumpkin-100-rgb: 255, 224, 219;
  --token-primitives-pumpkin-200: #ffd6d0;
  --token-primitives-pumpkin-200-rgb: 255, 214, 208;
  --token-primitives-pumpkin-300: #fbbdb1;
  --token-primitives-pumpkin-300-rgb: 251, 189, 177;
  --token-primitives-pumpkin-400: #f9947c;
  --token-primitives-pumpkin-400-rgb: 249, 148, 124;
  --token-primitives-pumpkin-500: #f75d07;
  --token-primitives-pumpkin-500-rgb: 247, 93, 7;
  --token-primitives-pumpkin-600: #da5206;
  --token-primitives-pumpkin-600-rgb: 218, 82, 6;
  --token-primitives-pumpkin-700: #bd4705;
  --token-primitives-pumpkin-700-rgb: 189, 71, 5;
  --token-primitives-pumpkin-800: #9f3c05;
  --token-primitives-pumpkin-800-rgb: 159, 60, 5;
  --token-primitives-pumpkin-900: #803004;
  --token-primitives-pumpkin-900-rgb: 128, 48, 4;
  --token-primitives-pumpkin-1000: #602403;
  --token-primitives-pumpkin-1000-rgb: 96, 36, 3;
  --token-primitives-pumpkin-1100: #401802;
  --token-primitives-pumpkin-1100-rgb: 64, 24, 2;
  --token-primitives-pumpkin-1200: #210c01;
  --token-primitives-pumpkin-1200-rgb: 33, 12, 1;
  --token-primitives-orange-100: #ffe8db;
  --token-primitives-orange-100-rgb: 255, 232, 219;
  --token-primitives-orange-200: #ffe0d0;
  --token-primitives-orange-200-rgb: 255, 224, 208;
  --token-primitives-orange-300: #ffcfb1;
  --token-primitives-orange-300-rgb: 255, 207, 177;
  --token-primitives-orange-400: #ffb37b;
  --token-primitives-orange-400-rgb: 255, 179, 123;
  --token-primitives-orange-500: #ff9400;
  --token-primitives-orange-500-rgb: 255, 148, 0;
  --token-primitives-orange-600: #e18300;
  --token-primitives-orange-600-rgb: 225, 131, 0;
  --token-primitives-orange-700: #c37100;
  --token-primitives-orange-700-rgb: 195, 113, 0;
  --token-primitives-orange-800: #a45f00;
  --token-primitives-orange-800-rgb: 164, 95, 0;
  --token-primitives-orange-900: #844d00;
  --token-primitives-orange-900-rgb: 132, 77, 0;
  --token-primitives-orange-1000: #633a00;
  --token-primitives-orange-1000-rgb: 99, 58, 0;
  --token-primitives-orange-1100: #422700;
  --token-primitives-orange-1100-rgb: 66, 39, 0;
  --token-primitives-orange-1200: #221400;
  --token-primitives-orange-1200-rgb: 34, 20, 0;
  --token-primitives-yellow-100: #fff3d5;
  --token-primitives-yellow-100-rgb: 255, 243, 213;
  --token-primitives-yellow-200: #fff0c7;
  --token-primitives-yellow-200-rgb: 255, 240, 199;
  --token-primitives-yellow-300: #ffebb1;
  --token-primitives-yellow-300-rgb: 255, 235, 177;
  --token-primitives-yellow-400: #ffe07b;
  --token-primitives-yellow-400-rgb: 255, 224, 123;
  --token-primitives-yellow-500: #ffd600;
  --token-primitives-yellow-500-rgb: 255, 214, 0;
  --token-primitives-yellow-600: #f9bd0a;
  --token-primitives-yellow-600-rgb: 249, 189, 10;
  --token-primitives-yellow-700: #df9c00;
  --token-primitives-yellow-700-rgb: 223, 156, 0;
  --token-primitives-yellow-800: #ba8200;
  --token-primitives-yellow-800-rgb: 186, 130, 0;
  --token-primitives-yellow-900: #966503;
  --token-primitives-yellow-900-rgb: 150, 101, 3;
  --token-primitives-yellow-1000: #704b02;
  --token-primitives-yellow-1000-rgb: 112, 75, 2;
  --token-primitives-yellow-1100: #533802;
  --token-primitives-yellow-1100-rgb: 83, 56, 2;
  --token-primitives-yellow-1200: #2c1e02;
  --token-primitives-yellow-1200-rgb: 44, 30, 2;
  --token-primitives-lime-100: #ebfcd4;
  --token-primitives-lime-100-rgb: 235, 252, 212;
  --token-primitives-lime-200: #e4f7cb;
  --token-primitives-lime-200-rgb: 228, 247, 203;
  --token-primitives-lime-300: #d3efb2;
  --token-primitives-lime-300-rgb: 211, 239, 178;
  --token-primitives-lime-400: #bbe77d;
  --token-primitives-lime-400-rgb: 187, 231, 125;
  --token-primitives-lime-500: #a0df18;
  --token-primitives-lime-500-rgb: 160, 223, 24;
  --token-primitives-lime-600: #8dc515;
  --token-primitives-lime-600-rgb: 141, 197, 21;
  --token-primitives-lime-700: #7aab12;
  --token-primitives-lime-700-rgb: 122, 171, 18;
  --token-primitives-lime-800: #678f0f;
  --token-primitives-lime-800-rgb: 103, 143, 15;
  --token-primitives-lime-900: #53730c;
  --token-primitives-lime-900-rgb: 83, 115, 12;
  --token-primitives-lime-1000: #3e5709;
  --token-primitives-lime-1000-rgb: 62, 87, 9;
  --token-primitives-lime-1100: #2a3a06;
  --token-primitives-lime-1100-rgb: 42, 58, 6;
  --token-primitives-lime-1200: #151e03;
  --token-primitives-lime-1200-rgb: 21, 30, 3;
  --token-primitives-green-100: #e2f9e4;
  --token-primitives-green-100-rgb: 226, 249, 228;
  --token-primitives-green-200: #d1f7d4;
  --token-primitives-green-200-rgb: 209, 247, 212;
  --token-primitives-green-300: #b3ebb7;
  --token-primitives-green-300-rgb: 179, 235, 183;
  --token-primitives-green-400: #7fe089;
  --token-primitives-green-400-rgb: 127, 224, 137;
  --token-primitives-green-500: #23d643;
  --token-primitives-green-500-rgb: 35, 214, 67;
  --token-primitives-green-600: #1fbd3b;
  --token-primitives-green-600-rgb: 31, 189, 59;
  --token-primitives-green-700: #1ba433;
  --token-primitives-green-700-rgb: 27, 164, 51;
  --token-primitives-green-800: #178a2b;
  --token-primitives-green-800-rgb: 23, 138, 43;
  --token-primitives-green-900: #126f23;
  --token-primitives-green-900-rgb: 18, 111, 35;
  --token-primitives-green-1000: #0e531a;
  --token-primitives-green-1000-rgb: 14, 83, 26;
  --token-primitives-green-1100: #093811;
  --token-primitives-green-1100-rgb: 9, 56, 17;
  --token-primitives-green-1200: #051d09;
  --token-primitives-green-1200-rgb: 5, 29, 9;
  --token-primitives-teal-100: #d5f9f1;
  --token-primitives-teal-100-rgb: 213, 249, 241;
  --token-primitives-teal-200: #c7f1e8;
  --token-primitives-teal-200-rgb: 199, 241, 232;
  --token-primitives-teal-300: #b1e7dd;
  --token-primitives-teal-300-rgb: 177, 231, 221;
  --token-primitives-teal-400: #7bdbca;
  --token-primitives-teal-400-rgb: 123, 219, 202;
  --token-primitives-teal-500: #00cfb7;
  --token-primitives-teal-500-rgb: 0, 207, 183;
  --token-primitives-teal-600: #00b7a2;
  --token-primitives-teal-600-rgb: 0, 183, 162;
  --token-primitives-teal-700: #009e8c;
  --token-primitives-teal-700-rgb: 0, 158, 140;
  --token-primitives-teal-800: #008576;
  --token-primitives-teal-800-rgb: 0, 133, 118;
  --token-primitives-teal-900: #006b5f;
  --token-primitives-teal-900-rgb: 0, 107, 95;
  --token-primitives-teal-1000: #005147;
  --token-primitives-teal-1000-rgb: 0, 81, 71;
  --token-primitives-teal-1100: #003630;
  --token-primitives-teal-1100-rgb: 0, 54, 48;
  --token-primitives-teal-1200: #001c19;
  --token-primitives-teal-1200-rgb: 0, 28, 25;
  --token-primitives-aqua-100: #d9f5ff;
  --token-primitives-aqua-100-rgb: 217, 245, 255;
  --token-primitives-aqua-200: #cbeffc;
  --token-primitives-aqua-200-rgb: 203, 239, 252;
  --token-primitives-aqua-300: #b3e9fc;
  --token-primitives-aqua-300-rgb: 179, 233, 252;
  --token-primitives-aqua-400: #80defa;
  --token-primitives-aqua-400-rgb: 128, 222, 250;
  --token-primitives-aqua-500: #27d3f9;
  --token-primitives-aqua-500-rgb: 39, 211, 249;
  --token-primitives-aqua-600: #22bbdc;
  --token-primitives-aqua-600-rgb: 34, 187, 220;
  --token-primitives-aqua-700: #1ea2bf;
  --token-primitives-aqua-700-rgb: 30, 162, 191;
  --token-primitives-aqua-800: #1988a0;
  --token-primitives-aqua-800-rgb: 25, 136, 160;
  --token-primitives-aqua-900: #146d81;
  --token-primitives-aqua-900-rgb: 20, 109, 129;
  --token-primitives-aqua-1000: #0f5261;
  --token-primitives-aqua-1000-rgb: 15, 82, 97;
  --token-primitives-aqua-1100: #0a3741;
  --token-primitives-aqua-1100-rgb: 10, 55, 65;
  --token-primitives-aqua-1200: #051c21;
  --token-primitives-aqua-1200-rgb: 5, 28, 33;
  --token-primitives-blue-100: #e9ecfc;
  --token-primitives-blue-100-rgb: 233, 236, 252;
  --token-primitives-blue-200: #e4e8ff;
  --token-primitives-blue-200-rgb: 228, 232, 255;
  --token-primitives-blue-300: #d0d7fa;
  --token-primitives-blue-300-rgb: 208, 215, 250;
  --token-primitives-blue-400: #b5c0f7;
  --token-primitives-blue-400-rgb: 181, 192, 247;
  --token-primitives-blue-500: #94a5f4;
  --token-primitives-blue-500-rgb: 148, 165, 244;
  --token-primitives-blue-600: #6986f2;
  --token-primitives-blue-600-rgb: 105, 134, 242;
  --token-primitives-blue-700: #105cef;
  --token-primitives-blue-700-rgb: 16, 92, 239;
  --token-primitives-blue-800: #0f54da;
  --token-primitives-blue-800-rgb: 15, 84, 218;
  --token-primitives-blue-900: #0d4bc3;
  --token-primitives-blue-900-rgb: 13, 75, 195;
  --token-primitives-blue-1000: #0b41a9;
  --token-primitives-blue-1000-rgb: 11, 65, 169;
  --token-primitives-blue-1100: #09358a;
  --token-primitives-blue-1100-rgb: 9, 53, 138;
  --token-primitives-blue-1200: #072561;
  --token-primitives-blue-1200-rgb: 7, 37, 97;
  --token-primitives-indigo-100: #ebe8ff;
  --token-primitives-indigo-100-rgb: 235, 232, 255;
  --token-primitives-indigo-200: #e6e2fe;
  --token-primitives-indigo-200-rgb: 230, 226, 254;
  --token-primitives-indigo-300: #d3d1f2;
  --token-primitives-indigo-300-rgb: 211, 209, 242;
  --token-primitives-indigo-400: #bab5eb;
  --token-primitives-indigo-400-rgb: 186, 181, 235;
  --token-primitives-indigo-500: #9d95e4;
  --token-primitives-indigo-500-rgb: 157, 149, 228;
  --token-primitives-indigo-600: #786bdd;
  --token-primitives-indigo-600-rgb: 120, 107, 221;
  --token-primitives-indigo-700: #411bd5;
  --token-primitives-indigo-700-rgb: 65, 27, 213;
  --token-primitives-indigo-800: #3b19c3;
  --token-primitives-indigo-800-rgb: 59, 25, 195;
  --token-primitives-indigo-900: #3516ae;
  --token-primitives-indigo-900-rgb: 53, 22, 174;
  --token-primitives-indigo-1000: #2e1397;
  --token-primitives-indigo-1000-rgb: 46, 19, 151;
  --token-primitives-indigo-1100: #26107b;
  --token-primitives-indigo-1100-rgb: 38, 16, 123;
  --token-primitives-indigo-1200: #1a0b57;
  --token-primitives-indigo-1200-rgb: 26, 11, 87;
  --token-primitives-violet-100: #ece6ff;
  --token-primitives-violet-100-rgb: 236, 230, 255;
  --token-primitives-violet-200: #e5defc;
  --token-primitives-violet-200-rgb: 229, 222, 252;
  --token-primitives-violet-300: #dcd1fb;
  --token-primitives-violet-300-rgb: 220, 209, 251;
  --token-primitives-violet-400: #c9b6f9;
  --token-primitives-violet-400-rgb: 201, 182, 249;
  --token-primitives-violet-500: #b396f6;
  --token-primitives-violet-500-rgb: 179, 150, 246;
  --token-primitives-violet-600: #9a6cf4;
  --token-primitives-violet-600-rgb: 154, 108, 244;
  --token-primitives-violet-700: #7c20f2;
  --token-primitives-violet-700-rgb: 124, 32, 242;
  --token-primitives-violet-800: #711ddd;
  --token-primitives-violet-800-rgb: 113, 29, 221;
  --token-primitives-violet-900: #651ac5;
  --token-primitives-violet-900-rgb: 101, 26, 197;
  --token-primitives-violet-1000: #5817ab;
  --token-primitives-violet-1000-rgb: 88, 23, 171;
  --token-primitives-violet-1100: #48128c;
  --token-primitives-violet-1100-rgb: 72, 18, 140;
  --token-primitives-violet-1200: #330d63;
  --token-primitives-violet-1200-rgb: 51, 13, 99;
  --token-primitives-purple-100: #f5eafd;
  --token-primitives-purple-100-rgb: 245, 234, 253;
  --token-primitives-purple-200: #f2e2ff;
  --token-primitives-purple-200-rgb: 242, 226, 255;
  --token-primitives-purple-300: #e9d3fa;
  --token-primitives-purple-300-rgb: 233, 211, 250;
  --token-primitives-purple-400: #deb9f8;
  --token-primitives-purple-400-rgb: 222, 185, 248;
  --token-primitives-purple-500: #d29bf6;
  --token-primitives-purple-500-rgb: 210, 155, 246;
  --token-primitives-purple-600: #c575f3;
  --token-primitives-purple-600-rgb: 197, 117, 243;
  --token-primitives-purple-700: #b73cf1;
  --token-primitives-purple-700-rgb: 183, 60, 241;
  --token-primitives-purple-800: #a737dc;
  --token-primitives-purple-800-rgb: 167, 55, 220;
  --token-primitives-purple-900: #9531c5;
  --token-primitives-purple-900-rgb: 149, 49, 197;
  --token-primitives-purple-1000: #812aaa;
  --token-primitives-purple-1000-rgb: 129, 42, 170;
  --token-primitives-purple-1100: #6a238b;
  --token-primitives-purple-1100-rgb: 106, 35, 139;
  --token-primitives-purple-1200: #4b1862;
  --token-primitives-purple-1200-rgb: 75, 24, 98;
  --token-primitives-magenta-100: #ffecfb;
  --token-primitives-magenta-100-rgb: 255, 236, 251;
  --token-primitives-magenta-200: #ffe5fa;
  --token-primitives-magenta-200-rgb: 255, 229, 250;
  --token-primitives-magenta-300: #f9d4f1;
  --token-primitives-magenta-300-rgb: 249, 212, 241;
  --token-primitives-magenta-400: #f6bcea;
  --token-primitives-magenta-400-rgb: 246, 188, 234;
  --token-primitives-magenta-500: #f39fe3;
  --token-primitives-magenta-500-rgb: 243, 159, 227;
  --token-primitives-magenta-600: #f07cdb;
  --token-primitives-magenta-600-rgb: 240, 124, 219;
  --token-primitives-magenta-700: #ed4ad3;
  --token-primitives-magenta-700-rgb: 237, 74, 211;
  --token-primitives-magenta-800: #d844c1;
  --token-primitives-magenta-800-rgb: 216, 68, 193;
  --token-primitives-magenta-900: #c13cac;
  --token-primitives-magenta-900-rgb: 193, 60, 172;
  --token-primitives-magenta-1000: #a83495;
  --token-primitives-magenta-1000-rgb: 168, 52, 149;
  --token-primitives-magenta-1100: #892b7a;
  --token-primitives-magenta-1100-rgb: 137, 43, 122;
  --token-primitives-magenta-1200: #611e56;
  --token-primitives-magenta-1200-rgb: 97, 30, 86;
  --token-primitives-pink-100: #fdeaee;
  --token-primitives-pink-100-rgb: 253, 234, 238;
  --token-primitives-pink-200: #ffe3e9;
  --token-primitives-pink-200-rgb: 255, 227, 233;
  --token-primitives-pink-300: #fad3dc;
  --token-primitives-pink-300-rgb: 250, 211, 220;
  --token-primitives-pink-400: #f8b9c9;
  --token-primitives-pink-400-rgb: 248, 185, 201;
  --token-primitives-pink-500: #f69bb3;
  --token-primitives-pink-500-rgb: 246, 155, 179;
  --token-primitives-pink-600: #f3759a;
  --token-primitives-pink-600-rgb: 243, 117, 154;
  --token-primitives-pink-700: #f13b7d;
  --token-primitives-pink-700-rgb: 241, 59, 125;
  --token-primitives-pink-800: #dc3672;
  --token-primitives-pink-800-rgb: 220, 54, 114;
  --token-primitives-pink-900: #c53066;
  --token-primitives-pink-900-rgb: 197, 48, 102;
  --token-primitives-pink-1000: #aa2a58;
  --token-primitives-pink-1000-rgb: 170, 42, 88;
  --token-primitives-pink-1100: #8b2248;
  --token-primitives-pink-1100-rgb: 139, 34, 72;
  --token-primitives-pink-1200: #621833;
  --token-primitives-pink-1200-rgb: 98, 24, 51;
  --token-scale-0: 0px;
  --token-scale-100: 4px;
  --token-scale-150: 6px;
  --token-scale-200: 8px;
  --token-scale-250: 10px;
  --token-scale-300: 12px;
  --token-scale-400: 16px;
  --token-scale-500: 20px;
  --token-scale-600: 24px;
  --token-scale-700: 28px;
  --token-scale-800: 32px;
  --token-scale-900: 36px;
  --token-scale-1000: 40px;
  --token-scale-1100: 44px;
  --token-scale-1200: 48px;
  --token-scale-1400: 56px;
  --token-scale-1600: 64px;
  --token-scale-1800: 72px;
  --token-scale-2000: 80px;
  --token-scale-2400: 96px;
  --token-scale-2800: 112px;
  --token-scale-3200: 128px;
  --token-scale-3400: 136px;
  --token-scale-3600: 144px;
  --token-scale-4000: 160px;
  --token-scale-5000: 200px;
  --token-scale-6200: 248px;
  --token-scale-7400: 296px;
  --token-scale-9000: 360px;
  --token-scale-025: 1px;
  --token-scale-050: 2px;
  --token-scale-075: 3px;
  --token-semantics-primary-100: var(--token-primitives-blue-100, #e9ecfc);
  --token-semantics-primary-100-rgb: 233, 236, 252;
  --token-semantics-primary-200: var(--token-primitives-blue-200, #e4e8ff);
  --token-semantics-primary-200-rgb: 228, 232, 255;
  --token-semantics-primary-300: var(--token-primitives-blue-300, #d0d7fa);
  --token-semantics-primary-300-rgb: 208, 215, 250;
  --token-semantics-primary-400: var(--token-primitives-blue-400, #b5c0f7);
  --token-semantics-primary-400-rgb: 181, 192, 247;
  --token-semantics-primary-500: var(--token-primitives-blue-500, #94a5f4);
  --token-semantics-primary-500-rgb: 148, 165, 244;
  --token-semantics-primary-600: var(--token-primitives-blue-600, #6986f2);
  --token-semantics-primary-600-rgb: 105, 134, 242;
  --token-semantics-primary-700: var(--token-primitives-blue-700, #105cef);
  --token-semantics-primary-700-rgb: 16, 92, 239;
  --token-semantics-primary-800: var(--token-primitives-blue-800, #0f54da);
  --token-semantics-primary-800-rgb: 15, 84, 218;
  --token-semantics-primary-900: var(--token-primitives-blue-900, #0d4bc3);
  --token-semantics-primary-900-rgb: 13, 75, 195;
  --token-semantics-primary-1000: var(--token-primitives-blue-1000, #0b41a9);
  --token-semantics-primary-1000-rgb: 11, 65, 169;
  --token-semantics-primary-1100: var(--token-primitives-blue-1100, #09358a);
  --token-semantics-primary-1100-rgb: 9, 53, 138;
  --token-semantics-primary-1200: var(--token-primitives-blue-1200, #072561);
  --token-semantics-primary-1200-rgb: 7, 37, 97;
  --token-semantics-primary-base: var(--token-semantics-primary-700, #105cef);
  --token-semantics-primary-base-rgb: 16, 92, 239;
  --token-semantics-info-100: var(--token-primitives-blue-100, #e9ecfc);
  --token-semantics-info-100-rgb: 233, 236, 252;
  --token-semantics-info-200: var(--token-primitives-blue-200, #e4e8ff);
  --token-semantics-info-200-rgb: 228, 232, 255;
  --token-semantics-info-300: var(--token-primitives-blue-300, #d0d7fa);
  --token-semantics-info-300-rgb: 208, 215, 250;
  --token-semantics-info-400: var(--token-primitives-blue-400, #b5c0f7);
  --token-semantics-info-400-rgb: 181, 192, 247;
  --token-semantics-info-500: var(--token-primitives-blue-500, #94a5f4);
  --token-semantics-info-500-rgb: 148, 165, 244;
  --token-semantics-info-600: var(--token-primitives-blue-600, #6986f2);
  --token-semantics-info-600-rgb: 105, 134, 242;
  --token-semantics-info-700: var(--token-primitives-blue-700, #105cef);
  --token-semantics-info-700-rgb: 16, 92, 239;
  --token-semantics-info-800: var(--token-primitives-blue-800, #0f54da);
  --token-semantics-info-800-rgb: 15, 84, 218;
  --token-semantics-info-900: var(--token-primitives-blue-900, #0d4bc3);
  --token-semantics-info-900-rgb: 13, 75, 195;
  --token-semantics-info-1000: var(--token-primitives-blue-1000, #0b41a9);
  --token-semantics-info-1000-rgb: 11, 65, 169;
  --token-semantics-info-1100: var(--token-primitives-blue-1100, #09358a);
  --token-semantics-info-1100-rgb: 9, 53, 138;
  --token-semantics-info-1200: var(--token-primitives-blue-1200, #072561);
  --token-semantics-info-1200-rgb: 7, 37, 97;
  --token-semantics-info-base: var(--token-semantics-info-700, #105cef);
  --token-semantics-info-base-rgb: 16, 92, 239;
  --token-semantics-success-100: var(--token-primitives-green-100, #e2f9e4);
  --token-semantics-success-100-rgb: 226, 249, 228;
  --token-semantics-success-200: var(--token-primitives-green-200, #d1f7d4);
  --token-semantics-success-200-rgb: 209, 247, 212;
  --token-semantics-success-300: var(--token-primitives-green-300, #b3ebb7);
  --token-semantics-success-300-rgb: 179, 235, 183;
  --token-semantics-success-400: var(--token-primitives-green-400, #7fe089);
  --token-semantics-success-400-rgb: 127, 224, 137;
  --token-semantics-success-500: var(--token-primitives-green-500, #23d643);
  --token-semantics-success-500-rgb: 35, 214, 67;
  --token-semantics-success-600: var(--token-primitives-green-600, #1fbd3b);
  --token-semantics-success-600-rgb: 31, 189, 59;
  --token-semantics-success-700: var(--token-primitives-green-700, #1ba433);
  --token-semantics-success-700-rgb: 27, 164, 51;
  --token-semantics-success-800: var(--token-primitives-green-800, #178a2b);
  --token-semantics-success-800-rgb: 23, 138, 43;
  --token-semantics-success-900: var(--token-primitives-green-900, #126f23);
  --token-semantics-success-900-rgb: 18, 111, 35;
  --token-semantics-success-1000: var(--token-primitives-green-1000, #0e531a);
  --token-semantics-success-1000-rgb: 14, 83, 26;
  --token-semantics-success-1100: var(--token-primitives-green-1100, #093811);
  --token-semantics-success-1100-rgb: 9, 56, 17;
  --token-semantics-success-1200: var(--token-primitives-green-1200, #051d09);
  --token-semantics-success-1200-rgb: 5, 29, 9;
  --token-semantics-success-base: var(--token-semantics-success-700, #1ba433);
  --token-semantics-success-base-rgb: 27, 164, 51;
  --token-semantics-danger-100: var(--token-primitives-red-100, #fde1e1);
  --token-semantics-danger-100-rgb: 253, 225, 225;
  --token-semantics-danger-200: var(--token-primitives-red-200, #ffd9d9);
  --token-semantics-danger-200-rgb: 255, 217, 217;
  --token-semantics-danger-300: var(--token-primitives-red-300, #fcc1c1);
  --token-semantics-danger-300-rgb: 252, 193, 193;
  --token-semantics-danger-400: var(--token-primitives-red-400, #faa1a1);
  --token-semantics-danger-400-rgb: 250, 161, 161;
  --token-semantics-danger-500: var(--token-primitives-red-500, #f97d7d);
  --token-semantics-danger-500-rgb: 249, 125, 125;
  --token-semantics-danger-600: var(--token-primitives-red-600, #f85151);
  --token-semantics-danger-600-rgb: 248, 81, 81;
  --token-semantics-danger-700: var(--token-primitives-red-700, #e52929);
  --token-semantics-danger-700-rgb: 229, 41, 41;
  --token-semantics-danger-800: var(--token-primitives-red-800, #bf2222);
  --token-semantics-danger-800-rgb: 191, 34, 34;
  --token-semantics-danger-900: var(--token-primitives-red-900, #991b1b);
  --token-semantics-danger-900-rgb: 153, 27, 27;
  --token-semantics-danger-1000: var(--token-primitives-red-1000, #761515);
  --token-semantics-danger-1000-rgb: 118, 21, 21;
  --token-semantics-danger-1100: var(--token-primitives-red-1100, #540f0f);
  --token-semantics-danger-1100-rgb: 84, 15, 15;
  --token-semantics-danger-1200: var(--token-primitives-red-1200, #330909);
  --token-semantics-danger-1200-rgb: 51, 9, 9;
  --token-semantics-danger-base: var(--token-semantics-danger-700, #e52929);
  --token-semantics-danger-base-rgb: 229, 41, 41;
  --token-semantics-warning-100: var(--token-primitives-yellow-100, #fff3d5);
  --token-semantics-warning-100-rgb: 255, 243, 213;
  --token-semantics-warning-200: var(--token-primitives-yellow-200, #fff0c7);
  --token-semantics-warning-200-rgb: 255, 240, 199;
  --token-semantics-warning-300: var(--token-primitives-yellow-300, #ffebb1);
  --token-semantics-warning-300-rgb: 255, 235, 177;
  --token-semantics-warning-400: var(--token-primitives-yellow-400, #ffe07b);
  --token-semantics-warning-400-rgb: 255, 224, 123;
  --token-semantics-warning-500: var(--token-primitives-yellow-500, #ffd600);
  --token-semantics-warning-500-rgb: 255, 214, 0;
  --token-semantics-warning-600: var(--token-primitives-yellow-600, #f9bd0a);
  --token-semantics-warning-600-rgb: 249, 189, 10;
  --token-semantics-warning-700: var(--token-primitives-yellow-700, #df9c00);
  --token-semantics-warning-700-rgb: 223, 156, 0;
  --token-semantics-warning-800: var(--token-primitives-yellow-800, #ba8200);
  --token-semantics-warning-800-rgb: 186, 130, 0;
  --token-semantics-warning-900: var(--token-primitives-yellow-900, #966503);
  --token-semantics-warning-900-rgb: 150, 101, 3;
  --token-semantics-warning-1000: var(--token-primitives-yellow-1000, #704b02);
  --token-semantics-warning-1000-rgb: 112, 75, 2;
  --token-semantics-warning-1100: var(--token-primitives-yellow-1100, #533802);
  --token-semantics-warning-1100-rgb: 83, 56, 2;
  --token-semantics-warning-1200: var(--token-primitives-yellow-1200, #2c1e02);
  --token-semantics-warning-1200-rgb: 44, 30, 2;
  --token-semantics-warning-base: var(--token-semantics-warning-500, #ffd600);
  --token-semantics-warning-base-rgb: 255, 214, 0;
  --token-text-default: var(--token-primitives-neutral-1200, #242424);
  --token-text-default-rgb: 36, 36, 36;
  --token-text-subtle: var(--token-primitives-neutral-1000, #3b3b3b);
  --token-text-subtle-rgb: 59, 59, 59;
  --token-text-subtlest: var(--token-primitives-neutral-800, #626262);
  --token-text-subtlest-rgb: 98, 98, 98;
  --token-text-primary: var(--token-semantics-primary-900, #0d4bc3);
  --token-text-primary-rgb: 13, 75, 195;
  --token-text-disabled: var(--token-primitives-neutral-500, #a2a2a2);
  --token-text-disabled-rgb: 162, 162, 162;
  --token-text-danger: var(--token-semantics-danger-900, #991b1b);
  --token-text-danger-rgb: 153, 27, 27;
  --token-text-info: var(--token-semantics-info-900, #0d4bc3);
  --token-text-info-rgb: 13, 75, 195;
  --token-text-warning: var(--token-semantics-warning-1000, #704b02);
  --token-text-warning-rgb: 112, 75, 2;
  --token-text-success: var(--token-semantics-success-900, #126f23);
  --token-text-success-rgb: 18, 111, 35;
  --token-text-link-default: var(--token-semantics-primary-900, #0d4bc3);
  --token-text-link-default-rgb: 13, 75, 195;
  --token-text-link-press: var(--token-semantics-primary-1100, #09358a);
  --token-text-link-press-rgb: 9, 53, 138;
  --token-text-link-visited: var(--token-semantics-primary-1100, #09358a);
  --token-text-link-visited-rgb: 9, 53, 138;
  --token-text-inverse: var(--token-primitives-base-white, #ffffff);
  --token-text-inverse-rgb: 255, 255, 255;
  --token-text-select: var(--token-semantics-primary-800, #0f54da);
  --token-text-select-rgb: 15, 84, 218;
  --token-text-extended-pumpkin: var(--token-primitives-pumpkin-900, #803004);
  --token-text-extended-pumpkin-rgb: 128, 48, 4;
  --token-text-extended-orange: var(--token-primitives-orange-900, #844d00);
  --token-text-extended-orange-rgb: 132, 77, 0;
  --token-text-extended-lime: var(--token-primitives-lime-1000, #3e5709);
  --token-text-extended-lime-rgb: 62, 87, 9;
  --token-text-extended-teal: var(--token-primitives-teal-900, #006b5f);
  --token-text-extended-teal-rgb: 0, 107, 95;
  --token-text-extended-aqua: var(--token-primitives-aqua-900, #146d81);
  --token-text-extended-aqua-rgb: 20, 109, 129;
  --token-text-extended-indigo: var(--token-primitives-indigo-900, #3516ae);
  --token-text-extended-indigo-rgb: 53, 22, 174;
  --token-text-extended-violet: var(--token-primitives-violet-900, #651ac5);
  --token-text-extended-violet-rgb: 101, 26, 197;
  --token-text-extended-purple: var(--token-primitives-purple-1000, #812aaa);
  --token-text-extended-purple-rgb: 129, 42, 170;
  --token-text-extended-magenta: var(--token-primitives-magenta-1100, #892b7a);
  --token-text-extended-magenta-rgb: 137, 43, 122;
  --token-text-extended-pink: var(--token-primitives-pink-1000, #aa2a58);
  --token-text-extended-pink-rgb: 170, 42, 88;
  --token-bg-primary-base-default: var(--token-semantics-primary-base, #105cef);
  --token-bg-primary-base-default-rgb: 16, 92, 239;
  --token-bg-primary-base-press: var(--token-semantics-primary-900, #0d4bc3);
  --token-bg-primary-base-press-rgb: 13, 75, 195;
  --token-bg-primary-subtle-default: var(--token-semantics-primary-100, #e9ecfc);
  --token-bg-primary-subtle-default-rgb: 233, 236, 252;
  --token-bg-primary-subtle-press: var(--token-semantics-primary-300, #d0d7fa);
  --token-bg-primary-subtle-press-rgb: 208, 215, 250;
  --token-bg-danger-base-default: var(--token-semantics-danger-800, #bf2222);
  --token-bg-danger-base-default-rgb: 191, 34, 34;
  --token-bg-danger-base-press: var(--token-semantics-danger-1000, #761515);
  --token-bg-danger-base-press-rgb: 118, 21, 21;
  --token-bg-danger-subtle-default: var(--token-semantics-danger-100, #fde1e1);
  --token-bg-danger-subtle-default-rgb: 253, 225, 225;
  --token-bg-danger-subtle-press: var(--token-semantics-danger-300, #fcc1c1);
  --token-bg-danger-subtle-press-rgb: 252, 193, 193;
  --token-bg-success-base-default: var(--token-semantics-success-900, #126f23);
  --token-bg-success-base-default-rgb: 18, 111, 35;
  --token-bg-success-base-press: var(--token-semantics-success-1100, #093811);
  --token-bg-success-base-press-rgb: 9, 56, 17;
  --token-bg-success-subtle-default: var(--token-semantics-success-100, #e2f9e4);
  --token-bg-success-subtle-default-rgb: 226, 249, 228;
  --token-bg-success-subtle-press: var(--token-semantics-success-300, #b3ebb7);
  --token-bg-success-subtle-press-rgb: 179, 235, 183;
  --token-bg-info-base-default: var(--token-semantics-info-900, #0d4bc3);
  --token-bg-info-base-default-rgb: 13, 75, 195;
  --token-bg-info-base-press: var(--token-semantics-info-1100, #09358a);
  --token-bg-info-base-press-rgb: 9, 53, 138;
  --token-bg-info-subtle-default: var(--token-semantics-info-100, #e9ecfc);
  --token-bg-info-subtle-default-rgb: 233, 236, 252;
  --token-bg-info-subtle-press: var(--token-semantics-info-300, #d0d7fa);
  --token-bg-info-subtle-press-rgb: 208, 215, 250;
  --token-bg-warning-base-default: var(--token-semantics-warning-500, #ffd600);
  --token-bg-warning-base-default-rgb: 255, 214, 0;
  --token-bg-warning-base-press: var(--token-semantics-warning-700, #df9c00);
  --token-bg-warning-base-press-rgb: 223, 156, 0;
  --token-bg-warning-subtle-default: var(--token-semantics-warning-200, #fff0c7);
  --token-bg-warning-subtle-default-rgb: 255, 240, 199;
  --token-bg-warning-subtle-press: var(--token-semantics-warning-400, #ffe07b);
  --token-bg-warning-subtle-press-rgb: 255, 224, 123;
  --token-bg-body: var(--token-primitives-base-white, #ffffff);
  --token-bg-body-rgb: 255, 255, 255;
  --token-bg-neutral-subtle-default: var(--token-primitives-neutral-200, #eae9e9);
  --token-bg-neutral-subtle-default-rgb: 234, 233, 233;
  --token-bg-neutral-subtle-press: var(--token-primitives-neutral-400, #d5d5d5);
  --token-bg-neutral-subtle-press-rgb: 213, 213, 213;
  --token-bg-neutral-base-default: var(--token-primitives-neutral-500, #a2a2a2);
  --token-bg-neutral-base-default-rgb: 162, 162, 162;
  --token-bg-neutral-base-press: var(--token-primitives-neutral-700, #777777);
  --token-bg-neutral-base-press-rgb: 119, 119, 119;
  --token-bg-neutral-subtlest-default: var(--token-primitives-base-white, #ffffff);
  --token-bg-neutral-subtlest-default-rgb: 255, 255, 255;
  --token-bg-neutral-subtlest-press: var(--token-primitives-neutral-200, #eae9e9);
  --token-bg-neutral-subtlest-press-rgb: 234, 233, 233;
  --token-bg-neutral-bold-default: var(--token-primitives-neutral-1000, #3b3b3b);
  --token-bg-neutral-bold-default-rgb: 59, 59, 59;
  --token-bg-neutral-bold-press: var(--token-primitives-neutral-1200, #242424);
  --token-bg-neutral-bold-press-rgb: 36, 36, 36;
  --token-bg-neutral-boldest-default: var(--token-primitives-neutral-1200, #242424);
  --token-bg-neutral-boldest-default-rgb: 36, 36, 36;
  --token-bg-neutral-boldest-press: var(--token-primitives-base-black, #111111);
  --token-bg-neutral-boldest-press-rgb: 17, 17, 17;
  --token-bg-surface-default: var(--token-primitives-base-white, #ffffff);
  --token-bg-surface-default-rgb: 255, 255, 255;
  --token-bg-surface-inverse: var(--token-primitives-base-white, #ffffff);
  --token-bg-surface-inverse-rgb: 255, 255, 255;
  --token-bg-input-default: var(--token-primitives-base-white, #ffffff);
  --token-bg-input-default-rgb: 255, 255, 255;
  --token-bg-input-read-only: var(--token-primitives-neutral-100, #f3f3f3);
  --token-bg-input-read-only-rgb: 243, 243, 243;
  --token-bg-input-press: var(--token-primitives-neutral-200, #eae9e9);
  --token-bg-input-press-rgb: 234, 233, 233;
  --token-bg-input-disabled: var(--token-primitives-neutral-100, #f3f3f3);
  --token-bg-input-disabled-rgb: 243, 243, 243;
  --token-bg-input-bold-default: var(--token-primitives-neutral-200, #eae9e9);
  --token-bg-input-bold-default-rgb: 234, 233, 233;
  --token-bg-input-bold-press: var(--token-primitives-neutral-400, #d5d5d5);
  --token-bg-input-bold-press-rgb: 213, 213, 213;
  --token-bg-input-bold-read-only: var(--token-primitives-neutral-300, #e0e0e0);
  --token-bg-input-bold-read-only-rgb: 224, 224, 224;
  --token-bg-input-bold-disabled: var(--token-primitives-neutral-300, #e0e0e0);
  --token-bg-input-bold-disabled-rgb: 224, 224, 224;
  --token-bg-select-default: var(--token-semantics-primary-100, #e9ecfc);
  --token-bg-select-default-rgb: 233, 236, 252;
  --token-bg-select-press: var(--token-semantics-primary-300, #d0d7fa);
  --token-bg-select-press-rgb: 208, 215, 250;
  --token-bg-extended-pumpkin-base-default: var(--token-primitives-pumpkin-700, #bd4705);
  --token-bg-extended-pumpkin-base-default-rgb: 189, 71, 5;
  --token-bg-extended-pumpkin-base-press: var(--token-primitives-pumpkin-900, #803004);
  --token-bg-extended-pumpkin-base-press-rgb: 128, 48, 4;
  --token-bg-extended-pumpkin-subtle-default: var(--token-primitives-pumpkin-100, #ffe0db);
  --token-bg-extended-pumpkin-subtle-default-rgb: 255, 224, 219;
  --token-bg-extended-pumpkin-subtle-press: var(--token-primitives-pumpkin-300, #fbbdb1);
  --token-bg-extended-pumpkin-subtle-press-rgb: 251, 189, 177;
  --token-bg-extended-orange-base-default: var(--token-primitives-orange-800, #a45f00);
  --token-bg-extended-orange-base-default-rgb: 164, 95, 0;
  --token-bg-extended-orange-base-press: var(--token-primitives-orange-1000, #633a00);
  --token-bg-extended-orange-base-press-rgb: 99, 58, 0;
  --token-bg-extended-orange-subtle-default: var(--token-primitives-orange-100, #ffe8db);
  --token-bg-extended-orange-subtle-default-rgb: 255, 232, 219;
  --token-bg-extended-orange-subtle-press: var(--token-primitives-orange-300, #ffcfb1);
  --token-bg-extended-orange-subtle-press-rgb: 255, 207, 177;
  --token-bg-extended-lime-base-default: var(--token-primitives-lime-900, #53730c);
  --token-bg-extended-lime-base-default-rgb: 83, 115, 12;
  --token-bg-extended-lime-base-press: var(--token-primitives-lime-1100, #2a3a06);
  --token-bg-extended-lime-base-press-rgb: 42, 58, 6;
  --token-bg-extended-lime-subtle-default: var(--token-primitives-lime-100, #ebfcd4);
  --token-bg-extended-lime-subtle-default-rgb: 235, 252, 212;
  --token-bg-extended-lime-subtle-press: var(--token-primitives-lime-300, #d3efb2);
  --token-bg-extended-lime-subtle-press-rgb: 211, 239, 178;
  --token-bg-extended-teal-base-default: var(--token-primitives-teal-800, #008576);
  --token-bg-extended-teal-base-default-rgb: 0, 133, 118;
  --token-bg-extended-teal-base-press: var(--token-primitives-teal-1000, #005147);
  --token-bg-extended-teal-base-press-rgb: 0, 81, 71;
  --token-bg-extended-teal-subtle-default: var(--token-primitives-teal-100, #d5f9f1);
  --token-bg-extended-teal-subtle-default-rgb: 213, 249, 241;
  --token-bg-extended-teal-subtle-press: var(--token-primitives-teal-300, #b1e7dd);
  --token-bg-extended-teal-subtle-press-rgb: 177, 231, 221;
  --token-bg-extended-aqua-base-default: var(--token-primitives-aqua-900, #146d81);
  --token-bg-extended-aqua-base-default-rgb: 20, 109, 129;
  --token-bg-extended-aqua-base-press: var(--token-primitives-aqua-1100, #0a3741);
  --token-bg-extended-aqua-base-press-rgb: 10, 55, 65;
  --token-bg-extended-aqua-subtle-default: var(--token-primitives-aqua-100, #d9f5ff);
  --token-bg-extended-aqua-subtle-default-rgb: 217, 245, 255;
  --token-bg-extended-aqua-subtle-press: var(--token-primitives-aqua-300, #b3e9fc);
  --token-bg-extended-aqua-subtle-press-rgb: 179, 233, 252;
  --token-bg-extended-indigo-base-default: var(--token-primitives-indigo-700, #411bd5);
  --token-bg-extended-indigo-base-default-rgb: 65, 27, 213;
  --token-bg-extended-indigo-base-press: var(--token-primitives-indigo-900, #3516ae);
  --token-bg-extended-indigo-base-press-rgb: 53, 22, 174;
  --token-bg-extended-indigo-subtle-default: var(--token-primitives-indigo-100, #ebe8ff);
  --token-bg-extended-indigo-subtle-default-rgb: 235, 232, 255;
  --token-bg-extended-indigo-subtle-press: var(--token-primitives-indigo-300, #d3d1f2);
  --token-bg-extended-indigo-subtle-press-rgb: 211, 209, 242;
  --token-bg-extended-violet-base-default: var(--token-primitives-violet-700, #7c20f2);
  --token-bg-extended-violet-base-default-rgb: 124, 32, 242;
  --token-bg-extended-violet-base-press: var(--token-primitives-violet-900, #651ac5);
  --token-bg-extended-violet-base-press-rgb: 101, 26, 197;
  --token-bg-extended-violet-subtle-default: var(--token-primitives-violet-100, #ece6ff);
  --token-bg-extended-violet-subtle-default-rgb: 236, 230, 255;
  --token-bg-extended-violet-subtle-press: var(--token-primitives-violet-300, #dcd1fb);
  --token-bg-extended-violet-subtle-press-rgb: 220, 209, 251;
  --token-bg-extended-purple-base-default: var(--token-primitives-purple-800, #a737dc);
  --token-bg-extended-purple-base-default-rgb: 167, 55, 220;
  --token-bg-extended-purple-base-press: var(--token-primitives-purple-1000, #812aaa);
  --token-bg-extended-purple-base-press-rgb: 129, 42, 170;
  --token-bg-extended-purple-subtle-default: var(--token-primitives-purple-100, #f5eafd);
  --token-bg-extended-purple-subtle-default-rgb: 245, 234, 253;
  --token-bg-extended-purple-subtle-press: var(--token-primitives-purple-300, #e9d3fa);
  --token-bg-extended-purple-subtle-press-rgb: 233, 211, 250;
  --token-bg-extended-magenta-base-default: var(--token-primitives-magenta-900, #c13cac);
  --token-bg-extended-magenta-base-default-rgb: 193, 60, 172;
  --token-bg-extended-magenta-base-press: var(--token-primitives-magenta-1100, #892b7a);
  --token-bg-extended-magenta-base-press-rgb: 137, 43, 122;
  --token-bg-extended-magenta-subtle-default: var(--token-primitives-magenta-100, #ffecfb);
  --token-bg-extended-magenta-subtle-default-rgb: 255, 236, 251;
  --token-bg-extended-magenta-subtle-press: var(--token-primitives-magenta-300, #f9d4f1);
  --token-bg-extended-magenta-subtle-press-rgb: 249, 212, 241;
  --token-bg-extended-pink-base-default: var(--token-primitives-pink-900, #c53066);
  --token-bg-extended-pink-base-default-rgb: 197, 48, 102;
  --token-bg-extended-pink-base-press: var(--token-primitives-pink-1100, #8b2248);
  --token-bg-extended-pink-base-press-rgb: 139, 34, 72;
  --token-bg-extended-pink-subtle-default: var(--token-primitives-pink-100, #fdeaee);
  --token-bg-extended-pink-subtle-default-rgb: 253, 234, 238;
  --token-bg-extended-pink-subtle-press: var(--token-primitives-pink-300, #fad3dc);
  --token-bg-extended-pink-subtle-press-rgb: 250, 211, 220;
  --token-icon-default: var(--token-primitives-neutral-1200, #242424);
  --token-icon-default-rgb: 36, 36, 36;
  --token-icon-subtle: var(--token-primitives-neutral-1000, #3b3b3b);
  --token-icon-subtle-rgb: 59, 59, 59;
  --token-icon-subtlest: var(--token-primitives-neutral-800, #626262);
  --token-icon-subtlest-rgb: 98, 98, 98;
  --token-icon-disabled: var(--token-primitives-neutral-500, #a2a2a2);
  --token-icon-disabled-rgb: 162, 162, 162;
  --token-icon-primary: var(--token-semantics-primary-900, #0d4bc3);
  --token-icon-primary-rgb: 13, 75, 195;
  --token-icon-select: var(--token-semantics-primary-800, #0f54da);
  --token-icon-select-rgb: 15, 84, 218;
  --token-icon-info: var(--token-semantics-info-900, #0d4bc3);
  --token-icon-info-rgb: 13, 75, 195;
  --token-icon-success: var(--token-semantics-success-900, #126f23);
  --token-icon-success-rgb: 18, 111, 35;
  --token-icon-danger: var(--token-semantics-danger-900, #991b1b);
  --token-icon-danger-rgb: 153, 27, 27;
  --token-icon-warning: var(--token-semantics-warning-1000, #704b02);
  --token-icon-warning-rgb: 112, 75, 2;
  --token-icon-inverse: var(--token-primitives-base-white, #ffffff);
  --token-icon-inverse-rgb: 255, 255, 255;
  --token-icon-link-default: var(--token-text-link-default, #0d4bc3);
  --token-icon-link-default-rgb: 13, 75, 195;
  --token-icon-link-press: var(--token-text-link-press, #09358a);
  --token-icon-link-press-rgb: 9, 53, 138;
  --token-icon-link-visited: var(--token-text-link-visited, #09358a);
  --token-icon-link-visited-rgb: 9, 53, 138;
  --token-icon-extended-pumpkin: var(--token-primitives-pumpkin-900, #803004);
  --token-icon-extended-pumpkin-rgb: 128, 48, 4;
  --token-icon-extended-orange: var(--token-primitives-orange-900, #844d00);
  --token-icon-extended-orange-rgb: 132, 77, 0;
  --token-icon-extended-lime: var(--token-primitives-lime-1000, #3e5709);
  --token-icon-extended-lime-rgb: 62, 87, 9;
  --token-icon-extended-teal: var(--token-primitives-teal-900, #006b5f);
  --token-icon-extended-teal-rgb: 0, 107, 95;
  --token-icon-extended-aqua: var(--token-primitives-aqua-900, #146d81);
  --token-icon-extended-aqua-rgb: 20, 109, 129;
  --token-icon-extended-indigo: var(--token-primitives-indigo-900, #3516ae);
  --token-icon-extended-indigo-rgb: 53, 22, 174;
  --token-icon-extended-violet: var(--token-primitives-violet-900, #651ac5);
  --token-icon-extended-violet-rgb: 101, 26, 197;
  --token-icon-extended-purple: var(--token-primitives-purple-1000, #812aaa);
  --token-icon-extended-purple-rgb: 129, 42, 170;
  --token-icon-extended-magenta: var(--token-primitives-magenta-1100, #892b7a);
  --token-icon-extended-magenta-rgb: 137, 43, 122;
  --token-icon-extended-pink: var(--token-primitives-pink-1000, #aa2a58);
  --token-icon-extended-pink-rgb: 170, 42, 88;
  --token-state-disabled: rgba(255, 255, 255, 0.6);
  --token-state-press: rgba(36, 36, 36, 0.08);
  --token-border-default: var(--token-primitives-neutral-400, #d5d5d5);
  --token-border-default-rgb: 213, 213, 213;
  --token-border-boldest: var(--token-primitives-neutral-1200, #242424);
  --token-border-boldest-rgb: 36, 36, 36;
  --token-border-subtle: var(--token-primitives-neutral-100, #f3f3f3);
  --token-border-subtle-rgb: 243, 243, 243;
  --token-border-subtlest: var(--token-primitives-base-white, #ffffff);
  --token-border-subtlest-rgb: 255, 255, 255;
  --token-border-primary: var(--token-semantics-primary-base, #105cef);
  --token-border-primary-rgb: 16, 92, 239;
  --token-border-success: var(--token-semantics-success-900, #126f23);
  --token-border-success-rgb: 18, 111, 35;
  --token-border-warning: var(--token-semantics-warning-900, #966503);
  --token-border-warning-rgb: 150, 101, 3;
  --token-border-disabled: var(--token-primitives-neutral-300, #e0e0e0);
  --token-border-disabled-rgb: 224, 224, 224;
  --token-border-focus-0: none;
  --token-border-focus-default: var(--token-primitives-blue-400, #b5c0f7);
  --token-border-focus-default-rgb: 181, 192, 247;
  --token-border-focus-error: var(--token-primitives-red-400, #faa1a1);
  --token-border-focus-error-rgb: 250, 161, 161;
  --token-border-danger-default: var(--token-semantics-danger-800, #bf2222);
  --token-border-danger-default-rgb: 191, 34, 34;
  --token-border-danger-press: var(--token-semantics-danger-1000, #761515);
  --token-border-danger-press-rgb: 118, 21, 21;
  --token-border-input-default: var(--token-primitives-neutral-600, #8c8c8c);
  --token-border-input-default-rgb: 140, 140, 140;
  --token-border-input-press: var(--token-primitives-neutral-800, #626262);
  --token-border-input-press-rgb: 98, 98, 98;
  --token-border-input-read-only: var(--token-primitives-neutral-800, #626262);
  --token-border-input-read-only-rgb: 98, 98, 98;
  --token-border-style-none: none;
  --token-border-style-solid: solid;
  --token-border-style-dashed: dashed;
  --token-border-style-dotted: dotted;
  --token-border-size-0: var(--token-scale-0, 0px);
  --token-border-size-025: var(--token-scale-025, 1px);
  --token-border-size-050: var(--token-scale-050, 2px);
  --token-border-size-075: var(--token-scale-075, 3px);
  --token-border-radius-0: var(--token-scale-0, 0px);
  --token-border-radius-100: var(--token-scale-100, 4px);
  --token-border-radius-200: var(--token-scale-200, 8px);
  --token-border-radius-300: var(--token-scale-300, 12px);
  --token-border-radius-400: var(--token-scale-400, 16px);
  --token-border-radius-500: var(--token-scale-500, 20px);
  --token-border-radius-800: var(--token-scale-800, 32px);
  --token-border-radius-1000: var(--token-scale-1000, 40px);
  --token-border-radius-full: 999px;
  --token-border-radius-025: var(--token-scale-050, 2px);
  --token-font-family: -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --token-font-weight-thin: 100;
  --token-font-weight-extra-light: 200;
  --token-font-weight-light: 300;
  --token-font-weight-regular: 400;
  --token-font-weight-medium: 500;
  --token-font-weight-semi-bold: 600;
  --token-font-weight-bold: 700;
  --token-font-weight-extra-bold: 800;
  --token-font-weight-black: 900;
  --token-font-size-275: 0.6875rem;
  --token-font-size-300: 0.75rem;
  --token-font-size-350: 0.875rem;
  --token-font-size-400: 1rem;
  --token-font-size-450: 1.125rem;
  --token-font-size-500: 1.25rem;
  --token-font-size-550: 1.375rem;
  --token-font-size-600: 1.5rem;
  --token-font-size-650: 1.625rem;
  --token-font-size-700: 1.75rem;
  --token-font-size-800: 2rem;
  --token-font-size-900: 2.25rem;
  --token-font-letter-spacing-0: 0%;
  --token-font-letter-spacing-1: 1%;
  --token-font-letter-spacing-2: 1.5%;
  --token-font-line-height-300: var(--token-scale-300, 12px);
  --token-font-line-height-400: var(--token-scale-400, 16px);
  --token-font-line-height-500: var(--token-scale-500, 20px);
  --token-font-line-height-600: var(--token-scale-600, 24px);
  --token-font-line-height-700: var(--token-scale-700, 28px);
  --token-font-line-height-800: var(--token-scale-800, 32px);
  --token-font-line-height-900: var(--token-scale-900, 36px);
  --token-font-line-height-1100: var(--token-scale-1100, 44px);
  --token-font-line-height-1200: var(--token-scale-1200, 48px);
  --token-font-line-height-full: 100%;
  --token-space-0: var(--token-scale-0, 0px);
  --token-space-100: var(--token-scale-100, 4px);
  --token-space-150: var(--token-scale-150, 6px);
  --token-space-200: var(--token-scale-200, 8px);
  --token-space-250: var(--token-scale-250, 10px);
  --token-space-300: var(--token-scale-300, 12px);
  --token-space-400: var(--token-scale-400, 16px);
  --token-space-500: var(--token-scale-500, 20px);
  --token-space-600: var(--token-scale-600, 24px);
  --token-space-700: var(--token-scale-700, 28px);
  --token-space-800: var(--token-scale-800, 32px);
  --token-space-900: var(--token-scale-900, 36px);
  --token-space-1000: var(--token-scale-1000, 40px);
  --token-space-1200: var(--token-scale-1200, 48px);
  --token-space-050: var(--token-scale-050, 2px);
  --token-shadow-1: rgba(0, 0, 0, 0.04);
  --token-shadow-2: rgba(0, 0, 0, 0.05);
  --token-shadow-3: rgba(0, 0, 0, 0.07);
  --token-shadow-4: rgba(0, 0, 0, 0.08);
  --token-shadow-5: rgba(0, 0, 0, 0.12);
  --token-shadow-6: rgba(0, 0, 0, 0.16);
  --token-shadow-7: rgba(0, 0, 0, 0.18);
  --token-elevation-1: 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 3px 9px 0px rgba(0, 0, 0, 0.07);
  --token-elevation-2: 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08);
  --token-elevation-3: 0px 2px 7px 0px rgba(0, 0, 0, 0.05), 0px 6px 32px 0px rgba(0, 0, 0, 0.16);
  --token-elevation-4: 0px 3px 12px 0px rgba(0, 0, 0, 0.12), 0px 15px 48px 0px rgba(0, 0, 0, 0.18);
  --token-transition-curve-linear: linear;
  --token-transition-curve-quick: cubic-bezier(0,0,0.2,1);
  --token-transition-curve-smooth: cubic-bezier(0.25,1,0.5,1);
  --token-transition-curve-spring: cubic-bezier(0.16, 1, 0.3, 1);
  --token-transition-curve-base: cubic-bezier(0.4,0,1,1);
  --token-transition-curve-expressive: cubic-bezier(0.4,0,0.2,1);
  --token-transition-curve-bounce: cubic-bezier(0.47,0,0.23,1.38);
  --token-transition-time-0: 0ms;
  --token-transition-time-100: 100ms;
  --token-transition-time-150: 150ms;
  --token-transition-time-200: 200ms;
  --token-transition-time-250: 250ms;
  --token-transition-time-300: 300ms;
  --token-transition-time-350: 350ms;
  --token-transition-time-500: 500ms;
  --token-transition-time-1000: 1000ms;
  --token-transition-time-1500: 1500ms;
  --token-z-index-0: 0;
  --token-z-index-100: 100;
  --token-z-index-200: 200;
  --token-z-index-300: 300;
  --token-z-index-400: 400;
  --token-z-index-500: 500;
  --token-z-index-bottom: -99999;
  --token-z-index-top: 99999;
  --token-rectangular-2xs: var(--token-border-radius-0, 0px);
  --token-rectangular-xs: var(--token-border-radius-0, 0px);
  --token-rectangular-sm: var(--token-border-radius-0, 0px);
  --token-rectangular-md: var(--token-border