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

:root {
  /* Figma Variables */

  /* Spacing */
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-36: 36px;
  --font-size-48: 48px;
  --font-size-60: 60px;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --height-400: 400px;
  --height-1200: 1200px;
  --item-spacing-12: 12px;
  --item-spacing-0-01: -0.01px;
  --item-spacing-15-99: 15.99px;
  --item-spacing-579-17: 579.17px;
  --item-spacing-677-01: 677.01px;
  --item-spacing-7-99: 7.99px;
  --item-spacing-729-9: 729.9px;
  --item-spacing-l: 48px;
  --item-spacing-m: 32px;
  --item-spacing-s: 16px;
  --item-spacing-s1: 24px;
  --item-spacing-xl: 64px;
  --item-spacing-xs: 8px;
  --item-spacing-xxs: 4px;
  --line-height-16: 16px;
  --line-height-20: 20px;
  --line-height-24: 24px;
  --line-height-26: 26px;
  --line-height-28: 28px;
  --opacity-40: 40px;
  --opacity-100: 1;
  --stroke-weight-1: 1px;
  --width-672: 672px;
  --width-768: 768px;
  --width-1280: 1280px;

  /* Color */
  --color-azure-11: #111827;
  --color-azure-17: #1f2937;
  --color-azure-24: #0f2d6b;
  --color-azure-34: #4b5563;
  --color-azure-39: #1e49a8;
  --color-azure-65: #9ca3af;
  --color-azure-84: #d1d5db;
  --color-black-30: rgba(0, 0, 0, 0.3);
  --color-black-40: rgba(0, 0, 0, 0.4);
  --color-black-70: rgba(0, 0, 0, 0.7);
  --color-grey-46: #6b7280;
  --color-grey-88: #e0e0e0;
  --color-grey-96: #f5f5f5;
  --color-grey-97: #fdf8f3;
  --color-grey-98: #f9fafb;
  --color-orange-67: #fcb259;
  --color-orange-67-10: rgba(252, 178, 89, 0.1);
  --color-orange-67-20: rgba(252, 178, 89, 0.2);
  --color-orange-67-30: rgba(252, 178, 89, 0.3);
  --color-white-10: rgba(255, 255, 255, 0.1);
  --color-white-80: rgba(255, 255, 255, 0.8);
  --color-white-solid: #fff;

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

  /* Common Style Variables */

  /* Color */
  --color-linen: #ebe6e0;
  --color-whitesmoke: #f3f4f6;
  --vsgzra6n2ey4kokkimilink-Texas-Rose-30: rgba(252, 178, 89, 0.3);
  --vsgzra6n2ey4kokkimilink-White-10: rgba(255, 255, 255, 0.1);

  /* Gap */
  --gap-8: 8px;
  --gap-10: 10px;
  --gap-12: 12px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-24: 24px;
  --gap-48: 48px;

  /* Padding */
  --padding-0: 0px;
  --padding-2: 2px;
  --padding-4: 4px;
  --padding-8: 8px;
  --padding-12: 12px;
  --padding-18: 18px;
  --padding-22: 22px;
  --padding-24: 24px;
  --padding-25: 25px;
  --padding-32: 32px;
  --padding-80: 80px;
  --padding-6_5: 6.5px;
  --padding-7_5: 7.5px;

  /* BorderRadius */
  --br-4: 4px;
  --br-10: 10px;
  --br-16: 16px;
  --br-9999: 9999px;

  /* FontSize */
  --fs-16: 16px;
  --fs-22: 22px;

  /* Borders */
  --border-1: 1px solid var(--color-linen);
  --border-2: 1px solid var(--color-whitesmoke);

  /* Shadows */
  --shadow-drop: 0px 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-drop-1:
    0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);

  /* Gradients */
  --gradient-1: linear-gradient(90deg, var(--color-orange-67), #e8913a);

  /* WidthHeights */
  --height-12: 12px;
  --height-16: 16px;
  --height-20: 20px;
  --height-22: 22px;
  --height-24: 24px;
  --height-28: 28px;
  --height-32: 32px;
  --height-36: 36px;
  --height-40: 40px;
  --height-64: 64px;
  --max-w-268: 268px;
  --width-12: 12px;
  --width-16: 16px;
  --width-20: 20px;
  --width-24: 24px;
  --width-64: 64px;
  --width-calc100-832: calc(100% - 832px);

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

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