.loader{width:68px;height:68px;border-radius:50%;position:relative;animation:rotate 1s linear infinite}.loader:after,.loader:before{content:"";box-sizing:border-box;position:absolute;inset:0;border-radius:50%;border:5px solid #5f57ff;animation:prixClipFix 2s linear infinite}.loader:after{border-color:#0d0d12;animation:prixClipFix 2s linear infinite,rotate .5s linear infinite reverse;inset:6px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes prixClipFix{0%{clippath:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clippath:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clippath:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clippath:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clippath:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}