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;
  }