.space--none {
  margin: 0 !important;
}

.space--neutral {
  margin: var(--space-neutral) !important;
}

.space--small {
  margin: var(--space-small) !important;
}

.space--medium {
  margin: var(--space-medium) !important;
}

.space--large {
  margin: var(--space-large) !important;
}

.space--x-large {
  margin: var(--space-x-large) !important;
}

.space--xx-large {
  margin: var(--space-xx-large) !important;
}

.space--xxx-large {
  margin: var(--space-xxx-large) !important;
}

.space--xxxx-large {
  margin: var(--space-xxxx-large) !important;
}

.space-top--none {
  margin-top: 0 !important;
}

.space-top--neutral {
  margin-top: var(--space-neutral) !important;
}

.space-top--small {
  margin-top: var(--space-small) !important;
}

.space-top--medium {
  margin-top: var(--space-medium) !important;
}

.space-top--large {
  margin-top: var(--space-large) !important;
}

.space-top--x-large {
  margin-top: var(--space-x-large) !important;
}

.space-top--xx-large {
  margin-top: var(--space-xx-large) !important;
}

.space-top--xxx-large {
  margin-top: var(--space-xxx-large) !important;
}

.space-top--xxxx-large {
  margin-top: var(--space-xxxx-large) !important;
}

.space-bottom--none {
  margin-bottom: 0 !important;
}

.space-bottom--neutral {
  margin-bottom: var(--space-neutral) !important;
}

.space-bottom--small {
  margin-bottom: var(--space-small) !important;
}

.space-bottom--medium {
  margin-bottom: var(--space-medium) !important;
}

.space-bottom--large {
  margin-bottom: var(--space-large) !important;
}

.space-bottom--x-large {
  margin-bottom: var(--space-x-large) !important;
}

.space-bottom--xx-large {
  margin-bottom: var(--space-xx-large) !important;
}

.space-bottom--xxx-large {
  margin-bottom: var(--space-xxx-large) !important;
}

.space-bottom--xxxx-large {
  margin-bottom: var(--space-xxxx-large) !important;
}

.space-left--none {
  margin-left: 0 !important;
}

.space-left--neutral {
  margin-left: var(--space-neutral) !important;
}

.space-left--small {
  margin-left: var(--space-small) !important;
}

.space-left--medium {
  margin-left: var(--space-medium) !important;
}

.space-left--large {
  margin-left: var(--space-large) !important;
}

.space-left--x-large {
  margin-left: var(--space-x-large) !important;
}

.space-left--xx-large {
  margin-left: var(--space-xx-large) !important;
}

.space-left--xxx-large {
  margin-left: var(--space-xxx-large) !important;
}

.space-left--xxxx-large {
  margin-left: var(--space-xxxx-large) !important;
}

.space-right--none {
  margin-right: 0 !important;
}

.space-right--neutral {
  margin-right: var(--space-neutral) !important;
}

.space-right--small {
  margin-right: var(--space-small) !important;
}

.space-right--medium {
  margin-right: var(--space-medium) !important;
}

.space-right--large {
  margin-right: var(--space-large) !important;
}

.space-right--x-large {
  margin-right: var(--space-x-large) !important;
}

.space-right--xx-large {
  margin-right: var(--space-xx-large) !important;
}

.space-right--xxx-large {
  margin-right: var(--space-xxx-large) !important;
}

.space-right--xxxx-large {
  margin-right: var(--space-xxxx-large) !important;
}

.gap--none {
  gap: 0 !important;
}

.gap--neutral {
  gap: var(--space-neutral) !important;
}

.gap--small {
  gap: var(--space-small) !important;
}

.gap--medium {
  gap: var(--space-medium) !important;
}

.gap--large {
  gap: var(--space-large) !important;
}

.gap--x-large {
  gap: var(--space-x-large) !important;
}

.gap--xx-large {
  gap: var(--space-xx-large) !important;
}

.gap--xxx-large {
  gap: var(--space-xxx-large) !important;
}

.gap--xxxx-large {
  gap: var(--space-xxxx-large) !important;
}