.circular{transform-origin:50%;width:50px;height:50px;margin:auto;animation:2s linear infinite rotate;position:absolute;inset:0}.path{stroke-dasharray:1 200;stroke-dashoffset:0;stroke-linecap:round;animation:1.5s ease-in-out infinite dash,6s ease-in-out infinite color}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:89 200;stroke-dashoffset:-35px}to{stroke-dasharray:89 200;stroke-dashoffset:-124px}}@keyframes color{0%,to{stroke:#d62d20}40%{stroke:#0057e7}66%{stroke:#008744}80%,90%{stroke:#ffa700}}