Cargador de puntos que se deslizan

Tres puntos que se desplazan a la derecha, crecen y se encienden a la vez, desfasados entre sí por un retardo por índice. El desfase es una sola línea de CSS: un retardo sobre una animación en bucle solo aplaza la primera vuelta, así que a partir de ahí los tres mantienen su diferencia de fase para siempre sin temporizadores ni estado. La fila reserva por adelantado el recorrido del punto que más viaja, para que la excursión no recorte contra el borde ni descentre el grupo.