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

:root {
  /* fonts */
  --font-roboto: Roboto;
  --font-dm-sans: "DM Sans";
  --regular: Inter;
  --font-rubik: Rubik;
  --font-open-sans: "Open Sans";
  --font-poppins: Poppins;
  --font-plus-jakarta-sans: "Plus Jakarta Sans";
  --font-roboto-slab: "Roboto Slab";
  --font-montserrat: Montserrat;
  --font-bebas-neue: "Bebas Neue";

  /* font sizes */
  --font-size-7xs-6: 5.6px;
  --font-size-8xs-9: 4.9px;
  --font-size-3xs-5: 9.5px;
  --font-size-smi: 13px;
  --font-size-xs-5: 11.5px;
  --regular-size: 14px;
  --font-size-6xs-5: 6.5px;
  --font-size-5xs-1: 7.1px;
  --font-size-5xs-2: 7.2px;
  --font-size-6xs-2: 6.2px;
  --font-size-5xs-9: 7.9px;
  --font-size-7xs-3: 5.3px;
  --font-size-6xs-9: 6.9px;
  --extra-bold-8-size: 8px;
  --font-size-4xs-3: 8.3px;
  --font-size-8xs-4: 4.4px;
  --font-size-9xs: 4px;
  --font-size-9xs-4: 3.4px;
  --font-size-4xl-2: 23.2px;
  --font-size-11xl-2: 30.2px;
  --font-size-71xl-2: 90.2px;
  --font-size-smi-3: 12.3px;
  --font-size-sm-9: 13.9px;
  --font-size-base-4: 15.4px;
  --font-size-3xs-3: 9.3px;
  --font-size-2xs-8: 10.8px;

  /* Colors */
  --white-white: #fff;
  --color-steelblue-100: #376bab;
  --color-silver-100: #c4c4c4;
  --color-silver-200: rgba(196, 196, 196, 0);
  --color-darkslategray-100: #434343;
  --color-darkslategray-200: #333434;
  --color-darkslategray-300: #333;
  --color-darkslategray-400: #2f2f2f;
  --color-darkslategray-500: #1d2d35;
  --color-aliceblue-100: #f4fbff;
  --color-aliceblue-200: #e9f2fc;
  --color-aliceblue-300: #e6ecf0;
  --color-black: #000;
  --color-lightgray-100: #d5d5d5;
  --color-lightgray-200: #dad3c8;
  --color-lightskyblue: #80b9ff;
  --color-whitesmoke-100: #f5f5f7;
  --gray-30: #f2f4f7;
  --color-whitesmoke-200: #f1f1f1;
  --gray-50: #ebeef2;
  --color-whitesmoke-300: #e8edf1;
  --secondary-300: #8e92bc;
  --color-lightslategray-100: #8c97a8;
  --color-lightslategray-200: #768396;
  --color-green: #299702;
  --color-gray-100: #fdfdfd;
  --color-gray-200: #fcfcff;
  --color-gray-300: #818181;
  --gray-800: #1f2633;
  --color-gray-400: #262525;
  --color-gray-500: #1e1e1e;
  --black-100: #1c1c1c;
  --secondary-500: #141522;
  --color-gray-600: #0c0c0c;
  --color-gray-700: rgba(255, 255, 255, 0.4);
  --black-40: rgba(0, 0, 0, 0.4);
  --black-10: rgba(0, 0, 0, 0.1);
  --black-5: rgba(0, 0, 0, 0.05);
  --black-20: rgba(0, 0, 0, 0.2);
  --color-powderblue: #c9ecf6;
  --color-crimson: #f23939;
  --color-limegreen: #3cc13b;
  --color-darkorange: #ff7a00;
  --gray-300: #98a2b2;
  --gray-500: #606c80;
  --color-cornflowerblue: #55a1ff;
  --color-blue: #340cf1;
  --color-darkgreen: #3f6900;
  --color-lavender: rgba(205, 228, 249, 0.4);
  --color-midnightblue-100: #291a71;
  --color-tan: #cebb9e;

  /* Gaps */
  --gap-8xs-5: 4.5px;
  --gap-12xs-8: 0.8px;
  --gap-10xs-2: 2.2px;
  --gap-5xs-9: 7.9px;
  --gap-9xs-7: 3.7px;
  --gap-11xs-9: 1.9px;
  --gap-3xs-7: 9.7px;
  --gap-10xs-4: 2.4px;
  --gap-9xs-5: 3.5px;
  --gap-8xs: 5px;
  --gap-6xs: 7px;
  --gap-11xs: 2px;
  --gap-9xs: 4px;
  --gap-7xs-5: 5.5px;
  --gap-10xs: 3px;
  --gap-45xl: 64px;
  --gap-3xs-3: 9.3px;

  /* Paddings */
  --padding-10xs: 3px;
  --padding-8xs-5: 4.5px;
  --padding-11xs-5: 1.5px;
  --padding-4xs: 9px;
  --padding-7xs: 6px;
  --padding-9xs-7: 3.7px;
  --padding-4xs-6: 8.6px;
  --padding-11xs-9: 1.9px;
  --padding-10xs-8: 2.8px;
  --padding-8xs-8: 4.8px;
  --padding-9xs-5: 3.5px;
  --padding-7xs-5: 5.5px;
  --padding-11xs-8: 1.8px;

  /* border radiuses */
  --br-base: 16px;
  --br-11xs-9: 1.9px;
  --br-3xs-5: 9.5px;
  --br-9xs-7: 3.7px;
  --br-8xl-8: 27.8px;
  --br-7xs-3: 5.3px;
  --br-9xs-5: 3.5px;
  --br-base-6: 16.6px;
  --br-14xl-2: 33.2px;
  --br-xs-1: 11.1px;
  --br-10xs-6: 2.6px;
  --br-2xs-6: 10.6px;
  --br-2xl-1: 21.1px;
  --br-4xs-3: 8.3px;
  --br-333xl-3: 352.3px;
  --br-smi-8: 12.8px;
  --br-14xl-8: 33.8px;
  --br-smi-3: 12.3px;
  --br-14xl-9: 33.9px;
}