| @keyframes pulse { | |
| 0%, 100% { opacity: 1; } | |
| 50% { opacity: 0.5; } | |
| } | |
| .loading { | |
| animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite; | |
| } | |
| .change-positive { | |
| color: #10b981; | |
| } | |
| .change-negative { | |
| color: #ef4444; | |
| } | |
| .change-neutral { | |
| color: #64748b; | |
| } | |
| .dark .change-positive { | |
| color: #34d399; | |
| } | |
| .dark .change-negative { | |
| color: #f87171; | |
| } | |
| .dark .change-neutral { | |
| color: #94a3b8; | |
| } |