@theme inline{--animate-chat-shimmer: chat-shimmer 2s ease-in-out infinite; --animate-chat-pulse-border: chat-pulse-border 2s ease-in-out infinite; --animate-chat-typing-dot: chat-typing-dot 1.4s ease-in-out infinite; --animate-chat-fade-in: chat-fade-in .3s ease-out; --animate-chat-slide-up: chat-slide-up .3s ease-out; --animate-chat-thinking-pulse: chat-thinking-pulse 2s ease-in-out infinite; @keyframes chat-shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } @keyframes chat-pulse-border { 0%, 100% { border-color: var(--color-primary); opacity: .5; } 50% { border-color: var(--color-primary); opacity: 1; } } @keyframes chat-typing-dot { 0%, 60%, 100% { opacity: .3; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-4px); } } @keyframes chat-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes chat-slide-up { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } @keyframes chat-thinking-pulse { 0%, 100% { opacity: .6; } 50% { opacity: 1; } }}@utility chat-shimmer-bg{background: linear-gradient(90deg, transparent 0%, var(--color-primary-foreground,#ffffff14) 50%, transparent 100%); background-size: 200% 100%;}