.content-animator-container{--container-size:40px;--animation-speed:2s;--item-color:#1677ff}.content-animator-container-dot:before{content:"";display:block;height:calc(var(--container-size) * .22);width:calc(var(--container-size) * .22);border-radius:50%;background-color:var(--item-color);will-change:transform}.content-animator-container-dot:first-child{animation:leap var(--animation-speed) ease infinite}.content-animator-container-dot:nth-child(2){transform:translateX(calc(var(--container-size) * .4));animation:leap var(--animation-speed) ease calc(var(--animation-speed) / -1.5) infinite}.content-animator-container-dot:nth-child(3){transform:translateX(calc(var(--container-size) * .8)) rotate(0deg);animation:leap var(--animation-speed) ease calc(var(--animation-speed) / -3) infinite}@keyframes leap{0%{transform:translateX(0) rotate(0deg)}33.333%{transform:translateX(0) rotate(180deg)}66.666%{transform:translateX(calc(var(--container-size) * -.4)) rotate(180deg)}99.999%{transform:translateX(calc(var(--container-size) * -.8)) rotate(180deg)}to{transform:translateX(0) rotate(0deg)}}