outsystems-design-tokens/dist/_root.css

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

:root {
  --token-primitives-neutral-100: #f9f9f9;
  --token-primitives-neutral-100-rgb: 249, 249, 249;
  --token-primitives-neutral-200: #f2f2f2;
  --token-primitives-neutral-200-rgb: 242, 242, 242;
  --token-primitives-neutral-300: #e8e8e8;
  --token-primitives-neutral-300-rgb: 232, 232, 232;
  --token-primitives-neutral-400: #e1e1e1;
  --token-primitives-neutral-400-rgb: 225, 225, 225;
  --token-primitives-neutral-500: #cecece;
  --token-primitives-neutral-500-rgb: 206, 206, 206;
  --token-primitives-neutral-600: #a2a2a2;
  --token-primitives-neutral-600-rgb: 162, 162, 162;
  --token-primitives-neutral-700: #8d8d8d;
  --token-primitives-neutral-700-rgb: 141, 141, 141;
  --token-primitives-neutral-800: #838383;
  --token-primitives-neutral-800-rgb: 131, 131, 131;
  --token-primitives-neutral-900: #646464;
  --token-primitives-neutral-900-rgb: 100, 100, 100;
  --token-primitives-neutral-1000: #3b3b3b;
  --token-primitives-neutral-1000-rgb: 59, 59, 59;
  --token-primitives-neutral-1100: #303030;
  --token-primitives-neutral-1100-rgb: 48, 48, 48;
  --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: #ffecec;
  --token-primitives-red-100-rgb: 255, 236, 236;
  --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: #d82424;
  --token-primitives-red-700-rgb: 216, 36, 36;
  --token-primitives-red-800: #cf1e1e;
  --token-primitives-red-800-rgb: 207, 30, 30;
  --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: #fdf0ea;
  --token-primitives-orange-100-rgb: 253, 240, 234;
  --token-primitives-orange-200: #ffebde;
  --token-primitives-orange-200-rgb: 255, 235, 222;
  --token-primitives-orange-300: #ffd7be;
  --token-primitives-orange-300-rgb: 255, 215, 190;
  --token-primitives-orange-400: #f9be9d;
  --token-primitives-orange-400-rgb: 249, 190, 157;
  --token-primitives-orange-500: #f9aa84;
  --token-primitives-orange-500-rgb: 249, 170, 132;
  --token-primitives-orange-600: #fa9768;
  --token-primitives-orange-600-rgb: 250, 151, 104;
  --token-primitives-orange-700: #ff853b;
  --token-primitives-orange-700-rgb: 255, 133, 59;
  --token-primitives-orange-800: #d9711d;
  --token-primitives-orange-800-rgb: 217, 113, 29;
  --token-primitives-orange-900: #c15700;
  --token-primitives-orange-900-rgb: 193, 87, 0;
  --token-primitives-orange-1000: #9f4904;
  --token-primitives-orange-1000-rgb: 159, 73, 4;
  --token-primitives-orange-1100: #562f1b;
  --token-primitives-orange-1100-rgb: 86, 47, 27;
  --token-primitives-orange-1200: #432110;
  --token-primitives-orange-1200-rgb: 67, 33, 16;
  --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: #a57107;
  --token-primitives-yellow-900-rgb: 165, 113, 7;
  --token-primitives-yellow-1000: #925f00;
  --token-primitives-yellow-1000-rgb: 146, 95, 0;
  --token-primitives-yellow-1100: #533802;
  --token-primitives-yellow-1100-rgb: 83, 56, 2;
  --token-primitives-yellow-1200: #3b2905;
  --token-primitives-yellow-1200-rgb: 59, 41, 5;
  --token-primitives-lime-100: #f3fecd;
  --token-primitives-lime-100-rgb: 243, 254, 205;
  --token-primitives-lime-200: #e9f7bb;
  --token-primitives-lime-200-rgb: 233, 247, 187;
  --token-primitives-lime-300: #deeeaa;
  --token-primitives-lime-300-rgb: 222, 238, 170;
  --token-primitives-lime-400: #d6e79a;
  --token-primitives-lime-400-rgb: 214, 231, 154;
  --token-primitives-lime-500: #c7d981;
  --token-primitives-lime-500-rgb: 199, 217, 129;
  --token-primitives-lime-600: #b1c564;
  --token-primitives-lime-600-rgb: 177, 197, 100;
  --token-primitives-lime-700: #9db229;
  --token-primitives-lime-700-rgb: 157, 178, 41;
  --token-primitives-lime-800: #6d7d05;
  --token-primitives-lime-800-rgb: 109, 125, 5;
  --token-primitives-lime-900: #606f00;
  --token-primitives-lime-900-rgb: 96, 111, 0;
  --token-primitives-lime-1000: #4f5b01;
  --token-primitives-lime-1000-rgb: 79, 91, 1;
  --token-primitives-lime-1100: #384013;
  --token-primitives-lime-1100-rgb: 56, 64, 19;
  --token-primitives-lime-1200: #2a310b;
  --token-primitives-lime-1200-rgb: 42, 49, 11;
  --token-primitives-green-100: #e9ffeb;
  --token-primitives-green-100-rgb: 233, 255, 235;
  --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: #0c830c;
  --token-primitives-green-800-rgb: 12, 131, 12;
  --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: #1893af;
  --token-primitives-aqua-800-rgb: 24, 147, 175;
  --token-primitives-aqua-900: #127f98;
  --token-primitives-aqua-900-rgb: 18, 127, 152;
  --token-primitives-aqua-1000: #146172;
  --token-primitives-aqua-1000-rgb: 20, 97, 114;
  --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: #f0f2ff;
  --token-primitives-blue-100-rgb: 240, 242, 255;
  --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: #5832ed;
  --token-primitives-indigo-700-rgb: 88, 50, 237;
  --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: #ffedf4;
  --token-primitives-pink-100-rgb: 255, 237, 244;
  --token-primitives-pink-200: #ffdae8;
  --token-primitives-pink-200-rgb: 255, 218, 232;
  --token-primitives-pink-300: #fdccde;
  --token-primitives-pink-300-rgb: 253, 204, 222;
  --token-primitives-pink-400: #f7bcd2;
  --token-primitives-pink-400-rgb: 247, 188, 210;
  --token-primitives-pink-500: #f0a8c3;
  --token-primitives-pink-500-rgb: 240, 168, 195;
  --token-primitives-pink-600: #fa8dc9;
  --token-primitives-pink-600-rgb: 250, 141, 201;
  --token-primitives-pink-700: #f45fb1;
  --token-primitives-pink-700-rgb: 244, 95, 177;
  --token-primitives-pink-800: #df1b87;
  --token-primitives-pink-800-rgb: 223, 27, 135;
  --token-primitives-pink-900: #cc0d7e;
  --token-primitives-pink-900-rgb: 204, 13, 126;
  --token-primitives-pink-1000: #a70565;
  --token-primitives-pink-1000-rgb: 167, 5, 101;
  --token-primitives-pink-1100: #860853;
  --token-primitives-pink-1100-rgb: 134, 8, 83;
  --token-primitives-pink-1200: #69083d;
  --token-primitives-pink-1200-rgb: 105, 8, 61;
  --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-backdrop: rgba(0, 0, 0, 0.25);
  --token-semantics-primary-100: var(--token-primitives-blue-100, #f0f2ff);
  --token-semantics-primary-100-rgb: 240, 242, 255;
  --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, #f0f2ff);
  --token-semantics-info-100-rgb: 240, 242, 255;
  --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, #e9ffeb);
  --token-semantics-success-100-rgb: 233, 255, 235;
  --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, #0c830c);
  --token-semantics-success-800-rgb: 12, 131, 12;
  --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, #ffecec);
  --token-semantics-danger-100-rgb: 255, 236, 236;
  --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, #d82424);
  --token-semantics-danger-700-rgb: 216, 36, 36;
  --token-semantics-danger-800: var(--token-primitives-red-800, #cf1e1e);
  --token-semantics-danger-800-rgb: 207, 30, 30;
  --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, #d82424);
  --token-semantics-danger-base-rgb: 216, 36, 36;
  --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, #a57107);
  --token-semantics-warning-900-rgb: 165, 113, 7;
  --token-semantics-warning-1000: var(--token-primitives-yellow-1000, #925f00);
  --token-semantics-warning-1000-rgb: 146, 95, 0;
  --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, #3b2905);
  --token-semantics-warning-1200-rgb: 59, 41, 5;
  --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-900, #646464);
  --token-text-subtlest-rgb: 100, 100, 100;
  --token-text-disabled: var(--token-primitives-neutral-600, #a2a2a2);
  --token-text-disabled-rgb: 162, 162, 162;
  --token-text-primary: var(--token-semantics-primary-800, #0f54da);
  --token-text-primary-rgb: 15, 84, 218;
  --token-text-info: var(--token-primitives-blue-800, #0f54da);
  --token-text-info-rgb: 15, 84, 218;
  --token-text-select: var(--token-semantics-primary-700, #105cef);
  --token-text-select-rgb: 16, 92, 239;
  --token-text-success: var(--token-semantics-success-800, #0c830c);
  --token-text-success-rgb: 12, 131, 12;
  --token-text-danger: var(--token-semantics-danger-800, #cf1e1e);
  --token-text-danger-rgb: 207, 30, 30;
  --token-text-warning: var(--token-semantics-warning-1000, #925f00);
  --token-text-warning-rgb: 146, 95, 0;
  --token-text-inverse: var(--token-primitives-base-white, #ffffff);
  --token-text-inverse-rgb: 255, 255, 255;
  --token-text-link-default: var(--token-semantics-primary-900, #0d4bc3);
  --token-text-link-default-rgb: 13, 75, 195;
  --token-text-link-hover: var(--token-semantics-primary-1000, #0b41a9);
  --token-text-link-hover-rgb: 11, 65, 169;
  --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-extended-pumpkin: var(--token-primitives-pumpkin-900, #803004);
  --token-text-extended-pumpkin-rgb: 128, 48, 4;
  --token-text-extended-orange: var(--token-primitives-orange-1000, #9f4904);
  --token-text-extended-orange-rgb: 159, 73, 4;
  --token-text-extended-lime: var(--token-primitives-lime-800, #6d7d05);
  --token-text-extended-lime-rgb: 109, 125, 5;
  --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, #127f98);
  --token-text-extended-aqua-rgb: 18, 127, 152;
  --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-900, #9531c5);
  --token-text-extended-purple-rgb: 149, 49, 197;
  --token-text-extended-magenta: var(--token-primitives-magenta-900, #c13cac);
  --token-text-extended-magenta-rgb: 193, 60, 172;
  --token-text-extended-pink: var(--token-primitives-pink-900, #cc0d7e);
  --token-text-extended-pink-rgb: 204, 13, 126;
  --token-bg-body: var(--token-primitives-base-white, #ffffff);
  --token-bg-body-rgb: 255, 255, 255;
  --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-surface-blur: rgba(255, 255, 255, 0.8);
  --token-bg-primary-base-default: var(--token-semantics-primary-base, #105cef);
  --token-bg-primary-base-default-rgb: 16, 92, 239;
  --token-bg-primary-base-hover: var(--token-semantics-primary-800, #0f54da);
  --token-bg-primary-base-hover-rgb: 15, 84, 218;
  --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, #f0f2ff);
  --token-bg-primary-subtle-default-rgb: 240, 242, 255;
  --token-bg-primary-subtle-hover: var(--token-semantics-primary-200, #e4e8ff);
  --token-bg-primary-subtle-hover-rgb: 228, 232, 255;
  --token-bg-primary-subtle-press: var(--token-semantics-primary-300, #d0d7fa);
  --token-bg-primary-subtle-press-rgb: 208, 215, 250;
  --token-bg-neutral-subtlest-default: var(--token-primitives-base-white, #ffffff);
  --token-bg-neutral-subtlest-default-rgb: 255, 255, 255;
  --token-bg-neutral-subtlest-hover: var(--token-primitives-neutral-100, #f9f9f9);
  --token-bg-neutral-subtlest-hover-rgb: 249, 249, 249;
  --token-bg-neutral-subtlest-press: var(--token-primitives-neutral-200, #f2f2f2);
  --token-bg-neutral-subtlest-press-rgb: 242, 242, 242;
  --token-bg-neutral-subtle-default: var(--token-primitives-neutral-200, #f2f2f2);
  --token-bg-neutral-subtle-default-rgb: 242, 242, 242;
  --token-bg-neutral-subtle-hover: var(--token-primitives-neutral-300, #e8e8e8);
  --token-bg-neutral-subtle-hover-rgb: 232, 232, 232;
  --token-bg-neutral-subtle-press: var(--token-primitives-neutral-400, #e1e1e1);
  --token-bg-neutral-subtle-press-rgb: 225, 225, 225;
  --token-bg-neutral-base-default: var(--token-primitives-neutral-400, #e1e1e1);
  --token-bg-neutral-base-default-rgb: 225, 225, 225;
  --token-bg-neutral-base-hover: var(--token-primitives-neutral-500, #cecece);
  --token-bg-neutral-base-hover-rgb: 206, 206, 206;
  --token-bg-neutral-base-press: var(--token-primitives-neutral-600, #a2a2a2);
  --token-bg-neutral-base-press-rgb: 162, 162, 162;
  --token-bg-neutral-bold-default: var(--token-primitives-neutral-1000, #3b3b3b);
  --token-bg-neutral-bold-default-rgb: 59, 59, 59;
  --token-bg-neutral-bold-hover: var(--token-primitives-neutral-1100, #303030);
  --token-bg-neutral-bold-hover-rgb: 48, 48, 48;
  --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-info-base-default: var(--token-primitives-blue-800, #0f54da);
  --token-bg-info-base-default-rgb: 15, 84, 218;
  --token-bg-info-base-hover: var(--token-primitives-blue-900, #0d4bc3);
  --token-bg-info-base-hover-rgb: 13, 75, 195;
  --token-bg-info-base-press: var(--token-primitives-blue-1000, #0b41a9);
  --token-bg-info-base-press-rgb: 11, 65, 169;
  --token-bg-info-subtle-default: var(--token-primitives-blue-100, #f0f2ff);
  --token-bg-info-subtle-default-rgb: 240, 242, 255;
  --token-bg-info-subtle-hover: var(--token-primitives-blue-200, #e4e8ff);
  --token-bg-info-subtle-hover-rgb: 228, 232, 255;
  --token-bg-info-subtle-press: var(--token-primitives-blue-300, #d0d7fa);
  --token-bg-info-subtle-press-rgb: 208, 215, 250;
  --token-bg-success-base-default: var(--token-semantics-success-800, #0c830c);
  --token-bg-success-base-default-rgb: 12, 131, 12;
  --token-bg-success-base-hover: var(--token-semantics-success-900, #126f23);
  --token-bg-success-base-hover-rgb: 18, 111, 35;
  --token-bg-success-base-press: var(--token-semantics-success-1000, #0e531a);
  --token-bg-success-base-press-rgb: 14, 83, 26;
  --token-bg-success-subtle-default: var(--token-semantics-success-100, #e9ffeb);
  --token-bg-success-subtle-default-rgb: 233, 255, 235;
  --token-bg-success-subtle-hover: var(--token-semantics-success-200, #d1f7d4);
  --token-bg-success-subtle-hover-rgb: 209, 247, 212;
  --token-bg-success-subtle-press: var(--token-semantics-success-300, #b3ebb7);
  --token-bg-success-subtle-press-rgb: 179, 235, 183;
  --token-bg-warning-base-default: var(--token-primitives-yellow-500, #ffd600);
  --token-bg-warning-base-default-rgb: 255, 214, 0;
  --token-bg-warning-base-hover: var(--token-primitives-yellow-600, #f9bd0a);
  --token-bg-warning-base-hover-rgb: 249, 189, 10;
  --token-bg-warning-base-press: var(--token-primitives-yellow-700, #df9c00);
  --token-bg-warning-base-press-rgb: 223, 156, 0;
  --token-bg-warning-subtle-default: var(--token-primitives-yellow-100, #fff3d5);
  --token-bg-warning-subtle-default-rgb: 255, 243, 213;
  --token-bg-warning-subtle-hover: var(--token-primitives-yellow-200, #fff0c7);
  --token-bg-warning-subtle-hover-rgb: 255, 240, 199;
  --token-bg-warning-subtle-press: var(--token-primitives-yellow-300, #ffebb1);
  --token-bg-warning-subtle-press-rgb: 255, 235, 177;
  --token-bg-danger-base-default: var(--token-semantics-danger-700, #d82424);
  --token-bg-danger-base-default-rgb: 216, 36, 36;
  --token-bg-danger-base-hover: var(--token-semantics-danger-800, #cf1e1e);
  --token-bg-danger-base-hover-rgb: 207, 30, 30;
  --token-bg-danger-base-press: var(--token-semantics-danger-900, #991b1b);
  --token-bg-danger-base-press-rgb: 153, 27, 27;
  --token-bg-danger-subtle-default: var(--token-semantics-danger-100, #ffecec);
  --token-bg-danger-subtle-default-rgb: 255, 236, 236;
  --token-bg-danger-subtle-hover: var(--token-semantics-danger-200, #ffd9d9);
  --token-bg-danger-subtle-hover-rgb: 255, 217, 217;
  --token-bg-danger-subtle-press: var(--token-semantics-danger-300, #fcc1c1);
  --token-bg-danger-subtle-press-rgb: 252, 193, 193;
  --token-bg-select-default: var(--token-semantics-primary-100, #f0f2ff);
  --token-bg-select-default-rgb: 240, 242, 255;
  --token-bg-select-hover: var(--token-semantics-primary-200, #e4e8ff);
  --token-bg-select-hover-rgb: 228, 232, 255;
  --token-bg-select-press: var(--token-semantics-primary-300, #d0d7fa);
  --token-bg-select-press-rgb: 208, 215, 250;
  --token-bg-input-default: var(--token-primitives-base-white, #ffffff);
  --token-bg-input-default-rgb: 255, 255, 255;
  --token-bg-input-hover: var(--token-primitives-neutral-100, #f9f9f9);
  --token-bg-input-hover-rgb: 249, 249, 249;
  --token-bg-input-press: var(--token-primitives-neutral-200, #f2f2f2);
  --token-bg-input-press-rgb: 242, 242, 242;
  --token-bg-input-read-only: var(--token-primitives-neutral-100, #f9f9f9);
  --token-bg-input-read-only-rgb: 249, 249, 249;
  --token-bg-input-disabled: var(--token-primitives-neutral-100, #f9f9f9);
  --token-bg-input-disabled-rgb: 249, 249, 249;
  --token-bg-input-bold-default: var(--token-primitives-neutral-200, #f2f2f2);
  --token-bg-input-bold-default-rgb: 242, 242, 242;
  --token-bg-input-bold-hover: var(--token-primitives-neutral-300, #e8e8e8);
  --token-bg-input-bold-hover-rgb: 232, 232, 232;
  --token-bg-input-bold-press: var(--token-primitives-neutral-400, #e1e1e1);
  --token-bg-input-bold-press-rgb: 225, 225, 225;
  --token-bg-input-bold-read-only: var(--token-primitives-neutral-300, #e8e8e8);
  --token-bg-input-bold-read-only-rgb: 232, 232, 232;
  --token-bg-input-bold-disabled: var(--token-primitives-neutral-300, #e8e8e8);
  --token-bg-input-bold-disabled-rgb: 232, 232, 232;
  --token-bg-skeleton-default: var(--token-primitives-neutral-200, #f2f2f2);
  --token-bg-skeleton-default-rgb: 242, 242, 242;
  --token-bg-skeleton-pulse: var(--token-primitives-neutral-400, #e1e1e1);
  --token-bg-skeleton-pulse-rgb: 225, 225, 225;
  --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-hover: var(--token-primitives-pumpkin-800, #9f3c05);
  --token-bg-extended-pumpkin-base-hover-rgb: 159, 60, 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-hover: var(--token-primitives-pumpkin-200, #ffd6d0);
  --token-bg-extended-pumpkin-subtle-hover-rgb: 255, 214, 208;
  --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-900, #c15700);
  --token-bg-extended-orange-base-default-rgb: 193, 87, 0;
  --token-bg-extended-orange-base-hover: var(--token-primitives-orange-1000, #9f4904);
  --token-bg-extended-orange-base-hover-rgb: 159, 73, 4;
  --token-bg-extended-orange-base-press: var(--token-primitives-orange-1100, #562f1b);
  --token-bg-extended-orange-base-press-rgb: 86, 47, 27;
  --token-bg-extended-orange-subtle-default: var(--token-primitives-orange-100, #fdf0ea);
  --token-bg-extended-orange-subtle-default-rgb: 253, 240, 234;
  --token-bg-extended-orange-subtle-hover: var(--token-primitives-orange-200, #ffebde);
  --token-bg-extended-orange-subtle-hover-rgb: 255, 235, 222;
  --token-bg-extended-orange-subtle-press: var(--token-primitives-orange-300, #ffd7be);
  --token-bg-extended-orange-subtle-press-rgb: 255, 215, 190;
  --token-bg-extended-lime-base-default: var(--token-primitives-lime-800, #6d7d05);
  --token-bg-extended-lime-base-default-rgb: 109, 125, 5;
  --token-bg-extended-lime-base-hover: var(--token-primitives-lime-900, #606f00);
  --token-bg-extended-lime-base-hover-rgb: 96, 111, 0;
  --token-bg-extended-lime-base-press: var(--token-primitives-lime-1000, #4f5b01);
  --token-bg-extended-lime-base-press-rgb: 79, 91, 1;
  --token-bg-extended-lime-subtle-default: var(--token-primitives-lime-100, #f3fecd);
  --token-bg-extended-lime-subtle-default-rgb: 243, 254, 205;
  --token-bg-extended-lime-subtle-hover: var(--token-primitives-lime-200, #e9f7bb);
  --token-bg-extended-lime-subtle-hover-rgb: 233, 247, 187;
  --token-bg-extended-lime-subtle-press: var(--token-primitives-lime-300, #deeeaa);
  --token-bg-extended-lime-subtle-press-rgb: 222, 238, 170;
  --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-hover: var(--token-primitives-teal-900, #006b5f);
  --token-bg-extended-teal-base-hover-rgb: 0, 107, 95;
  --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-hover: var(--token-primitives-teal-200, #c7f1e8);
  --token-bg-extended-teal-subtle-hover-rgb: 199, 241, 232;
  --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, #127f98);
  --token-bg-extended-aqua-base-default-rgb: 18, 127, 152;
  --token-bg-extended-aqua-base-hover: var(--token-primitives-aqua-1000, #146172);
  --token-bg-extended-aqua-base-hover-rgb: 20, 97, 114;
  --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-hover: var(--token-primitives-aqua-200, #cbeffc);
  --token-bg-extended-aqua-subtle-hover-rgb: 203, 239, 252;
  --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, #5832ed);
  --token-bg-extended-indigo-base-default-rgb: 88, 50, 237;
  --token-bg-extended-indigo-base-hover: var(--token-primitives-indigo-800, #3b19c3);
  --token-bg-extended-indigo-base-hover-rgb: 59, 25, 195;
  --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-hover: var(--token-primitives-indigo-200, #e6e2fe);
  --token-bg-extended-indigo-subtle-hover-rgb: 230, 226, 254;
  --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-hover: var(--token-primitives-violet-800, #711ddd);
  --token-bg-extended-violet-base-hover-rgb: 113, 29, 221;
  --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-hover: var(--token-primitives-violet-200, #e5defc);
  --token-bg-extended-violet-subtle-hover-rgb: 229, 222, 252;
  --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-hover: var(--token-primitives-purple-900, #9531c5);
  --token-bg-extended-purple-base-hover-rgb: 149, 49, 197;
  --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-hover: var(--token-primitives-purple-200, #f2e2ff);
  --token-bg-extended-purple-subtle-hover-rgb: 242, 226, 255;
  --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-hover: var(--token-primitives-magenta-1000, #a83495);
  --token-bg-extended-magenta-base-hover-rgb: 168, 52, 149;
  --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-hover: var(--token-primitives-magenta-200, #ffe5fa);
  --token-bg-extended-magenta-subtle-hover-rgb: 255, 229, 250;
  --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-800, #df1b87);
  --token-bg-extended-pink-base-default-rgb: 223, 27, 135;
  --token-bg-extended-pink-base-hover: var(--token-primitives-pink-900, #cc0d7e);
  --token-bg-extended-pink-base-hover-rgb: 204, 13, 126;
  --token-bg-extended-pink-base-press: var(--token-primitives-pink-1000, #a70565);
  --token-bg-extended-pink-base-press-rgb: 167, 5, 101;
  --token-bg-extended-pink-subtle-default: var(--token-primitives-pink-100, #ffedf4);
  --token-bg-extended-pink-subtle-default-rgb: 255, 237, 244;
  --token-bg-extended-pink-subtle-hover: var(--token-primitives-pink-200, #ffdae8);
  --token-bg-extended-pink-subtle-hover-rgb: 255, 218, 232;
  --token-bg-extended-pink-subtle-press: var(--token-primitives-pink-300, #fdccde);
  --token-bg-extended-pink-subtle-press-rgb: 253, 204, 222;
  --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, #838383);
  --token-icon-subtlest-rgb: 131, 131, 131;
  --token-icon-disabled: var(--token-primitives-neutral-600, #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-info: var(--token-primitives-blue-800, #0f54da);
  --token-icon-info-rgb: 15, 84, 218;
  --token-icon-select: var(--token-semantics-primary-800, #0f54da);
  --token-icon-select-rgb: 15, 84, 218;
  --token-icon-success: var(--token-semantics-success-800, #0c830c);
  --token-icon-success-rgb: 12, 131, 12;
  --token-icon-danger: var(--token-primitives-red-800, #cf1e1e);
  --token-icon-danger-rgb: 207, 30, 30;
  --token-icon-warning: var(--token-primitives-yellow-1000, #925f00);
  --token-icon-warning-rgb: 146, 95, 0;
  --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-hover: var(--token-text-link-hover, #0b41a9);
  --token-icon-link-hover-rgb: 11, 65, 169;
  --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-1000, #9f4904);
  --token-icon-extended-orange-rgb: 159, 73, 4;
  --token-icon-extended-lime: var(--token-primitives-lime-800, #6d7d05);
  --token-icon-extended-lime-rgb: 109, 125, 5;
  --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, #127f98);
  --token-icon-extended-aqua-rgb: 18, 127, 152;
  --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-900, #9531c5);
  --token-icon-extended-purple-rgb: 149, 49, 197;
  --token-icon-extended-magenta: var(--token-primitives-magenta-900, #c13cac);
  --token-icon-extended-magenta-rgb: 193, 60, 172;
  --token-icon-extended-pink: var(--token-primitives-pink-900, #cc0d7e);
  --token-icon-extended-pink-rgb: 204, 13, 126;
  --token-state-press: rgba(0, 0, 0, 0.07);
  --token-state-hover: rgba(0, 0, 0, 0.04);
  --token-state-disabled: rgba(255, 255, 255, 0.6);
  --token-border-default: var(--token-primitives-neutral-500, #cecece);
  --token-border-default-rgb: 206, 206, 206;
  --token-border-subtle: var(--token-primitives-neutral-100, #f9f9f9);
  --token-border-subtle-rgb: 249, 249, 249;
  --token-border-subtlest: var(--token-primitives-base-white, #ffffff);
  --token-border-subtlest-rgb: 255, 255, 255;
  --token-border-disabled: var(--token-primitives-neutral-300, #e8e8e8);
  --token-border-disabled-rgb: 232, 232, 232;
  --token-border-boldest: var(--token-primitives-neutral-1200, #242424);
  --token-border-boldest-rgb: 36, 36, 36;
  --token-border-primary: var(--token-semantics-primary-base, #105cef);
  --token-border-primary-rgb: 16, 92, 239;
  --token-border-info: var(--token-semantics-info-base, #105cef);
  --token-border-info-rgb: 16, 92, 239;
  --token-border-success: var(--token-semantics-success-800, #0c830c);
  --token-border-success-rgb: 12, 131, 12;
  --token-border-warning: var(--token-semantics-warning-900, #a57107);
  --token-border-warning-rgb: 165, 113, 7;
  --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