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

/*-------------------------------------
  1. CSS Variables
--------------------------------------*/
:root {
  /*------Color variables------*/
  --amber_500: #fdcc0d;
  --black_900_af: #000000af;
  --blue_gray_100_3d: #d9d9d93d;
  --blue_gray_900: #333333;
  --blue_gray_900_01: #212e37;
  --blue_gray_900_91: #33333391;
  --blue_gray_900_99: #33333399;
  --blue_gray_900_af: #333333af;
  --blue_gray_900_cc: #333333cc;
  --cyan_700: #049d9d;
  --cyan_700_19: #049d9d19;
  --cyan_800: #038787;
  --cyan_900: #0d5871;
  --gray_100: #f5f7f9;
  --gray_300: #dbdbdb;
  --gray_300_01: #e5e5e5;
  --gray_300_1e: #e5e5e51e;
  --gray_50: #fafafa;
  --gray_600: #6c6c6c;
  --gray_800: #4f4f4f;
  --gray_800_cc: #4f4f4fcc;
  --light_blue_600: #18a7d7;
  --white_a700: #ffffff;
  --white_a700_3a: #ffffff3a;

  /*------Border radius variables------*/
  --radius-xs: 1px;
  --radius-sm: 4px;
  --radius-md: 5px;
  --radius-lg: 8px;
  --radius-xl: 16px;
  --radius-2xl: 18px;
  --radius-3xl: 20px;

  /*------Spacing variables------*/
  --space-xs: 2px;
  --space-sm: 4px;
  --space-md: 6px;
  --space-lg: 8px;
  --space-xl: 9px;
  --space-2xl: 10px;
  --space-3xl: 12px;
  --space-4xl: 16px;
  --space-5xl: 20px;
  --space-6xl: 22px;
  --space-7xl: 30px;
  --space-8xl: 32px;
  --space-9xl: 48px;
}

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

.flex-col-center-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}