<div class="pd"><span></span><span></span><span></span></div>
.pd {
display: inline-flex;
gap: 8px;
}
.pd span {
width: 12px;
height: 12px;
border-radius: 50%;
background: #a78bfa;
animation: pd-bounce 1.2s ease-in-out infinite;
}
.pd span:nth-child(2) { animation-delay: 0.15s; }
.pd span:nth-child(3) { animation-delay: 0.3s; }
@keyframes pd-bounce {
0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); }
40% { opacity: 1; transform: scale(1.2); }
}