.save-status {
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
  color: var(--color-armadillo-500);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.save-status:not([data-state]) {
  display: none;
}

.save-status[data-state="saving"],
.save-status[data-state="unsaved"] {
  color: oklch(58% 0.16 75);
}

.save-status[data-state="error"] {
  color: var(--color-danger);
  font-weight: 500;
}