:root{--offset:187;--duration:1.4s}.spinner{animation:rotator var(--duration) linear infinite}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(270deg)}}.path{stroke-dasharray:var(--offset);stroke-dashoffset:0;transform-origin:center;animation:dash var(--duration) ease-in-out infinite,colors (var(--duration) * 4) ease-in-out infinite}@keyframes colors{0%{stroke:#4285f4}25%{stroke:#de3e35}50%{stroke:#f7c223}75%{stroke:#1b9a59}to{stroke:#4285f4}}@keyframes dash{0%{stroke-dashoffset:var(--offset)}50%{stroke-dashoffset:var(--offset) /4;transform:rotate(135deg)}to{stroke-dashoffset:var(--offset);transform:rotate(450deg)}}