/* src/components/thread/markdown-styles.css */
.markdown-content {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.streaming-active .markdown-content {
  -webkit-mask-image:
    linear-gradient(
      to right,
      black 0%,
      black calc(100% - 60px),
      transparent 100%);
  mask-image:
    linear-gradient(
      to right,
      black 0%,
      black calc(100% - 60px),
      transparent 100%);
  animation: streamingFlow 0.4s ease-out forwards;
}
@keyframes streamingFlow {
  from {
    -webkit-mask-image:
      linear-gradient(
        to right,
        black 0%,
        black calc(100% - 80px),
        transparent 100%);
    mask-image:
      linear-gradient(
        to right,
        black 0%,
        black calc(100% - 80px),
        transparent 100%);
  }
  to {
    -webkit-mask-image:
      linear-gradient(
        to right,
        black 0%,
        black 100%,
        transparent 100%);
    mask-image:
      linear-gradient(
        to right,
        black 0%,
        black 100%,
        transparent 100%);
  }
}
.streaming-active .markdown-content p,
.streaming-active .markdown-content li,
.streaming-active .markdown-content pre,
.streaming-active .markdown-content blockquote {
  animation: contentReveal 0.25s ease-out;
}
@keyframes contentReveal {
  from {
    opacity: 0.6;
    transform: translateY(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.markdown-content {
  -webkit-mask-image: none;
  mask-image: none;
}
