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

:root {
  /* Figma Variables */

  /* Spacing */
  --Content-Max-break-point: 280px;
  --Content-Max-content-max: 1440px;
  --Content-Max-content-max-guter: 16px;
  --Content-Max-content-max-horizontal-padding: 20px;
  --Content-Max-content-max-vertical-padding-16: 16px;
  --Interlineado-interlineado-300: 24px;
  --Interlineado-interlineado-600: 42px;
  --Tamao-fuente-tamao-fuente-600: 28px;

  /* Common Style Variables */

  /* Color */
  --color-gainsboro-100: #e6e6e6;
  --color-gainsboro-200: rgba(230, 230, 230, 0.09);
  --color-gray: rgba(0, 0, 0, 0.8);
  --color-white: #fff;
  --color-whitesmoke: #e9e9ee;

  /* Gap */
  --gap-5: 5px;
  --gap-12: 12px;
  --gap-14: 14px;
  --gap-20: 20px;
  --gap-24: 24px;
  --gap-28: 28px;

  /* Padding */
  --padding-0: 0px;
  --padding-01: 0;
  --padding-1: 1px;
  --padding-2: 2px;
  --padding-3: 3px;
  --padding-4: 4px;
  --padding-6: 6px;
  --padding-12: 12px;
  --padding-28: 28px;

  /* BorderRadius */
  --br-5: 5px;
  --br-35: 35px;

  /* Font */
  --font-nothing-you-could-do: Nothing You Could Do;

  /* FontSize */
  --fs-16: 16px;
  --fs-19: 19px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-25: 25px;
  --fs-30: 30px;
  --fs-32: 32px;
  --fs-35: 35px;
  --fs-40: 40px;
  --fs-50: 50px;

  /* Gradients */
  --gradient-1: linear-gradient(
    180deg,
    #000 15.38%,
    rgba(80, 80, 80, 0.8) 62.5%,
    rgba(102, 102, 102, 0.35) 96.63%
  );
  --gradient-2: linear-gradient(0deg, #022622 43.57%, #058c7c);
  --gradient-3: linear-gradient(0deg, #012622 56.73%, #02463f 95.71%);

  /* WidthHeights */
  --height-24: 24px;
  --height-48: 48px;
  --height-72: 72px;
  --height-144: 144px;
  --height-196: 196px;
  --height-197: 197px;
  --width-24: 24px;
  --width-34: 34px;
  --width-48: 48px;
  --width-247: 247px;
  --width-430_3: 430.3px;

  /* LineHeights */
  --lh-24: 24px;
  --lh-42: 42px;

  --left-14: 14px;
  --top-3: 3px;
}