.typing-container{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem;display:flex}.typing-container .dot{background:var(--primary-color);opacity:1;border-radius:9999px;width:.5rem;height:.5rem;margin-top:.5rem;animation:1s infinite wave}.typing-container .dot:first-child{animation-delay:.3333s}.typing-container .dot:nth-child(2){animation-delay:.6666s}.typing-container .dot:nth-child(3){animation-delay:.9999s}@keyframes wave{0%{opacity:0;transform:translateY(0)}50%{opacity:.8;transform:translateY(-.5rem)}to{opacity:0;transform:translateY(0)}}