.loader{border-left:5px solid #683ab7a7;border-radius:50%;width:150px;height:150px;animation:.9s linear infinite spinRight;position:relative}.loader:before,.loader:after{content:"";border-right:5px solid #673ab7;border-radius:50%;width:120px;height:120px;animation:.9s linear infinite spinLeft;display:block;position:absolute;top:calc(50% - 60px);left:calc(50% - 60px)}.loader:after{border:0;border-top:5px solid #683ab796;width:90px;height:90px;animation:none;top:calc(50% - 45px);left:calc(50% - 45px)}@keyframes spinRight{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinLeft{0%{transform:rotate(720deg)}to{transform:rotate(0)}}