.Group {
  --form-layout-group-spacing: var(--x-pp-spacing-base);
  display: flex;

  @media all and (min-width: 750px) {
    & > * {
      flex: 1 1 0;

      & + * {
        margin-inline-start: var(--form-layout-group-spacing);
      }
    }
  }

  @media all and (max-width: 749px) {
    flex-direction: column;

    & > * + * {
      margin-block-start: var(--form-layout-group-spacing);
    }
  }
}

.spacingTight {
  --form-layout-group-spacing: var(--x-pp-spacing-tight1x);
}