:host {
  display: block;
  width: 100%;
}

  :host * {
    box-sizing: border-box;
  }

.form-group {
  display: flex;
  flex-direction: column;
  gap: var(--s-space-16);
}

@media (min-width: 768px) {

.form-group {
    gap: var(--s-space-24)
}
  }

.form-group--orientation-horizontal {
  gap: var(--s-space-16);
}

@media (min-width: 768px) {

.form-group--orientation-horizontal {
    flex-direction: row
}
  }