/* ==========================================================================
 * Form
 * ========================================================================== */

.mds-c-form {
  &:not(:last-child) {
    margin-bottom: var(--mds-d-spacing--xl);
  }

  &__grid {
    align-items: start;
    display: grid;
    grid-gap: var(--mds-d-spacing--xl);
    grid-template-columns: repeat(2, 1fr);

    > .mds-c-control-group {
      margin: 0;
    }

    &:not(:last-child) {
      margin-bottom: var(--mds-d-spacing--xl);
    }
  }
}