.inline-feedback { margin-top: .65rem; color: inherit; font: inherit; }
.inline-feedback[hidden] { display: none !important; }
.inline-feedback [data-feedback-retry][hidden] { display: none !important; }
.inline-feedback-faces[hidden], .inline-feedback-heading[hidden] { display: none; }
.inline-feedback-heading { display: block; margin-bottom: .25rem; }
.inline-feedback-faces { display: flex; gap: .35rem; }
.inline-feedback-face {
  width: 44px; min-height: 44px; padding: .25rem;
  border: 1px solid var(--line, #ddd); border-radius: .35rem;
  background: transparent; color: inherit; font-size: 1.55rem; cursor: pointer;
}
.inline-feedback-face[aria-pressed="true"] {
  border-color: var(--accent, #bd8a32); box-shadow: inset 0 0 0 1px var(--accent, #bd8a32);
}
.inline-feedback-face:focus-visible { outline: 2px solid var(--accent, #bd8a32); outline-offset: 2px; }
.inline-feedback-face:disabled { opacity: .6; cursor: wait; }
.inline-feedback-status { display: block; min-height: 1.3em; margin-top: .25rem; }
.inline-feedback-status.feedback-error { color: var(--error, #a12d22); }