*,
*::before,
*::after {
  box-sizing: border-box;
  user-select: none;
  word-break: break-word;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--font-family);
  font-weight: normal;
  font-style: normal;
  /* keep -webkit prefix */
  -webkit-background-clip: text;
  transition: background-color 0.3s ease-out;
}
body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
body::-webkit-scrollbar-thumb {
  /* background-color: inherit; */
  background-color: var(--color-active-secondary);
  border-radius: 5px;
  transition: all 2s ease-out;
}

a {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
a:focus {
  outline-color: var(--color-cyan-300);
}

button {
  padding: 0;
  color: inherit;
  font-family: var(--font-family);
  cursor: pointer;
  border-width: 0;
  outline: none;
  background-color: transparent;
}

input,
textarea {
  margin: 0;
  padding: 0;
  font-family: "Inter", sans-serif;
  border: 0;
  border: none;
  outline: none;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}

p {
  margin: 0;
}

/*

$btn: (
  "primary": (
    "enabled":       (('basic', 'white'), ($primary, 600)),
    "hover":         (null,               ($primary, 700)),
    "active":        (null,               ($primary, 700)),
    "disabled":      (($neutral, 200),    ($neutral, 50)),
    "focus-shadow":  ($primary, 100),
  )
);
*/
@font-face {
  font-family: "Inter";
  font-weight: 400;
  font-style: normal;
  src: url("fonts/Inter-Regular.woff2") format("woff2"), url("fonts/Inter-Regular.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 500;
  font-style: normal;
  src: url("fonts/Inter-Medium.woff2") format("woff2"), url("fonts/Inter-Medium.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 600;
  font-style: normal;
  src: url("fonts/Inter-SemiBold.woff2") format("woff2"), url("fonts/Inter-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 700;
  font-style: normal;
  src: url("fonts/Inter-Bold.woff2") format("woff2"), url("fonts/Inter-Bold.woff") format("woff");
}
@font-face {
  font-family: "Vela sans";
  font-weight: 200;
  font-style: normal;
  src: url("fonts/VelaSans-ExtraLight.woff2") format("woff2"), url("fonts/VelaSans-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "Vela sans";
  font-weight: 300;
  font-style: normal;
  src: url("fonts/VelaSans-Light.woff2") format("woff2"), url("fonts/VelaSans-Light.woff") format("woff");
}
@font-face {
  font-family: "Vela sans";
  font-weight: 400;
  font-style: normal;
  src: url("fonts/VelaSans-Regular.woff2") format("woff2"), url("fonts/VelaSans-Regular.woff") format("woff");
}
@font-face {
  font-family: "Vela sans";
  font-weight: 500;
  font-style: normal;
  src: url("fonts/VelaSans-Medium.woff2") format("woff2"), url("fonts/VelaSans-Medium.woff") format("woff");
}
@font-face {
  font-family: "Vela sans";
  font-weight: 600;
  font-style: normal;
  src: url("fonts/VelaSans-SemiBold.woff2") format("woff2"), url("fonts/VelaSans-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Vela sans";
  font-weight: 700;
  font-style: normal;
  src: url("fonts/VelaSans-Bold.woff2") format("woff2"), url("fonts/VelaSans-Bold.woff") format("woff");
}
@font-face {
  font-family: "Vela sans";
  font-weight: 800;
  font-style: normal;
  src: url("fonts/VelaSans-ExtraBold.woff2") format("woff2"), url("fonts/VelaSans-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Lucida Console";
  font-weight: 400;
  font-style: normal;
  src: url("fonts/Lucida_Console.woff2") format("woff2"), url("fonts/Lucida_Console.woff") format("woff");
}
:root {
  --heading_4xl-ff: "Vela sans", sans-serif;
  --heading_4xl-ls: 0px;
  --heading_4xl-fs: 56px;
  --heading_4xl-lh: 64px;
  --heading_4xl-fw: 700;
  --heading_4xl-tt: none;
  --heading_3xl-ff: "Vela sans", sans-serif;
  --heading_3xl-ls: 0px;
  --heading_3xl-fs: 48px;
  --heading_3xl-lh: 64px;
  --heading_3xl-fw: 700;
  --heading_3xl-tt: none;
  --heading_2xl-ff: "Vela sans", sans-serif;
  --heading_2xl-ls: 0px;
  --heading_2xl-fs: 34px;
  --heading_2xl-lh: 48px;
  --heading_2xl-fw: 700;
  --heading_2xl-tt: none;
  --heading_xl-ff: "Vela sans", sans-serif;
  --heading_xl-ls: 0px;
  --heading_xl-fs: 28px;
  --heading_xl-lh: 40px;
  --heading_xl-fw: 700;
  --heading_xl-tt: none;
  --heading_lg-ff: "Vela sans", sans-serif;
  --heading_lg-ls: 0px;
  --heading_lg-fs: 20px;
  --heading_lg-lh: 28px;
  --heading_lg-fw: 700;
  --heading_lg-tt: none;
  --heading_md-ff: "Vela sans", sans-serif;
  --heading_md-ls: 0px;
  --heading_md-fs: 16px;
  --heading_md-lh: 24px;
  --heading_md-fw: 700;
  --heading_md-tt: none;
  --heading_sm-ff: "Vela sans", sans-serif;
  --heading_sm-ls: 0px;
  --heading_sm-fs: 13px;
  --heading_sm-lh: 20px;
  --heading_sm-fw: 700;
  --heading_sm-tt: none;
  --body_long_base-ff: "Vela sans", sans-serif;
  --body_long_base-ls: 0px;
  --body_long_base-fs: 16px;
  --body_long_base-lh: 24px;
  --body_long_base-fw: 500;
  --body_long_base-tt: none;
  --body_short_base-ff: "Vela sans", sans-serif;
  --body_short_base-ls: 0px;
  --body_short_base-fs: 16px;
  --body_short_base-lh: 20px;
  --body_short_base-fw: 500;
  --body_short_base-tt: none;
  --body_long_sm-ff: "Vela sans", sans-serif;
  --body_long_sm-ls: 0px;
  --body_long_sm-fs: 13px;
  --body_long_sm-lh: 20px;
  --body_long_sm-fw: 500;
  --body_long_sm-tt: none;
  --body_short_sm-ff: "Vela sans", sans-serif;
  --body_short_sm-ls: 0px;
  --body_short_sm-fs: 13px;
  --body_short_sm-lh: 16px;
  --body_short_sm-fw: 500;
  --body_short_sm-tt: none;
  --text_label_xs-ff: "Vela sans", sans-serif;
  --text_label_xs-ls: 0px;
  --text_label_xs-fs: 8px;
  --text_label_xs-lh: 12px;
  --text_label_xs-fw: 600;
  --text_label_xs-tt: none;
  --text_label_sm-ff: "Vela sans", sans-serif;
  --text_label_sm-ls: 0px;
  --text_label_sm-fs: 11px;
  --text_label_sm-lh: 20px;
  --text_label_sm-fw: 600;
  --text_label_sm-tt: none;
  --text_label_md-ff: "Vela sans", sans-serif;
  --text_label_md-ls: 0px;
  --text_label_md-fs: 13px;
  --text_label_md-lh: 20px;
  --text_label_md-fw: 600;
  --text_label_md-tt: none;
  --text_label_lg-ff: "Vela sans", sans-serif;
  --text_label_lg-ls: 0px;
  --text_label_lg-fs: 16px;
  --text_label_lg-lh: 20px;
  --text_label_lg-fw: 600;
  --text_label_lg-tt: none;
  --badge_sm-ff: "Vela sans", sans-serif;
  --badge_sm-ls: 0.016em;
  --badge_sm-fs: 11px;
  --badge_sm-lh: 12px;
  --badge_sm-fw: 600;
  --badge_sm-tt: uppercase;
  --badge_md-ff: "Vela sans", sans-serif;
  --badge_md-ls: 0.016em;
  --badge_md-fs: 13px;
  --badge_md-lh: 16px;
  --badge_md-fw: 600;
  --badge_md-tt: uppercase;
  --badge_lg-ff: "Vela sans", sans-serif;
  --badge_lg-ls: 0.016em;
  --badge_lg-fs: 16px;
  --badge_lg-lh: 16px;
  --badge_lg-fw: 500;
  --badge_lg-tt: uppercase;
  --helper_text_sm-ff: "Vela sans", sans-serif;
  --helper_text_sm-ls: 0px;
  --helper_text_sm-fs: 11px;
  --helper_text_sm-lh: 16px;
  --helper_text_sm-fw: 500;
  --helper_text_sm-tt: none;
  --helper_text_md-ff: "Vela sans", sans-serif;
  --helper_text_md-ls: 0px;
  --helper_text_md-fs: 18px;
  --helper_text_md-lh: 24px;
  --helper_text_md-fw: 500;
  --helper_text_md-tt: none;
  --helper_text_lg-ff: "Vela sans", sans-serif;
  --helper_text_lg-ls: 0px;
  --helper_text_lg-fs: 24px;
  --helper_text_lg-lh: 36px;
  --helper_text_lg-fw: 500;
  --helper_text_lg-tt: none;
  --button_lg-ff: "Vela sans", sans-serif;
  --button_lg-ls: 0px;
  --button_lg-fs: 16px;
  --button_lg-lh: 24px;
  --button_lg-fw: 500;
  --button_lg-tt: none;
  --button_md-ff: "Vela sans", sans-serif;
  --button_md-ls: 0px;
  --button_md-fs: 16px;
  --button_md-lh: 20px;
  --button_md-fw: 500;
  --button_md-tt: none;
  --button_sm-ff: "Vela sans", sans-serif;
  --button_sm-ls: 0px;
  --button_sm-fs: 13px;
  --button_sm-lh: 16px;
  --button_sm-fw: 500;
  --button_sm-tt: none;
  --menu_lg-ff: "Vela sans", sans-serif;
  --menu_lg-ls: 0px;
  --menu_lg-fs: 16px;
  --menu_lg-lh: 24px;
  --menu_lg-fw: 500;
  --menu_lg-tt: none;
  --menu_md-ff: "Vela sans", sans-serif;
  --menu_md-ls: 0px;
  --menu_md-fs: 16px;
  --menu_md-lh: 20px;
  --menu_md-fw: 500;
  --menu_md-tt: none;
  --menu_sm-ff: "Vela sans", sans-serif;
  --menu_sm-ls: 0px;
  --menu_sm-fs: 13px;
  --menu_sm-lh: 16px;
  --menu_sm-fw: 500;
  --menu_sm-tt: none;
  --font-family: "Vela sans", sans-serif;
  --color-blue-50: #EEF4FF;
  --color-blue-100: #DCEBFE;
  --color-blue-200: #BEDBFE;
  --color-blue-300: #A4C7FF;
  --color-blue-400: #7AB2FF;
  --color-blue-500: #4A9DFF;
  --color-blue-600: #1194FF;
  --color-blue-700: #0089F0;
  --color-blue-800: #0075DB;
  --color-blue-900: #004E9E;
  --color-green-50: #F0FFE0;
  --color-green-100: #CBFF97;
  --color-green-200: #C1F28F;
  --color-green-300: #B6E588;
  --color-green-400: #ADD980;
  --color-green-500: #7A995B;
  --color-green-600: #657F4B;
  --color-green-700: #51663C;
  --color-green-800: #475935;
  --color-green-900: #334026;
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e1e7ef;
  --color-slate-300: #cbd5e1;
  --color-slate-400: #94a3b8;
  --color-slate-500: #65758b;
  --color-slate-600: #48566a;
  --color-slate-700: #344256;
  --color-slate-800: #1d283a;
  --color-slate-900: #0f1729;
  --color-gray-50: #faf9f8;
  --color-gray-100: #f3f2f1;
  --color-gray-200: #edebe9;
  --color-gray-300: #e1dfdd;
  --color-gray-400: #a6a6a6;
  --color-gray-500: #787878;
  --color-gray-600: #595959;
  --color-gray-700: #454545;
  --color-gray-800: #2b2b2b;
  --color-gray-900: #0f0f0f;
  --color-emerald-50: #f4faf8;
  --color-emerald-100: #def7ec;
  --color-emerald-200: #bcf0da;
  --color-emerald-300: #84e1bc;
  --color-emerald-400: #31c48e;
  --color-emerald-500: #0ea06f;
  --color-emerald-600: #057a55;
  --color-emerald-700: #046c4f;
  --color-emerald-800: #03543e;
  --color-emerald-900: #014636;
  --color-red-50: #fdf2f2;
  --color-red-100: #fde8e8;
  --color-red-200: #fbd5d5;
  --color-red-300: #f8b4b4;
  --color-red-400: #f98080;
  --color-red-500: #f05151;
  --color-red-600: #e02424;
  --color-red-700: #c81e1e;
  --color-red-800: #9b1c1c;
  --color-red-900: #771d1d;
  --color-orange-50: #fff6eb;
  --color-orange-100: #ffedd6;
  --color-orange-200: #fed6a9;
  --color-orange-300: #fdba72;
  --color-orange-400: #fb923c;
  --color-orange-500: #f97415;
  --color-orange-600: #e9590c;
  --color-orange-700: #c03f0c;
  --color-orange-800: #9b3412;
  --color-orange-900: #7d2d12;
  --color-cyan-50: #f0f9ff;
  --color-cyan-100: #e1f3fe;
  --color-cyan-200: #bae5fd;
  --color-cyan-300: #7ed4fc;
  --color-cyan-400: #3abff8;
  --color-cyan-500: #0da2e7;
  --color-cyan-600: #0284c5;
  --color-cyan-700: #0369a0;
  --color-cyan-800: #075783;
  --color-cyan-900: #0c4a6e;
  --color-violet-50: #f6f5ff;
  --color-violet-100: #edecfe;
  --color-violet-200: #dcd7fe;
  --color-violet-300: #cabffd;
  --color-violet-400: #ac94fa;
  --color-violet-500: #9262f9;
  --color-violet-600: #7e3af2;
  --color-violet-700: #6b2bda;
  --color-violet-800: #5521b5;
  --color-violet-900: #491d96;
  --color-yellow-50: #fefce7;
  --color-yellow-100: #fef9c3;
  --color-yellow-200: #fef08b;
  --color-yellow-300: #fddf49;
  --color-yellow-400: #facc14;
  --color-yellow-500: #e7b008;
  --color-yellow-600: #c88a04;
  --color-yellow-700: #a26107;
  --color-yellow-800: #864e0e;
  --color-yellow-900: #733f12;
  --color-fuchsia-50: #fdf5ff;
  --color-fuchsia-100: #f9e5ff;
  --color-fuchsia-200: #f5d2fe;
  --color-fuchsia-300: #f0abfc;
  --color-fuchsia-400: #e87bf9;
  --color-fuchsia-500: #d948ef;
  --color-fuchsia-600: #bf27d3;
  --color-fuchsia-700: #a31daf;
  --color-fuchsia-800: #85198f;
  --color-fuchsia-900: #711a75;
  --color-primary-50: #f4faf8;
  --color-primary-100: #def7ec;
  --color-primary-200: #bcf0da;
  --color-primary-300: #84e1bc;
  --color-primary-400: #31c48e;
  --color-primary-500: #0ea06f;
  --color-primary-600: #057a55;
  --color-primary-700: #046c4f;
  --color-primary-800: #03543e;
  --color-primary-900: #014636;
  --color-success-50: #f4faf8;
  --color-success-100: #def7ec;
  --color-success-200: #bcf0da;
  --color-success-300: #84e1bc;
  --color-success-400: #31c48e;
  --color-success-500: #0ea06f;
  --color-success-600: #057a55;
  --color-success-700: #046c4f;
  --color-success-800: #03543e;
  --color-success-900: #014636;
  --color-error-50: #fdf2f2;
  --color-error-100: #fde8e8;
  --color-error-200: #fbd5d5;
  --color-error-300: #f8b4b4;
  --color-error-400: #f98080;
  --color-error-500: #f05151;
  --color-error-600: #e02424;
  --color-error-700: #c81e1e;
  --color-error-800: #9b1c1c;
  --color-error-900: #771d1d;
  --color-warning-50: #fff6eb;
  --color-warning-100: #ffedd6;
  --color-warning-200: #fed6a9;
  --color-warning-300: #fdba72;
  --color-warning-400: #fb923c;
  --color-warning-500: #f97415;
  --color-warning-600: #e9590c;
  --color-warning-700: #c03f0c;
  --color-warning-800: #9b3412;
  --color-warning-900: #7d2d12;
  --color-neutral-50: #faf9f8;
  --color-neutral-100: #f3f2f1;
  --color-neutral-200: #edebe9;
  --color-neutral-300: #e1dfdd;
  --color-neutral-400: #a6a6a6;
  --color-neutral-500: #787878;
  --color-neutral-600: #595959;
  --color-neutral-700: #454545;
  --color-neutral-800: #2b2b2b;
  --color-neutral-900: #0f0f0f;
  --color-primary-lighter-400: #f4faf8;
  --color-primary-lighter-300: #def7ec;
  --color-primary-lighter-200: #bcf0da;
  --color-primary-lighter-100: #84e1bc;
  --color-primary: #31c48e;
  --color-primary-darker-100: #0ea06f;
  --color-primary-darker-200: #057a55;
  --color-primary-darker-300: #046c4f;
  --color-primary-darker-400: #03543e;
  --color-primary-darker-500: #014636;
  --color-neutral-lighter-400: #faf9f8;
  --color-neutral-lighter-300: #f3f2f1;
  --color-neutral-lighter-200: #edebe9;
  --color-neutral-lighter-100: #e1dfdd;
  --color-neutral: #a6a6a6;
  --color-neutral-darker-100: #787878;
  --color-neutral-darker-200: #595959;
  --color-neutral-darker-300: #454545;
  --color-neutral-darker-400: #2b2b2b;
  --color-neutral-darker-500: #0f0f0f;
  --color-transparents-white-2: RGB(
    from var(--color-basic-white) r g b / 0.02
  );
  --color-transparents-white-4: RGB(
    from var(--color-basic-white) r g b / 0.04
  );
  --color-transparents-white-6: RGB(
    from var(--color-basic-white) r g b / 0.06
  );
  --color-transparents-white-8: RGB(
    from var(--color-basic-white) r g b / 0.08
  );
  --color-transparents-white-10: RGB(
    from var(--color-basic-white) r g b / 0.1
  );
  --color-transparents-white-12: RGB(
    from var(--color-basic-white) r g b / 0.12
  );
  --color-transparents-white-16: RGB(
    from var(--color-basic-white) r g b / 0.16
  );
  --color-transparents-white-20: RGB(
    from var(--color-basic-white) r g b / 0.2
  );
  --color-transparents-white-28: RGB(
    from var(--color-basic-white) r g b / 0.28
  );
  --color-transparents-white-40: RGB(
    from var(--color-basic-white) r g b / 0.4
  );
  --color-transparents-white-50: RGB(
    from var(--color-basic-white) r g b / 0.5
  );
  --color-transparents-white-80: RGB(
    from var(--color-basic-white) r g b / 0.8
  );
  --color-transparents-black-2: RGB(
    from var(--color-basic-black) r g b / 0.02
  );
  --color-transparents-black-4: RGB(
    from var(--color-basic-black) r g b / 0.04
  );
  --color-transparents-black-6: RGB(
    from var(--color-basic-black) r g b / 0.06
  );
  --color-transparents-black-8: RGB(
    from var(--color-basic-black) r g b / 0.08
  );
  --color-transparents-black-10: RGB(
    from var(--color-basic-black) r g b / 0.1
  );
  --color-transparents-black-12: RGB(
    from var(--color-basic-black) r g b / 0.12
  );
  --color-transparents-black-16: RGB(
    from var(--color-basic-black) r g b / 0.16
  );
  --color-transparents-black-20: RGB(
    from var(--color-basic-black) r g b / 0.2
  );
  --color-transparents-black-28: RGB(
    from var(--color-basic-black) r g b / 0.28
  );
  --color-transparents-black-40: RGB(
    from var(--color-basic-black) r g b / 0.4
  );
  --color-transparents-black-50: RGB(
    from var(--color-basic-black) r g b / 0.5
  );
  --color-transparents-black-80: RGB(
    from var(--color-basic-black) r g b / 0.8
  );
  --color-chip-info-50: #f4faf8;
  --color-chip-info-100: #def7ec;
  --color-chip-info-200: #bcf0da;
  --color-chip-info-300: #84e1bc;
  --color-chip-info-400: #31c48e;
  --color-chip-info-500: #0ea06f;
  --color-chip-info-600: #057a55;
  --color-chip-info-700: #046c4f;
  --color-chip-info-800: #03543e;
  --color-chip-info-900: #014636;
  --color-chip-info-lighter-400: #f4faf8;
  --color-chip-info-lighter-300: #def7ec;
  --color-chip-info-lighter-200: #bcf0da;
  --color-chip-info-lighter-100: #84e1bc;
  --color-chip-info: #31c48e;
  --color-chip-info-darker-100: #0ea06f;
  --color-chip-info-darker-200: #057a55;
  --color-chip-info-darker-300: #046c4f;
  --color-chip-info-darker-400: #03543e;
  --color-chip-info-darker-500: #014636;
  --color-interactive-primary: var(--color-emerald-500);
  --color-interactive-secondary: var(--color-gray-200);
  --color-interactive-tertiary: var(--color-gray-200);
  --color-interactive-danger: var(--color-red-200);
  --color-interactive-warning: var(--color-orange-200);
  --color-interactive-success: var(--color-emerald-200);
  --color-ui-background-base: var(--color-gray-50);
  --color-ui-background-secondary: var(--color-basic-white);
  --color-ui-background-tertiary: var(--color-gray-100);
  --color-ui-background-dark: var(--color-gray-800);
  --color-ui-border-base: var(--color-gray-200);
  --color-text-primary: var(--color-gray-900);
  --color-text-secondary: var(--color-gray-700);
  --color-text-interactive-primary: var(--color-basic-white);
  --color-text-interactive-secondary: var(--color-gray-700);
  --color-text-interactive-tertiary: var(--color-gray-700);
  --color-text-tertiary: var(--color-gray-500);
  --color-text-placeholder: var(--color-gray-400);
  --color-link-primary: var(--color-emerald-600);
  --color-link-secondary: var(--color-gray-700);
  --color-link-tertiary: var(--color-gray-700);
  --color-link-danger: var(--color-red-600);
  --color-link-warning: var(--color-orange-600);
  --color-link-success: var(--color-emerald-600);
  --color-icon-primary: var(--color-gray-800);
  --color-icon-secondary: var(--color-gray-500);
  --color-icon-tertiary: var(--color-gray-400);
  --color-field-base: var(--color-gray-50);
  --color-field-secondary: var(--color-basic-white);
  --color-support-error: var(--color-red-600);
  --color-support-success: var(--color-emerald-500);
  --color-support-warning: var(--color-orange-500);
  --color-support-info: var(--color-emerald-600);
  --color-support-error-light: var(--color-red-100);
  --color-support-success-light: var(--color-emerald-100);
  --color-support-warning-light: var(--color-orange-100);
  --color-support-info-light: var(--color-emerald-100);
  --color-overlay-base: RGB(from var(--color-gray-900) r g b / 0.45);
  --color-overlay-secondary: RGB(
    from var(--color-gray-900) r g b / 0.25
  );
  --color-overlay-tertiary: RGB(from var(--color-gray-900) r g b / 0.08);
  --color-selected-ui: var(--color-emerald-100);
  --color-hover-primary: var(--color-emerald-600);
  --color-hover-secondary: var(--color-gray-300);
  --color-hover-tertiary-background: var(--color-gray-100);
  --color-hover-ui-background-secondary: var(--color-gray-100);
  --color-hover-table-row: var(--color-gray-100);
  --color-hover-field-border-base: var(--color-gray-300);
  --color-hover-interactive-danger: var(--color-red-300);
  --color-hover-interactive-warning: var(--color-red-300);
  --color-hover-interactive-success: var(--color-emerald-300);
  --color-hover-link-danger: var(--color-red-700);
  --color-hover-link-warning: var(--color-orange-700);
  --color-hover-link-primary: var(--color-emerald-700);
  --color-hover-link-secondary: var(--color-gray-800);
  --color-hover-link-tertiary: var(--color-gray-800);
  --color-active-primary: var(--color-emerald-700);
  --color-active-secondary: var(--color-gray-400);
  --color-active-tertiary-background: var(--color-gray-200);
  --color-active-ui-background-secondary: var(--color-gray-200);
  --color-active-table-row: var(--color-emerald-50);
  --color-active-field-border-base: var(--color-emerald-500);
  --color-active-field-border-secondary: var(--color-emerald-100);
  --color-active-ghost-border: var(--color-emerald-500);
  --color-active-interactive-danger: var(--color-red-300);
  --color-active-interactive-warning: var(--color-orange-300);
  --color-active-interactive-success: var(--color-emerald-300);
  --color-active-link-danger-border: var(--color-red-700);
  --color-active-link-warning-border: var(--color-orange-700);
  --color-active-link-primary-border: var(--color-emerald-500);
  --color-active-link-secondary-border: var(--color-gray-300);
  --color-active-link-tertiary-border: var(--color-gray-300);
  --color-visited-link: var(--color-violet-500);
  --color-skeleton-graphic: var(--color-gray-200);
  --color-skeleton-text: var(--color-gray-300);
  --color-skeleton-gray: 200, 198, 196;
  --color-skeleton: var(--color-skeleton-gray);
  --color-disabled-state-base: var(--color-gray-100);
  --color-disabled-state-secondary: var(--color-gray-300);
  --color-disabled-state-tertiary: var(--color-gray-400);
  --color-focus-base: $var(--color-emerald-100);
  --color-focus-secondary: $var(--color-gray-100);
  --color-focus-danger: $var(--color-red-50);
  --color-focus-warning: $var(--color-orange-50);
  --color-focus-success: $var(--color-emerald-50);
  --color-basic-white: #ffffff;
  --color-basic-black: #080f21;
  --color-basic-gray: #f6f6f6;
  --color-toggle-disabled: var(--color-primary-50);
  --color-toggle-disabled-bg: var(--color-primary-200);
  --color-loglevel-info: var(--color-blue-600);
  --color-loglevel-warn: var(--color-orange-400);
  --color-loglevel-debug: var(--color-violet-400);
  --color-diagnostic-success: var(--color-emerald-400);
  --color-diagnostic-error: var(--color-red-500);
  --color-diagnostic-disabled: var(--color-gray-100);
  --color-diagnostic-enabling: var(--color-orange-500);
  --color-diagnostic-process: var(--color-blue-600);
  --color-button-primary-enabled: var(--color-basic-white);
  --color-button-primary-enabled-bg: var(--color-emerald-500);
  --color-button-primary-hover: var(--color-basic-white);
  --color-button-primary-hover-bg: var(--color-emerald-600);
  --color-button-primary-active: var(--color-basic-white);
  --color-button-primary-active-bg: var(--color-emerald-700);
  --color-button-primary-disabled: var(--color-gray-400);
  --color-button-primary-disabled-bg: var(--color-gray-100);
  --color-button-primary-focus: var(--color-basic-white);
  --color-button-primary-focus-bg: var(--color-emerald-500);
  --color-button-primary-focus-border: var(--color-emerald-100);
  --color-button-primary-loading: var(--color-basic-white);
  --color-button-primary-loading-bg: var(--color-emerald-700);
  --color-button-secondary-enabled: var(--color-gray-700);
  --color-button-secondary-enabled-bg: var(--color-gray-200);
  --color-button-secondary-hover: var(--color-gray-700);
  --color-button-secondary-hover-bg: var(--color-gray-300);
  --color-button-secondary-active: var(--color-emerald-600);
  --color-button-secondary-active-bg: var(--color-gray-100);
  --color-button-secondary-disabled: var(--color-gray-400);
  --color-button-secondary-disabled-bg: var(--color-gray-100);
  --color-button-secondary-focus: var(--color-gray-700);
  --color-button-secondary-focus-bg: var(--color-gray-200);
  --color-button-secondary-focus-border: var(--color-gray-100);
  --color-button-secondary-loading: var(--color-gray-700);
  --color-button-secondary-loading-bg: var(--color-gray-200);
  --color-button-tertiary-enabled: var(--color-gray-700);
  --color-button-tertiary-enabled-border: var(--color-gray-200);
  --color-button-tertiary-hover: var(--color-gray-700);
  --color-button-tertiary-hover-bg: var(--color-gray-100);
  --color-button-tertiary-hover-border: var(--color-gray-200);
  --color-button-tertiary-active: var(--color-emerald-600);
  --color-button-tertiary-active-bg: var(--color-emerald-100);
  --color-button-tertiary-disabled: var(--color-gray-400);
  --color-button-tertiary-disabled-border: var(--color-gray-100);
  --color-button-tertiary-focus: var(--color-gray-700);
  --color-button-tertiary-focus-border: var(--color-gray-100);
  --color-button-tertiary-loading: var(--color-gray-700);
  --color-button-tertiary-loading-bg: var(--color-gray-200);
  --color-button-tertiary-loading-border: var(--color-gray-200);
  --color-button-danger-enabled: var(--color-red-600);
  --color-button-danger-enabled-bg: var(--color-red-200);
  --color-button-danger-hover: var(--color-red-700);
  --color-button-danger-hover-bg: var(--color-red-300);
  --color-button-danger-active: var(--color-red-700);
  --color-button-danger-active-bg: var(--color-red-300);
  --color-button-danger-disabled: var(--color-gray-400);
  --color-button-danger-disabled-bg: var(--color-gray-100);
  --color-button-danger-focus: var(--color-red-600);
  --color-button-danger-focus-bg: var(--color-red-200);
  --color-button-danger-focus-border: var(--color-red-50);
  --color-button-danger-loading: var(--color-red-600);
  --color-button-danger-loading-bg: var(--color-red-300);
  --color-button-warning-enabled: var(--color-orange-600);
  --color-button-warning-enabled-bg: var(--color-orange-200);
  --color-button-warning-hover: var(--color-orange-700);
  --color-button-warning-hover-bg: var(--color-orange-300);
  --color-button-warning-active: var(--color-orange-700);
  --color-button-warning-active-bg: var(--color-orange-300);
  --color-button-warning-disabled: var(--color-gray-400);
  --color-button-warning-disabled-bg: var(--color-gray-100);
  --color-button-warning-focus: var(--color-orange-600);
  --color-button-warning-focus-bg: var(--color-orange-200);
  --color-button-warning-focus-border: var(--color-orange-100);
  --color-button-warning-loading: var(--color-orange-700);
  --color-button-warning-loading-bg: var(--color-orange-300);
  --color-button-success-enabled: var(--color-emerald-600);
  --color-button-success-enabled-bg: var(--color-emerald-200);
  --color-button-success-hover: var(--color-emerald-700);
  --color-button-success-hover-bg: var(--color-emerald-300);
  --color-button-success-active: var(--color-emerald-700);
  --color-button-success-active-bg: var(--color-emerald-300);
  --color-button-success-disabled: var(--color-gray-400);
  --color-button-success-disabled-bg: var(--color-gray-100);
  --color-button-success-focus: var(--color-emerald-600);
  --color-button-success-focus-bg: var(--color-emerald-200);
  --color-button-success-focus-border: var(--color-emerald-100);
  --color-button-success-loading: var(--color-emerald-700);
  --color-button-success-loading-bg: var(--color-emerald-300);
  --color-button-primary-borderless-enabled: var(--color-emerald-600);
  --color-button-primary-borderless-hover: var(--color-emerald-700);
  --color-button-primary-borderless-active: var(--color-emerald-700);
  --color-button-primary-borderless-active-border: var(--color-emerald-500);
  --color-button-primary-borderless-disabled: var(--color-gray-300);
  --color-button-primary-borderless-focus: var(--color-emerald-600);
  --color-button-primary-borderless-focus-border: var(--color-emerald-100);
  --color-button-primary-borderless-loading: var(--color-emerald-700);
  --color-button-primary-borderless-loading-border: var(--color-emerald-600);
  --color-button-secondary-borderless-enabled: var(--color-gray-700);
  --color-button-secondary-borderless-hover: var(--color-gray-800);
  --color-button-secondary-borderless-active: var(--color-emerald-600);
  --color-button-secondary-borderless-active-border: var(--color-gray-600);
  --color-button-secondary-borderless-disabled: var(--color-gray-400);
  --color-button-secondary-borderless-focus: var(--color-gray-700);
  --color-button-secondary-borderless-focus-border: var(--color-gray-100);
  --color-button-secondary-borderless-loading: var(--color-gray-800);
  --color-button-secondary-borderless-loading-border: var(--color-gray-300);
  --color-button-tertiary-borderless-enabled: var(--color-gray-700);
  --color-button-tertiary-borderless-hover: var(--color-gray-800);
  --color-button-tertiary-borderless-active: var(--color-emerald-600);
  --color-button-tertiary-borderless-active-border: var(--color-emerald-600);
  --color-button-tertiary-borderless-disabled: var(--color-gray-400);
  --color-button-tertiary-borderless-focus: var(--color-gray-700);
  --color-button-tertiary-borderless-focus-border: var(--color-gray-100);
  --color-button-tertiary-borderless-loading: var(--color-gray-800);
  --color-button-tertiary-borderless-loading-border: var(--color-gray-300);
  --color-button-danger-borderless-enabled: var(--color-red-600);
  --color-button-danger-borderless-hover: var(--color-red-700);
  --color-button-danger-borderless-active: var(--color-red-700);
  --color-button-danger-borderless-active-border: var(--color-red-700);
  --color-button-danger-borderless-disabled: var(--color-gray-400);
  --color-button-danger-borderless-focus: var(--color-red-600);
  --color-button-danger-borderless-focus-border: var(--color-red-50);
  --color-button-danger-borderless-loading: var(--color-red-700);
  --color-button-danger-borderless-loading-border: var(--color-red-700);
  --color-button-warning-borderless-enabled: var(--color-orange-600);
  --color-button-warning-borderless-hover: var(--color-orange-700);
  --color-button-warning-borderless-active: var(--color-orange-700);
  --color-button-warning-borderless-active-border: var(--color-orange-700);
  --color-button-warning-borderless-disabled: var(--color-gray-400);
  --color-button-warning-borderless-focus: var(--color-orange-600);
  --color-button-warning-borderless-focus-border: var(--color-orange-100);
  --color-button-warning-borderless-loading: var(--color-orange-700);
  --color-button-warning-borderless-loading-border: var(--color-orange-700);
  --color-button-success-borderless-enabled: var(--color-emerald-600);
  --color-button-success-borderless-hover: var(--color-emerald-700);
  --color-button-success-borderless-active: var(--color-emerald-700);
  --color-button-success-borderless-active-border: var(--color-emerald-700);
  --color-button-success-borderless-disabled: var(--color-gray-400);
  --color-button-success-borderless-focus: var(--color-emerald-600);
  --color-button-success-borderless-focus-border: var(--color-emerald-100);
  --color-button-success-borderless-loading: var(--color-emerald-700);
  --color-button-success-borderless-loading-border: var(--color-emerald-700);
}