.form-info-panel {
  display: none;
}

.form-info-panel[data-visible='true'] {
  display: block;
}

.form-info-panel [data-form-info-metadata] {
  display: none;
}

.form-info-panel [data-form-info-fields], .form-info-panel [data-form-info-group] {
  display: none;
  flex-direction: column;
  gap: var(--spacing-8);
  padding: var(--spacing-16);
  border: var(--border-width-base) solid var(--border-color-subtle);
  border-radius: var(--border-radius-base);
  background-color: var(--background-color-neutral-subtle);
}

.form-info-panel [data-form-info-fields][data-visible='true'], .form-info-panel [data-form-info-group][data-visible='true'] {
  display: flex;
}

.form-info-panel [data-form-info-field] {
  cursor: not-allowed;
}

.form-info-panel [data-form-info-field][data-populated='false'] {
  display: none;
}

.form-info-panel [data-form-info-field][data-populated='true'] {
  display: block;
}

.form-info-view {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
}