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

:root {
  --breakpoint-xs: 0em;
  --breakpoint-sm: 37.5em;
  --breakpoint-md: 56.5625em;
  --breakpoint-lg: 77.5em;
  --breakpoint-xl: 90em;
  --color-brand-blue-100: #E5E9FF;
  --color-brand-blue-200: #CCD5FF;
  --color-brand-blue-300: #99ABFF;
  --color-brand-blue-400: #6B84FF;
  --color-brand-blue-500: #2949E5;
  --color-brand-blue-600: #1F3399;
  --color-brand-blue-700: #222D66;
  --color-brand-blue-800: #000934;
  --color-purple-100: #FDF7FF;
  --color-purple-200: #F9E5FF;
  --color-purple-300: #F2CAFF;
  --color-purple-400: #E093FA;
  --color-purple-500: #D65CFF;
  --color-purple-600: #AC12E0;
  --color-purple-700: #752E8C;
  --color-purple-800: #39004D;
  --color-green-100: #F4FFF2;
  --color-green-200: #DFFFD9;
  --color-green-300: #B0E5A5;
  --color-green-400: #76D962;
  --color-green-500: #44B62D;
  --color-green-600: #268713;
  --color-green-700: #38662E;
  --color-green-800: #093300;
  --color-blue-100: #E9F5FF;
  --color-blue-200: #C7E7FF;
  --color-blue-300: #91CEFF;
  --color-blue-400: #58B7FE;
  --color-blue-500: #229FFF;
  --color-blue-600: #1B7FDE;
  --color-blue-700: #165FAC;
  --color-blue-800: #0D407A;
  --color-pink-100: #FFF8FC;
  --color-pink-200: #FFE5F4;
  --color-pink-300: #FFC7E8;
  --color-pink-400: #FF8CD0;
  --color-pink-500: #FF40B3;
  --color-pink-600: #E0128E;
  --color-pink-700: #661F4A;
  --color-pink-800: #4D002E;
  --color-red-100: #FFF7F9;
  --color-red-200: #FFCCD5;
  --color-red-300: #FF99AB;
  --color-red-400: #FF6682;
  --color-red-500: #FF2B51;
  --color-red-600: #D60027;
  --color-red-700: #99001C;
  --color-red-800: #660013;
  --color-yellow-100: #FFFFF0;
  --color-yellow-200: #EFF18D;
  --color-yellow-300: #E8EC1E;
  --color-yellow-400: #D9DC25;
  --color-yellow-500: #BCBF19;
  --color-yellow-600: #9EA00F;
  --color-yellow-700: #7C7E07;
  --color-yellow-800: #4A4D00;
  --color-orange-100: #FFF9F8;
  --color-orange-200: #FFCABA;
  --color-orange-300: #FF9D80;
  --color-orange-400: #FF6C40;
  --color-orange-500: #D1451A;
  --color-orange-600: #B23009;
  --color-orange-700: #80280D;
  --color-orange-800: #4D1200;
  --color-grey-100: #F8F8F9;
  --color-grey-200: #EBEBED;
  --color-grey-300: #DEDEE1;
  --color-grey-400: #C4C4C8;
  --color-grey-500: #A3A3AA;
  --color-grey-600: #7B7B87;
  --color-grey-700: #62626C;
  --color-grey-800: #4A4A51;
  --color-grey-900: #37373C;
  --color-grey-1000: #1F1F22;
  --color-grey-1100: #0B0D0E;
  --color-error-100: #FFECEC;
  --color-error-200: #FFCACA;
  --color-error-300: #FF9A9A;
  --color-error-400: #FF6962;
  --color-error-500: #FA4040;
  --color-error-600: #D63727;
  --color-error-700: #AA0D15;
  --color-error-800: #860011;
  --color-success-100: #E6F9F3;
  --color-success-200: #BFEFE0;
  --color-success-300: #81E0C1;
  --color-success-400: #41D0A3;
  --color-success-500: #00C185;
  --color-success-600: #00966E;
  --color-success-700: #047063;
  --color-success-800: #025050;
  --color-warning-100: #FFF8E6;
  --color-warning-200: #FFEFC8;
  --color-warning-300: #FFDF96;
  --color-warning-400: #FFCE5A;
  --color-warning-500: #FABE1F;
  --color-warning-600: #DC9601;
  --color-warning-700: #BE7200;
  --color-warning-800: #B45101;
  --duration-productive-fast: 70ms;
  --duration-productive-moderate: 110ms;
  --duration-productive-slow: 150ms;
  --duration-expressive-fast: 240ms;
  --duration-expressive-moderate: 400ms;
  --duration-expressive-slow: 700ms;
  --easing-standard-productive: cubic-bezier(0.2, 0, 0.38, 0.9);
  --easing-standard-expressive: cubic-bezier(0.4, 0.14, 0.3, 1);
  --easing-entrance-productive: cubic-bezier(0, 0, 0.38, 0.9);
  --easing-entrance-expressive: cubic-bezier(0, 0, 0.3, 1);
  --easing-exit-productive: cubic-bezier(0.2, 0, 1, 0.9);
  --easing-exit-expressive: cubic-bezier(0.4, 0.14, 1, 1);
  --font-family-default: InterVariable, Helvetica, Arial, sans-serif;
  --font-family-monospace: "IBM Plex Mono", Consolas, Monaco, monospace;
  --font-weight-thin: 100;
  --font-weight-extra-light: 200;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --font-size-default: 16px;
  --font-size-small: 14px;
  --shadow-elevation0: none;
  --shadow-elevation1: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-elevation2: 0 0 64px 0 rgba(0, 0, 0, 0.08);
  --spacing-space01: 4px;
  --spacing-space02: 8px;
  --spacing-space03: 12px;
  --spacing-space04: 16px;
  --spacing-space05: 24px;
  --spacing-space06: 32px;
  --spacing-space07: 48px;
  --spacing-space08: 64px;
  --spacing-space09: 80px;
  --spacing-space10: 96px;
  --spacing-space11: 120px;
}