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

:root {
  /* Figma Variables */

  /* Color */
  --Azul-Escuro: #001d39;
  --Beb: #7bbde8;
  --Ciano-Claro: #6ea2b3;
  --Ciano-Principal: #6bc9d3;
  --Laranja: #ff7a1f;
  --Nuvem: #bdd8e9;
  --Preto: #212121;

  /* Common Style Variables */

  /* Color */
  --color-aliceblue: #e2ebf3;
  --color-burlywood: #ffba8a;
  --color-cadetblue: #3896a1;
  --color-chocolate: #e66105;
  --color-darkslateblue: #0a4174;
  --color-darkslategray: #444;
  --color-gainsboro: #d9d9d9;
  --color-ghostwhite: #f4f7fb;
  --color-gray-100: #1a1a1a;
  --color-gray-200: #041324;
  --color-gray-300: rgba(255, 255, 255, 0.61);
  --color-lightblue: rgba(189, 216, 233, 0.2);
  --color-lightgray: #cbd5e1;
  --color-lightslategray: #94a3b8;
  --color-mediumturquoise: #6edbe6;
  --color-paleturquoise: #88f4ff;
  --color-peru: #cc8757;
  --color-steelblue: #49769f;
  --color-white: #fff;

  /* Gap */
  --gap-5: 5px;
  --gap-6: 6px;
  --gap-8: 8px;
  --gap-10: 10px;
  --gap-12: 12px;
  --gap-15: 15px;
  --gap-16: 16px;
  --gap-18: 18px;
  --gap-20: 20px;
  --gap-22: 22px;
  --gap-10_9: 10.9px;
  --gap-9_7: 9.7px;

  /* Padding */
  --padding-0: 0px;
  --padding-1: 1px;
  --padding-2: 2px;
  --padding-8: 8px;
  --padding-9: 9px;
  --padding-11: 11px;
  --padding-16: 16px;
  --padding-17: 17px;
  --padding-18: 18px;
  --padding-19: 19px;
  --padding-20: 20px;
  --padding-22: 22px;
  --padding-23: 23px;
  --padding-24: 24px;
  --padding-51: 51px;
  --padding-79: 79px;
  --padding-80: 80px;
  --padding-96: 96px;
  --padding-192: 192px;
  --padding-2_5: 2.5px;
  --padding-2_9: 2.9px;

  /* BorderRadius */
  --br-8: 8px;
  --br-12: 12px;
  --br-100: 100px;

  /* Font */
  --font-inter: Inter;

  /* FontSize */
  --fs-14: 14px;
  --fs-15: 15px;
  --fs-16: 16px;
  --fs-17: 17px;
  --fs-18: 18px;
  --fs-19: 19px;
  --fs-20: 20px;
  --fs-22: 22px;
  --fs-24: 24px;
  --fs-28: 28px;
  --fs-29: 29px;
  --fs-36: 36px;

  /* Borders */
  --border-1: 1px solid var(--color-aliceblue);
  --border-2: 1px solid var(--color-lightgray);

  /* Shadows */
  --shadow-inner: 0px 0px 15.3px rgba(255, 255, 255, 0.42) inset;

  /* Gradients */
  --gradient-1: radial-gradient(
    70.71% 70.71% at 50% 50%,
    var(--color-darkslateblue),
    var(--Azul-Escuro) 55%,
    #000814
  );
  --gradient-2: linear-gradient(
    89.92deg,
    var(--Azul-Escuro),
    rgba(0, 29, 57, 0)
  );
  --gradient-3:
    rgba(120, 120, 120, 0.03) padding-box,
    linear-gradient(118.15deg, rgba(120, 120, 120, 0.2), #787878) border-box;
  --Radial: radial-gradient(
    70.71% 70.71% at 50% 50%,
    var(--color-darkslateblue),
    var(--Azul-Escuro) 70%
  );

  /* WidthHeights */
  --height-1: 1px;
  --height-8: 8px;
  --height-25: 25px;
  --height-39: 39px;
  --height-22_5: 22.5px;
  --min-w-28: 28px;
  --width-12: 12px;
  --width-25: 25px;
  --width-32: 32px;
  --width-39: 39px;
  --width-373: 373px;

  /* LineHeights */
  --lh-19: 19px;
  --lh-20: 20px;
  --lh-24: 24px;
  --lh-26: 26px;
  --lh-32: 32px;
  --lh-35: 35px;
  --lh-19_6: 19.6px;
  --lh-20_8: 20.8px;
  --lh-22_5: 22.5px;
  --lh-23_8: 23.8px;
  --lh-43_2: 43.2px;

  /* LetterSpacings */
  --ls--0_64: -0.64px;
  --ls--0_72: -0.72px;
  --ls-0_02: 0.02;

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