Spaces:
Running
Running
| @keyframes pulse { | |
| 0% { transform: scale(1); opacity: 1; } | |
| 50% { transform: scale(1.05); opacity: 0.8; } | |
| 100% { transform: scale(1); opacity: 1; } | |
| } | |
| .pulse-visualization { | |
| background-image: | |
| radial-gradient(circle at 20% 30%, rgba(168, 85, 247, 0.4) 0%, transparent 40%), | |
| radial-gradient(circle at 80% 70%, rgba(236, 72, 153, 0.4) 0%, transparent 40%); | |
| animation: pulse 6s ease-in-out infinite; | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .pulse-visualization::before { | |
| content: ''; | |
| position: absolute; | |
| inset: 0; | |
| background: | |
| radial-gradient(circle at 30% 50%, rgba(168, 85, 247, 0.1) 0%, transparent 50%), | |
| radial-gradient(circle at 70% 50%, rgba(236, 72, 153, 0.1) 0%, transparent 50%); | |
| opacity: 0.6; | |
| } | |
| /* Custom scrollbar */ | |
| ::-webkit-scrollbar { | |
| width: 8px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| background: rgba(17, 24, 39, 0.5); | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background: rgba(168, 85, 247, 0.6); | |
| border-radius: 4px; | |
| } | |
| ::-webkit-scrollbar-thumb:hover { | |
| background: rgba(168, 85, 247, 0.8); | |
| } |