| |
| ::-webkit-scrollbar { |
| width: 8px; |
| } |
|
|
| ::-webkit-scrollbar-track { |
| background: #1f2937; |
| } |
|
|
| ::-webkit-scrollbar-thumb { |
| background: #4b5563; |
| border-radius: 4px; |
| } |
|
|
| ::-webkit-scrollbar-thumb:hover { |
| background: #6b7280; |
| } |
|
|
| |
| .chat-bubble { |
| max-width: 80%; |
| padding: 0.75rem 1rem; |
| border-radius: 1rem; |
| word-wrap: break-word; |
| } |
|
|
| .user-bubble { |
| background-color: #4f46e5; |
| color: white; |
| margin-left: auto; |
| border-bottom-right-radius: 0.25rem; |
| } |
|
|
| .ai-bubble { |
| background-color: #374151; |
| margin-right: auto; |
| border-bottom-left-radius: 0.25rem; |
| } |
|
|
| |
| .loading-dots { |
| display: inline-flex; |
| align-items: center; |
| } |
|
|
| .loading-dots span { |
| width: 6px; |
| height: 6px; |
| margin: 0 2px; |
| background-color: #9ca3af; |
| border-radius: 50%; |
| display: inline-block; |
| animation: bounce 1.4s infinite ease-in-out both; |
| } |
|
|
| .loading-dots span:nth-child(1) { |
| animation-delay: -0.32s; |
| } |
|
|
| .loading-dots span:nth-child(2) { |
| animation-delay: -0.16s; |
| } |
|
|
| @keyframes bounce { |
| 0%, 80%, 100% { |
| transform: scale(0); |
| } |
| 40% { |
| transform: scale(1); |
| } |
| } |
| |
| .fade-in { |
| animation: fadeIn 0.3s ease-in; |
| } |
|
|
| @keyframes fadeIn { |
| from { opacity: 0; transform: translateY(10px); } |
| to { opacity: 1; transform: translateY(0); } |
| } |
|
|
| |
| .text-yellow-300 { |
| color: #fcd34d; |
| } |
|
|
