.stack {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.stack.center {
  justify-content: center;
  align-items: center;
}

.stack.space8 > * + * {
  margin-block-start: var(--s8);
}

.stack.space7 > * + * {
  margin-block-start: var(--s7);
}

.stack.space6 > * + * {
  margin-block-start: var(--s6);
}

.stack.space5 > * + * {
  margin-block-start: var(--s5);
}

.stack.space4 > * + * {
  margin-block-start: var(--s4);
}

.stack.space3 > * + * {
  margin-block-start: var(--s3);
}

.stack.space2 > * + * {
  margin-block-start: var(--s2);
}

.stack.space1 > * + * {
  margin-block-start: var(--s1);
}

.stack > * + * {
  margin-block-start: var(--s0);
}

.stack.space-1 > * + * {
  margin-block-start: var(--s-1);
}

.stack.space-2 > * + * {
  margin-block-start: var(--s-2);
}

.stack.space-3 > * + * {
  margin-block-start: var(--s-3);
}

.stack.space-4 > * + * {
  margin-block-start: var(--s-4);
}

.stack.space-5 > * + * {
  margin-block-start: var(--s-5);
}