/* Loading feedback uses text as well as colour and does not alter label output. */
[data-action-feedback-state="pending"] {
  cursor: progress;
  opacity: .78;
}
[data-action-feedback-state="pending"]::after {
  content: "";
  display: inline-block;
  width: .85em;
  height: .85em;
  margin-left: .5em;
  vertical-align: -.1em;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: action-feedback-spin .8s linear infinite;
}
.action-feedback-status {
  display: block;
  flex-basis: 100%;
  width: 100%;
  margin-top: .4rem;
  font-size: .875rem;
  line-height: 1.4;
  color: var(--text-muted, #475569);
  overflow-wrap: anywhere;
}
.action-feedback-status:empty { display: none; }
.action-feedback-status[data-state="error"] { color: #a32626; }
.action-feedback-status[data-state="unknown"] { color: #775100; }
@keyframes action-feedback-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  [data-action-feedback-state="pending"]::after { animation: none; }
}