.dot-falling{--dot-color:#d247bf;--dot-size:7px;--shift:1;--gap:5px;--_outshift:9999px;position:relative;left:calc(var(--_outshift) * -1);width:var(--dot-size);height:var(--dot-size);border-radius:var(--dot-size);background-color:var(--dot-color);color:var(--dot-color);box-shadow:var(--outshift) 0 0 0 var(--dot-color);animation:dot-falling 1s linear infinite;animation-delay:.1s}.dot-falling,.dot-falling:after,.dot-falling:before{--outshift:calc(var(--_outshift) + (var(--shift) * (var(--gap) + var(--dot-size))))}.dot-falling:after,.dot-falling:before{content:"";display:inline-block;position:absolute;top:0;width:var(--dot-size);height:var(--dot-size);border-radius:var(--dot-size);background-color:var(--dot-color);color:var(--dot-color)}.dot-falling:before{animation:dot-falling 1s linear infinite;animation-delay:0s;--shift:0}.dot-falling:after{--shift:2;animation:dot-falling 1s linear infinite;animation-delay:.2s}@keyframes dot-falling{0%,25%{box-shadow:var(--outshift) 0 0 0 var(--dot-color)}50%{box-shadow:var(--outshift) -10px 0 0 var(--dot-color)}75%,to{box-shadow:var(--outshift) 0 0 0 var(--dot-color)}}