:root {
  --base-font-size: 16;
  --spacing__1px: calc((1 / var(--base-font-size)) * 1rem);
  --spacing__2px: calc((2 / var(--base-font-size)) * 1rem);
  --spacing__4px: calc((4 / var(--base-font-size)) * 1rem);
  --spacing__5px: calc((5 / var(--base-font-size)) * 1rem);
  --spacing__6px: calc((6 / var(--base-font-size)) * 1rem);
  --spacing__8px: calc((8 / var(--base-font-size)) * 1rem);
  --spacing__9px: calc((9 / var(--base-font-size)) * 1rem);
  --spacing__10px: calc((10 / var(--base-font-size)) * 1rem);
  --spacing__11px: calc((11 / var(--base-font-size)) * 1rem);
  --spacing__12px: calc((12 / var(--base-font-size)) * 1rem);
  --spacing__13px: calc((13 / var(--base-font-size)) * 1rem);
  --spacing__14px: calc((14 / var(--base-font-size)) * 1rem);
  --spacing__15px: calc((15 / var(--base-font-size)) * 1rem);
  --spacing__16px: calc((16 / var(--base-font-size)) * 1rem);
  --spacing__18px: calc((18 / var(--base-font-size)) * 1rem);
  --spacing__20px: calc((20 / var(--base-font-size)) * 1rem);
  --spacing__24px: calc((24 / var(--base-font-size)) * 1rem);
  --spacing__32px: calc((32 / var(--base-font-size)) * 1rem);
  --spacing__40px: calc((40 / var(--base-font-size)) * 1rem);
  --spacing__48px: calc((48 / var(--base-font-size)) * 1rem);
  --spacing__64px: calc((64 / var(--base-font-size)) * 1rem);
}