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

/*-------------------------------------
  1. CSS Variables
--------------------------------------*/
:root {
  /*------Color variables------*/
  --amber_300: #f9d366;
  --amber_a100: #ffe077;
  --amber_a200: #ffde46;
  --amber_a400: #ffcd00;
  --black_900: #000000;
  --black_900_19: #00000019;
  --black_900_33: #00000033;
  --black_900_dd: #000000dd;
  --blue_200: #90d8f9;
  --blue_500: #2196f3;
  --blue_700: #1976d2;
  --blue_700_01: #1d83d4;
  --blue_800: #1667b7;
  --blue_gray_100: #cdd0d2;
  --blue_gray_50: #eceff1;
  --blue_gray_500: #607d8b;
  --blue_gray_600: #546d79;
  --blue_gray_600_01: #407093;
  --blue_gray_700: #494a59;
  --blue_gray_700_01: #365e7d;
  --blue_gray_800: #2d3e53;
  --blue_gray_900: #2f373b;
  --cyan_200: #7ad7ee;
  --deep_orange_100: #ffcbbe;
  --deep_orange_800: #bd5423;
  --deep_orange_a200: #d9723e;
  --deep_purple_100: #cec1e8;
  --deep_purple_200: #bc95e2;
  --deep_purple_300: #9373b9;
  --deep_purple_400: #895ece;
  --deep_purple_50: #ede6f5;
  --deep_purple_500: #723ec4;
  --deep_purple_50_01: #e7dff5;
  --deep_purple_a100: #cf8bfc;
  --deep_purple_a100_01: #ca75f5;
  --gray_100_01: #f6f1f1;
  --gray_200: #eceaec;
  --gray_300: #e4e4e4;
  --gray_50: #fafafa;
  --gray_700_01: #5d4e75;
  --gray_700_02: #615260;
  --gray_800: #453744;
  --gray_900: #16202d;
  --gray_900_01: #111827;
  --gray_900_02: #181e21;
  --green_200: #95d6a4;
  --green_300: #78c2a4;
  --light_blue_300: #4bc3ef;
  --light_blue_600: #09a1e5;
  --light_blue_a200: #3ec3ff;
  --light_green_100: #d6f6b2;
  --orange_100: #ffd19c;
  --orange_300: #ffc244;
  --orange_300_01: #f9bd5d;
  --orange_400: #ffa31d;
  --orange_500: #fe990d;
  --orange_a200: #feaa35;
  --pink_700: #d20041;
  --pink_a400: #ff0059;
  --purple_a100: #d98ff8;
  --red_200: #df9380;
  --red_200_01: #eaac9d;
  --red_200_02: #d8aa8b;
  --red_300: #ce9875;
  --red_500: #f44336;
  --red_600: #d94244;
  --red_900: #ab0033;
  --red_a200: #fc595a;
  --red_a200_01: #ff4949;
  --teal_50: #dfeaef;
  --yellow_100: #fff0be;
  --yellow_900: #dd8833;
  --gray_100: #f5f6fa;
  --gray_500_5d: #a9a9a95d;
  --gray_700: #5e5e5e;
  --green_a700: #00c853;
  --indigo_900: #3a1f65;
  --white_a700: #ffffff;

  /*------Shadow variables------*/
  --shadow-xs: 0 13px 61px 0 #a9a9a95d;
  --shadow-sm: 0 1px 2px 0 #00000019;
  --shadow-md: 0 3px 1px -2px #00000033;

  /*------Border radius variables------*/
  --radius-xs: 8px;
  --radius-sm: 14px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 24px;

  /*------Spacing variables------*/
  --space-xs: 7px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 18px;
  --space-2xl: 20px;
  --space-3xl: 24px;
  --space-4xl: 30px;
  --space-5xl: 32px;
  --space-6xl: 36px;
  --space-7xl: 40px;
  --space-8xl: 80px;
}

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