:root {

    /* @link https://utopia.fyi/type/calculator?c=320,16,1.2,1920,24,1.333,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,xl,xl,12 */

  /* Step -2: 11.1111px → 11.2556px */
  --step--2: clamp(0.6944rem, 0.6926rem + 0.009vw, 0.7035rem);
  /* Step -1: 13.3333px → 15.0038px */
  --step--1: clamp(0.8333rem, 0.8125rem + 0.1044vw, 0.9377rem);
  /* Step 0: 16px → 20px */
  --step-0: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  /* Step 1: 19.2px → 26.66px */
  --step-1: clamp(1.2rem, 1.1068rem + 0.4663vw, 1.6663rem);
  /* Step 2: 23.04px → 35.5378px */
  --step-2: clamp(1.44rem, 1.2838rem + 0.7811vw, 2.2211rem);
  /* Step 3: 27.648px → 47.3719px */
  --step-3: clamp(1.728rem, 1.4815rem + 1.2327vw, 2.9607rem);
  /* Step 4: 33.1776px → 63.1467px */
  --step-4: clamp(2.0736rem, 1.699rem + 1.8731vw, 3.9467rem);
  /* Step 5: 39.8131px → 84.1745px */
  --step-5: clamp(2.4883rem, 1.9338rem + 2.7726vw, 5.2609rem);
  /* Step 6: 47.7757px → 112.2047px */
  --step-6: clamp(2.986rem, 2.1806rem + 4.0268vw, 7.0128rem);
  /* Step 7: 57.3309px → 149.5688px */
  --step-7: clamp(3.5832rem, 2.4302rem + 5.7649vw, 9.3481rem);
  /* Step 8: 68.7971px → 199.4213px */
--step-8: clamp(4.2998rem, 2.6712rem + 8.0546vw, 12.4638rem);

/* Step 9: 82.5565px → 265.2281px */
--step-9: clamp(5.1598rem, 2.8916rem + 11.2305vw, 16.5768rem);

/* Step 10: 99.0678px → 352.563px */
--step-10: clamp(6.1917rem, 3.0792rem + 15.6461vw, 22.0352rem);

/* Step 11: 118.8813px → 468.4616px */
--step-11: clamp(7.4301rem, 3.221rem + 21.7625vw, 29.2789rem);

/* Step 12: 142.6576px → 622.7267px */
--step-12: clamp(8.9161rem, 3.3126rem + 30.2835vw, 38.9204rem);

/* Step 13: 171.1891px → 827.2084px */
--step-13: clamp(10.6993rem, 3.3528rem + 42.1941vw, 51.7005rem);

/* Step 14: 205.4269px → 1099.8109px */
--step-14: clamp(12.8392rem, 3.3686rem + 58.8723vw, 68.7382rem);

    /* @link https://utopia.fyi/space/calculator?c=320,16,1.2,1920,24,1.333,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,xl,xl,12 */

  /* Space 3xs: 4px → 6px */
  --space-3xs: clamp(0.25rem, 0.225rem + 0.125vw, 0.375rem);
  /* Space 2xs: 8px → 12px */
  --space-2xs: clamp(0.5rem, 0.45rem + 0.25vw, 0.75rem);
  /* Space xs: 12px → 18px */
  --space-xs: clamp(0.75rem, 0.675rem + 0.375vw, 1.125rem);
  /* Space s: 16px → 24px */
  --space-s: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
  /* Space m: 24px → 36px */
  --space-m: clamp(1.5rem, 1.35rem + 0.75vw, 2.25rem);
  /* Space l: 32px → 48px */
  --space-l: clamp(2rem, 1.8rem + 1vw, 3rem);
  /* Space xl: 48px → 72px */
  --space-xl: clamp(3rem, 2.7rem + 1.5vw, 4.5rem);
  /* Space 2xl: 64px → 96px */
  --space-2xl: clamp(4rem, 3.6rem + 2vw, 6rem);
  /* Space 3xl: 96px → 144px */
  --space-3xl: clamp(6rem, 5.4rem + 3vw, 9rem);

  /* One-up pairs */
  /* Space 3xs-2xs: 4px → 12px */
  --space-3xs-2xs: clamp(0.25rem, 0.15rem + 0.5vw, 0.75rem);
  /* Space 2xs-xs: 8px → 18px */
  --space-2xs-xs: clamp(0.5rem, 0.375rem + 0.625vw, 1.125rem);
  /* Space xs-s: 12px → 24px */
  --space-xs-s: clamp(0.75rem, 0.6rem + 0.75vw, 1.5rem);
  /* Space s-m: 16px → 36px */
  --space-s-m: clamp(1rem, 0.75rem + 1.25vw, 2.25rem);
  /* Space m-l: 24px → 48px */
  --space-m-l: clamp(1.5rem, 1.2rem + 1.5vw, 3rem);
  /* Space l-xl: 32px → 72px */
  --space-l-xl: clamp(2rem, 1.5rem + 2.5vw, 4.5rem);
  /* Space xl-2xl: 48px → 96px */
  --space-xl-2xl: clamp(3rem, 2.4rem + 3vw, 6rem);
  /* Space 2xl-3xl: 64px → 144px */
  --space-2xl-3xl: clamp(4rem, 3rem + 5vw, 9rem);

  /* Custom pairs */
  /* Space s-l: 16px → 48px */
  --space-s-l: clamp(1rem, 0.6rem + 2vw, 3rem);

  }