/* The same cursor is used by the storefront and maintenance chat widgets. */
.chat-reply-caret {
  display: inline-block;
  width: 2px;
  height: 1.05em;
  margin-inline: 1px;
  border-radius: 1px;
  background: currentColor;
  vertical-align: -.15em;
  pointer-events: none;
  animation: chatReplyCursorBlink .9s steps(1, end) infinite;
}
.chat-msg-finishing .chat-reply-caret {
  animation: chatReplyCursorFinish .6s steps(1, end) 4;
}
@keyframes chatReplyCursorFinish {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}
@keyframes chatReplyCursorBlink {
  0%, 65%, 100% { opacity: 1; }
  75%, 90% { opacity: .25; }
}
@media (prefers-reduced-motion: reduce) {
  .chat-reply-caret { animation: none; }
}