@keyframes blink { 0% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(1.2); } 100% { opacity: 1; transform: scale(1); } }
@keyframes pulse-animation { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.02); opacity: 0.8; } 100% { transform: scale(1); opacity: 1; } }
.pulse-effect { animation: pulse-animation 2s infinite; }
.animate-fade-in { animation: fade-in 0.3s ease-out; }
.live-indicator { width: 8px; height: 8px; background-color: #fff; border-radius: 50%; display: inline-block; margin-right: 8px; animation: blink 1.5s infinite; }
@keyframes fade-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }