.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-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;
}