.track{width:564px;height:564px;border-radius:50%;border:3px solid #764a0d34}.ball{width:110px;height:110px;border:3px solid #65494089;background-color:#faf4ef;border-radius:50%;position:absolute;left:0;top:0;offset-path:path("M282,0 A282,282 0 1,1 282,564 A282,282 0 1,1 282,0 M282,0 A282,282 0 1,1 282,564 A282,282 0 1,1 282,0");offset-rotate:1turn;offset-position:left}.ball:first-child{offset-distance:0}.ball:nth-child(2){offset-distance:6%}.ball:nth-child(3){offset-distance:12%}.ball:nth-child(4){offset-distance:18%}.ball:nth-child(5){offset-distance:24%}