.loading-dots{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:24px;flex:none;color:inherit}
.loading-dots>i{display:block;width:7px;height:7px;border-radius:50%;background:currentColor;animation:loadingDotPulse 1.2s ease-in-out infinite}
.loading-dots>i:nth-child(2){animation-delay:.16s}
.loading-dots>i:nth-child(3){animation-delay:.32s}
@keyframes loadingDotPulse{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.loading-dots>i{animation:none;opacity:1}}