/* A message being sent (chat_controller#showSending): the send button spins in
 * place of its arrow, and the message waits in the thread as a faded user
 * bubble with a "Sending…" line (agent/pending_message.js) until the page
 * reloads with the real one. */

.agent-composer-send.is-sending .agent-composer-send-icon--send { display: none; }
.agent-composer-send.is-sending:disabled { opacity: 1; cursor: progress; }

.message-user--pending { width: 100%; }
.message-user--pending .message-user-bubble { opacity: 0.7; }
.message-user-status {
  margin-top: var(--spacing-4);
  font-size: var(--font-size-12);
  color: var(--text-tertiary);
  text-align: right;
}