Spaces:
Running
Running
| @keyframes pulse { | |
| 0%, 100% { | |
| opacity: 1; | |
| } | |
| 50% { | |
| opacity: 0.5; | |
| } | |
| } | |
| .typing-indicator { | |
| display: flex; | |
| gap: 4px; | |
| } | |
| .typing-indicator span { | |
| width: 8px; | |
| height: 8px; | |
| background-color: #38bdf8; | |
| border-radius: 50%; | |
| display: inline-block; | |
| animation: pulse 1.5s infinite ease-in-out; | |
| } | |
| .typing-indicator span:nth-child(2) { | |
| animation-delay: 0.2s; | |
| } | |
| .typing-indicator span:nth-child(3) { | |
| animation-delay: 0.4s; | |
| } | |
| .message { | |
| transition: all 0.3s ease; | |
| } | |
| .message:hover { | |
| transform: translateY(-2px); | |
| box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); | |
| } | |
| /* Custom scrollbar */ | |
| ::-webkit-scrollbar { | |
| width: 8px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| background: rgba(255, 255, 255, 0.05); | |
| border-radius: 10px; | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background: rgba(59, 130, 246, 0.5); | |
| border-radius: 10px; | |
| } | |
| ::-webkit-scrollbar-thumb:hover { | |
| background: rgba(59, 130, 246, 0.7); | |
| } |