.admin-autosave-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 28px;

  color: #6f828b;

  font:
    600 .68rem
    "Work Sans",
    sans-serif;
}

.admin-autosave-status::before {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;

  border-radius: 50%;

  background: #9babb2;

  content: "";
}

.admin-autosave-status.is-dirty::before {
  background: #f28d01;
}

.admin-autosave-status.is-saving::before {
  background: #04a0dd;
}

.admin-autosave-status.is-saved::before {
  background: #39a96b;
}

.admin-autosave-status.is-warning::before {
  background: #d89a24;
}

.admin-autosave-status.is-error {
  color: #a83f3f;
}

.admin-autosave-status.is-error::before {
  background: #c74646;
}

.admin-autosave-status.is-idle::before {
  background: #95a4ab;
}