@use "../../form-control";

:host {
  display: block;
}

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

.translations__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--zn-spacing-small);
  margin-bottom: var(--zn-spacing-2x-small);
  min-height: var(--zn-input-height-small);
}

.translations__actions {
  display: flex;
  align-items: center;
  gap: var(--zn-spacing-x-small);
  margin-left: auto;
}

.translations__body {
  display: block;
}

.form-control__label {
  margin-bottom: 0 !important;
}

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

.translations--grouped {
  .translations__header {
    margin-bottom: 0;
  }
}