.loader{position:relative;margin:5em auto;width:80px}.loader:before{content:'';display:block;padding-top:100%}.loader .circular{animation:rotate 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.loader .circular .path{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-linecap:round}.altcolor .path{animation:dash 1.5s ease-in-out infinite,color-alt 6s ease-in-out infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}100%{stroke-dasharray:89,200;stroke-dashoffset:-124}}@keyframes color{0%,100%{stroke:#35b2e1}}@keyframes color-alt{0%,100%{stroke:#fff}}