:root {
  /* based on MudBlazor spacings */
  --sc-spacing-0: 0;
  --sc-spacing-1: 4px;
  --sc-spacing-2: 8px;
  --sc-spacing-3: 12px;
  --sc-spacing-4: 16px;
  --sc-spacing-5: 20px;
  --sc-spacing-6: 24px;
  --sc-spacing-7: 28px;
  --sc-spacing-8: 32px;
  --sc-spacing-9: 36px;
  --sc-spacing-10: 40px;
  --sc-spacing-11: 44px;
  --sc-spacing-12: 48px;
  --sc-spacing-13: 52px;
  --sc-spacing-14: 56px;
  --sc-spacing-15: 60px;
  --sc-spacing-16: 64px;
}