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

:root {
  /* fonts */
  --font-inter: Inter;
  --font-work-sans: "Work Sans";

  /* font sizes */
  --font-size-2xs: 11px;
  --font-size-3xs: 10px;
  --font-size-smi: 13px;
  --font-size-xs: 12px;
  --font-size-base: 16px;
  --font-size-sm: 14px;
  --font-size-lg: 18px;
  --font-size-mini: 15px;
  --font-size-13xl: 32px;
  --font-size-xl: 20px;

  /* Colors */
  --color-white: #fff;
  --color-aliceblue-100: #f4f9fd;
  --color-aliceblue-200: #e7f4ff;
  --letras-botones-azules: #e3ecf3;
  --fondo-edicion: #f9fcff;
  --color-lavender-100: #cfe8ff;
  --blanco-suave: #cee7ff;
  --boton-de-avance-color-flechas-avance: #f5f8fa;
  --color-whitesmoke-100: #f4f4f4;
  --color-gainsboro: #d9d9d9;
  --color-black: #000;
  --color-limegreen: #0da802;
  --icono-borde: #4a5e71;
  --campo-de-ingreso-de-datos-borde-de-campos-en-estado-normal: #aabccc;
  --campos-edicion-edicion-texto-iconos: #648bae;
  --boton-principal-azul-boton: #3284ff;
  --campo-de-ingreso-de-datos-icono-seleccion: #0688ff;
  --azul-oscuro: #206ee3;

  /* Gaps */
  --gap-xl: 20px;
  --gap-0: 0px;
  --gap-3xs: 10px;
  --gap-30xs: -17px;
  --gap-9xs: 4px;

  /* Paddings */
  --padding-xl: 20px;
  --padding-9xl: 28px;
  --padding-11xl: 30px;
  --padding-8xs: 5px;
  --padding-4xs: 9px;
  --padding-7xs: 6px;
  --padding-3xs: 10px;
  --padding-81xl: 100px;
  --padding-6xl: 25px;
  --padding-31xl: 50px;
  --padding-mini: 15px;
  --padding-xs: 12px;
  --padding-18xl: 37px;
  --padding-56xl: 75px;
  --padding-base: 16px;

  /* Border radiuses */
  --br-12xs-5: 0.5px;
  --br-3xs: 10px;
  --br-8xs: 5px;
  --br-12xs: 1px;
  --br-xl: 20px;
  --br-17xl: 36px;
}