.dot{height:10px;width:10px;transition:all .8s ease}.dot.active{width:22px}@keyframes moveDot{0%{transform:translateX(calc((var(--prev) - var(--current)) * 100%))}to{transform:translateX(0)}}.dot.active{animation:moveDot 2s ease-out}