@keyframes message-alert-flash {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 209, 102, 0);
  }
  25% {
    box-shadow:
      0 0 0 4px rgba(255, 209, 102, 0.28),
      0 0 18px rgba(255, 209, 102, 0.2);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 209, 102, 0);
  }
}

.msg-item.is-for-me.message-alert-flash {
  animation: message-alert-flash 1.1s ease-out 1;
}

@media (prefers-reduced-motion: reduce) {
  .msg-item.is-for-me.message-alert-flash {
    animation: none;
  }
}