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

:root, :host {
  --kds-core-color-neutral-25: hsl(0, 0%, 99%);
  --kds-core-color-neutral-50: hsl(0, 0%, 98%);
  --kds-core-color-neutral-100: hsl(0, 0%, 94.1%);
  --kds-core-color-neutral-175: hsl(0, 0%, 90.2%);
  --kds-core-color-neutral-250: hsl(0, 0%, 72.5%);
  --kds-core-color-neutral-275: hsl(0, 0%, 64%);
  --kds-core-color-neutral-325: hsl(0, 0%, 48.2%);
  --kds-core-color-neutral-375: hsl(0, 0%, 43%);
  --kds-core-color-neutral-400: hsl(0, 0%, 32.2%);
  --kds-core-color-neutral-475: hsl(0, 0%, 22%);
  --kds-core-color-neutral-550: hsl(0, 0%, 18.8%);
  --kds-core-color-neutral-650: hsl(0, 0%, 15.7%);
  --kds-core-color-neutral-725: hsl(0, 0%, 12.9%);
  --kds-core-color-neutral-800: hsl(0, 0%, 11.4%);
  --kds-core-color-neutral-875: hsl(0, 0%, 10.2%);
  --kds-core-color-red-25: hsl(0, 55.6%, 98.2%);
  --kds-core-color-red-50: hsl(0, 100%, 97.1%);
  --kds-core-color-red-100: hsl(1.5, 100%, 92.4%);
  --kds-core-color-red-175: hsl(3.4, 100%, 86.1%);
  --kds-core-color-red-250: hsl(3.5, 100%, 79.6%);
  --kds-core-color-red-325: hsl(2.6, 100%, 72.4%);
  --kds-core-color-red-400: hsl(0, 100%, 66.1%);
  --kds-core-color-red-435: hsl(359.6, 84.3%, 62.5%);
  --kds-core-color-red-475: hsl(356.3, 76.8%, 54.3%);
  --kds-core-color-red-550: hsl(353, 74.7%, 44.9%);
  --kds-core-color-red-650: hsl(348.8, 90.9%, 34.5%);
  --kds-core-color-red-725: hsl(347.6, 97.1%, 27.3%);
  --kds-core-color-red-800: hsl(348, 94.3%, 20.8%);
  --kds-core-color-red-875: hsl(352.6, 84.4%, 15.1%);
  --kds-core-color-orange-25: hsl(34.3, 53.8%, 97.5%);
  --kds-core-color-orange-50: hsl(30, 95.2%, 91.8%);
  --kds-core-color-orange-100: hsl(31, 100%, 82.5%);
  --kds-core-color-orange-175: hsl(30.8, 79.3%, 73.5%);
  --kds-core-color-orange-250: hsl(31.2, 82.8%, 65.9%);
  --kds-core-color-orange-325: hsl(30, 80.4%, 60%);
  --kds-core-color-orange-375: hsl(29.3, 88%, 59.8%);
  --kds-core-color-orange-400: hsl(27.3, 67.8%, 54.9%);
  --kds-core-color-orange-475: hsl(24.7, 58.7%, 50.6%);
  --kds-core-color-orange-550: hsl(21.9, 60.4%, 44.5%);
  --kds-core-color-orange-650: hsl(19, 63.1%, 38.2%);
  --kds-core-color-orange-725: hsl(16, 66.9%, 30.8%);
  --kds-core-color-orange-800: hsl(13.1, 66.1%, 23.1%);
  --kds-core-color-orange-875: hsl(13.2, 57.7%, 13.9%);
  --kds-core-color-yellow-25: hsl(42.9, 77.8%, 96.5%);
  --kds-core-color-yellow-50: hsl(42.9, 100%, 89%);
  --kds-core-color-yellow-100: hsl(45.4, 100%, 77.5%);
  --kds-core-color-yellow-175: hsl(47.6, 100%, 67.6%);
  --kds-core-color-yellow-250: hsl(50.8, 100%, 50%);
  --kds-core-color-yellow-325: hsl(51.1, 99.2%, 46.9%);
  --kds-core-color-yellow-400: hsl(49.1, 99.1%, 43.7%);
  --kds-core-color-yellow-475: hsl(47, 100%, 39%);
  --kds-core-color-yellow-550: hsl(45.6, 100%, 33.5%);
  --kds-core-color-yellow-650: hsl(43.9, 100%, 26.3%);
  --kds-core-color-yellow-725: hsl(43.1, 100%, 18.8%);
  --kds-core-color-yellow-800: hsl(44.3, 94.2%, 13.5%);
  --kds-core-color-yellow-875: hsl(50.8, 100%, 7.6%);
  --kds-core-color-green-25: hsl(125.5, 64.7%, 96.7%);
  --kds-core-color-green-50: hsl(120, 95.3%, 91.6%);
  --kds-core-color-green-100: hsl(115.5, 71.7%, 82%);
  --kds-core-color-green-175: hsl(112, 56.5%, 71.2%);
  --kds-core-color-green-250: hsl(109, 47.2%, 61.4%);
  --kds-core-color-green-325: hsl(106.5, 42.6%, 54.9%);
  --kds-core-color-green-400: hsl(107.4, 42.2%, 44.1%);
  --kds-core-color-green-475: hsl(107.6, 46%, 37.1%);
  --kds-core-color-green-550: hsl(111.3, 47.5%, 31.4%);
  --kds-core-color-green-650: hsl(116.1, 46.6%, 25.7%);
  --kds-core-color-green-725: hsl(123.7, 46.7%, 20.6%);
  --kds-core-color-green-800: hsl(132.3, 52%, 14.7%);
  --kds-core-color-green-875: hsl(139.3, 56%, 9.8%);
  --kds-core-color-teal-25: hsl(165, 80%, 96.1%);
  --kds-core-color-teal-50: hsl(165.6, 67.6%, 92.7%);
  --kds-core-color-teal-100: hsl(168, 46.7%, 85.3%);
  --kds-core-color-teal-175: hsl(168.8, 34.4%, 75.5%);
  --kds-core-color-teal-250: hsl(169.8, 30.6%, 66.1%);
  --kds-core-color-teal-325: hsl(170.2, 27.6%, 56.7%);
  --kds-core-color-teal-400: hsl(171.8, 27%, 47.8%);
  --kds-core-color-teal-475: hsl(173.4, 37.1%, 38.6%);
  --kds-core-color-teal-550: hsl(174.4, 47.8%, 30.8%);
  --kds-core-color-teal-650: hsl(176.1, 66.7%, 22.4%);
  --kds-core-color-teal-725: hsl(176.7, 82%, 17.5%);
  --kds-core-color-teal-800: hsl(174.5, 93.2%, 11.6%);
  --kds-core-color-teal-875: hsl(174.4, 72.7%, 8.6%);
  --kds-core-color-blue-25: hsl(225, 40%, 98%);
  --kds-core-color-blue-50: hsl(216.7, 100%, 96.5%);
  --kds-core-color-blue-100: hsl(215.7, 100%, 91.8%);
  --kds-core-color-blue-175: hsl(214.5, 100%, 84.3%);
  --kds-core-color-blue-250: hsl(213.6, 91.6%, 76.7%);
  --kds-core-color-blue-325: hsl(212.1, 78.2%, 67.6%);
  --kds-core-color-blue-400: hsl(211.3, 67.3%, 59.2%);
  --kds-core-color-blue-475: hsl(209.4, 57.3%, 49.6%);
  --kds-core-color-blue-550: hsl(208.2, 62.9%, 41.2%);
  --kds-core-color-blue-650: hsl(208.3, 60.5%, 33.7%);
  --kds-core-color-blue-725: hsl(210, 50%, 27.5%);
  --kds-core-color-blue-800: hsl(209.4, 49.5%, 20.2%);
  --kds-core-color-blue-875: hsl(209.3, 59.4%, 13.5%);
  --kds-core-color-purple-25: hsl(313.8, 39.4%, 93.5%);
  --kds-core-color-purple-50: hsl(315.0, 41.7%, 90.6%);
  --kds-core-color-purple-100: hsl(317.8, 42.9%, 87.6%);
  --kds-core-color-purple-175: hsl(319.4, 43.6%, 84.7%);
  --kds-core-color-purple-250: hsl(320.0, 44.7%, 81.6%);
  --kds-core-color-purple-325: hsl(316.1, 40.6%, 72.9%);
  --kds-core-color-purple-400: hsl(311.8, 35.9%, 63.9%);
  --kds-core-color-purple-475: hsl(308.3, 31.6%, 55.3%);
  --kds-core-color-purple-550: hsl(304.6, 27.4%, 46.5%);
  --kds-core-color-purple-650: hsl(302.1, 29.3%, 38.8%);
  --kds-core-color-purple-725: hsl(298.8, 31.6%, 31.0%);
  --kds-core-color-purple-800: hsl(295.5, 33.9%, 23.1%);
  --kds-core-color-purple-875: hsl(293.6, 35.9%, 15.3%);
  --kds-core-color-aquamarine-25: hsl(185.5, 44.0%, 95.1%);
  --kds-core-color-aquamarine-50: hsl(187.5, 47.1%, 93.3%);
  --kds-core-color-aquamarine-100: hsl(186.0, 45.5%, 91.4%);
  --kds-core-color-aquamarine-175: hsl(184.6, 48.1%, 89.4%);
  --kds-core-color-aquamarine-250: hsl(185.8, 49.2%, 87.6%);
  --kds-core-color-aquamarine-325: hsl(187.7, 51.7%, 76.5%);
  --kds-core-color-aquamarine-400: hsl(189.4, 54.5%, 65.5%);
  --kds-core-color-aquamarine-475: hsl(191.3, 57.1%, 54.3%);
  --kds-core-color-aquamarine-550: hsl(193.1, 60.2%, 43.3%);
  --kds-core-color-aquamarine-650: hsl(195.8, 61.5%, 37.6%);
  --kds-core-color-aquamarine-725: hsl(198.2, 62.2%, 32.2%);
  --kds-core-color-aquamarine-800: hsl(200.9, 63.2%, 26.7%);
  --kds-core-color-aquamarine-875: hsl(203.5, 64.5%, 21.0%);
  --kds-core-color-grassgreen-25: hsl(76.4, 52.4%, 95.9%);
  --kds-core-color-grassgreen-50: hsl(73.3, 57.4%, 90.8%);
  --kds-core-color-grassgreen-100: hsl(69.5, 59.5%, 85.5%);
  --kds-core-color-grassgreen-175: hsl(66.5, 64.4%, 80.2%);
  --kds-core-color-grassgreen-250: hsl(63.4, 68.5%, 75.1%);
  --kds-core-color-grassgreen-325: hsl(64.6, 68.6%, 70.0%);
  --kds-core-color-grassgreen-400: hsl(65.4, 68.5%, 65.1%);
  --kds-core-color-grassgreen-475: hsl(66.0, 67.8%, 59.8%);
  --kds-core-color-grassgreen-550: hsl(67.3, 67.8%, 54.9%);
  --kds-core-color-grassgreen-650: hsl(68.6, 61.0%, 47.3%);
  --kds-core-color-grassgreen-725: hsl(69.4, 53.5%, 39.6%);
  --kds-core-color-grassgreen-800: hsl(71.1, 46.3%, 32.2%);
  --kds-core-color-grassgreen-875: hsl(72.2, 39.2%, 24.5%);
  --kds-core-color-brown-25: hsl(35, 60%, 95%);
  --kds-core-color-brown-50: hsl(33, 55%, 89%);
  --kds-core-color-brown-100: hsl(32, 50%, 82%);
  --kds-core-color-brown-175: hsl(31, 48%, 74%);
  --kds-core-color-brown-250: hsl(30, 47%, 68%);
  --kds-core-color-brown-325: hsl(29, 43%, 58%);
  --kds-core-color-brown-400: hsl(28, 39%, 50%);
  --kds-core-color-brown-475: hsl(27, 35%, 44%);
  --kds-core-color-brown-550: hsl(26, 32%, 39%);
  --kds-core-color-brown-650: hsl(25, 30%, 35%);
  --kds-core-color-brown-725: hsl(24, 28%, 30%);
  --kds-core-color-brown-800: hsl(23, 27%, 24%);
  --kds-core-color-brown-875: hsl(22, 25%, 18%);
  --kds-core-color-transparent: hsl(345 0% 11.4% / 0);
  --kds-core-font-size-0-5x: 8px;
  --kds-core-font-size-0-56x: 9px;
  --kds-core-font-size-0-62x: 10px;
  --kds-core-font-size-0-68x: 11px;
  --kds-core-font-size-0-75x: 12px;
  --kds-core-font-size-0-81x: 13px;
  --kds-core-font-size-0-87x: 14px;
  --kds-core-font-size-1x: 16px;
  --kds-core-font-size-1-13x: 18px;
  --kds-core-font-size-1-25x: 20px;
  --kds-core-font-size-1-375x: 22px;
  --kds-core-font-size-1-625x: 26px;
  --kds-core-font-size-1-5x: 24px;
  --kds-core-font-size-1-75x: 28px;
  --kds-core-font-size-1-875x: 30px;
  --kds-core-font-size-2x: 32px;
  --kds-core-font-size-2-25x: 36px;
  --kds-core-font-size-2-5x: 40px;
  --kds-core-font-size-2-75x: 44px;
  --kds-core-font-size-3x: 48px;
  --kds-core-font-size-3-25x: 52px;
  --kds-core-font-size-3-5x: 56px;
  --kds-core-font-size-3-75x: 60px;
  --kds-core-font-size-4x: 64px;
  --kds-core-font-size-4-5x: 72px;
  --kds-core-font-size-5x: 80px;
  --kds-core-font-size-5-5x: 88px;
  --kds-core-font-size-6x: 96px;
  --kds-core-paragraph-spacing-none: 0.0;
  --kds-core-paragraph-spacing-small: 0.25px;
  --kds-core-paragraph-spacing-medium: 0.5px;
  --kds-core-paragraph-spacing-large: 0.75px;
  --kds-core-paragraph-spacing-extra-large: 1px;
  --kds-core-font-family-roboto: Roboto, sans-serif;
  --kds-core-font-family-roboto-condensed: 'Roboto Condensed', sans-serif;
  --kds-core-font-family-roboto-mono: 'Roboto Mono', monospace;
  --kds-core-font-weight-light: 300;
  --kds-core-font-weight-regular: 400;
  --kds-core-font-weight-regular-italic-weight: 400;
  --kds-core-font-weight-regular-italic-style: italic;
  --kds-core-font-weight-medium: 500;
  --kds-core-font-weight-strong: 700;
  --kds-core-font-weight-strong-italic-weight: 700;
  --kds-core-font-weight-strong-italic-style: italic;
  --kds-core-line-height-singleline: normal;
  --kds-core-line-height-multiline-wide: 1.5;
  --kds-core-size-scale: 16px;
  --kds-core-border-width-none: 0;
  --kds-core-border-width-xs: 1px;
  --kds-core-border-width-s: 1.2496px;
  --kds-core-border-width-m: 1.5px;
  --kds-core-border-width-l: 2px;
  --kds-color-surface-default: light-dark(hsl(0, 0%, 98%), hsl(0, 0%, 15.7%));
  --kds-color-surface-muted: light-dark(hsl(0, 0%, 94.1%), hsl(0, 0%, 18.8%));
  --kds-color-surface-subtle: light-dark(hsl(0, 0%, 90.2%), hsl(0, 0%, 22%));
  --kds-color-page-default: light-dark(hsl(0, 0%, 99%), hsl(0, 0%, 12.9%));
  --kds-color-background-neutral-initial: hsl(345 0% 11.4% / 0);
  --kds-color-background-neutral-hover: light-dark(hsl(340 0% 48.2% / 0.1), hsl(180 0% 90.2% / 0.1));
  --kds-color-background-neutral-active: light-dark(hsl(340 0% 48.2% / 0.2), hsl(340 0% 48.2% / 0.36));
  --kds-color-background-neutral-bold-initial: light-dark(hsl(210 0% 72.5% / 0.4), hsl(0, 0%, 32.2%));
  --kds-color-background-neutral-bold-hover: light-dark(hsl(210 0% 62.977% / 0.4), hsl(0, 0%, 48.2%));
  --kds-color-background-neutral-bold-active: light-dark(hsl(0 0% 59.859% / 0.4), hsl(0, 0%, 72.5%));
  --kds-color-background-primary-initial: light-dark(hsl(168, 46.7%, 85.3%), hsl(169.8, 30.6%, 66.1%));
  --kds-color-background-primary-hover: light-dark(hsl(167.99 27.818% 77.703%), hsl(169.6 30.517% 68.835%));
  --kds-color-background-primary-active: light-dark(hsl(167.97 18.664% 70.242%), hsl(168.98 30.352% 78.334%));
  --kds-color-background-primary-bold-initial: light-dark(hsl(176.1, 66.7%, 22.4%), hsl(174.4, 47.8%, 30.8%));
  --kds-color-background-primary-bold-hover: light-dark(hsl(175.79 58.284% 19.792%), hsl(173.26 27.023% 42.409%));
  --kds-color-background-primary-bold-active: light-dark(hsl(175.36 48.936% 16.164%), hsl(171.91 19.296% 64.061%));
  --kds-color-background-selected-initial: light-dark(hsl(165.6, 67.6%, 92.7%), hsl(176.1 66.7% 22.4% / 0.32));
  --kds-color-background-selected-hover: light-dark(hsl(168, 46.7%, 85.3%), hsl(174.4 47.8% 30.8% / 0.56));
  --kds-color-background-selected-active: light-dark(hsl(168.8, 34.4%, 75.5%), hsl(171.8 27% 47.8% / 0.72));
  --kds-color-background-selected-bold-initial: light-dark(hsl(174.4, 47.8%, 30.8%), hsl(176.1, 66.7%, 22.4%));
  --kds-color-background-selected-bold-hover: light-dark(hsl(176.1, 66.7%, 22.4%), hsl(174.4, 47.8%, 30.8%));
  --kds-color-background-selected-bold-active: light-dark(hsl(176.7, 82%, 17.5%), hsl(171.8, 27%, 47.8%));
  --kds-color-background-danger-initial: light-dark(hsl(0, 100%, 97.1%), hsl(356.76 65.215% 15.117%));
  --kds-color-background-danger-hover: light-dark(hsl(1.5, 100%, 92.4%), hsl(348.8 90.9% 34.5% / 0.72));
  --kds-color-background-danger-active: light-dark(hsl(3.4, 100%, 86.1%), hsl(353 74.7% 44.9% / 0.72));
  --kds-color-background-danger-bold-initial: light-dark(hsl(348.8, 90.9%, 34.5%), hsl(347.6, 97.1%, 27.3%));
  --kds-color-background-danger-bold-hover: light-dark(hsl(347.6, 97.1%, 27.3%), hsl(353 74.7% 44.9% / 0.8));
  --kds-color-background-danger-bold-active: light-dark(hsl(348, 94.3%, 20.8%), hsl(356.3 76.8% 54.3% / 0.8));
  --kds-color-background-input-initial: light-dark(hsl(0, 0%, 99%), hsl(0, 0%, 22%));
  --kds-color-background-input-hover: light-dark(hsl(330 0% 94.521%), hsl(330 0% 30.187%));
  --kds-color-background-input-active: light-dark(hsl(330 0% 85.683%), hsl(336 0% 38.771%));
  --kds-color-background-disabled-default: hsl(340 0% 48.2% / 0.48);
  --kds-color-background-disabled-primary: hsl(173.91 18.134% 40.592%);
  --kds-color-background-disabled-danger: hsl(1.3489 43.031% 37.79%);
  --kds-color-background-success-bold-initial: light-dark(hsl(111.3, 47.5%, 31.4%), hsl(123.7, 46.7%, 20.6%));
  --kds-color-background-info-bold-initial: light-dark(hsl(209.4, 57.3%, 49.6%), hsl(212.1, 78.2%, 67.6%));
  --kds-color-background-info-bold-hover: light-dark(hsl(208.2, 62.9%, 41.2%), hsl(213.6, 91.6%, 76.7%));
  --kds-color-background-info-bold-active: light-dark(hsl(208.3, 60.5%, 33.7%), hsl(214.5, 100%, 84.3%));
  --kds-color-background-static-info: light-dark(hsl(216.7, 100%, 96.5%), hsl(210, 50%, 27.5%));
  --kds-color-background-static-info-muted: light-dark(hsl(216.83 100.14% 97.347%), hsl(211.86 40.97% 17.58%));
  --kds-color-background-static-warning: light-dark(hsl(30, 95.2%, 91.8%), hsl(13.1, 66.1%, 23.1%));
  --kds-color-background-static-warning-muted: light-dark(hsl(29.601 98.108% 95.778%), hsl(14.687 60.252% 14.775%));
  --kds-color-background-static-danger: light-dark(hsl(1.5, 100%, 92.4%), hsl(347.6, 97.1%, 27.3%));
  --kds-color-background-static-danger-muted: light-dark(hsl(0, 100%, 97.1%), hsl(356.76 65.215% 15.117%));
  --kds-color-background-static-success: light-dark(hsl(119.4 96.139% 93.64%), hsl(123.7, 46.7%, 20.6%));
  --kds-color-background-static-success-muted: light-dark(hsl(125.38 64.795% 97.496%), hsl(128.3 38.542% 10.352%));
  --kds-color-background-static-brand: hsl(50.8, 100%, 50%);
  --kds-color-background-static-overlay: light-dark(hsl(0, 0%, 12.9%), hsl(0, 0%, 22%));
  --kds-color-text-and-icon-neutral: light-dark(hsl(0, 0%, 15.7%), hsl(0, 0%, 94.1%));
  --kds-color-text-and-icon-muted: light-dark(hsl(0, 0%, 32.2%), hsl(0, 0%, 90.2%));
  --kds-color-text-and-icon-subtle: light-dark(hsl(0, 0%, 43%), hsl(0, 0%, 72.5%));
  --kds-color-text-and-icon-neutral-inverted: light-dark(hsl(0, 0%, 98%), hsl(0, 0%, 15.7%));
  --kds-color-text-and-icon-primary: hsl(176.1, 66.7%, 22.4%);
  --kds-color-text-and-icon-primary-inverted: hsl(165.6, 67.6%, 92.7%);
  --kds-color-text-and-icon-selected: light-dark(hsl(176.1, 66.7%, 22.4%), hsl(168.8, 34.4%, 75.5%));
  --kds-color-text-and-icon-selected-inverted: hsl(165, 80%, 96.1%);
  --kds-color-text-and-icon-warning: light-dark(hsl(19, 63.1%, 38.2%), hsl(31.2, 82.8%, 65.9%));
  --kds-color-text-and-icon-warning-inverted: hsl(31, 100%, 82.5%);
  --kds-color-text-and-icon-danger: light-dark(hsl(348.8, 90.9%, 34.5%), hsl(3.5, 100%, 79.6%));
  --kds-color-text-and-icon-danger-inverted: light-dark(hsl(0, 100%, 97.1%), hsl(1.5, 100%, 92.4%));
  --kds-color-text-and-icon-success: light-dark(hsl(116.1, 46.6%, 25.7%), hsl(109, 47.2%, 61.4%));
  --kds-color-text-and-icon-success-inverted: hsl(120, 95.3%, 91.6%);
  --kds-color-text-and-icon-disabled: light-dark(hsl(0, 0%, 64%), hsl(0, 0%, 48.2%));
  --kds-color-text-and-icon-disabled-inverted: hsl(0, 0%, 72.5%);
  --kds-color-text-and-icon-info: light-dark(hsl(208.3, 60.5%, 33.7%), hsl(213.6, 91.6%, 76.7%));
  --kds-color-text-and-icon-editor: light-dark(hsl(0, 0%, 11.4%), hsl(0, 0%, 94.1%));
  --kds-color-border-neutral: light-dark(hsl(330 0% 10.2% / 0.4), hsl(330 0% 99% / 0.5));
  --kds-color-border-muted: light-dark(hsl(330 0% 10.2% / 0.2), hsl(330 0% 99% / 0.2));
  --kds-color-border-subtle: light-dark(hsl(330 0% 10.2% / 0.1), hsl(330 0% 99% / 0.1));
  --kds-color-border-primary-bold: hsl(176.7, 82%, 17.5%);
  --kds-color-border-primary: light-dark(hsl(169.8, 30.6%, 66.1%), hsl(168.8, 34.4%, 75.5%));
  --kds-color-border-selected-bold: light-dark(hsl(174.4, 47.8%, 30.8%), hsl(168.8, 34.4%, 75.5%));
  --kds-color-border-selected: light-dark(hsl(171.8, 27%, 47.8%), hsl(168, 46.7%, 85.3%));
  --kds-color-border-selected-accent: light-dark(hsl(209.4, 57.3%, 49.6%), hsl(213.6, 91.6%, 76.7%));
  --kds-color-border-warning-bold: light-dark(hsl(19, 63.1%, 38.2%), hsl(31, 100%, 82.5%));
  --kds-color-border-warning: light-dark(hsl(30.8, 79.3%, 73.5%), hsl(13.1, 66.1%, 23.1%));
  --kds-color-border-danger-bold: light-dark(hsl(348.8, 90.9%, 34.5%), hsl(3.5, 100%, 79.6%));
  --kds-color-border-danger: light-dark(hsl(3.4, 100%, 86.1%), hsl(348, 94.3%, 20.8%));
  --kds-color-border-success-bold: light-dark(hsl(116.1, 46.6%, 25.7%), hsl(112, 56.5%, 71.2%));
  --kds-color-border-success: light-dark(hsl(112, 56.5%, 71.2%), hsl(123.7, 46.7%, 20.6%));
  --kds-color-border-info-bold: light-dark(hsl(208.3, 60.5%, 33.7%), hsl(214.5, 100%, 84.3%));
  --kds-color-border-info: light-dark(hsl(214.5, 100%, 84.3%), hsl(210, 50%, 27.5%));
  --kds-color-border-transparent: hsl(345 0% 11.4% / 0);
  --kds-color-border-disabled: light-dark(hsl(0, 0%, 72.5%), hsl(0, 0%, 48.2%));
  --kds-color-border-brand: hsl(50.8, 100%, 50%);
  --kds-color-border-neutral-bold-initial: light-dark(hsl(330 0% 10.2% / 0.4), hsl(330 0% 99% / 0.4));
  --kds-color-border-neutral-bold-hover: light-dark(hsl(330 0% 10.2% / 0.64), hsl(330 0% 99% / 0.58));
  --kds-color-border-neutral-bold-active: light-dark(hsl(330 0% 10.2% / 0.74), hsl(330 0% 99% / 0.68));
  --kds-color-focus-outline: light-dark(hsl(209.4, 57.3%, 49.6%), hsl(213.6, 91.6%, 76.7%));
  --kds-color-focus-background: light-dark(hsl(215.7 100% 91.8% / 0.4), hsl(209.4 49.5% 20.2% / 0.5));
  --kds-color-blanket-default: hsl(345 0% 11.4% / 0.8);
  --kds-color-chart-data-series-1: light-dark(hsl(173.4, 37.1%, 38.6%), hsl(169.8, 30.6%, 66.1%));
  --kds-color-chart-data-series-2: light-dark(hsl(211.3, 67.3%, 59.2%), hsl(213.6, 91.6%, 76.7%));
  --kds-color-chart-data-series-3: light-dark(hsl(359.6, 84.3%, 62.5%), hsl(2.6, 100%, 72.4%));
  --kds-color-chart-data-series-4: light-dark(hsl(0, 0%, 22%), hsl(0, 0%, 72.5%));
  --kds-color-chart-data-series-5: light-dark(hsl(28, 39%, 50%), hsl(30, 47%, 68%));
  --kds-color-chart-data-series-6: light-dark(hsl(208.2, 62.9%, 41.2%), hsl(209.4, 57.3%, 49.6%));
  --kds-color-chart-data-series-7: light-dark(hsl(71.1, 46.3%, 32.2%), hsl(68.6, 61.0%, 47.3%));
  --kds-color-chart-data-series-8: light-dark(hsl(308.3, 31.6%, 55.3%), hsl(316.1, 40.6%, 72.9%));
  --kds-color-chart-data-series-9: light-dark(hsl(193.1, 60.2%, 43.3%), hsl(191.3, 57.1%, 54.3%));
  --kds-color-chart-data-track: light-dark(hsl(0, 0%, 94.1%), hsl(0, 0%, 32.2%));
  --kds-color-chart-status-positive: light-dark(hsl(107.4, 42.2%, 44.1%), hsl(109, 47.2%, 61.4%));
  --kds-color-chart-status-negative: light-dark(hsl(356.3, 76.8%, 54.3%), hsl(0, 100%, 66.1%));
  --kds-color-chart-status-warning: light-dark(hsl(19, 63.1%, 38.2%), hsl(31.2, 82.8%, 65.9%));
  --kds-color-chart-status-error: light-dark(hsl(348.8, 90.9%, 34.5%), hsl(3.5, 100%, 79.6%));
  --kds-color-chart-scaffolding-axis: light-dark(hsl(330 0% 10.2% / 0.2), hsl(330 0% 99% / 0.2));
  --kds-color-chart-scaffolding-grid: light-dark(hsl(330 0% 10.2% / 0.1), hsl(330 0% 99% / 0.1));
  --kds-color-chart-scaffolding-border: light-dark(hsl(330 0% 10.2% / 0.1), hsl(330 0% 99% / 0.1));
  --kds-color-chart-scaffolding-segment: light-dark(hsl(0, 0%, 98%), hsl(0, 0%, 15.7%));
  --kds-color-chart-scaffolding-surface: light-dark(hsl(0, 0%, 98%), hsl(0, 0%, 15.7%));
  --kds-color-chart-scaffolding-tooltip-surface: light-dark(hsl(0, 0%, 12.9%), hsl(0, 0%, 22%));
  --kds-color-chart-control-default: light-dark(hsl(0, 0%, 43%), hsl(0, 0%, 72.5%));
  --kds-color-chart-control-hover: light-dark(hsl(0, 0%, 15.7%), hsl(0, 0%, 94.1%));
  --kds-color-chart-control-selected: light-dark(hsl(174.4, 47.8%, 30.8%), hsl(176.1, 66.7%, 22.4%));
  --kds-color-chart-control-disabled: light-dark(hsl(0, 0%, 64%), hsl(0, 0%, 48.2%));
  --kds-color-chart-text-title: light-dark(hsl(0, 0%, 15.7%), hsl(0, 0%, 94.1%));
  --kds-color-chart-text-subtitle: light-dark(hsl(0, 0%, 43%), hsl(0, 0%, 72.5%));
  --kds-color-chart-text-axis-name: light-dark(hsl(0, 0%, 43%), hsl(0, 0%, 72.5%));
  --kds-color-chart-text-axis-label: light-dark(hsl(0, 0%, 43%), hsl(0, 0%, 72.5%));
  --kds-color-chart-text-legend: light-dark(hsl(0, 0%, 15.7%), hsl(0, 0%, 94.1%));
  --kds-color-chart-text-tooltip: light-dark(hsl(0, 0%, 98%), hsl(0, 0%, 94.1%));
  --kds-color-chart-text-label: light-dark(hsl(0, 0%, 15.7%), hsl(0, 0%, 94.1%));
  --kds-color-chart-text-on-fill-dark: hsl(0, 0%, 15.7%);
  --kds-color-chart-text-on-fill-light: hsl(0, 0%, 98%);
  --kds-color-nodes-and-variables-flow-variable: light-dark(hsl(359.6, 84.3%, 62.5%), hsl(0, 100%, 66.1%));
  --kds-color-nodes-and-variables-loop: hsl(187.7, 51.7%, 76.5%);
  --kds-color-nodes-and-variables-manipulator: hsl(50.8, 100%, 50%);
  --kds-color-nodes-and-variables-predictor: light-dark(hsl(106.5, 42.6%, 54.9%), hsl(109, 47.2%, 61.4%));
  --kds-color-nodes-and-variables-source: hsl(30, 80.4%, 60%);
  --kds-color-nodes-and-variables-visualizer: light-dark(hsl(193.1, 60.2%, 43.3%), hsl(191.3, 57.1%, 54.3%));
  --kds-color-nodes-and-variables-widget: light-dark(hsl(193.1, 60.2%, 43.3%), hsl(191.3, 57.1%, 54.3%));
  --kds-color-nodes-and-variables-scope: light-dark(hsl(304.6, 27.4%, 46.5%), hsl(308.3, 31.6%, 55.3%));
  --kds-color-nodes-and-variables-learner: light-dark(hsl(67.3, 67.8%, 54.9%), hsl(65.4, 68.5%, 65.1%));
  --kds-color-nodes-and-variables-sink: light-dark(hsl(359.6, 84.3%, 62.5%), hsl(0, 100%, 66.1%));
  --kds-color-nodes-and-variables-container: hsl(69.4, 53.5%, 39.6%);
  --kds-color-nodes-and-variables-unknown: light-dark(hsl(353, 74.7%, 44.9%), hsl(356.3, 76.8%, 54.3%));
  --kds-color-nodes-and-variables-other: light-dark(hsl(29, 43%, 58%), hsl(30, 47%, 68%));
  --kds-color-nodes-and-variables-metanode: light-dark(hsl(0, 0%, 99%), hsl(0, 0%, 12.9%));
  --kds-color-nodes-and-variables-metanode-border: light-dark(hsl(0, 0%, 32.2%), hsl(0, 0%, 94.1%));
  --kds-color-nodes-and-variables-component: light-dark(hsl(0, 0%, 72.5%), hsl(0, 0%, 43%));
  --kds-color-nodes-and-variables-special-state: light-dark(hsl(0, 0%, 99%), hsl(0, 0%, 12.9%));
  --kds-color-nodes-and-variables-forbidden-border: light-dark(hsl(0, 0%, 18.8%), hsl(0, 0%, 90.2%));
  --kds-color-nodes-and-variables-forbidden: light-dark(hsl(0, 0%, 90.2%), hsl(0, 0%, 22%));
  --kds-color-nodes-and-variables-warning-border: light-dark(hsl(19, 63.1%, 38.2%), hsl(31.2, 82.8%, 65.9%));
  --kds-color-nodes-and-variables-warning: light-dark(hsl(31, 100%, 82.5%), hsl(0, 0%, 22%));
  --kds-color-nodes-and-variables-error-border: light-dark(hsl(348.8, 90.9%, 34.5%), hsl(0, 100%, 66.1%));
  --kds-color-nodes-and-variables-error: light-dark(hsl(1.5, 100%, 92.4%), hsl(0, 0%, 22%));
  --kds-color-nodes-and-variables-loading-border: light-dark(hsl(208.3, 60.5%, 33.7%), hsl(214.5, 100%, 84.3%));
  --kds-color-nodes-and-variables-loading: light-dark(hsl(215.7, 100%, 91.8%), hsl(209.4, 49.5%, 20.2%));
  --kds-color-nodes-and-variables-configuration: light-dark(hsl(64.6, 68.6%, 70.0%), hsl(69.5, 59.5%, 85.5%));
  --kds-color-nodes-and-variables-quickform: light-dark(hsl(212.1, 78.2%, 67.6%), hsl(214.5, 100%, 84.3%));
  --kds-color-port-data: light-dark(hsl(0, 0%, 11.4%), hsl(0, 0%, 94.1%));
  --kds-color-port-flow-variable: hsl(359.6, 84.3%, 62.5%);
  --kds-color-port-neutral-inverted: light-dark(hsl(0, 0%, 99%), hsl(0, 0%, 12.9%));
  --kds-color-annotations-special-nodes: light-dark(hsl(0, 0%, 72.5%), hsl(0, 0%, 32.2%));
  --kds-color-annotations-special-nodes-bold: light-dark(hsl(0, 0%, 32.2%), hsl(0, 0%, 90.2%));
  --kds-color-annotations-visualizer: light-dark(hsl(193.1, 60.2%, 43.3%), hsl(191.3, 57.1%, 54.3%));
  --kds-color-annotations-loading-bold: light-dark(hsl(208.3, 60.5%, 33.7%), hsl(214.5, 100%, 84.3%));
  --kds-color-annotations-manipulator: hsl(50.8, 100%, 50%);
  --kds-color-annotations-source: hsl(30, 80.4%, 60%);
  --kds-color-annotations-sink: light-dark(hsl(359.6, 84.3%, 62.5%), hsl(0, 100%, 66.1%));
  --kds-color-annotations-learner: light-dark(hsl(67.3, 67.8%, 54.9%), hsl(65.4, 68.5%, 65.1%));
  --kds-color-annotations-predictor: light-dark(hsl(106.5, 42.6%, 54.9%), hsl(109, 47.2%, 61.4%));
  --kds-color-annotations-container: light-dark(hsl(66.5, 64.4%, 80.2%), hsl(69.5, 59.5%, 85.5%));
  --kds-color-annotations-flow-variable: light-dark(hsl(173.4, 37.1%, 38.6%), hsl(171.8, 27%, 47.8%));
  --kds-color-annotations-teal-dark: light-dark(hsl(176.7, 82%, 17.5%), hsl(176.1, 66.7%, 22.4%));
  --kds-color-annotations-other: light-dark(hsl(29, 43%, 58%), hsl(30, 47%, 68%));
  --kds-color-annotations-loop: light-dark(hsl(25, 30%, 35%), hsl(27, 35%, 44%));
  --kds-color-state-error: light-dark(hsl(353, 74.7%, 44.9%), hsl(347.6, 97.1%, 27.3%));
  --kds-color-state-error-border: light-dark(hsl(348, 94.3%, 20.8%), hsl(2.6, 100%, 72.4%));
  --kds-color-state-warning: light-dark(hsl(47.6, 100%, 67.6%), hsl(43.9, 100%, 26.3%));
  --kds-color-state-warning-border: light-dark(hsl(19, 63.1%, 38.2%), hsl(49.1, 99.1%, 43.7%));
  --kds-color-state-success: light-dark(hsl(106.5, 42.6%, 54.9%), hsl(107.6, 46%, 37.1%));
  --kds-color-state-success-border: light-dark(hsl(116.1, 46.6%, 25.7%), hsl(106.5, 42.6%, 54.9%));
  --kds-color-state-loading: light-dark(hsl(208.3, 60.5%, 33.7%), hsl(214.5, 100%, 84.3%));
  --kds-color-state-inactive: light-dark(hsl(0, 0%, 99%), hsl(0, 0%, 11.4%));
  --kds-color-state-inactive-border: light-dark(hsl(0, 0%, 90.2%), hsl(0, 0%, 32.2%));
  --kds-color-state-disabled: light-dark(hsl(0, 0%, 72.5%), hsl(0, 0%, 22%));
  --kds-color-state-disabled-border: hsl(0, 0%, 48.2%);
  --kds-color-state-background: light-dark(hsl(0, 0%, 90.2%), hsl(0, 0%, 32.2%));
  --kds-color-connector-data: light-dark(hsl(0, 0%, 43%), hsl(0, 0%, 48.2%));
  --kds-color-connector-flow-variable: hsl(359.6, 84.3%, 62.5%);
  --kds-color-connector-selected: light-dark(hsl(209.4, 57.3%, 49.6%), hsl(213.6, 91.6%, 76.7%));
  --kds-color-connector-highlighted: light-dark(hsl(0, 0%, 15.7%), hsl(0, 0%, 94.1%));
  --kds-color-connector-insertable: light-dark(hsl(116.1, 46.6%, 25.7%), hsl(106.5, 42.6%, 54.9%));
  --kds-color-elevation-top: light-dark(hsl(210 0% 72.5% / 0.32), hsl(330 0% 10.2% / 0.9));
  --kds-color-elevation-middle: light-dark(hsl(180 0% 32.2% / 0.14), hsl(330 0% 10.2% / 0.94));
  --kds-color-elevation-bottom: light-dark(hsl(180 0% 32.2% / 0.12), hsl(330 0% 10.2% / 0.98));
  --kds-color-elevation-knob: light-dark(hsl(180 0% 32.2% / 0.5), hsl(330 0% 10.2% / 0.6));
  --kds-color-desktop-header-background-default: hsl(0, 0%, 10.2%);
  --kds-color-desktop-header-background-muted: light-dark(hsl(0, 0%, 98%), hsl(0, 0%, 15.7%));
  --kds-color-desktop-header-background-accent: light-dark(hsl(0, 0%, 98%), hsl(0, 0%, 15.7%));
  --kds-color-desktop-header-text-and-icon-neutral: light-dark(hsl(0, 0%, 15.7%), hsl(0, 0%, 94.1%));
  --kds-color-desktop-header-text-and-icon-muted: light-dark(hsl(0, 0%, 32.2%), hsl(0, 0%, 90.2%));
  --kds-color-desktop-header-border-default: light-dark(hsl(330 0% 10.2% / 0.1), hsl(330 0% 99% / 0.1));
  --kds-color-table-header-background-default: hsl(0, 0%, 99%);
  --kds-color-toggle-switch-knob-initial: hsl(0, 0%, 99%);
  --kds-color-toggle-switch-knob-disabled: hsl(0, 0%, 90.2%);
  --kds-color-toggle-switch-icon-on: hsl(176.1, 66.7%, 22.4%);
  --kds-color-toggle-switch-icon-off: hsl(0, 0%, 43%);
  --kds-color-toggle-switch-icon-disabled: hsl(0, 0%, 64%);
  --kds-color-loading-spinner-progress-on-primary: hsl(165.6 67.6% 92.7%);
  --kds-color-loading-spinner-progress-on-surface: light-dark(hsl(0, 0%, 15.7%), hsl(0, 0%, 94.1%));
  --kds-color-loading-spinner-track-on-primary: hsl(165.6 67.6% 92.7% / 0.24);
  --kds-color-loading-spinner-track-on-surface: light-dark(hsl(332.73 0% 15.7% / 0.24), hsl(240 0% 94.1% / 0.24));
  --kds-color-tooltip-background-default: light-dark(hsl(0, 0%, 12.9%), hsl(0, 0%, 22%));
  --kds-color-tooltip-text-and-icon-neutral: hsl(0, 0%, 98%);
  --kds-color-text-highlight-background-default: hsl(212.1 78.2% 67.6% / 0.6);
  --kds-color-avatar-background-red: hsl(3.5, 100%, 79.6%);
  --kds-color-avatar-background-orange: hsl(31.2, 82.8%, 65.9%);
  --kds-color-avatar-background-yellow: hsl(50.8, 100%, 50%);
  --kds-color-avatar-background-green: hsl(109, 47.2%, 61.4%);
  --kds-color-avatar-background-teal: hsl(169.8, 30.6%, 66.1%);
  --kds-color-avatar-background-blue: hsl(213.6, 91.6%, 76.7%);
  --kds-color-avatar-background-purple: hsl(320.0, 44.7%, 81.6%);
  --kds-color-avatar-background-aquamarine: hsl(185.8, 49.2%, 87.6%);
  --kds-color-avatar-background-grassgreen: hsl(63.4, 68.5%, 75.1%);
  --kds-color-avatar-background-brown: hsl(30, 47%, 68%);
  --kds-color-avatar-background-empty: light-dark(hsl(330 0% 94.521%), hsl(330 0% 30.187%));
  --kds-color-avatar-text-and-icon-red: hsl(348, 94.3%, 20.8%);
  --kds-color-avatar-text-and-icon-orange: hsl(13.1, 66.1%, 23.1%);
  --kds-color-avatar-text-and-icon-yellow: hsl(44.3, 94.2%, 13.5%);
  --kds-color-avatar-text-and-icon-green: hsl(132.3, 52%, 14.7%);
  --kds-color-avatar-text-and-icon-teal: hsl(174.5, 93.2%, 11.6%);
  --kds-color-avatar-text-and-icon-blue: hsl(209.4, 49.5%, 20.2%);
  --kds-color-avatar-text-and-icon-purple: hsl(295.5, 33.9%, 23.1%);
  --kds-color-avatar-text-and-icon-aquamarine: hsl(200.9, 63.2%, 26.7%);
  --kds-color-avatar-text-and-icon-grassgreen: hsl(72.2, 39.2%, 24.5%);
  --kds-color-avatar-text-and-icon-brown: hsl(23, 27%, 24%);
  --kds-border-radius-container-none: 0;
  --kds-border-radius-container-0-12x: 2px;
  --kds-border-radius-container-0-25x: 4px;
  --kds-border-radius-container-0-31x: 5px;
  --kds-border-radius-container-0-37x: 6px;
  --kds-border-radius-container-0-44x: 7px;
  --kds-border-radius-container-0-50x: 8px;
  --kds-border-radius-container-0-56x: 9px;
  --kds-border-radius-container-1x: 16px;
  --kds-border-radius-container-pill: 1000px;
  --kds-border-width-icon-stroke-s: 1px;
  --kds-border-width-icon-stroke-m: 1.2496px;
  --kds-border-width-icon-stroke-l: 1.5px;
  --kds-border-action-transparent: 1px solid hsl(345 0% 11.4% / 0);
  --kds-border-action-default: 1px solid light-dark(hsl(330 0% 10.2% / 0.4), hsl(330 0% 99% / 0.5));
  --kds-border-action-disabled: 1px solid light-dark(hsl(0, 0%, 72.5%), hsl(0, 0%, 48.2%));
  --kds-border-action-focused: 2px solid light-dark(hsl(209.4, 57.3%, 49.6%), hsl(213.6, 91.6%, 76.7%));
  --kds-border-action-selected: 1px solid light-dark(hsl(171.8, 27%, 47.8%), hsl(168, 46.7%, 85.3%));
  --kds-border-action-selected-accent: 1px solid light-dark(hsl(209.4, 57.3%, 49.6%), hsl(213.6, 91.6%, 76.7%));
  --kds-border-action-error: 1px solid light-dark(hsl(348.8, 90.9%, 34.5%), hsl(3.5, 100%, 79.6%));
  --kds-border-action-primary: 1px solid hsl(176.7, 82%, 17.5%);
  --kds-border-action-input: 1px solid light-dark(hsl(330 0% 10.2% / 0.4), hsl(330 0% 99% / 0.5));
  --kds-border-base-default: 1px solid light-dark(hsl(330 0% 10.2% / 0.4), hsl(330 0% 99% / 0.5));
  --kds-border-base-muted: 1px solid light-dark(hsl(330 0% 10.2% / 0.2), hsl(330 0% 99% / 0.2));
  --kds-border-base-subtle: 1px solid light-dark(hsl(330 0% 10.2% / 0.1), hsl(330 0% 99% / 0.1));
  --kds-border-base-brand: 1px solid hsl(50.8, 100%, 50%);
  --kds-border-base-danger: 1px solid light-dark(hsl(3.4, 100%, 86.1%), hsl(348, 94.3%, 20.8%));
  --kds-border-base-warning: 1px solid light-dark(hsl(30.8, 79.3%, 73.5%), hsl(13.1, 66.1%, 23.1%));
  --kds-border-base-success: 1px solid light-dark(hsl(112, 56.5%, 71.2%), hsl(123.7, 46.7%, 20.6%));
  --kds-border-base-info: 1px solid light-dark(hsl(214.5, 100%, 84.3%), hsl(210, 50%, 27.5%));
  --kds-border-node-status-empty: 1px solid light-dark(hsl(0, 0%, 90.2%), hsl(0, 0%, 32.2%));
  --kds-border-node-status-error: 1px solid light-dark(hsl(348, 94.3%, 20.8%), hsl(2.6, 100%, 72.4%));
  --kds-border-node-status-warning: 1px solid light-dark(hsl(19, 63.1%, 38.2%), hsl(49.1, 99.1%, 43.7%));
  --kds-border-node-status-success: 1px solid light-dark(hsl(116.1, 46.6%, 25.7%), hsl(106.5, 42.6%, 54.9%));
  --kds-border-resize-handle-initial: 2px solid light-dark(hsl(330 0% 10.2% / 0.4), hsl(330 0% 99% / 0.4));
  --kds-border-resize-handle-hover: 2px solid light-dark(hsl(330 0% 10.2% / 0.64), hsl(330 0% 99% / 0.58));
  --kds-border-resize-handle-active: 2px solid light-dark(hsl(330 0% 10.2% / 0.74), hsl(330 0% 99% / 0.68));
  --kds-border-color-picker-handle-initial: 2px solid hsl(0, 0%, 99%);
  --kds-sizing-viewport-breakpoints-576: 576px;
  --kds-sizing-viewport-breakpoints-768: 768px;
  --kds-sizing-viewport-breakpoints-1024: 1024px;
  --kds-sizing-viewport-breakpoints-1200: 1200px;
  --kds-sizing-viewport-breakpoints-1400: 1400px;
  --kds-sizing-viewport-breakpoints-1728: 1728px;
  --kds-spacing-container-negative-0-25x: -4px;
  --kds-spacing-container-negative-0-375x: -6px;
  --kds-spacing-container-negative-0-5x: -8px;
  --kds-spacing-container-none: 0;
  --kds-spacing-container-0-10x: 1px;
  --kds-spacing-container-0-12x: 2px;
  --kds-spacing-container-0-25x: 4px;
  --kds-spacing-container-0-37x: 6px;
  --kds-spacing-container-0-5x: 8px;
  --kds-spacing-container-0-75x: 12px;
  --kds-spacing-container-1x: 16px;
  --kds-spacing-container-1-25x: 20px;
  --kds-spacing-container-1-5x: 24px;
  --kds-spacing-container-2x: 32px;
  --kds-spacing-container-3x: 48px;
  --kds-spacing-container-4x: 64px;
  --kds-spacing-container-5x: 80px;
  --kds-spacing-offset-focus: 1px;
  --kds-spacing-input-label-spacing-bottom: 4px;
  --kds-spacing-sub-text-spacing-top: 4px;
  --kds-dimension-component-height-0-125x: 2px;
  --kds-dimension-component-height-0-25x: 4px;
  --kds-dimension-component-height-0-75x: 12px;
  --kds-dimension-component-height-0-88x: 14px;
  --kds-dimension-component-height-1x: 16px;
  --kds-dimension-component-height-1-25x: 20px;
  --kds-dimension-component-height-1-5x: 24px;
  --kds-dimension-component-height-1-75x: 28px;
  --kds-dimension-component-height-2-25x: 36px;
  --kds-dimension-component-height-2-75x: 44px;
  --kds-dimension-component-height-2-5x: 40px;
  --kds-dimension-component-height-4x: 64px;
  --kds-dimension-component-height-5x: 80px;
  --kds-dimension-component-height-12x: 192px;
  --kds-dimension-component-height-12-5x: 200px;
  --kds-dimension-component-height-20x: 320px;
  --kds-dimension-component-height-25x: 400px;
  --kds-dimension-component-height-45x: 720px;
  --kds-dimension-component-width-0-125x: 2px;
  --kds-dimension-component-width-0-25x: 4px;
  --kds-dimension-component-width-0-75x: 12px;
  --kds-dimension-component-width-0-88x: 14px;
  --kds-dimension-component-width-1x: 16px;
  --kds-dimension-component-width-1-25x: 20px;
  --kds-dimension-component-width-1-5x: 24px;
  --kds-dimension-component-width-1-75x: 28px;
  --kds-dimension-component-width-2x: 32px;
  --kds-dimension-component-width-2-25x: 36px;
  --kds-dimension-component-width-2-75x: 44px;
  --kds-dimension-component-width-4x: 64px;
  --kds-dimension-component-width-6x: 96px;
  --kds-dimension-component-width-8x: 128px;
  --kds-dimension-component-width-12x: 192px;
  --kds-dimension-component-width-12-5x: 200px;
  --kds-dimension-component-width-16x: 256px;
  --kds-dimension-component-width-17-5x: 280px;
  --kds-dimension-component-width-20x: 320px;
  --kds-dimension-component-width-25x: 400px;
  --kds-dimension-component-width-32x: 512px;
  --kds-dimension-component-width-35x: 560px;
  --kds-dimension-component-width-45x: 720px;
  --kds-dimension-component-width-52-5x: 840px;
  --kds-dimension-component-width-61x: 976px;
  --kds-dimension-icon-0-56x: 9px;
  --kds-dimension-icon-0-75x: 12px;
  --kds-dimension-icon-1x: 16px;
  --kds-dimension-icon-1-25x: 20px;
  --kds-dimension-chart-line-width: 1.5px;
  --kds-dimension-chart-segment-gap: 0.75px;
  --kds-font-base-display-xsmall: 700 18px/normal Roboto, sans-serif;
  --kds-font-base-display-small: 700 20px/normal Roboto, sans-serif;
  --kds-font-base-display-medium: 700 24px/normal Roboto, sans-serif;
  --kds-font-base-display-large: 700 32px/normal Roboto, sans-serif;
  --kds-font-base-display-xlarge: 700 40px/normal Roboto, sans-serif;
  --kds-font-base-title-xsmall: 500 10px/normal Roboto, sans-serif;
  --kds-font-base-title-small: 500 12px/normal Roboto, sans-serif;
  --kds-font-base-title-small-strong: 700 12px/normal Roboto, sans-serif;
  --kds-font-base-title-medium: 500 14px/normal Roboto, sans-serif;
  --kds-font-base-title-medium-strong: 700 14px/normal Roboto, sans-serif;
  --kds-font-base-title-large: 500 16px/normal Roboto, sans-serif;
  --kds-font-base-title-large-strong: 700 16px/normal Roboto, sans-serif;
  --kds-font-base-body-small: 400 12px/1.5 Roboto, sans-serif;
  --kds-font-base-body-small-italic: italic 400 12px/1.5 Roboto, sans-serif;
  --kds-font-base-body-small-strong: 700 12px/1.5 Roboto, sans-serif;
  --kds-font-base-body-small-strong-italic: italic 700 12px/1.5 Roboto, sans-serif;
  --kds-font-base-body-medium: 400 14px/1.5 Roboto, sans-serif;
  --kds-font-base-body-medium-strong: 700 14px/1.5 Roboto, sans-serif;
  --kds-font-base-body-large: 400 16px/1.5 Roboto, sans-serif;
  --kds-font-base-body-large-strong: 700 16px/1.5 Roboto, sans-serif;
  --kds-font-base-body-xlarge: 400 20px/1.5 Roboto, sans-serif;
  --kds-font-base-subtext-xsmall: 400 9px/normal Roboto, sans-serif;
  --kds-font-base-subtext-small: 400 10px/normal Roboto, sans-serif;
  --kds-font-base-subtext-medium: 400 12px/normal Roboto, sans-serif;
  --kds-font-base-interactive-xsmall-strong: 500 11px/normal Roboto, sans-serif;
  --kds-font-base-interactive-small: 400 12px/normal Roboto, sans-serif;
  --kds-font-base-interactive-small-italic: italic 400 12px/normal Roboto, sans-serif;
  --kds-font-base-interactive-small-strong: 500 12px/normal Roboto, sans-serif;
  --kds-font-base-interactive-medium: 400 14px/normal Roboto, sans-serif;
  --kds-font-base-interactive-medium-strong: 500 14px/normal Roboto, sans-serif;
  --kds-font-base-interactive-large: 400 16px/normal Roboto, sans-serif;
  --kds-font-base-interactive-large-strong: 500 16px/normal Roboto, sans-serif;
  --kds-font-base-code-xsmall: 300 10px/normal 'Roboto Mono', monospace;
  --kds-font-base-code-small: 300 12px/normal 'Roboto Mono', monospace;
  --kds-font-workflow-annotation-headline-h1: 700 36px/1.5 'Roboto Condensed', sans-serif;
  --kds-font-workflow-annotation-headline-h2: 700 30px/1.5 'Roboto Condensed', sans-serif;
  --kds-font-workflow-annotation-headline-h3: 700 26px/1.5 'Roboto Condensed', sans-serif;
  --kds-font-workflow-annotation-headline-h4: 700 22px/1.5 'Roboto Condensed', sans-serif;
  --kds-font-workflow-annotation-headline-h5: 700 16px/1.5 'Roboto Condensed', sans-serif;
  --kds-font-workflow-annotation-headline-h1-italic: 700 36px/1.5 'Roboto Condensed', sans-serif;
  --kds-font-workflow-annotation-headline-h2-italic: 700 30px/1.5 'Roboto Condensed', sans-serif;
  --kds-font-workflow-annotation-headline-h3-italic: 700 26px/1.5 'Roboto Condensed', sans-serif;
  --kds-font-workflow-annotation-headline-h4-italic: 700 22px/1.5 'Roboto Condensed', sans-serif;
  --kds-font-workflow-annotation-headline-h5-italic: 700 16px/1.5 'Roboto Condensed', sans-serif;
  --kds-font-workflow-annotation-headline-h6: 700 13px/1.5 'Roboto Condensed', sans-serif;
  --kds-font-workflow-annotation-headline-h6-italic: 700 13px/1.5 'Roboto Condensed', sans-serif;
  --kds-font-workflow-annotation-body-small: 400 13px/1.5 'Roboto Condensed', sans-serif;
  --kds-font-workflow-annotation-body-small-italic: italic 400 13px/1.5 'Roboto Condensed', sans-serif;
  --kds-font-workflow-annotation-body-small-strong: 700 13px/1.5 'Roboto Condensed', sans-serif;
  --kds-font-workflow-annotation-body-small-strong-italic: italic 700 13px/1.5 'Roboto Condensed', sans-serif;
  --kds-font-workflow-node-name: 700 13px 'Roboto Condensed', sans-serif;
  --kds-font-workflow-node-label: 400 12px 'Roboto Condensed', sans-serif;
  --kds-font-workflow-node-status: 400 8px 'Roboto Condensed', sans-serif;
  --kds-font-dataapp-h1: 700 36px/1.5 Roboto, sans-serif;
  --kds-font-dataapp-h2: 700 30px/1.5 Roboto, sans-serif;
  --kds-font-dataapp-h3: 700 26px/1.5 Roboto, sans-serif;
  --kds-font-dataapp-h4: 700 22px/1.5 Roboto, sans-serif;
  --kds-font-dataapp-h5: 700 16px/1.5 Roboto, sans-serif;
  --kds-font-dataapp-h6: 700 13px/1.5 Roboto, sans-serif;
  --kds-font-dataapp-body: 700 13px/1.5 Roboto, sans-serif;
  --kds-font-dataapp-body-small: 700 10px/1.5 Roboto, sans-serif;
  --kds-font-chart-title: 700 18px/normal Roboto, sans-serif;
  --kds-font-chart-subtitle: 400 12px/1.5 Roboto, sans-serif;
  --kds-font-chart-axis-name: 400 12px/1.5 Roboto, sans-serif;
  --kds-font-chart-axis-label: 500 11px/normal Roboto, sans-serif;
  --kds-font-chart-legend: 500 11px/normal Roboto, sans-serif;
  --kds-font-chart-tooltip: 400 12px/1.5 Roboto, sans-serif;
  --kds-font-chart-label: 400 10px/normal Roboto, sans-serif;
  --kds-elevation-level-0: 0 0 0 0 light-dark(hsl(210 0% 72.5% / 0.32), hsl(330 0% 10.2% / 0.9));
  --kds-elevation-level-1: 0 1px 1px 0 light-dark(hsl(210 0% 72.5% / 0.32), hsl(330 0% 10.2% / 0.9)), 0 0 1px 0 light-dark(hsl(180 0% 32.2% / 0.14), hsl(330 0% 10.2% / 0.94)), 0 0 8px 0 light-dark(hsl(180 0% 32.2% / 0.12), hsl(330 0% 10.2% / 0.98));
  --kds-elevation-level-3: 0 2px 4px 0 light-dark(hsl(210 0% 72.5% / 0.32), hsl(330 0% 10.2% / 0.9)), 0 4px 8px 0 light-dark(hsl(180 0% 32.2% / 0.14), hsl(330 0% 10.2% / 0.94)), 0 0 20px 0 light-dark(hsl(180 0% 32.2% / 0.12), hsl(330 0% 10.2% / 0.98));
  --kds-fake-border-xs-muted: 0 0 0 0.5px light-dark(hsl(330 0% 10.2% / 0.2), hsl(330 0% 99% / 0.2));
  --kds-box-shadow-knob: 0 1px 2px 0 light-dark(hsl(180 0% 32.2% / 0.5), hsl(330 0% 10.2% / 0.6));
  --kds-width-side-drawer-default: 420px;
}