Chat Typing Dots

Three bouncing dots for chat.

.tdots { display:inline-flex; gap:4px; padding:8px 16px; background:#1c1c1f; border-radius:16px; }
.tdots span { width:8px; height:8px; background:#666; border-radius:50%; animation:tdot 1.4s ease-in-out infinite; }
.tdots span:nth-child(2){animation-delay:0.2s} .tdots span:nth-child(3){animation-delay:0.4s}
@keyframes tdot { 0%,60%,100%{transform:translateY(0)} 30%{transform:translateY(-8px)} }