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-12: 12px;
  --gap-28: 28px;

  /* Padding */
  --padding-0: 0px;
  --padding-01: 0;
  --padding-4: 4px;
  --padding-12: 12px;
  --padding-28: 28px;

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

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

  /* FontSize */
  --fs-19: 19px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-25: 25px;
  --fs-30: 30px;
  --fs-40: 40px;

  /* 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%
  );

  /* WidthHeights */
  --height-24: 24px;
  --height-48: 48px;
  --width-24: 24px;
  --width-48: 48px;

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

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