@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
    font-family: 'Inter', sans-serif; 
}

:root {
  /* Figma Variables */

  /* Color */
  --primary-grey-0: #fff;
  --primary-grey-50: #fafafa;
  --primary-grey-200: #eee;
  --primary-grey-500: #9e9e9e;
  --primary-grey-700: #616161;
  --primary-grey-900: #212121;
  --primary-grey-9001: #212121;

  /* Common Style Variables */

  /* Color */
  --color-black: #000;
  --color-gray: rgba(255, 255, 255, 0.7);
  --color-honeydew: rgba(239, 255, 243, 0.88);
  --color-mintcream-100: #f7fcfa;
  --color-mintcream-200: #ecf9f4;
  --color-mintcream-300: #ecf9f3;
  --primary-50: #def5e4;
  --primary-500: #03a24e;
  --second-50: #fef1ee;
  --second-500: #f37022;
  --second-5001: #f37022;
  --second-5002: #f37022;

  /* Gap */
  --gap-4: 4px;
  --gap-8: 8px;
  --gap-12: 12px;
  --gap-16: 16px;
  --gap-18: 18px;
  --gap-20: 20px;
  --gap-24: 24px;
  --gap-32: 32px;
  --gap-36: 36px;
  --gap-48: 48px;
  --gap-72: 72px;

  /* Padding */
  --padding-0: 0;
  --padding-4: 4px;
  --padding-8: 8px;
  --padding-12: 12px;
  --padding-16: 16px;
  --padding-20: 20px;
  --padding-22: 22px;
  --padding-24: 24px;
  --padding-32: 32px;
  --padding-36: 36px;
  --padding-47: 47px;
  --padding-48: 48px;
  --padding-64: 64px;
  --padding-72: 72px;

  /* BorderRadius */
  --br-8: 8px;
  --br-12: 12px;
  --br-16: 16px;
  --br-24: 24px;
  --br-32: 32px;
  --br-64: 64px;

  /* Font */
  --font-inter: Inter;

  /* FontSize */
  --fs-12: 12px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-32: 32px;
  --fs-40: 40px;
  --fs-64: 64px;

  /* Shadows */
  --shadow-drop: 0px 0px 20px rgba(3, 162, 78, 0.1);

  /* WidthHeights */
  --height-16: 16px;
  --height-32: 32px;
  --height-48: 48px;
  --height-64: 64px;
  --height-96: 96px;
  --height-292: 292px;
  --width-16: 16px;
  --width-20: 20px;
  --width-24: 24px;
  --width-32: 32px;
  --width-48: 48px;
  --width-64: 64px;
  --width-352: 352px;
  --width-416: 416px;

  /* LineHeights */
  --lh-22: 22px;

  /* LetterSpacings */
  --ls-0_01: 0.01;
  --ls-0_02: 0.02;

  --left-0: 0px;
  --top-61: 61px;
}