body {
  margin: 0;
  line-height: normal;
}

:root {
  /* Figma Variables */

  /* Spacing */
  --breakpoint-390: 390px;
  --breakpoint-1920: 1920px;
  --Dimension-button-min-height: 40px;
  --Font-Sizes-font-size-12: 12px;
  --Font-Sizes-font-size-14: 14px;
  --Font-Sizes-font-size-16: 16px;
  --Font-Sizes-font-size-18: 18px;
  --Font-Sizes-font-size-24: 24px;
  --Font-Sizes-font-size-32: 32px;
  --Font-Sizes-font-size-121: 12px;
  --Font-Sizes-font-size-141: 14px;
  --Font-Sizes-font-size-161: 16px;
  --Font-Weights-font-weight-bold: 700;
  --Font-Weights-font-weight-medium: 500;
  --Font-Weights-font-weight-medium1: 500;
  --Font-Weights-font-weight-regular: 400;
  --Font-Weights-font-weight-regular1: 400;
  --Font-Weights-font-weight-semibold: 600;
  --Font-Weights-font-weight-semibold1: 600;
  --icon-18: 18px;
  --Primary-Dimension-card-min-width: 240px;
  --radius-2: 2px;
  --radius-4: 4px;
  --radius-8: 8px;
  --radius-12: 12px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-18: 18px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-41: 4px;
  --spacing-42: 42px;
  --spacing-64: 64px;

  /* Color */
  --Brand-color-brand-bg: #f2f7f5;
  --Brand-color-brand-power: #009689;
  --Brand-Scale-color-brand-50: #f0f7f5;
  --Brand-Scale-color-brand-100: #d9ede8;
  --Brand-Scale-color-brand-200: #c2e3db;
  --Brand-Scale-color-brand-300: #abdacf;
  --Brand-Scale-color-brand-600: #70a39a;
  --Neutral-Black-black-40: rgba(0, 0, 0, 0.4);
  --Neutral-Black-color-black: #1a1a1a;
  --Neutral-color-neutral-50: #fdfdfe;
  --Neutral-color-neutral-100: #fafafc;
  --Neutral-color-neutral-200: #f1f3f6;
  --Neutral-color-neutral-600: #8f96a3;
  --Neutral-color-white: #fff;
  --Neutral-White-color-white: #fff;
  --Neutral-White-white-10: rgba(255, 255, 255, 0.1);
  --Neutral-White-white-20: rgba(255, 255, 255, 0.2);
  --Neutral-White-white-40: rgba(255, 255, 255, 0.4);
  --Neutral-White-white-50: rgba(255, 255, 255, 0.5);
  --Neutral-White-white-60: rgba(255, 255, 255, 0.6);
  --Neutral-White-white-70: rgba(255, 255, 255, 0.7);
  --Neutral-White-white-90: rgba(255, 255, 255, 0.9);
  --Semantic-color-feedback-info: #277ff5;
  --Semantic-color-feedback-info-light: rgba(39, 127, 245, 0.1);
  --Semantic-color-feedback-info-light-solid: #e9f2fe;
  --Semantic-color-feedback-success: #20ba88;
  --Semantic-color-feedback-warning: #f7b84b;

  /* Font */
  --Font-Families-font-family-primary: Mulish;
  --Font-Families-font-family-tertiary: Georgia;

  /* Common Style Variables */

  /* Color */
  --color-cadetblue-100: #8ebeb4;
  --color-cadetblue-200: #5a8780;
  --color-dimgray: #525a68;
  --color-gainsboro: #e2e5ea;
  --color-lightcyan-100: #cbfbf1;
  --color-royalblue: #1b60bd;
  --color-whitesmoke-100: rgba(241, 243, 246, 0.53);
  --color-whitesmoke-200: rgba(241, 243, 246, 0.57);

  /* Gap */
  --gap-4: 4px;
  --gap-6: 6px;
  --gap-8: 8px;
  --gap-12: 12px;
  --gap-16: 16px;
  --gap-18: 18px;
  --gap-20: 20px;
  --gap-21: 21px;
  --gap-24: 24px;
  --gap-32: 32px;
  --gap-42: 42px;
  --gap-64: 64px;

  /* Padding */
  --padding-0: 0px;
  --padding-1: 1px;
  --padding-2: 2px;
  --padding-4: 4px;
  --padding-8: 8px;
  --padding-10: 10px;
  --padding-11: 11px;
  --padding-12: 12px;
  --padding-14: 14px;
  --padding-15: 15px;
  --padding-16: 16px;
  --padding-20: 20px;
  --padding-24: 24px;
  --padding-30: 30px;
  --padding-32: 32px;
  --padding-40: 40px;
  --padding-42: 42px;
  --padding-51: 51px;
  --padding-52: 52px;
  --padding-64: 64px;
  --padding-78: 78px;
  --padding-80: 80px;
  --padding-90: 90px;
  --padding-100: 100px;
  --padding-120: 120px;
  --padding-180: 180px;
  --padding-0_5: 0.5px;

  /* BorderRadius */
  --br-3: 3px;
  --br-4: 4px;
  --br-6: 6px;
  --br-8: 8px;
  --br-10: 10px;
  --br-12: 12px;
  --br-14: 14px;
  --br-24: 24px;
  --br-28: 28px;
  --br-16777200: 16777200px;
  --br-5_3: 5.3px;

  /* Font */
  --font-inter: Inter;
  --font-montserrat: Montserrat;
  --font-outfit: Outfit;

  /* FontSize */
  --fs-10: 10px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-19: 19px;
  --fs-26: 26px;
  --fs-32: 32px;
  --fs-48: 48px;

  /* Borders */
  --border-1: 1px solid var(--Neutral-color-neutral-200);

  /* Shadows */
  --Shadow-Card: 0px 1px 2px rgba(56, 65, 74, 0.14);
  --shadow-drop:
    0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);

  /* Gradients */
  --gradient-1: linear-gradient(90deg, #00d5be, #2b7fff 50%, #00d5be);

  /* WidthHeights */
  --height-6: 6px;
  --height-8: 8px;
  --height-12: 12px;
  --height-15: 15px;
  --height-16: 16px;
  --height-18: 18px;
  --height-19: 19px;
  --height-20: 20px;
  --height-22: 22px;
  --height-24: 24px;
  --height-27: 27px;
  --height-32: 32px;
  --height-36: 36px;
  --height-40: 40px;
  --height-46: 46px;
  --height-48: 48px;
  --height-52: 52px;
  --height-56: 56px;
  --height-64: 64px;
  --height-96: 96px;
  --height-21_6: 21.6px;
  --max-w-246: 246px;
  --width-6: 6px;
  --width-12: 12px;
  --width-16: 16px;
  --width-18: 18px;
  --width-20: 20px;
  --width-24: 24px;
  --width-30: 30px;
  --width-32: 32px;
  --width-36: 36px;
  --width-64: 64px;
  --width-320: 320px;
  --width-720: 720px;
  --width-1080: 1080px;

  /* LineHeights */
  --lh-20: 20px;
  --lh-24: 24px;
  --lh-29: 29px;
  --lh-32: 32px;
  --lh-36: 36px;
  --lh-38: 38px;
  --lh-40: 40px;
  --lh-48: 48px;
  --lh-60: 60px;

  /* LetterSpacings */
  --ls--0_15: -0.15px;
  --ls-0_2: 0.2px;

  --left-0: 0px;
  --left-4: 4px;
  --left-22: 22px;
  --top-0: 0px;
  --top-10: 10px;
}