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

:root {
  --ts-font-size-100: 0.75rem;
  --ts-font-size-200: 0.875rem;
  --ts-font-size-300: 1rem;
  --ts-font-size-400: 1.125rem;
  --ts-font-size-500: 1.25rem;
  --ts-font-size-600: 1.5rem;
  --ts-font-size-700: 1.75rem;
  --ts-font-size-800: 2rem;
  --ts-font-size-900: 2.5rem;
  --ts-font-size-1000: 3rem;
  --ts-font-size-1100: 3.5rem;
  --ts-font-size-1200: 4.25rem;
  --ts-font-size-1300: 5.125rem;
  --ts-font-size-1400: 6.25rem;
  --ts-font-size-1500: 7.625rem;
  --ts-font-family-icon: 'Material Symbols Outlined';
  --ts-font-family-mono: 'IBM Plex Mono';
  --ts-font-family-default: 'TUV SUD Pro';
  --ts-font-family-fallback: Arial;
  --ts-font-weight-bold: 700;
  --ts-font-weight-light: 300;
  --ts-font-weight-medium: 500;
  --ts-font-weight-regular: 400;
  --ts-font-weight-bold-italic-weight: 700;
  --ts-font-weight-bold-italic-style: italic;
  --ts-font-weight-light-italic-weight: 300;
  --ts-font-weight-light-italic-style: italic;
  --ts-font-weight-medium-italic-weight: 500;
  --ts-font-weight-medium-italic-style: italic;
  --ts-font-weight-regular-italic-weight: 400;
  --ts-font-weight-regular-italic-style: italic;
  --ts-line-height-0: 0rem;
  --ts-line-height-100: 0.75rem;
  --ts-line-height-200: 0.875rem;
  --ts-line-height-300: 1rem;
  --ts-line-height-400: 1.25rem;
  --ts-line-height-500: 1.5rem;
  --ts-line-height-600: 1.75rem;
  --ts-line-height-700: 2rem;
  --ts-line-height-800: 2.25rem;
  --ts-line-height-900: 3rem;
  --ts-line-height-1000: 3.5rem;
  --ts-core-color-red-0: #fcf7f7;
  --ts-core-color-red-25: #fff4f4;
  --ts-core-color-red-50: #ffeaea;
  --ts-core-color-red-100: #ffcece;
  --ts-core-color-red-200: #ffb6b6;
  --ts-core-color-red-300: #ff7272;
  --ts-core-color-red-400: #fe5c5c;
  --ts-core-color-red-500: #f43230;
  --ts-core-color-red-600: #e22d2a;
  --ts-core-color-red-700: #bf2320;
  --ts-core-color-red-800: #9e211f;
  --ts-core-color-red-900: #8a2423;
  --ts-core-color-red-950: #5f1b1b;
  --ts-core-color-red-1000: #271616;
  --ts-core-color-sky-0: #f6fcfc;
  --ts-core-color-sky-25: #f3feff;
  --ts-core-color-sky-50: #e8fdff;
  --ts-core-color-sky-100: #cbefff;
  --ts-core-color-sky-200: #a6e3ff;
  --ts-core-color-sky-300: #69d0ff;
  --ts-core-color-sky-400: #27bafd;
  --ts-core-color-sky-500: #119ee2;
  --ts-core-color-sky-600: #1689cc;
  --ts-core-color-sky-700: #126da6;
  --ts-core-color-sky-800: #135d8a;
  --ts-core-color-sky-900: #15527a;
  --ts-core-color-sky-950: #133d57;
  --ts-core-color-sky-1000: #121c23;
  --ts-core-color-blue-0: #fbfcfe;
  --ts-core-color-blue-25: #f7faff;
  --ts-core-color-blue-50: #f0f6ff;
  --ts-core-color-blue-100: #dcebfe;
  --ts-core-color-blue-200: #bedbfe;
  --ts-core-color-blue-300: #91c3fd;
  --ts-core-color-blue-400: #61a5f9;
  --ts-core-color-blue-500: #3c83f6;
  --ts-core-color-blue-600: #2463eb;
  --ts-core-color-blue-700: #1d4fd7;
  --ts-core-color-blue-800: #0046ad;
  --ts-core-color-blue-900: #1e3b8a;
  --ts-core-color-blue-950: #0b253b;
  --ts-core-color-blue-1000: #11131d;
  --ts-core-color-cyan-0: #f5fcfc;
  --ts-core-color-cyan-25: #f1ffff;
  --ts-core-color-cyan-50: #e4ffff;
  --ts-core-color-cyan-100: #bbffff;
  --ts-core-color-cyan-200: #90f6ff;
  --ts-core-color-cyan-300: #54eafe;
  --ts-core-color-cyan-400: #16d4f2;
  --ts-core-color-cyan-500: #17a7c2;
  --ts-core-color-cyan-600: #1896b7;
  --ts-core-color-cyan-700: #197995;
  --ts-core-color-cyan-800: #1c627a;
  --ts-core-color-cyan-900: #1e576d;
  --ts-core-color-cyan-950: #184050;
  --ts-core-color-cyan-1000: #131d21;
  --ts-core-color-gray-0: #f8f7f7;
  --ts-core-color-gray-25: #f8f7f6;
  --ts-core-color-gray-50: #f2efed;
  --ts-core-color-gray-100: #e8e8ec;
  --ts-core-color-gray-200: #d3d3d9;
  --ts-core-color-gray-300: #b6b6be;
  --ts-core-color-gray-400: #8e8e9a;
  --ts-core-color-gray-500: #6c6c74;
  --ts-core-color-gray-600: #56565f;
  --ts-core-color-gray-700: #43434a;
  --ts-core-color-gray-800: #36363b;
  --ts-core-color-gray-900: #2c2c31;
  --ts-core-color-gray-950: #191512;
  --ts-core-color-gray-1000: #0c0b0a;
  --ts-core-color-lime-0: #fafbf3;
  --ts-core-color-lime-25: #fcffef;
  --ts-core-color-lime-50: #faffdf;
  --ts-core-color-lime-100: #e9ffb7;
  --ts-core-color-lime-200: #d5fe89;
  --ts-core-color-lime-300: #b9f651;
  --ts-core-color-lime-400: #9ee924;
  --ts-core-color-lime-500: #7abb1c;
  --ts-core-color-lime-600: #6aa816;
  --ts-core-color-lime-700: #528115;
  --ts-core-color-lime-800: #446617;
  --ts-core-color-lime-900: #3e5d1a;
  --ts-core-color-lime-950: #314715;
  --ts-core-color-lime-1000: #181d11;
  --ts-core-color-pink-0: #fcf7fb;
  --ts-core-color-pink-25: #fff4fc;
  --ts-core-color-pink-50: #ffeafa;
  --ts-core-color-pink-100: #ffd3ef;
  --ts-core-color-pink-200: #ffbbe2;
  --ts-core-color-pink-300: #fe94cd;
  --ts-core-color-pink-400: #f85faf;
  --ts-core-color-pink-500: #f03691;
  --ts-core-color-pink-600: #e12e7c;
  --ts-core-color-pink-700: #c32061;
  --ts-core-color-pink-800: #a21e51;
  --ts-core-color-pink-900: #8e1f4a;
  --ts-core-color-pink-950: #51152d;
  --ts-core-color-pink-1000: #211218;
  --ts-core-color-rose-0: #fcf7f8;
  --ts-core-color-rose-25: #fff4f5;
  --ts-core-color-rose-50: #ffe9ec;
  --ts-core-color-rose-100: #ffd0d4;
  --ts-core-color-rose-200: #ffb9c2;
  --ts-core-color-rose-300: #ff8f9e;
  --ts-core-color-rose-400: #ff2949;
  --ts-core-color-rose-500: #f92c4d;
  --ts-core-color-rose-600: #e7264c;
  --ts-core-color-rose-700: #c41b40;
  --ts-core-color-rose-800: #a41a3d;
  --ts-core-color-rose-900: #931b3e;
  --ts-core-color-rose-950: #591429;
  --ts-core-color-rose-1000: #241318;
  --ts-core-color-teal-0: #f6fcfc;
  --ts-core-color-teal-25: #f3ffff;
  --ts-core-color-teal-50: #e8ffff;
  --ts-core-color-teal-100: #b8fff1;
  --ts-core-color-teal-200: #86fae3;
  --ts-core-color-teal-300: #4dedd3;
  --ts-core-color-teal-400: #27ceb9;
  --ts-core-color-teal-500: #1ca797;
  --ts-core-color-teal-600: #19998d;
  --ts-core-color-teal-700: #187b72;
  --ts-core-color-teal-800: #18625d;
  --ts-core-color-teal-900: #1a5854;
  --ts-core-color-teal-950: #133b39;
  --ts-core-color-teal-1000: #0f1918;
  --ts-core-color-amber-0: #fcfcf4;
  --ts-core-color-amber-25: #fffff1;
  --ts-core-color-amber-50: #ffffe3;
  --ts-core-color-amber-100: #fff5b3;
  --ts-core-color-amber-200: #ffe675;
  --ts-core-color-amber-300: #ffd239;
  --ts-core-color-amber-400: #ffbd11;
  --ts-core-color-amber-500: #f29704;
  --ts-core-color-amber-600: #df7c0f;
  --ts-core-color-amber-700: #ba5810;
  --ts-core-color-amber-800: #974413;
  --ts-core-color-amber-900: #833c14;
  --ts-core-color-amber-950: #592c12;
  --ts-core-color-amber-1000: #241812;
  --ts-core-color-green-0: #f6fcf9;
  --ts-core-color-green-25: #f3fff8;
  --ts-core-color-green-50: #e8fff1;
  --ts-core-color-green-100: #c7ffdc;
  --ts-core-color-green-200: #a8fbc5;
  --ts-core-color-green-300: #74f2a1;
  --ts-core-color-green-400: #3adf76;
  --ts-core-color-green-500: #26b559;
  --ts-core-color-green-600: #20a84e;
  --ts-core-color-green-700: #1d8541;
  --ts-core-color-green-800: #1c6a38;
  --ts-core-color-green-900: #1b5d34;
  --ts-core-color-green-950: #133f25;
  --ts-core-color-green-1000: #0f1a13;
  --ts-core-color-indigo-0: #f6f8fc;
  --ts-core-color-indigo-25: #f2f6ff;
  --ts-core-color-indigo-50: #e6eeff;
  --ts-core-color-indigo-100: #cbd9ff;
  --ts-core-color-indigo-200: #b3c3ff;
  --ts-core-color-indigo-300: #90a4ff;
  --ts-core-color-indigo-400: #6d7afd;
  --ts-core-color-indigo-500: #5152f5;
  --ts-core-color-indigo-600: #554aea;
  --ts-core-color-indigo-700: #493ccf;
  --ts-core-color-indigo-800: #3d34a8;
  --ts-core-color-indigo-900: #38348c;
  --ts-core-color-indigo-950: #2c2961;
  --ts-core-color-indigo-1000: #1c1b29;
  --ts-core-color-orange-0: #fdfcf9;
  --ts-core-color-orange-25: #fffbf7;
  --ts-core-color-orange-50: #fff8f0;
  --ts-core-color-orange-100: #ffedd6;
  --ts-core-color-orange-200: #fed6a9;
  --ts-core-color-orange-300: #fdba72;
  --ts-core-color-orange-400: #fb923c;
  --ts-core-color-orange-500: #ff774b;
  --ts-core-color-orange-600: #e9590c;
  --ts-core-color-orange-700: #be410c;
  --ts-core-color-orange-800: #9b3412;
  --ts-core-color-orange-900: #7d2d12;
  --ts-core-color-orange-950: #52200f;
  --ts-core-color-orange-1000: #211410;
  --ts-core-color-purple-0: #fdf8fd;
  --ts-core-color-purple-25: #fff6ff;
  --ts-core-color-purple-50: #ffedff;
  --ts-core-color-purple-100: #eed4ff;
  --ts-core-color-purple-200: #e2c0ff;
  --ts-core-color-purple-300: #d1a0ff;
  --ts-core-color-purple-400: #b970ff;
  --ts-core-color-purple-500: #a141fc;
  --ts-core-color-purple-600: #9838ef;
  --ts-core-color-purple-700: #8328d3;
  --ts-core-color-purple-800: #7026ad;
  --ts-core-color-purple-900: #612292;
  --ts-core-color-purple-950: #3a1851;
  --ts-core-color-purple-1000: #1c1321;
  --ts-core-color-violet-0: #f9f7fd;
  --ts-core-color-violet-25: #f8f5ff;
  --ts-core-color-violet-50: #f1ebff;
  --ts-core-color-violet-100: #dfd5ff;
  --ts-core-color-violet-200: #cdc1ff;
  --ts-core-color-violet-300: #b5a1ff;
  --ts-core-color-violet-400: #8258ff;
  --ts-core-color-violet-500: #7e48fa;
  --ts-core-color-violet-600: #823ff2;
  --ts-core-color-violet-700: #823ff2;
  --ts-core-color-violet-800: #6026bb;
  --ts-core-color-violet-900: #5724a5;
  --ts-core-color-violet-950: #3b1c66;
  --ts-core-color-violet-1000: #1f172a;
  --ts-core-color-yellow-0: #fbfbf3;
  --ts-core-color-yellow-25: #ffffef;
  --ts-core-color-yellow-50: #ffffe0;
  --ts-core-color-yellow-100: #fffeae;
  --ts-core-color-yellow-200: #fff375;
  --ts-core-color-yellow-300: #ffe132;
  --ts-core-color-yellow-400: #ffcc05;
  --ts-core-color-yellow-500: #dda80e;
  --ts-core-color-yellow-600: #cf8f0e;
  --ts-core-color-yellow-700: #a6660e;
  --ts-core-color-yellow-800: #8a5113;
  --ts-core-color-yellow-900: #7d4717;
  --ts-core-color-yellow-950: #4a3113;
  --ts-core-color-yellow-1000: #1e1810;
  --ts-core-color-emerald-0: #f8fcfa;
  --ts-core-color-emerald-25: #f6fefa;
  --ts-core-color-emerald-50: #edfdf5;
  --ts-core-color-emerald-100: #d1fae5;
  --ts-core-color-emerald-200: #a5f3cf;
  --ts-core-color-emerald-300: #02eca6;
  --ts-core-color-emerald-400: #36d399;
  --ts-core-color-emerald-500: #10b77f;
  --ts-core-color-emerald-600: #059467;
  --ts-core-color-emerald-700: #047756;
  --ts-core-color-emerald-800: #066046;
  --ts-core-color-emerald-900: #05513d;
  --ts-core-color-emerald-950: #032b20;
  --ts-core-color-emerald-1000: #07110e;
  --ts-core-color-fuchsia-0: #fdf8fd;
  --ts-core-color-fuchsia-25: #fff5ff;
  --ts-core-color-fuchsia-50: #ffecff;
  --ts-core-color-fuchsia-100: #ffd4ff;
  --ts-core-color-fuchsia-200: #f7bcff;
  --ts-core-color-fuchsia-300: #f296ff;
  --ts-core-color-fuchsia-400: #e232fd;
  --ts-core-color-fuchsia-500: #d934f2;
  --ts-core-color-fuchsia-600: #c52dd8;
  --ts-core-color-fuchsia-700: #a723b4;
  --ts-core-color-fuchsia-800: #8b1f94;
  --ts-core-color-fuchsia-900: #7b2180;
  --ts-core-color-fuchsia-950: #451748;
  --ts-core-color-fuchsia-1000: #1d121e;
  --ts-core-color-neutral-0: #ffffff;
  --ts-core-color-neutral-25: #f9f9f9;
  --ts-core-color-neutral-50: #f4f4f4;
  --ts-core-color-neutral-100: #e8e8e8;
  --ts-core-color-neutral-200: #d1d1d1;
  --ts-core-color-neutral-300: #b9b9b9;
  --ts-core-color-neutral-400: #a2a2a2;
  --ts-core-color-neutral-500: #8b8b8b;
  --ts-core-color-neutral-600: #747474;
  --ts-core-color-neutral-700: #5d5d5d;
  --ts-core-color-neutral-800: #464646;
  --ts-core-color-neutral-900: #2e2e2e;
  --ts-core-color-neutral-950: #171717;
  --ts-core-color-neutral-1000: #000000;
  --ts-shadow-dark-100: 0 1px 2px 0 rgba(0,0,0,0.18);
  --ts-shadow-dark-200: 0 1px 2px 0 rgba(0,0,0,0.24);
  --ts-shadow-dark-300: 0 2px 4px 0 rgba(0,0,0,0.24);
  --ts-shadow-dark-400: 0 2px 8px 0 rgba(0,0,0,0.24);
  --ts-shadow-dark-500: 0 4px 16px 0 rgba(0,0,0,0.24);
  --ts-shadow-light-100: 0 1px 2px 0 rgba(113,113,122,0.06);
  --ts-shadow-light-200: 0 1px 2px 0 rgba(113,113,122,0.12);
  --ts-shadow-light-300: 0 2px 4px 0 rgba(113,113,122,0.12);
  --ts-shadow-light-400: 0 2px 8px 0 rgba(113,113,122,0.12);
  --ts-shadow-light-500: 0 4px 16px 0 rgba(113,113,122,0.12);
  --ts-semantic-size-space-0: 0rem;
  --ts-semantic-size-space-50: 0.125rem;
  --ts-semantic-size-space-100: 0.25rem;
  --ts-semantic-size-space-200: 0.375rem;
  --ts-semantic-size-space-300: 0.5rem;
  --ts-semantic-size-space-400: 0.75rem;
  --ts-semantic-size-space-450: 0.875rem;
  --ts-semantic-size-space-500: 1rem;
  --ts-semantic-size-space-600: 1.25rem;
  --ts-semantic-size-space-700: 1.5rem;
  --ts-semantic-size-space-750: 1.75rem;
  --ts-semantic-size-space-800: 2rem;
  --ts-semantic-size-space-900: 2.5rem;
  --ts-semantic-size-space-1000: 3rem;
  --ts-semantic-size-space-1100: 3.5rem;
  --ts-semantic-size-space-1200: 4rem;
  --ts-semantic-size-space-1300: 5rem;
  --ts-semantic-size-space-1400: 6rem;
  --ts-semantic-size-space-1500: 7rem;
  --ts-semantic-size-space-1600: 8rem;
  --ts-semantic-size-width-lg: 0.375rem;
  --ts-semantic-size-width-md: 0.25rem;
  --ts-semantic-size-width-sm: 0.125rem;
  --ts-semantic-size-width-xl: 0.5rem;
  --ts-semantic-size-width-xs: 0.063rem;
  --ts-semantic-size-width-2xl: 0.625rem;
  --ts-semantic-size-width-3xl: 0.75rem;
  --ts-semantic-size-radius-lg: 0.375rem;
  --ts-semantic-size-radius-md: 0.25rem;
  --ts-semantic-size-radius-sm: 0.125rem;
  --ts-semantic-size-radius-xl: 0.5rem;
  --ts-semantic-size-radius-xs: 0.063rem;
  --ts-semantic-size-radius-2xl: 0.625rem;
  --ts-semantic-size-radius-3xl: 0.75rem;
  --ts-semantic-size-radius-pill: 99999px;
  --ts-semantic-color-icon-base-hover: #11131d;
  --ts-semantic-color-icon-base-active: #000000;
  --ts-semantic-color-icon-base-default: #0b253b;
  --ts-semantic-color-icon-base-disabled: #0b253b80;
  --ts-semantic-color-icon-danger-hover: #bf2320;
  --ts-semantic-color-icon-danger-active: #9e211f;
  --ts-semantic-color-icon-danger-default: #e22d2a;
  --ts-semantic-color-icon-danger-disabled: #e22d2a80;
  --ts-semantic-color-icon-neutral-hover: #5d5d5d;
  --ts-semantic-color-icon-neutral-active: #464646;
  --ts-semantic-color-icon-neutral-default: #747474;
  --ts-semantic-color-icon-neutral-disabled: #74747480;
  --ts-semantic-color-icon-primary-hover: #1e3b8a;
  --ts-semantic-color-icon-primary-active: #0b253b;
  --ts-semantic-color-icon-primary-default: #0046ad;
  --ts-semantic-color-icon-primary-disabled: #0046ad80;
  --ts-semantic-color-icon-success-hover: #1d8541;
  --ts-semantic-color-icon-success-active: #1c6a38;
  --ts-semantic-color-icon-success-default: #20a84e;
  --ts-semantic-color-icon-success-disabled: #20a84e80;
  --ts-semantic-color-icon-warning-hover: #ba5810;
  --ts-semantic-color-icon-warning-active: #974413;
  --ts-semantic-color-icon-warning-default: #df7c0f;
  --ts-semantic-color-icon-warning-disabled: #df7c0f80;
  --ts-semantic-color-icon-inverted-hover: #e8e8e8;
  --ts-semantic-color-icon-inverted-active: #d1d1d1;
  --ts-semantic-color-icon-inverted-default: #ffffff;
  --ts-semantic-color-icon-inverted-disabled: #f4f4f4;
  --ts-semantic-color-text-base-hover: #11131d;
  --ts-semantic-color-text-base-active: #000000;
  --ts-semantic-color-text-base-default: #0b253b;
  --ts-semantic-color-text-base-disabled: #0b253b80;
  --ts-semantic-color-text-danger-hover: #bf2320;
  --ts-semantic-color-text-danger-active: #9e211f;
  --ts-semantic-color-text-danger-default: #e22d2a;
  --ts-semantic-color-text-danger-disabled: #e22d2a80;
  --ts-semantic-color-text-neutral-hover: #5d5d5d;
  --ts-semantic-color-text-neutral-active: #464646;
  --ts-semantic-color-text-neutral-default: #747474;
  --ts-semantic-color-text-neutral-disabled: #74747480;
  --ts-semantic-color-text-primary-hover: #1e3b8a;
  --ts-semantic-color-text-primary-active: #0b253b;
  --ts-semantic-color-text-primary-default: #0046ad;
  --ts-semantic-color-text-primary-disabled: #0046ad80;
  --ts-semantic-color-text-success-hover: #1d8541;
  --ts-semantic-color-text-success-active: #1c6a38;
  --ts-semantic-color-text-success-default: #20a84e;
  --ts-semantic-color-text-success-disabled: #20a84e80;
  --ts-semantic-color-text-warning-hover: #ba5810;
  --ts-semantic-color-text-warning-active: #974413;
  --ts-semantic-color-text-warning-default: #df7c0f;
  --ts-semantic-color-text-warning-disabled: #df7c0f80;
  --ts-semantic-color-text-inverted-hover: #e8e8e8;
  --ts-semantic-color-text-inverted-active: #d1d1d1;
  --ts-semantic-color-text-inverted-default: #ffffff;
  --ts-semantic-color-text-inverted-disabled: #f4f4f4;
  --ts-semantic-color-border-base-hover: #b9b9b9;
  --ts-semantic-color-border-base-active: #a2a2a2;
  --ts-semantic-color-border-base-default: #d1d1d1;
  --ts-semantic-color-border-base-disabled: #d1d1d180;
  --ts-semantic-color-border-danger-hover: #bf2320;
  --ts-semantic-color-border-danger-active: #9e211f;
  --ts-semantic-color-border-danger-subtle-hover: #ffcece;
  --ts-semantic-color-border-danger-subtle-active: #ffb6b6;
  --ts-semantic-color-border-danger-subtle-default: #ffeaea;
  --ts-semantic-color-border-danger-subtle-disabled: #ffeaea80;
  --ts-semantic-color-border-danger-default: #e22d2a;
  --ts-semantic-color-border-danger-disabled: #e22d2a80;
  --ts-semantic-color-border-neutral-hover: #5d5d5d;
  --ts-semantic-color-border-neutral-active: #464646;
  --ts-semantic-color-border-neutral-subtle-hover: #e8e8e8;
  --ts-semantic-color-border-neutral-subtle-active: #d1d1d1;
  --ts-semantic-color-border-neutral-subtle-default: #f4f4f4;
  --ts-semantic-color-border-neutral-subtle-disabled: #f4f4f480;
  --ts-semantic-color-border-neutral-default: #747474;
  --ts-semantic-color-border-neutral-disabled: #74747480;
  --ts-semantic-color-border-primary-dark-hover: #11131d;
  --ts-semantic-color-border-primary-dark-active: #000000;
  --ts-semantic-color-border-primary-dark-default: #0b253b;
  --ts-semantic-color-border-primary-dark-disabled: #0b253b80;
  --ts-semantic-color-border-primary-hover: #1e3b8a;
  --ts-semantic-color-border-primary-active: #0b253b;
  --ts-semantic-color-border-primary-subtle-hover: #dcebfe;
  --ts-semantic-color-border-primary-subtle-active: #bedbfe;
  --ts-semantic-color-border-primary-subtle-default: #f0f6ff;
  --ts-semantic-color-border-primary-subtle-disabled: #f0f6ff80;
  --ts-semantic-color-border-primary-default: #0046ad;
  --ts-semantic-color-border-primary-disabled: #0046ad80;
  --ts-semantic-color-border-primary-focussed: #3c83f6;
  --ts-semantic-color-border-success-hover: #1d8541;
  --ts-semantic-color-border-success-active: #1c6a38;
  --ts-semantic-color-border-success-subtle-hover: #c7ffdc;
  --ts-semantic-color-border-success-subtle-active: #a8fbc5;
  --ts-semantic-color-border-success-subtle-default: #e8fff1;
  --ts-semantic-color-border-success-subtle-disabled: #e8fff180;
  --ts-semantic-color-border-success-default: #20a84e;
  --ts-semantic-color-border-success-disabled: #26b55980;
  --ts-semantic-color-border-warning-hover: #ba5810;
  --ts-semantic-color-border-warning-active: #974413;
  --ts-semantic-color-border-warning-subtle-hover: #fff5b3;
  --ts-semantic-color-border-warning-subtle-active: #ffe675;
  --ts-semantic-color-border-warning-subtle-default: #ffffe3;
  --ts-semantic-color-border-warning-subtle-disabled: #ffffe380;
  --ts-semantic-color-border-warning-default: #df7c0f;
  --ts-semantic-color-border-warning-disabled: #df7c0f80;
  --ts-semantic-color-charts-red-0: #fcf7f7;
  --ts-semantic-color-charts-red-50: #ffeaea;
  --ts-semantic-color-charts-red-100: #ffcece;
  --ts-semantic-color-charts-red-200: #ffb6b6;
  --ts-semantic-color-charts-red-300: #ff7272;
  --ts-semantic-color-charts-red-400: #fe5c5c;
  --ts-semantic-color-charts-red-500: #f43230;
  --ts-semantic-color-charts-red-600: #e22d2a;
  --ts-semantic-color-charts-red-700: #bf2320;
  --ts-semantic-color-charts-red-800: #9e211f;
  --ts-semantic-color-charts-red-900: #8a2423;
  --ts-semantic-color-charts-red-950: #5f1b1b;
  --ts-semantic-color-charts-red-1000: #271616;
  --ts-semantic-color-charts-sky-0: #f6fcfc;
  --ts-semantic-color-charts-sky-50: #e8fdff;
  --ts-semantic-color-charts-sky-100: #cbefff;
  --ts-semantic-color-charts-sky-200: #a6e3ff;
  --ts-semantic-color-charts-sky-300: #69d0ff;
  --ts-semantic-color-charts-sky-400: #27bafd;
  --ts-semantic-color-charts-sky-500: #119ee2;
  --ts-semantic-color-charts-sky-600: #1689cc;
  --ts-semantic-color-charts-sky-700: #126da6;
  --ts-semantic-color-charts-sky-800: #135d8a;
  --ts-semantic-color-charts-sky-900: #15527a;
  --ts-semantic-color-charts-sky-950: #133d57;
  --ts-semantic-color-charts-sky-1000: #121c23;
  --ts-semantic-color-charts-blue-0: #fbfcfe;
  --ts-semantic-color-charts-blue-50: #f0f6ff;
  --ts-semantic-color-charts-blue-100: #dcebfe;
  --ts-semantic-color-charts-blue-200: #bedbfe;
  --ts-semantic-color-charts-blue-300: #91c3fd;
  --ts-semantic-color-charts-blue-400: #61a5f9;
  --ts-semantic-color-charts-blue-500: #3c83f6;
  --ts-semantic-color-charts-blue-600: #2463eb;
  --ts-semantic-color-charts-blue-700: #1d4fd7;
  --ts-semantic-color-charts-blue-800: #0046ad;
  --ts-semantic-color-charts-blue-900: #1e3b8a;
  --ts-semantic-color-charts-blue-950: #0b253b;
  --ts-semantic-color-charts-blue-1000: #11131d;
  --ts-semantic-color-charts-cyan-0: #f5fcfc;
  --ts-semantic-color-charts-cyan-50: #e4ffff;
  --ts-semantic-color-charts-cyan-100: #bbffff;
  --ts-semantic-color-charts-cyan-200: #90f6ff;
  --ts-semantic-color-charts-cyan-300: #54eafe;
  --ts-semantic-color-charts-cyan-400: #16d4f2;
  --ts-semantic-color-charts-cyan-500: #17a7c2;
  --ts-semantic-color-charts-cyan-600: #1896b7;
  --ts-semantic-color-charts-cyan-700: #197995;
  --ts-semantic-color-charts-cyan-800: #1c627a;
  --ts-semantic-color-charts-cyan-900: #1e576d;
  --ts-semantic-color-charts-cyan-950: #184050;
  --ts-semantic-color-charts-cyan-1000: #131d21;
  --ts-semantic-color-charts-gray-0: #f8f7f7;
  --ts-semantic-color-charts-gray-50: #f2efed;
  --ts-semantic-color-charts-gray-100: #e8e8ec;
  --ts-semantic-color-charts-gray-200: #d3d3d9;
  --ts-semantic-color-charts-gray-300: #b6b6be;
  --ts-semantic-color-charts-gray-400: #8e8e9a;
  --ts-semantic-color-charts-gray-500: #6c6c74;
  --ts-semantic-color-charts-gray-600: #56565f;
  --ts-semantic-color-charts-gray-700: #43434a;
  --ts-semantic-color-charts-gray-800: #36363b;
  --ts-semantic-color-charts-gray-900: #2c2c31;
  --ts-semantic-color-charts-gray-950: #191512;
  --ts-semantic-color-charts-gray-1000: #0c0b0a;
  --ts-semantic-color-charts-lime-0: #fafbf3;
  --ts-semantic-color-charts-lime-50: #faffdf;
  --ts-semantic-color-charts-lime-100: #e9ffb7;
  --ts-semantic-color-charts-lime-200: #d5fe89;
  --ts-semantic-color-charts-lime-300: #b9f651;
  --ts-semantic-color-charts-lime-400: #9ee924;
  --ts-semantic-color-charts-lime-500: #7abb1c;
  --ts-semantic-color-charts-lime-600: #6aa816;
  --ts-semantic-color-charts-lime-700: #528115;
  --ts-semantic-color-charts-lime-800: #446617;
  --ts-semantic-color-charts-lime-900: #3e5d1a;
  --ts-semantic-color-charts-lime-950: #314715;
  --ts-semantic-color-charts-lime-1000: #181d11;
  --ts-semantic-color-charts-pink-0: #fcf7fb;
  --ts-semantic-color-charts-pink-50: #ffeafa;
  --ts-semantic-color-charts-pink-100: #ffd3ef;
  --ts-semantic-color-charts-pink-200: #ffbbe2;
  --ts-semantic-color-charts-pink-300: #fe94cd;
  --ts-semantic-color-charts-pink-400: #f85faf;
  --ts-semantic-color-charts-pink-500: #f03691;
  --ts-semantic-color-charts-pink-600: #e12e7c;
  --ts-semantic-color-charts-pink-700: #c32061;
  --ts-semantic-color-charts-pink-800: #a21e51;
  --ts-semantic-color-charts-pink-900: #8e1f4a;
  --ts-semantic-color-charts-pink-950: #51152d;
  --ts-semantic-color-charts-pink-1000: #211218;
  --ts-semantic-color-charts-rose-0: #fcf7f8;
  --ts-semantic-color-charts-rose-50: #ffe9ec;
  --ts-semantic-color-charts-rose-100: #ffd0d4;
  --ts-semantic-color-charts-rose-200: #ffb9c2;
  --ts-semantic-color-charts-rose-300: #ff8f9e;
  --ts-semantic-color-charts-rose-400: #ff2949;
  --ts-semantic-color-charts-rose-500: #f92c4d;
  --ts-semantic-color-charts-rose-600: #e7264c;
  --ts-semantic-color-charts-rose-700: #c41b40;
  --ts-semantic-color-charts-rose-800: #a41a3d;
  --ts-semantic-color-charts-rose-900: #931b3e;
  --ts-semantic-color-charts-rose-950: #591429;
  --ts-semantic-color-charts-rose-1000: #241318;
  --ts-semantic-color-charts-teal-0: #f6fcfc;
  --ts-semantic-color-charts-teal-50: #e8ffff;
  --ts-semantic-color-charts-teal-100: #b8fff1;
  --ts-semantic-color-charts-teal-200: #86fae3;
  --ts-semantic-color-charts-teal-300: #4dedd3;
  --ts-semantic-color-charts-teal-400: #27ceb9;
  --ts-semantic-color-charts-teal-500: #1ca797;
  --ts-semantic-color-charts-teal-600: #19998d;
  --ts-semantic-color-charts-teal-700: #187b72;
  --ts-semantic-color-charts-teal-800: #18625d;
  --ts-semantic-color-charts-teal-900: #1a5854;
  --ts-semantic-color-charts-teal-950: #133b39;
  --ts-semantic-color-charts-teal-1000: #0f1918;
  --ts-semantic-color-charts-amber-0: #fcfcf4;
  --ts-semantic-color-charts-amber-50: #ffffe3;
  --ts-semantic-color-charts-amber-100: #fff5b3;
  --ts-semantic-color-charts-amber-200: #ffe675;
  --ts-semantic-color-charts-amber-300: #ffd239;
  --ts-semantic-color-charts-amber-400: #ffbd11;
  --ts-semantic-color-charts-amber-500: #f29704;
  --ts-semantic-color-charts-amber-600: #df7c0f;
  --ts-semantic-color-charts-amber-700: #ba5810;
  --ts-semantic-color-charts-amber-800: #974413;
  --ts-semantic-color-charts-amber-900: #833c14;
  --ts-semantic-color-charts-amber-950: #592c12;
  --ts-semantic-color-charts-amber-1000: #241812;
  --ts-semantic-color-charts-green-0: #f6fcf9;
  --ts-semantic-color-charts-green-50: #e8fff1;
  --ts-semantic-color-charts-green-100: #c7ffdc;
  --ts-semantic-color-charts-green-200: #a8fbc5;
  --ts-semantic-color-charts-green-300: #74f2a1;
  --ts-semantic-color-charts-green-400: #3adf76;
  --ts-semantic-color-charts-green-500: #26b559;
  --ts-semantic-color-charts-green-600: #20a84e;
  --ts-semantic-color-charts-green-700: #1d8541;
  --ts-semantic-color-charts-green-800: #1c6a38;
  --ts-semantic-color-charts-green-900: #1b5d34;
  --ts-semantic-color-charts-green-950: #133f25;
  --ts-semantic-color-charts-green-1000: #0f1a13;
  --ts-semantic-color-charts-indigo-0: #f6f8fc;
  --ts-semantic-color-charts-indigo-50: #e6eeff;
  --ts-semantic-color-charts-indigo-100: #cbd9ff;
  --ts-semantic-color-charts-indigo-200: #b3c3ff;
  --ts-semantic-color-charts-indigo-300: #90a4ff;
  --ts-semantic-color-charts-indigo-400: #6d7afd;
  --ts-semantic-color-charts-indigo-500: #5152f5;
  --ts-semantic-color-charts-indigo-600: #554aea;
  --ts-semantic-color-charts-indigo-700: #493ccf;
  --ts-semantic-color-charts-indigo-800: #3d34a8;
  --ts-semantic-color-charts-indigo-900: #38348c;
  --ts-semantic-color-charts-indigo-950: #2c2961;
  --ts-semantic-color-charts-indigo-1000: #1c1b29;
  --ts-semantic-color-charts-orange-0: #fdfcf9;
  --ts-semantic-color-charts-orange-50: #fff8f0;
  --ts-semantic-color-charts-orange-100: #ffedd6;
  --ts-semantic-color-charts-orange-200: #fed6a9;
  --ts-semantic-color-charts-orange-300: #fdba72;
  --ts-semantic-color-charts-orange-400: #fb923c;
  --ts-semantic-color-charts-orange-500: #ff774b;
  --ts-semantic-color-charts-orange-600: #e9590c;
  --ts-semantic-color-charts-orange-700: #be410c;
  --ts-semantic-color-charts-orange-800: #9b3412;
  --ts-semantic-color-charts-orange-900: #7d2d12;
  --ts-semantic-color-charts-orange-950: #52200f;
  --ts-semantic-color-charts-orange-1000: #211410;
  --ts-semantic-color-charts-purple-0: #fdf8fd;
  --ts-semantic-color-charts-purple-50: #ffedff;
  --ts-semantic-color-charts-purple-100: #eed4ff;
  --ts-semantic-color-charts-purple-200: #e2c0ff;
  --ts-semantic-color-charts-purple-300: #d1a0ff;
  --ts-semantic-color-charts-purple-400: #b970ff;
  --ts-semantic-color-charts-purple-500: #a141fc;
  --ts-semantic-color-charts-purple-600: #9838ef;
  --ts-semantic-color-charts-purple-700: #8328d3;
  --ts-semantic-color-charts-purple-800: #7026ad;
  --ts-semantic-color-charts-purple-900: #612292;
  --ts-semantic-color-charts-purple-950: #3a1851;
  --ts-semantic-color-charts-purple-1000: #1c1321;
  --ts-semantic-color-charts-violet-0: #f9f7fd;
  --ts-semantic-color-charts-violet-50: #f1ebff;
  --ts-semantic-color-charts-violet-100: #dfd5ff;
  --ts-semantic-color-charts-violet-200: #cdc1ff;
  --ts-semantic-color-charts-violet-300: #b5a1ff;
  --ts-semantic-color-charts-violet-400: #8258ff;
  --ts-semantic-color-charts-violet-500: #7e48fa;
  --ts-semantic-color-charts-violet-600: #823ff2;
  --ts-semantic-color-charts-violet-700: #823ff2;
  --ts-semantic-color-charts-violet-800: #6026bb;
  --ts-semantic-color-charts-violet-900: #5724a5;
  --ts-semantic-color-charts-violet-950: #3b1c66;
  --ts-semantic-color-charts-violet-1000: #1f172a;
  --ts-semantic-color-charts-yellow-0: #fbfbf3;
  --ts-semantic-color-charts-yellow-50: #ffffe0;
  --ts-semantic-color-charts-yellow-100: #fffeae;
  --ts-semantic-color-charts-yellow-200: #fff375;
  --ts-semantic-color-charts-yellow-300: #ffe132;
  --ts-semantic-color-charts-yellow-400: #ffcc05;
  --ts-semantic-color-charts-yellow-500: #dda80e;
  --ts-semantic-color-charts-yellow-600: #cf8f0e;
  --ts-semantic-color-charts-yellow-700: #a6660e;
  --ts-semantic-color-charts-yellow-800: #8a5113;
  --ts-semantic-color-charts-yellow-900: #7d4717;
  --ts-semantic-color-charts-yellow-950: #4a3113;
  --ts-semantic-color-charts-yellow-1000: #1e1810;
  --ts-semantic-color-charts-emerald-0: #f8fcfa;
  --ts-semantic-color-charts-emerald-50: #edfdf5;
  --ts-semantic-color-charts-emerald-100: #d1fae5;
  --ts-semantic-color-charts-emerald-200: #a5f3cf;
  --ts-semantic-color-charts-emerald-300: #02eca6;
  --ts-semantic-color-charts-emerald-400: #36d399;
  --ts-semantic-color-charts-emerald-500: #10b77f;
  --ts-semantic-color-charts-emerald-600: #059467;
  --ts-semantic-color-charts-emerald-700: #047756;
  --ts-semantic-color-charts-emerald-800: #066046;
  --ts-semantic-color-charts-emerald-900: #05513d;
  --ts-semantic-color-charts-emerald-950: #032b20;
  --ts-semantic-color-charts-emerald-1000: #07110e;
  --ts-semantic-color-charts-fuchsia-0: #fdf8fd;
  --ts-semantic-color-charts-fuchsia-50: #ffecff;
  --ts-semantic-color-charts-fuchsia-100: #ffd4ff;
  --ts-semantic-color-charts-fuchsia-200: #f7bcff;
  --ts-semantic-color-charts-fuchsia-300: #f296ff;
  --ts-semantic-color-charts-fuchsia-400: #e232fd;
  --ts-semantic-color-charts-fuchsia-500: #d934f2;
  --ts-semantic-color-charts-fuchsia-600: #c52dd8;
  --ts-semantic-color-charts-fuchsia-700: #a723b4;
  --ts-semantic-color-charts-fuchsia-800: #8b1f94;
  --ts-semantic-color-charts-fuchsia-900: #7b2180;
  --ts-semantic-color-charts-fuchsia-950: #451748;
  --ts-semantic-color-charts-fuchsia-1000: #1d121e;
  --ts-semantic-color-charts-neutral-0: #ffffff;
  --ts-semantic-color-charts-neutral-50: #f4f4f4;
  --ts-semantic-color-charts-neutral-100: #e8e8e8;
  --ts-semantic-color-charts-neutral-200: #d1d1d1;
  --ts-semantic-color-charts-neutral-300: #b9b9b9;
  --ts-semantic-color-charts-neutral-400: #a2a2a2;
  --ts-semantic-color-charts-neutral-500: #8b8b8b;
  --ts-semantic-color-charts-neutral-600: #747474;
  --ts-semantic-color-charts-neutral-700: #5d5d5d;
  --ts-semantic-color-charts-neutral-800: #464646;
  --ts-semantic-color-charts-neutral-900: #2e2e2e;
  --ts-semantic-color-charts-neutral-950: #171717;
  --ts-semantic-color-charts-neutral-1000: #000000;
  --ts-semantic-color-surface-base-default: #ffffff;
  --ts-semantic-color-surface-brand-blue: #0046ad;
  --ts-semantic-color-surface-brand-gray: #f2efed;
  --ts-semantic-color-surface-brand-green: #02eca6;
  --ts-semantic-color-surface-brand-orange: #ff774b;
  --ts-semantic-color-surface-danger-default: #fff4f4;
  --ts-semantic-color-surface-neutral-default: #f9f9f9;
  --ts-semantic-color-surface-primary-default: #f7faff;
  --ts-semantic-color-surface-success-default: #f3fff8;
  --ts-semantic-color-surface-warning-default: #fffff1;
  --ts-semantic-color-surface-inverted-default: #0b253b;
  --ts-semantic-color-background-base-hover: #e8e8e8;
  --ts-semantic-color-background-base-active: #d1d1d1;
  --ts-semantic-color-background-base-default: #ffffff;
  --ts-semantic-color-background-base-disabled: #f4f4f4;
  --ts-semantic-color-background-danger-hover: #bf2320;
  --ts-semantic-color-background-danger-active: #9e211f;
  --ts-semantic-color-background-danger-subtle-hover: #ffcece;
  --ts-semantic-color-background-danger-subtle-active: #ffb6b6;
  --ts-semantic-color-background-danger-subtle-default: #ffeaea;
  --ts-semantic-color-background-danger-subtle-disabled: #ffeaea80;
  --ts-semantic-color-background-danger-default: #e22d2a;
  --ts-semantic-color-background-danger-disabled: #e22d2a80;
  --ts-semantic-color-background-neutral-hover: #5d5d5d;
  --ts-semantic-color-background-neutral-active: #464646;
  --ts-semantic-color-background-neutral-subtle-hover: #e8e8e8;
  --ts-semantic-color-background-neutral-subtle-active: #d1d1d1;
  --ts-semantic-color-background-neutral-subtle-default: #f4f4f4;
  --ts-semantic-color-background-neutral-subtle-disabled: #f4f4f480;
  --ts-semantic-color-background-neutral-default: #747474;
  --ts-semantic-color-background-neutral-disabled: #74747480;
  --ts-semantic-color-background-primary-dark-hover: #11131d;
  --ts-semantic-color-background-primary-dark-active: #000000;
  --ts-semantic-color-background-primary-dark-default: #0b253b;
  --ts-semantic-color-background-primary-dark-disabled: #0b253b80;
  --ts-semantic-color-background-primary-hover: #1e3b8a;
  --ts-semantic-color-background-primary-active: #0b253b;
  --ts-semantic-color-background-primary-subtle-hover: #dcebfe;
  --ts-semantic-color-background-primary-subtle-active: #bedbfe;
  --ts-semantic-color-background-primary-subtle-default: #f0f6ff;
  --ts-semantic-color-background-primary-subtle-disabled: #f0f6ff80;
  --ts-semantic-color-background-primary-default: #0046ad;
  --ts-semantic-color-background-primary-disabled: #0046ad80;
  --ts-semantic-color-background-success-hover: #1d8541;
  --ts-semantic-color-background-success-active: #1c6a38;
  --ts-semantic-color-background-success-subtle-hover: #c7ffdc;
  --ts-semantic-color-background-success-subtle-active: #a8fbc5;
  --ts-semantic-color-background-success-subtle-default: #e8fff1;
  --ts-semantic-color-background-success-subtle-disabled: #e8fff180;
  --ts-semantic-color-background-success-default: #20a84e;
  --ts-semantic-color-background-success-disabled: #26b55980;
  --ts-semantic-color-background-warning-hover: #ba5810;
  --ts-semantic-color-background-warning-active: #974413;
  --ts-semantic-color-background-warning-subtle-hover: #fff5b3;
  --ts-semantic-color-background-warning-subtle-active: #ffe675;
  --ts-semantic-color-background-warning-subtle-default: #ffffe3;
  --ts-semantic-color-background-warning-subtle-disabled: #ffffe380;
  --ts-semantic-color-background-warning-default: #df7c0f;
  --ts-semantic-color-background-warning-disabled: #df7c0f80;
  --ts-semantic-shadow-dark-lg: 0 2px 8px 0 rgba(0,0,0,0.24);
  --ts-semantic-shadow-dark-md: 0 2px 4px 0 rgba(0,0,0,0.24);
  --ts-semantic-shadow-dark-sm: 0 1px 2px 0 rgba(0,0,0,0.24);
  --ts-semantic-shadow-dark-xl: 0 4px 16px 0 rgba(0,0,0,0.24);
  --ts-semantic-shadow-dark-xs: 0 1px 2px 0 rgba(0,0,0,0.18);
  --ts-semantic-shadow-light-lg: 0 2px 8px 0 rgba(113,113,122,0.12);
  --ts-semantic-shadow-light-md: 0 2px 4px 0 rgba(113,113,122,0.12);
  --ts-semantic-shadow-light-sm: 0 1px 2px 0 rgba(113,113,122,0.12);
  --ts-semantic-shadow-light-xl: 0 4px 16px 0 rgba(113,113,122,0.12);
  --ts-semantic-shadow-light-xs: 0 1px 2px 0 rgba(113,113,122,0.06);
  --ts-semantic-shadow-focussed: 0 0 5px 1px #3c83f6;
  --ts-semantic-distance-z-index-toast: 950;
  --ts-semantic-distance-z-index-dialog: 800;
  --ts-semantic-distance-z-index-drawer: 700;
  --ts-semantic-distance-z-index-tooltip: 1000;
  --ts-semantic-distance-z-index-dropdown: 900;
  --ts-semantic-transition-duration-fast: 150ms;
  --ts-semantic-transition-duration-slow: 500ms;
  --ts-semantic-transition-duration-xfast: 50ms;
  --ts-semantic-transition-duration-xslow: 1000ms;
  --ts-semantic-transition-duration-medium: 250ms;
  --ts-semantic-typography-ui-100: 500 0.75rem/0.75rem 'TUV SUD Pro';
  --ts-semantic-typography-ui-200: 500 0.875rem/0.875rem 'TUV SUD Pro';
  --ts-semantic-typography-ui-300: 500 1rem/1rem 'TUV SUD Pro';
  --ts-semantic-typography-ui-400: 500 1.25rem/1.25rem 'TUV SUD Pro';
  --ts-semantic-typography-ui-bold-100: 700 0.75rem/0.75rem 'TUV SUD Pro';
  --ts-semantic-typography-ui-bold-200: 700 0.875rem/0.875rem 'TUV SUD Pro';
  --ts-semantic-typography-ui-bold-300: 700 1rem/1rem 'TUV SUD Pro';
  --ts-semantic-typography-ui-bold-400: 700 1.25rem/1.25rem 'TUV SUD Pro';
  --ts-semantic-typography-ui-thin-100: 400 0.75rem/0.75rem 'TUV SUD Pro';
  --ts-semantic-typography-ui-thin-200: 400 0.875rem/0.875rem 'TUV SUD Pro';
  --ts-semantic-typography-ui-thin-300: 400 1rem/1rem 'TUV SUD Pro';
  --ts-semantic-typography-ui-thin-400: 400 1.25rem/1.25rem 'TUV SUD Pro';
  --ts-semantic-typography-ui-font-size-lg: 1.125rem;
  --ts-semantic-typography-ui-font-size-md: 1rem;
  --ts-semantic-typography-ui-font-size-sm: 0.875rem;
  --ts-semantic-typography-ui-font-size-xl: 1.25rem;
  --ts-semantic-typography-ui-font-size-xs: 0.75rem;
  --ts-semantic-typography-body-100: 400 0.75rem/1rem 'TUV SUD Pro';
  --ts-semantic-typography-body-200: 400 0.875rem/1.25rem 'TUV SUD Pro';
  --ts-semantic-typography-body-300: 400 1rem/1.5rem 'TUV SUD Pro';
  --ts-semantic-typography-body-italic-100: italic 400 0.75rem/1rem 'TUV SUD Pro';
  --ts-semantic-typography-body-italic-200: italic 400 0.875rem/1.25rem 'TUV SUD Pro';
  --ts-semantic-typography-body-italic-300: italic 400 1rem/1.5rem 'TUV SUD Pro';
  --ts-semantic-typography-icon-100: 400 0.875rem 'Material Symbols Outlined';
  --ts-semantic-typography-icon-200: 400 1.25rem 'Material Symbols Outlined';
  --ts-semantic-typography-icon-300: 400 1.5rem 'Material Symbols Outlined';
  --ts-semantic-typography-icon-400: 400 1.75rem 'Material Symbols Outlined';
  --ts-semantic-typography-headline-100: 700 0.75rem/1rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-200: 700 0.875rem/1rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-300: 700 1rem/1.25rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-400: 700 1.125rem/1.25rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-500: 700 1.25rem/1.5rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-600: 700 1.75rem/2rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-700: 700 2rem/2.25rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-800: 700 2.5rem/3rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-900: 700 3rem/3.5rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-thin-100: 400 0.75rem/1rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-thin-200: 400 0.875rem/1rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-thin-300: 400 1rem/1.25rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-thin-400: 400 1.125rem/1.25rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-thin-500: 400 1.25rem/1.5rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-thin-600: 400 1.75rem/2rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-thin-700: 400 2rem/2.25rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-thin-800: 400 2.5rem/3rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-thin-900: 400 3rem/3.5rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-italic-100: italic 700 0.75rem/1rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-italic-200: italic 700 0.875rem/1rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-italic-300: italic 700 1rem/1.25rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-italic-400: italic 700 1.125rem/1.25rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-italic-500: italic 700 1.25rem/1.5rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-italic-600: italic 700 1.75rem/2rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-italic-700: italic 700 2rem/2.25rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-italic-800: italic 700 2.5rem/3rem 'TUV SUD Pro';
  --ts-semantic-typography-headline-italic-900: italic 700 3rem/3.5rem 'TUV SUD Pro';
  --ts-semantic-typography-font-family-default: 'TUV SUD Pro';
  --ts-semantic-typography-font-weight-bold: 700;
  --ts-semantic-typography-font-weight-light: 300;
  --ts-semantic-typography-font-weight-medium: 500;
  --ts-semantic-typography-font-weight-regular: 400;
  --ts-space-0: 0rem;
  --ts-space-50: 0.125rem;
  --ts-space-100: 0.25rem;
  --ts-space-200: 0.375rem;
  --ts-space-300: 0.5rem;
  --ts-space-400: 0.75rem;
  --ts-space-450: 0.875rem;
  --ts-space-500: 1rem;
  --ts-space-600: 1.25rem;
  --ts-space-700: 1.5rem;
  --ts-space-750: 1.75rem;
  --ts-space-800: 2rem;
  --ts-space-900: 2.5rem;
  --ts-space-1000: 3rem;
  --ts-space-1100: 3.5rem;
  --ts-space-1200: 4rem;
  --ts-space-1300: 5rem;
  --ts-space-1400: 6rem;
  --ts-space-1500: 7rem;
  --ts-space-1600: 8rem;
  --ts-dimension-0: 0rem;
  --ts-dimension-100: 0.063rem;
  --ts-dimension-200: 0.125rem;
  --ts-dimension-300: 0.25rem;
  --ts-dimension-400: 0.375rem;
  --ts-dimension-500: 0.5rem;
  --ts-dimension-600: 0.625rem;
  --ts-dimension-700: 0.75rem;
}

/* Light */
@font-face {
    font-family: 'TUV SUD Pro';
    src: url('./fonts/TUV SUD Pro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TUV SUD Pro';
    src: url('./fonts/TUV SUD Pro-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* Regular */
@font-face {
    font-family: 'TUV SUD Pro';
    src: url('./fonts/TUV SUD Pro-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TUV SUD Pro';
    src: url('./fonts/TUV SUD Pro-RegularItalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Medium */
@font-face {
    font-family: 'TUV SUD Pro';
    src: url('./fonts/TUV SUD Pro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TUV SUD Pro';
    src: url('./fonts/TUV SUD Pro-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* Bold */
@font-face {
    font-family: 'TUV SUD Pro';
    src: url('./fonts/TUV SUD Pro-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TUV SUD Pro';
    src: url('./fonts/TUV SUD Pro-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}