:host {
  display: block;
}

.translations {
  padding: var(--zn-spacing-small) var(--zn-spacing-medium);
}

// The select and the field below it are two stacked controls, so they take the same gap zn-form-group uses.
.translations__language {
  margin-bottom: var(--zn-spacing-medium);
}

.translations__body {
  display: block;
}

.translations--flush,
.translations--grouped {
  padding: 0;
}