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

:root {
  --breakpoint-desktop-screen-width: 1440px;
  --breakpoint-tablet-screen-width: 1024px;
  --breakpoint-mobile-screen-width: 640px;
  --breakpoint-layout-content-max-width: 1134px;
  --breakpoint-tooltip-content-max-width: 200px;
  --error-50: #ffefee;
  --error-500: #cc2f1f;
  --error-700: #770f05;
  --success-50: #f2faf6;
  --success-500: #4a9a6f;
  --success-700: #224632;
  --warning-50: #fffcf3;
  --warning-500: #f4c244;
  --warning-900: #976c00;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-transparent: rgba(255, 255, 255, 0);
  --steel-50: #f8f8fa;
  --steel-100: #f0f1f4;
  --steel-200: #e9e9ef;
  --steel-300: #dadbe5;
  --steel-400: #c3c5d5;
  --steel-500: #555978;
  --steel-600: #43465f;
  --steel-700: #35384b;
  --steel-800: #232532;
  --steel-900: #131e29;
  --grey-50: #f6f6f7;
  --grey-100: #eaebee;
  --grey-200: #dcdee3;
  --grey-300: #caced4;
  --grey-400: #c2c6ce;
  --grey-500: #a0a6b2;
  --grey-600: #838892;
  --grey-700: #656d7c;
  --grey-800: #434853;
  --grey-900: #32363e;
  --in-progress-light: #c5e9d5;
  --in-progress-dark: #5dc18b;
  --spacing-xxs: 0.5rem;
  --spacing-3xl: 4rem;
  --spacing-2xl: 3.5rem;
  --spacing-xl: 3rem;
  --spacing-lg: 2.5rem;
  --spacing-xs: 1rem;
  --spacing-md: 2rem;
  --spacing-sm: 1.5rem;
  --spacing-3xs: 0.25rem;
  --radius-xs: 0.25rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-full: 62.5rem;
  --border-sm: 0.125rem;
  --border-md: 0.1875rem;
  --border-lg: 0.25rem;
  --border-xs: 0.0625rem;
  --avatar-sm: 2rem;
  --avatar-md: 2.5rem;
  --avatar-lg: 3rem;
  --avatar-xs: 1.5rem;
  --icon-button-sm: 1.5rem;
  --icon-button-md: 2rem;
  --icon-button-lg: 2.5rem;
  --icon-sm: 1rem;
  --icon-md: 1.25rem;
  --icon-lg: 1.5rem;
  --icon-xl: 2rem;
  --icon-xxl: 2.5rem;
}