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

:root {
  /* Figma Variables */

  /* Spacing */
  --font-size-14: 14px;
  --font-weight-600: 600;
  --item-spacing-0: 0px;
  --item-spacing-10: 10px;
  --item-spacing-281-73: 281.73px;
  --line-height-20: 20px;
  --line-height-24: 24px;
  --Radius-200: 8px;
  --Space-200: 8px;
  --Space-300: 12px;
  --Space-400: 16px;
  --Stroke-Border: 1px;
  --Text-Sizes-Text-Small: 14px;

  /* Color */
  --color-azure-15: #1e252e;
  --Color-Neutral-Darkest: #000;
  --color-white-60: rgba(255, 255, 255, 0.6);
  --color-white-solid: #fff;
  --Colors-Neutrals-Neutral-300: #f1f2f9;
  --Colors-Neutrals-Neutral-800: #170f49;
  --Colors-Neutrals-White: #fff;

  /* Font */
  --font-family-Font-1: Montserrat;

  /* Common Style Variables */

  /* Color */
  --Black: #000;
  --color-brown: #822a1d;
  --color-coral: #db744c;
  --color-darksalmon-100: #e8a882;
  --color-darksalmon-200: #e48b69;
  --color-darksalmon-300: #c4785a;
  --color-darkseagreen: #a8c8ac;
  --color-dimgray-100: #6e6e71;
  --color-dimgray-200: #5c5c5c;
  --color-gainsboro-100: #e6e6e6;
  --color-gainsboro-200: #d9d9d9;
  --color-gray-100: #757575;
  --color-gray-200: #2a2a2a;
  --color-gray-300: #1e1e1e;
  --color-gray-400: rgba(255, 255, 255, 0.65);
  --color-gray-500: rgba(255, 255, 255, 0.7);
  --color-gray-600: rgba(255, 255, 255, 0.2);
  --color-gray-700: rgba(255, 255, 255, 0.02);
  --color-gray-800: rgba(255, 255, 255, 0.5);
  --color-gray-900: rgba(255, 255, 255, 0.05);
  --color-gray-1000: rgba(255, 255, 255, 0.1);
  --color-gray-1100: rgba(0, 0, 0, 0);
  --color-gray-1200: rgba(255, 255, 255, 0.75);
  --color-lightgray: #c7ccd6;
  --color-linen: #e8e4dc;
  --color-saddlebrown: #4d1a12;
  --color-seashell: #f7f3ec;
  --color-sienna-100: #c4603a;
  --color-sienna-200: rgba(196, 96, 58, 0.8);
  --color-sienna-300: rgba(196, 96, 58, 0.1);
  --color-sienna-400: rgba(196, 96, 58, 0.5);
  --color-sienna-500: rgba(196, 96, 58, 0.2);
  --color-tan: #c7a887;
  --color-whitesmoke-100: #f4f4f6;
  --color-whitesmoke-200: #ececf0;
  --Danger-100: #fee4e2;
  --Neutral-0: #fff;
  --Neutral-01: #fff;
  --Neutral-200: #f1f3f9;
  --Neutral-300: #e1e6ef;
  --Neutral-800: #23272f;
  --Neutral-900: #1b1f27;
  --Neutral-1000: #0a0d14;
  --Neutral-3001: #e1e6ef;
  --Primary-100: #ceefff;
  --Primary-500: #00a0ff;
  --Primary-700: #0082ff;
  --Primary-950: #052450;
  --Primary-950-Default: #002145;
  --Success-600: #1d9c53;
  --TextIcon-Disabled-Black: rgba(29, 36, 51, 0.65);
  --TextIcon-Disabled-White: rgba(255, 255, 255, 0.6);
  --TextIcon-Primary-Black: #1d2433;
  --TextIcon-Primary-Black1: #1d2433;
  --TextIcon-Primary-White: #fff;
  --TextIcon-Primary-White1: #fff;
  --TextIcon-Secondary-Black: rgba(29, 36, 51, 0.8);
  --White: #fff;

  /* Gap */
  --gap-4: 4px;
  --gap-6: 6px;
  --gap-8: 8px;
  --gap-10: 10px;
  --gap-12: 12px;
  --gap-14: 14px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-24: 24px;
  --gap-30: 30px;
  --gap-32: 32px;
  --gap-40: 40px;
  --gap-48: 48px;
  --gap-64: 64px;

  /* Padding */
  --padding-0: 0px;
  --padding-01: 0;
  --padding-4: 4px;
  --padding-5: 5px;
  --padding-6: 6px;
  --padding-7: 7px;
  --padding-8: 8px;
  --padding-10: 10px;
  --padding-12: 12px;
  --padding-14: 14px;
  --padding-15: 15px;
  --padding-16: 16px;
  --padding-20: 20px;
  --padding-22: 22px;
  --padding-23: 23px;
  --padding-24: 24px;
  --padding-28: 28px;
  --padding-31: 31px;
  --padding-32: 32px;
  --padding-40: 40px;
  --padding-47: 47px;
  --padding-48: 48px;
  --padding-72: 72px;
  --padding-80: 80px;
  --padding-96: 96px;
  --padding-149: 149px;
  --padding-192: 192px;
  --padding-384: 384px;

  /* BorderRadius */
  --br-0: 0px;
  --br-4: 4px;
  --br-8: 8px;
  --br-16: 16px;
  --br-24: 24px;
  --br-32: 32px;
  --br-42: 42px;
  --br-48: 48px;
  --br-50: 50px;
  --br-86: 86px;
  --br-100: 100px;
  --br-999: 999px;

  /* Font */
  --font-bebas-neue: Bebas Neue;
  --font-inter: Inter;
  --font-lato: Lato;
  --font-poppins: Poppins;
  --font-roboto: Roboto;
  --font-rock-salt: Rock Salt;

  /* FontSize */
  --fs-12: 12px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-19: 19px;
  --fs-20: 20px;
  --fs-22: 22px;
  --fs-24: 24px;
  --fs-29: 29px;
  --fs-32: 32px;
  --fs-36: 36px;
  --fs-40: 40px;
  --fs-48: 48px;

  /* Borders */
  --border-1: 1px solid var(--color-linen);
  --border-2: 1px solid var(--Neutral-300);
  --border-3: 1px solid var(--Colors-Neutrals-Neutral-300);
  --border-11: 1px solid var(--color-gray-900);
  --border-12: 1px solid var(--color-gray-900);

  /* Shadows */
  --Elevation-400: 0px 8px 32px rgba(0, 0, 0, 0.16);
  --Shadows-Neutrals-No1: 0px 0.5px 1px rgba(25, 33, 61, 0.07);
  --Shadows-Neutrals-No2: 0px 1px 4px rgba(25, 33, 61, 0.06);

  /* WidthHeights */
  --height-8: 8px;
  --height-12: 12px;
  --height-16: 16px;
  --height-20: 20px;
  --height-24: 24px;
  --height-28: 28px;
  --height-32: 32px;
  --height-40: 40px;
  --height-48: 48px;
  --height-52: 52px;
  --height-60: 60px;
  --height-72: 72px;
  --height-20_4: 20.4px;
  --max-w-270: 270px;
  --max-w-650: 650px;
  --min-w-133: 133px;
  --min-w-270: 270px;
  --width-8: 8px;
  --width-12: 12px;
  --width-16: 16px;
  --width-20: 20px;
  --width-24: 24px;
  --width-32: 32px;
  --width-40: 40px;
  --width-224: 224px;
  --width-300: 300px;
  --width-20_4: 20.4px;
  --width-319_3: 319.3px;

  /* LineHeights */
  --lh-16: 16px;
  --lh-19: 19px;
  --lh-20: 20px;
  --lh-22: 22px;
  --lh-24: 24px;
  --lh-26: 26px;
  --lh-28: 28px;
  --lh-32: 32px;
  --lh-40: 40px;
  --lh-48: 48px;
  --lh-16_5: 16.5px;

  /* LetterSpacings */
  --ls-0_02: 0.02;
  --ls-1_2: 1.2px;

  --top-0: 0px;
}