@media (min-width: 0px) {
  :root {
    --si-space-8: 6px;
    --si-space-12: 8px;
    --si-space-20: 12px;
    --si-space-22: 14px;
    --si-space-24: 18px;
    --si-space-28: 20px;
    --si-space-40: 20px;
    --si-space-60: 20px;
    --si-space-100: 60px;
    --si-space-120: 40px;
    --si-space-rem-8: 0.375rem; /* 6px */
    --si-space-rem-12: 0.5rem; /* 8px */
    --si-space-rem-20: 0.75rem; /* 12px */
    --si-space-rem-22: 0.875rem; /* 14px */
    --si-space-rem-24: 1.125rem; /* 18px */
    --si-space-rem-28: 1.25rem; /* 20px */
    --si-space-rem-40: 1.25rem; /* 20px */
    --si-space-rem-60: 1.25rem; /* 20px */
    --si-space-rem-100: 3.75rem; /* 60px */
    --si-space-rem-120: 2.5rem; /* 40px */
  }
}
@media (min-width: 768px) {
  :root {
    --si-space-20: 20px;
    --si-space-22: 22px;
    --si-space-60: 40px;
    --si-space-120: 80px;
    --si-space-rem-20: 1.25rem; /* 20px */
    --si-space-rem-22: 1.375rem; /* 22px */
    --si-space-rem-60: 2.5rem; /* 40px */
    --si-space-rem-120: 5rem; /* 80px */
  }
}
@media (min-width: 1024px) {
  :root {
    --si-space-8: 8px;
    --si-space-12: 12px;
    --si-space-24: 24px;
    --si-space-28: 28px;
    --si-space-40: 32px;
    --si-space-60: 60px;
    --si-space-100: 100px;
    --si-space-rem-8: 0.5rem; /* 8px */
    --si-space-rem-12: 0.75rem; /* 12px */
    --si-space-rem-24: 1.5rem; /* 24px */
    --si-space-rem-28: 1.75rem; /* 28px */
    --si-space-rem-40: 2rem; /* 32px */
    --si-space-rem-60: 3.75rem; /* 60px */
    --si-space-rem-100: 6.25rem; /* 100px */
  }
}
@media (min-width: 1440px) {
  :root {
    --si-space-40: 40px;
    --si-space-120: 120px;
    --si-space-rem-40: 2.5rem; /* 40px */
    --si-space-rem-120: 7.5rem; /* 120px */
  }
}