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

:root {
  /* fonts */
  --semi-bold-13: "Plus Jakarta Sans";
  --font-manrope: Manrope;
  --font-sf-compact-rounded: "SF Compact Rounded";
  --component-body-semibold: Inter;

  /* font sizes */
  --semi-bold-16-size: 16px;
  --pj-bold-42-size: 42px;
  --component-heading2-size: 18px;
  --bold-21-size: 21px;
  --pj-semi-bold-28-size: 28px;
  --font-size-mid: 17px;
  --semi-bold-13-size: 13px;
  --font-size-mini: 15px;
  --font-size-31xl: 50px;
  --font-size-3xl: 22px;
  --font-size-3xs: 10px;
  --semi-bold-11-size: 12px;
  --component-body-semibold-size: 14px;
  --font-size-5xs: 8px;
  --bold-11-size: 11px;
  --font-size-7xl: 26px;
  --font-size-5xl: 24px;
  --font-size-6xl: 25px;
  --font-size-11xl: 30px;
  --font-size-xl: 20px;

  /* Colors */
  --base-white: #fff;
  --gray-50: #fafafa;
  --neutral-800: #191d23;
  --gray-900: #18181b;
  --color-1: #151518;
  --color-gray-100: rgba(0, 0, 0, 0.6);
  --color-gray-200: rgba(0, 0, 0, 0.53);
  --label-color-light-primary: #000;
  --color-goldenrod: #eeaf00;
  --gray-300: #d4d4d8;
  --gray-500: #71717a;
  --gray-600: #52525b;
  --gray-400: #a1a1aa;
  --color-ghostwhite-100: #f5f6fa;
  --neutrals-surface: #f4f6fa;
  --color-ghostwhite-200: rgba(245, 246, 250, 0.6);
  --color-red: #ff0000;
  --color-gold-100: #fcce3a;
  --color-gold-200: #eee200;
  --color-tomato-100: #ff6644;
  --neutral-500: #64748b;
  --neutrals-text-tertiary: #445275;
  --success-green-50: #ecfdf5;
  --success-green-700: #047857;
  --secondary-50: #fefaed;
  --warning-yellow-600: #d97706;
  --color-2: #4f46e5;
  --color-whitesmoke-100: #f9fafc;
  --gray-100: #f4f4f5;
  --neutral-100: #e7eaee;
  --color-whitesmoke-200: rgba(244, 244, 245, 0.73);
  --primary-shape: #0243ec;
  --neutrals-border: #b6c2e2;
  --hue-246-surface: #eeedff;
  --primary-surface: #e6eeff;
  --hue-246-text: #392494;
  --gray-200: #e4e4e7;
  --blue-gray-200: #e2e8f0;
  --color-cornflowerblue: #007ad2;
  --color-mediumseagreen-100: #54cc76;
  --color-mediumseagreen-200: #34d399;

  /* Gaps */
  --gap-4xs: 9px;
  --gap-3xs: 10px;
  --gap-smi: 13px;
  --gap-5xl: 24px;
  --gap-31xl: 50px;
  --gap-xl: 20px;
  --gap-9xs: 4px;
  --gap-xs: 12px;
  --gap-27xl: 46px;
  --gap-5xs: 8px;
  --gap-48xl: 67px;
  --gap-14xl: 33px;
  --gap-mini: 15px;

  /* Paddings */
  --padding-base: 16px;
  --padding-mid: 17px;
  --padding-xl: 20px;
  --padding-3xs: 10px;
  --padding-smi: 13px;
  --padding-5xl: 24px;
  --padding-11xs: 2px;
  --padding-7xs: 6px;
  --padding-xs: 12px;
  --padding-68xl: 87px;
  --padding-lg: 18px;
  --padding-5xs: 8px;
  --padding-8xl: 27px;
  --padding-37xl: 56px;
  --padding-9xs: 4px;

  /* border radiuses */
  --br-3xs: 10px;
  --br-mini: 15px;
  --br-11xs: 2px;
  --br-base: 16px;
  --br-94xl: 113px;
  --br-9xs: 4px;
  --br-12xs: 1px;
  --br-6xs: 7px;
  --br-xs: 12px;
  --br-7xs: 6px;
  --br-81xl: 100px;
  --br-31xl: 50px;
  --br-8xs: 5px;
  --br-5xs: 8px;

  /* Effects */
  --shadow-2: 0px 2px 6px rgba(0, 0, 0, 0.06);
  --shadow-1: 0px 4px 4px rgba(35, 40, 105, 0.08);
  --shadow-4: 0px 2px 4px rgba(0, 0, 0, 0.06);
}