.spinner{--gap:5px;--clr:#d32f2f;--height:23px;width:100px;height:100px;display:flex;align-items:center;justify-content:center;gap:var(--gap)}.spinner span{background:var(--clr);width:6px;height:var(--height);animation:grow 1s ease-in-out infinite}.spinner span:nth-child(2){animation:grow 1s ease-in-out .15s infinite}.spinner span:nth-child(3){animation:grow 1s ease-in-out .3s infinite}.spinner span:nth-child(4){animation:grow 1s ease-in-out .475s infinite}@keyframes grow{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.8)}}