.flow {
  > * + * {
    margin-top: var(--medium);

    &.flow-skip {
      margin-top: 0;
    }
  }
}

.flow--large {
  > * + * {
    margin-top: var(--large);

    &.flow-skip {
      margin-top: 0;
    }
  }
}

.flow--inline {
  > * + * {
    margin-left: var(--medium);

    &.flow-skip {
      margin-top: 0;
    }
  }
}

.flow--inline-xsmall {
  > * + * {
    margin-left: var(--xsmall);

    &.flow-skip {
      margin-top: 0;
    }
  }
}