.leap-frog{--uib-size:15px;--uib-speed:2.5s;width:var(--uib-size);height:var(--uib-size);justify-content:space-between;align-items:center;display:flex;position:relative}.leap-frog__dot{justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.leap-frog__dot:before{content:"";will-change:transform;background-color:#f2f2f2;border-radius:50%;width:.5rem;height:.5rem;display:block}.leap-frog__dot:first-child{animation:leapFrog var(--uib-speed) ease infinite}.leap-frog__dot:nth-child(2){transform:translateX(calc(var(--uib-size) * .5));animation:leapFrog var(--uib-speed) ease calc(var(--uib-speed) / -1.5) infinite}.leap-frog__dot:nth-child(3){transform:translateX(calc(var(--uib-size) * .9)) rotate(0deg);animation:leapFrog var(--uib-speed) ease calc(var(--uib-speed) / -3) infinite}@keyframes leapFrog{0%{transform:translate(0)rotate(0)}33.333%{transform:translate(0)rotate(180deg)}66.666%{transform:translateX(calc(var(--uib-size) * -.4)) rotate(180deg)}99.999%{transform:translateX(calc(var(--uib-size) * -.8)) rotate(180deg)}to{transform:translate(0)rotate(0)}}