.field-diff-view {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  min-width: 0;
}

.field-diff-view > .field-diff-diff[data-visible='false'] {
  display: none;
}

.field-diff-view:has(> .diff-field-input > .checkbox-view) > .field-diff-diff > .diff-view {
  padding-inline-start: calc(var(--min-size-input-binary) + var(--spacing-8)) !important;
}

.field-diff-view .diff-field-input {
  border-radius: var(--border-radius-base);
  transition: border var(--transition-duration-medium) ease;
}