/** *********************************************************************
/** Tokens generated from /src/styles/tokens.json
/** Do not edit this file directly. Make changes in the json
/** and then run 'npm run build'
/** ********************************************************************* **/

:host,
:root,
.sl-theme-light {
  /***** Generated colors **/

  /** blue */
  --ts-color-blue-50: #f6fafd;
  --ts-color-blue-100: #e1eff9;
  --ts-color-blue-200: #b7d8f0;
  --ts-color-blue-300: #84bafa;
  --ts-color-blue-400: #539ef8;
  --ts-color-blue-500: #3b74fc;
  --ts-color-blue-600: #2c5ed6;
  --ts-color-blue-700: #3a5dae;
  --ts-color-blue-800: #29427b;
  --ts-color-blue-900: #353d5f;
  --ts-color-blue-950: #2f3654;
  --ts-color-blue-1000: #2f3654;
  --ts-color-blue-50-rgb: 246, 250, 253;
  --ts-color-blue-100-rgb: 225, 239, 249;
  --ts-color-blue-200-rgb: 183, 216, 240;
  --ts-color-blue-300-rgb: 132, 186, 250;
  --ts-color-blue-400-rgb: 83, 158, 248;
  --ts-color-blue-500-rgb: 59, 116, 252;
  --ts-color-blue-600-rgb: 44, 94, 214;
  --ts-color-blue-700-rgb: 58, 93, 174;
  --ts-color-blue-800-rgb: 41, 66, 123;
  --ts-color-blue-900-rgb: 53, 61, 95;
  --ts-color-blue-950-rgb: 47, 54, 84;
  --ts-color-blue-1000-rgb: 47, 54, 84;
  /** gray */
  --ts-color-gray-50: #f8fafc;
  --ts-color-gray-100: #f6f8fa;
  --ts-color-gray-200: #f0f0f0;
  --ts-color-gray-300: #e8e8e8;
  --ts-color-gray-400: #cdcfd1;
  --ts-color-gray-500: #b3b5b8;
  --ts-color-gray-600: #93999e;
  --ts-color-gray-700: #6d7176;
  --ts-color-gray-800: #444c59;
  --ts-color-gray-900: #2e333c;
  --ts-color-gray-50-rgb: 248, 250, 252;
  --ts-color-gray-100-rgb: 246, 248, 250;
  --ts-color-gray-200-rgb: 240, 240, 240;
  --ts-color-gray-300-rgb: 232, 232, 232;
  --ts-color-gray-400-rgb: 205, 207, 209;
  --ts-color-gray-500-rgb: 179, 181, 184;
  --ts-color-gray-600-rgb: 147, 153, 158;
  --ts-color-gray-700-rgb: 109, 113, 118;
  --ts-color-gray-800-rgb: 68, 76, 89;
  --ts-color-gray-900-rgb: 46, 51, 60;
  /** red */
  --ts-color-red-100: #fcf1ef;
  --ts-color-red-200: #f7d7d2;
  --ts-color-red-300: #eec9c1;
  --ts-color-red-400: #f0948b;
  --ts-color-red-500: #f65747;
  --ts-color-red-600: #d64e41;
  --ts-color-red-700: #d7351c;
  --ts-color-red-800: #b92e18;
  --ts-color-red-900: #9b2614;
  --ts-color-red-100-rgb: 252, 241, 239;
  --ts-color-red-200-rgb: 247, 215, 210;
  --ts-color-red-300-rgb: 238, 201, 193;
  --ts-color-red-400-rgb: 240, 148, 139;
  --ts-color-red-500-rgb: 246, 87, 71;
  --ts-color-red-600-rgb: 214, 78, 65;
  --ts-color-red-700-rgb: 215, 53, 28;
  --ts-color-red-800-rgb: 185, 46, 24;
  --ts-color-red-900-rgb: 155, 38, 20;
  /** green */
  --ts-color-green-100: #eef6e8;
  --ts-color-green-200: #d4e8c3;
  --ts-color-green-300: #72d0a3;
  --ts-color-green-400: #21bc9c;
  --ts-color-green-500: #17a688;
  --ts-color-green-600: #10985f;
  --ts-color-green-700: #068466;
  --ts-color-green-800: #164e3e;
  --ts-color-green-900: #004d49;
  --ts-color-green-100-rgb: 238, 246, 232;
  --ts-color-green-200-rgb: 212, 232, 195;
  --ts-color-green-300-rgb: 114, 208, 163;
  --ts-color-green-400-rgb: 33, 188, 156;
  --ts-color-green-500-rgb: 23, 166, 136;
  --ts-color-green-600-rgb: 16, 152, 95;
  --ts-color-green-700-rgb: 6, 132, 102;
  --ts-color-green-800-rgb: 22, 78, 62;
  --ts-color-green-900-rgb: 0, 77, 73;
  /** yellow */
  --ts-color-yellow-50: #fffbf0;
  --ts-color-yellow-100: #faf4ea;
  --ts-color-yellow-200: #f2eade;
  --ts-color-yellow-300: #fce491;
  --ts-color-yellow-400: #fad860;
  --ts-color-yellow-500: #ffc328;
  --ts-color-yellow-600: #f6af47;
  --ts-color-yellow-700: #ca861e;
  --ts-color-yellow-800: #956419;
  --ts-color-yellow-900: #694712;
  --ts-color-yellow-50-rgb: 255, 251, 240;
  --ts-color-yellow-100-rgb: 250, 244, 234;
  --ts-color-yellow-200-rgb: 242, 234, 222;
  --ts-color-yellow-300-rgb: 252, 228, 145;
  --ts-color-yellow-400-rgb: 250, 216, 96;
  --ts-color-yellow-500-rgb: 255, 195, 40;
  --ts-color-yellow-600-rgb: 246, 175, 71;
  --ts-color-yellow-700-rgb: 202, 134, 30;
  --ts-color-yellow-800-rgb: 149, 100, 25;
  --ts-color-yellow-900-rgb: 105, 71, 18;
  /** teal */
  --ts-color-teal-100: #f0fafa;
  --ts-color-teal-200: #caebec;
  --ts-color-teal-300: #a4dbdd;
  --ts-color-teal-400: #80cbce;
  --ts-color-teal-500: #5cbabd;
  --ts-color-teal-600: #39a8ac;
  --ts-color-teal-700: #288286;
  --ts-color-teal-800: #1a5b5d;
  --ts-color-teal-900: #0d3233;
  --ts-color-teal-100-rgb: 240, 250, 250;
  --ts-color-teal-200-rgb: 202, 235, 236;
  --ts-color-teal-300-rgb: 164, 219, 221;
  --ts-color-teal-400-rgb: 128, 203, 206;
  --ts-color-teal-500-rgb: 92, 186, 189;
  --ts-color-teal-600-rgb: 57, 168, 172;
  --ts-color-teal-700-rgb: 40, 130, 134;
  --ts-color-teal-800-rgb: 26, 91, 93;
  --ts-color-teal-900-rgb: 13, 50, 51;
  /** purple */
  --ts-color-purple-100: #f4f0fa;
  --ts-color-purple-200: #dbd0ef;
  --ts-color-purple-300: #c3b1e2;
  --ts-color-purple-400: #ab92d6;
  --ts-color-purple-500: #9374c8;
  --ts-color-purple-600: #7b56bb;
  --ts-color-purple-700: #6339ac;
  --ts-color-purple-800: #482684;
  --ts-color-purple-900: #2e1658;
  --ts-color-purple-100-rgb: 244, 240, 250;
  --ts-color-purple-200-rgb: 219, 208, 239;
  --ts-color-purple-300-rgb: 195, 177, 226;
  --ts-color-purple-400-rgb: 171, 146, 214;
  --ts-color-purple-500-rgb: 147, 116, 200;
  --ts-color-purple-600-rgb: 123, 86, 187;
  --ts-color-purple-700-rgb: 99, 57, 172;
  --ts-color-purple-800-rgb: 72, 38, 132;
  --ts-color-purple-900-rgb: 46, 22, 88;
  /** fuchsia */
  --ts-color-fuchsia-100: #fcf2ff;
  --ts-color-fuchsia-200: #f2cffe;
  --ts-color-fuchsia-300: #e7aefb;
  --ts-color-fuchsia-400: #dd8df8;
  --ts-color-fuchsia-500: #d16ef3;
  --ts-color-fuchsia-600: #c550ed;
  --ts-color-fuchsia-700: #9839b8;
  --ts-color-fuchsia-800: #692481;
  --ts-color-fuchsia-900: #391247;
  --ts-color-fuchsia-100-rgb: 252, 242, 255;
  --ts-color-fuchsia-200-rgb: 242, 207, 254;
  --ts-color-fuchsia-300-rgb: 231, 174, 251;
  --ts-color-fuchsia-400-rgb: 221, 141, 248;
  --ts-color-fuchsia-500-rgb: 209, 110, 243;
  --ts-color-fuchsia-600-rgb: 197, 80, 237;
  --ts-color-fuchsia-700-rgb: 152, 57, 184;
  --ts-color-fuchsia-800-rgb: 105, 36, 129;
  --ts-color-fuchsia-900-rgb: 57, 18, 71;

  /***** Semantic color variants **/

  /** primary => blue */
  --ts-color-primary-50: var(--ts-color-blue-50);
  --ts-color-primary-100: var(--ts-color-blue-100);
  --ts-color-primary-200: var(--ts-color-blue-200);
  --ts-color-primary-300: var(--ts-color-blue-300);
  --ts-color-primary-400: var(--ts-color-blue-400);
  --ts-color-primary-500: var(--ts-color-blue-500);
  --ts-color-primary-600: var(--ts-color-blue-600);
  --ts-color-primary-700: var(--ts-color-blue-700);
  --ts-color-primary-800: var(--ts-color-blue-800);
  --ts-color-primary-900: var(--ts-color-blue-900);
  --ts-color-primary-950: var(--ts-color-blue-950);
  --ts-color-primary-1000: var(--ts-color-blue-1000);
  /** success => green */
  --ts-color-success-100: var(--ts-color-green-100);
  --ts-color-success-200: var(--ts-color-green-200);
  --ts-color-success-300: var(--ts-color-green-300);
  --ts-color-success-400: var(--ts-color-green-400);
  --ts-color-success-500: var(--ts-color-green-500);
  --ts-color-success-600: var(--ts-color-green-600);
  --ts-color-success-700: var(--ts-color-green-700);
  --ts-color-success-800: var(--ts-color-green-800);
  --ts-color-success-900: var(--ts-color-green-900);
  /** warning => yellow */
  --ts-color-warning-50: var(--ts-color-yellow-50);
  --ts-color-warning-100: var(--ts-color-yellow-100);
  --ts-color-warning-200: var(--ts-color-yellow-200);
  --ts-color-warning-300: var(--ts-color-yellow-300);
  --ts-color-warning-400: var(--ts-color-yellow-400);
  --ts-color-warning-500: var(--ts-color-yellow-500);
  --ts-color-warning-600: var(--ts-color-yellow-600);
  --ts-color-warning-700: var(--ts-color-yellow-700);
  --ts-color-warning-800: var(--ts-color-yellow-800);
  --ts-color-warning-900: var(--ts-color-yellow-900);
  /** danger => red */
  --ts-color-danger-100: var(--ts-color-red-100);
  --ts-color-danger-200: var(--ts-color-red-200);
  --ts-color-danger-300: var(--ts-color-red-300);
  --ts-color-danger-400: var(--ts-color-red-400);
  --ts-color-danger-500: var(--ts-color-red-500);
  --ts-color-danger-600: var(--ts-color-red-600);
  --ts-color-danger-700: var(--ts-color-red-700);
  --ts-color-danger-800: var(--ts-color-red-800);
  --ts-color-danger-900: var(--ts-color-red-900);
  /** neutral => gray */
  --ts-color-neutral-50: var(--ts-color-gray-50);
  --ts-color-neutral-100: var(--ts-color-gray-100);
  --ts-color-neutral-200: var(--ts-color-gray-200);
  --ts-color-neutral-300: var(--ts-color-gray-300);
  --ts-color-neutral-400: var(--ts-color-gray-400);
  --ts-color-neutral-500: var(--ts-color-gray-500);
  --ts-color-neutral-600: var(--ts-color-gray-600);
  --ts-color-neutral-700: var(--ts-color-gray-700);
  --ts-color-neutral-800: var(--ts-color-gray-800);
  --ts-color-neutral-900: var(--ts-color-gray-900);

  /***** Shoelace color overrides **/

  /** blue override */
  --sl-color-blue-50: var(--ts-color-blue-50);
  --sl-color-blue-100: var(--ts-color-blue-100);
  --sl-color-blue-200: var(--ts-color-blue-200);
  --sl-color-blue-300: var(--ts-color-blue-300);
  --sl-color-blue-400: var(--ts-color-blue-400);
  --sl-color-blue-500: var(--ts-color-blue-500);
  --sl-color-blue-600: var(--ts-color-blue-600);
  --sl-color-blue-700: var(--ts-color-blue-700);
  --sl-color-blue-800: var(--ts-color-blue-800);
  --sl-color-blue-900: var(--ts-color-blue-900);
  --sl-color-blue-950: var(--ts-color-blue-950);
  --sl-color-blue-1000: var(--ts-color-blue-1000);
  /** gray override */
  --sl-color-gray-50: var(--ts-color-gray-50);
  --sl-color-gray-100: var(--ts-color-gray-100);
  --sl-color-gray-200: var(--ts-color-gray-200);
  --sl-color-gray-300: var(--ts-color-gray-300);
  --sl-color-gray-400: var(--ts-color-gray-400);
  --sl-color-gray-500: var(--ts-color-gray-500);
  --sl-color-gray-600: var(--ts-color-gray-600);
  --sl-color-gray-700: var(--ts-color-gray-700);
  --sl-color-gray-800: var(--ts-color-gray-800);
  --sl-color-gray-900: var(--ts-color-gray-900);
  --sl-color-gray-950: var(--ts-color-gray-950);
  --sl-color-gray-1000: var(--ts-color-gray-1000);
  /** red override */
  --sl-color-red-50: var(--ts-color-red-50);
  --sl-color-red-100: var(--ts-color-red-100);
  --sl-color-red-200: var(--ts-color-red-200);
  --sl-color-red-300: var(--ts-color-red-300);
  --sl-color-red-400: var(--ts-color-red-400);
  --sl-color-red-500: var(--ts-color-red-500);
  --sl-color-red-600: var(--ts-color-red-600);
  --sl-color-red-700: var(--ts-color-red-700);
  --sl-color-red-800: var(--ts-color-red-800);
  --sl-color-red-900: var(--ts-color-red-900);
  --sl-color-red-950: var(--ts-color-red-950);
  --sl-color-red-1000: var(--ts-color-red-1000);
  /** green override */
  --sl-color-green-50: var(--ts-color-green-50);
  --sl-color-green-100: var(--ts-color-green-100);
  --sl-color-green-200: var(--ts-color-green-200);
  --sl-color-green-300: var(--ts-color-green-300);
  --sl-color-green-400: var(--ts-color-green-400);
  --sl-color-green-500: var(--ts-color-green-500);
  --sl-color-green-600: var(--ts-color-green-600);
  --sl-color-green-700: var(--ts-color-green-700);
  --sl-color-green-800: var(--ts-color-green-800);
  --sl-color-green-900: var(--ts-color-green-900);
  --sl-color-green-950: var(--ts-color-green-950);
  --sl-color-green-1000: var(--ts-color-green-1000);
  /** yellow override */
  --sl-color-yellow-50: var(--ts-color-yellow-50);
  --sl-color-yellow-100: var(--ts-color-yellow-100);
  --sl-color-yellow-200: var(--ts-color-yellow-200);
  --sl-color-yellow-300: var(--ts-color-yellow-300);
  --sl-color-yellow-400: var(--ts-color-yellow-400);
  --sl-color-yellow-500: var(--ts-color-yellow-500);
  --sl-color-yellow-600: var(--ts-color-yellow-600);
  --sl-color-yellow-700: var(--ts-color-yellow-700);
  --sl-color-yellow-800: var(--ts-color-yellow-800);
  --sl-color-yellow-900: var(--ts-color-yellow-900);
  --sl-color-yellow-950: var(--ts-color-yellow-950);
  --sl-color-yellow-1000: var(--ts-color-yellow-1000);
  /** teal override */
  --sl-color-teal-50: var(--ts-color-teal-50);
  --sl-color-teal-100: var(--ts-color-teal-100);
  --sl-color-teal-200: var(--ts-color-teal-200);
  --sl-color-teal-300: var(--ts-color-teal-300);
  --sl-color-teal-400: var(--ts-color-teal-400);
  --sl-color-teal-500: var(--ts-color-teal-500);
  --sl-color-teal-600: var(--ts-color-teal-600);
  --sl-color-teal-700: var(--ts-color-teal-700);
  --sl-color-teal-800: var(--ts-color-teal-800);
  --sl-color-teal-900: var(--ts-color-teal-900);
  --sl-color-teal-950: var(--ts-color-teal-950);
  --sl-color-teal-1000: var(--ts-color-teal-1000);
  /** purple override */
  --sl-color-purple-50: var(--ts-color-purple-50);
  --sl-color-purple-100: var(--ts-color-purple-100);
  --sl-color-purple-200: var(--ts-color-purple-200);
  --sl-color-purple-300: var(--ts-color-purple-300);
  --sl-color-purple-400: var(--ts-color-purple-400);
  --sl-color-purple-500: var(--ts-color-purple-500);
  --sl-color-purple-600: var(--ts-color-purple-600);
  --sl-color-purple-700: var(--ts-color-purple-700);
  --sl-color-purple-800: var(--ts-color-purple-800);
  --sl-color-purple-900: var(--ts-color-purple-900);
  --sl-color-purple-950: var(--ts-color-purple-950);
  --sl-color-purple-1000: var(--ts-color-purple-1000);
  /** fuchsia override */
  --sl-color-fuchsia-50: var(--ts-color-fuchsia-50);
  --sl-color-fuchsia-100: var(--ts-color-fuchsia-100);
  --sl-color-fuchsia-200: var(--ts-color-fuchsia-200);
  --sl-color-fuchsia-300: var(--ts-color-fuchsia-300);
  --sl-color-fuchsia-400: var(--ts-color-fuchsia-400);
  --sl-color-fuchsia-500: var(--ts-color-fuchsia-500);
  --sl-color-fuchsia-600: var(--ts-color-fuchsia-600);
  --sl-color-fuchsia-700: var(--ts-color-fuchsia-700);
  --sl-color-fuchsia-800: var(--ts-color-fuchsia-800);
  --sl-color-fuchsia-900: var(--ts-color-fuchsia-900);
  --sl-color-fuchsia-950: var(--ts-color-fuchsia-950);
  --sl-color-fuchsia-1000: var(--ts-color-fuchsia-1000);
  /** primary override */
  --sl-color-primary-50: var(--ts-color-primary-50);
  --sl-color-primary-100: var(--ts-color-primary-100);
  --sl-color-primary-200: var(--ts-color-primary-200);
  --sl-color-primary-300: var(--ts-color-primary-300);
  --sl-color-primary-400: var(--ts-color-primary-400);
  --sl-color-primary-500: var(--ts-color-primary-500);
  --sl-color-primary-600: var(--ts-color-primary-600);
  --sl-color-primary-700: var(--ts-color-primary-700);
  --sl-color-primary-800: var(--ts-color-primary-800);
  --sl-color-primary-900: var(--ts-color-primary-900);
  --sl-color-primary-950: var(--ts-color-primary-950);
  --sl-color-primary-1000: var(--ts-color-primary-1000);
  /** success override */
  --sl-color-success-50: var(--ts-color-success-50);
  --sl-color-success-100: var(--ts-color-success-100);
  --sl-color-success-200: var(--ts-color-success-200);
  --sl-color-success-300: var(--ts-color-success-300);
  --sl-color-success-400: var(--ts-color-success-400);
  --sl-color-success-500: var(--ts-color-success-500);
  --sl-color-success-600: var(--ts-color-success-600);
  --sl-color-success-700: var(--ts-color-success-700);
  --sl-color-success-800: var(--ts-color-success-800);
  --sl-color-success-900: var(--ts-color-success-900);
  --sl-color-success-950: var(--ts-color-success-950);
  --sl-color-success-1000: var(--ts-color-success-1000);
  /** warning override */
  --sl-color-warning-50: var(--ts-color-warning-50);
  --sl-color-warning-100: var(--ts-color-warning-100);
  --sl-color-warning-200: var(--ts-color-warning-200);
  --sl-color-warning-300: var(--ts-color-warning-300);
  --sl-color-warning-400: var(--ts-color-warning-400);
  --sl-color-warning-500: var(--ts-color-warning-500);
  --sl-color-warning-600: var(--ts-color-warning-600);
  --sl-color-warning-700: var(--ts-color-warning-700);
  --sl-color-warning-800: var(--ts-color-warning-800);
  --sl-color-warning-900: var(--ts-color-warning-900);
  --sl-color-warning-950: var(--ts-color-warning-950);
  --sl-color-warning-1000: var(--ts-color-warning-1000);
  /** danger override */
  --sl-color-danger-50: var(--ts-color-danger-50);
  --sl-color-danger-100: var(--ts-color-danger-100);
  --sl-color-danger-200: var(--ts-color-danger-200);
  --sl-color-danger-300: var(--ts-color-danger-300);
  --sl-color-danger-400: var(--ts-color-danger-400);
  --sl-color-danger-500: var(--ts-color-danger-500);
  --sl-color-danger-600: var(--ts-color-danger-600);
  --sl-color-danger-700: var(--ts-color-danger-700);
  --sl-color-danger-800: var(--ts-color-danger-800);
  --sl-color-danger-900: var(--ts-color-danger-900);
  --sl-color-danger-950: var(--ts-color-danger-950);
  --sl-color-danger-1000: var(--ts-color-danger-1000);
  /** neutral override */
  --sl-color-neutral-50: var(--ts-color-neutral-50);
  --sl-color-neutral-100: var(--ts-color-neutral-100);
  --sl-color-neutral-200: var(--ts-color-neutral-200);
  --sl-color-neutral-300: var(--ts-color-neutral-300);
  --sl-color-neutral-400: var(--ts-color-neutral-400);
  --sl-color-neutral-500: var(--ts-color-neutral-500);
  --sl-color-neutral-600: var(--ts-color-neutral-600);
  --sl-color-neutral-700: var(--ts-color-neutral-700);
  --sl-color-neutral-800: var(--ts-color-neutral-800);
  --sl-color-neutral-900: var(--ts-color-neutral-900);
  --sl-color-neutral-950: var(--ts-color-neutral-950);
  --sl-color-neutral-1000: var(--ts-color-neutral-1000);

  /***** Other generated tokens **/

  /**** Generated fonts **/
  --ts-font-sans:
    Inter, Helvetica, Arial, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  --ts-font-serif: "DM Serif Display", Georgia, Times, serif;
  --ts-font-mono: SFMono-Regular, Menlo, Consolas, mono;
  --ts-font-body: var(--ts-font-sans);
  --ts-font-display: var(--ts-font-serif);
}