/*=========== TABLE OF CONTENTS ===========
1. CSS Variables
2. Utility CSS
==========================================*/

/*-------------------------------------
  1. CSS Variables
--------------------------------------*/
:root {
  /*------Color variables------*/
  --amber_a400: #ffc700;
  --black_900: #000000;
  --blue_200: #8fc6e9;
  --blue_800: #114dc1;
  --blue_800_01: #226db4;
  --blue_800_02: #216db3;
  --blue_800_03: #226eb3;
  --blue_800_04: #236eb4;
  --blue_900: #1f4d91;
  --blue_a700: #0067ff;
  --blue_a700_01: #0060ff;
  --blue_gray_800: #293a4b;
  --blue_gray_900: #292930;
  --blue_gray_900_01: #22154d;
  --gray_300: #e4e6e8;
  --gray_500: #aaaaaa;
  --gray_600: #6d6d6d;
  --gray_600_66: #77777766;
  --gray_700: #555555;
  --gray_900: #1f1f24;
  --green_200: #94cd9e;
  --green_400: #69be6d;
  --indigo_100: #cbd8eb;
  --indigo_200: #a1b8da;
  --indigo_400: #4c79b9;
  --indigo_50: #e9eff7;
  --indigo_50_1c: #e9eff71c;
  --indigo_600: #255baa;
  --indigo_600_01: #3635b2;
  --light_blue_50: #d2e9ff;
  --light_blue_500: #0ba0ff;
  --light_blue_700: #0697d4;
  --orange_200: #feba75;
  --orange_50: #fbefe0;
  --pink_200: #ff8ac7;
  --pink_900: #761116;
  --red_500: #eb473e;
  --red_500_01: #f0483e;
  --red_700: #e32327;
  --red_700_01: #e42528;
  --red_700_02: #e42527;
  --red_700_03: #e32628;
  --red_a100: #ff717f;
  --teal_700: #089949;
  --teal_700_01: #049849;
  --teal_700_02: #049949;
  --teal_700_03: #059548;
  --teal_700_04: #009849;
  --white_a700: #ffffff;
  --yellow_800: #f7b11a;
  --yellow_800_01: #f8b11c;
  --yellow_800_02: #f7b21b;
  --yellow_900: #dc7e28;
  --yellow_a700: #fdd600;

  /*------Shadow variables------*/
  --shadow-xs: 0 10px 15px -6px #77777766;

  /*------Border radius variables------*/
  --radius-xs: 6px;
  --radius-sm: 8px;

  /*------Spacing variables------*/
  --space-xs: 4px;
  --space-sm: 10px;
  --space-md: 14px;
  --space-lg: 22px;
  --space-xl: 24px;
  --space-2xl: 30px;
  --space-3xl: 100px;
}

/*-------------------------------------
  2. Utility CSS
--------------------------------------*/
.flex-row-center-center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}