src/index.css

@import "tailwindcss";

@source "../node_modules/streamdown/dist/index.js";

@keyframes glisten {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

.animate-glisten {
  /* Using amber-700 and amber-300 for the gradient */
  background-image: linear-gradient(
    90deg,
    rgba(168, 85, 6, 1) 0%,
    rgba(253, 186, 116, 1) 40%,
    rgba(253, 186, 116, 1) 60%,
    rgba(168, 85, 6, 1) 100%
  );
  color: transparent;
  background-size: 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  animation: glisten 3s linear infinite;
}

/* Overrides */
.message h3[data-streamdown="heading-3"] {
  @apply mt-3;
}

.message .collapsible p {
  @apply my-1;
}

.message p {
  @apply whitespace-pre-wrap;
}

@keyframes wobble {
  0%,
  100% {
    transform: rotate(-3deg);
  }
  50% {
    transform: rotate(3deg);
  }
}
.animate-wobble {
  animation: wobble 2s ease-in-out infinite;
}