body {
    margin: 0;
    line-height: normal;
  }
  
  :root {
    /* fonts */
    --font-dm-sans: "DM Sans";
    --font-instrument-sans: "Instrument Sans";
    --body-small-regular: "Inter Display V";
    --font-instrument-serif: "Instrument Serif";
    --font-lora: Lora;
    --font-instrument-sans-semicondensed: "Instrument Sans SemiCondensed";
  
    /* font sizes */
    --body-small-regular-size: 14px;
    --body-medium-semibold-size: 16px;
    --font-size-13xl: 32px;
    --font-size-7xl: 26px;
    --font-size-lgi: 19px;
    --font-size-29xl: 48px;
    --font-size-19xl: 38px;
    --font-size-10xl: 29px;
    --font-size-21xl: 40px;
    --font-size-5xl: 24px;
    --font-size-xl: 20px;
    --font-size-lg: 18px;
  
    /* Colors */
    --default-0: #f8fafb;
    --default-25: #f6f8fa;
    --default-50: #eceff3;
    --blur: rgba(246, 248, 250, 0.6);
    --default-300: #a4acb9;
    --color-greyscale-700: #272835;
    --default-900: #0d0d12;
    --additional-white: #fff;
    --colors-base-primary: #0179ff;
    --colors-base-text-paragraph: #666d80;
    --additional-black: #000;
    --default-200: #c1c7d0;
    --color-primary-50: #9acaff;
    --default-100: #dfe1e7;
    --default-400: #818898;
    --primary-0: #e0eeff;
    --primary-100: #75b6ff;
  
    /* Spacing */
    --layout-spacing-20: 20px;
    --layout-spacing-24: 24px;
    --layout-spacing-16: 16px;
    --layout-spacing-8: 8px;
    --layout-radius-radius-3xl: 24px;
    --layout-radius-radius-2xl: 20px;
    --layout-radius-radius-xl: 16px;
    --layout-spacing-12: 12px;
    --layout-spacing-32: 32px;
    --layout-radius-radius-md: 10px;
    --layout-radius-radius-4xl: 30px;
    --layout-radius-radius-lg: 12px;
  
    /* Gaps */
    --gap-31xl: 50px;
    --gap-6xl: 25px;
    --gap-5xl: 24px;
    --gap-7xl: 26px;
    --gap-xl: 20px;
    --gap-220xl: 239px;
    --gap-41xl: 60px;
    --gap-9xs: 4px;
    --gap-8xs: 5px;
    --gap-6xs: 7px;
    --gap-7xs: 6px;
    --gap-68xl: 87px;
    --gap-2xs-3: 10.3px;
    --gap-base: 16px;
    --gap-11xl: 30px;
    --gap-5xs: 8px;
    --gap-xs: 12px;
    --gap-21xl: 40px;
    --gap-3xs: 10px;
    --gap-0: 0px;
  
    /* Paddings */
    --padding-61xl: 80px;
    --padding-21xl: 40px;
    --padding-31xl: 50px;
    --padding-13xl: 32px;
    --padding-9xs: 4px;
    --padding-5xs: 8px;
    --padding-11xs: 2px;
    --padding-3xs: 10px;
    --padding-4xs: 9px;
    --padding-base: 16px;
    --padding-10xs: 3px;
    --padding-sm-5: 13.5px;
    --padding-5xl: 24px;
    --padding-10xs-5: 2.5px;
    --padding-7xs: 6px;
    --padding-xl: 20px;
    --padding-32xl: 51px;
    --padding-14xl: 33px;
    --padding-2xl: 21px;
    --padding-12xs: 1px;
    --padding-xs: 12px;
    --padding-4xl: 23px;
    --padding-172xl: 191px;
    --padding-6xs: 7px;
    --padding-105xl: 124px;
    --padding-53xl: 72px;
    --padding-131xl: 150px;
    --padding-78xl: 97px;
    --padding-56xl: 75px;
    --padding-30xl: 49px;
    --padding-52xl: 71px;
    --padding-17xl: 36px;
    --padding-lgi: 19px;
    --padding-6xl: 25px;
    --padding-12xl: 31px;
    --padding-7xl: 26px;
    --padding-lg: 18px;
    --padding-2xs: 11px;
    --padding-mid: 17px;
    --padding-11xl: 30px;
    --padding-35xl: 54px;
    --padding-8xl: 27px;
    --padding-3xl: 22px;
    --padding-15xl: 34px;
    --padding-xs-5: 11.5px;
    --padding-smi: 13px;
    --padding-29xl: 48px;
    --padding-8xs: 5px;
    --padding-mini: 15px;
    --padding-152xl: 171px;
    --padding-158xl: 177px;
    --padding-66xl: 85px;
    --padding-sm: 14px;
    --padding-130xl: 149px;
  
    /* Border radiuses */
    --br-81xl: 100px;
    --br-5xl: 24px;
    --br-11xl: 30px;
    --br-xl: 20px;
    --br-base: 16px;
    --br-mini: 15px;
    --br-3xs: 10px;
    --br-sm: 14px;
    --br-21xl: 40px;
    --br-xs: 12px;
    --br-981xl: 1000px;
  
    /* Effects */
    --shadow-xsmall: 0px 1px 2px rgba(13, 13, 18, 0.06);
  }