.loader{height:50px;margin-left:-50px;transform:rotate(165deg);width:50px}.loader:after,.loader:before{border-radius:5px;content:"";display:block;height:10px;transform:translate(-50%,-50%);width:10px}.loader:before{animation:before 2s infinite}.loader:after{animation:after 2s infinite}@keyframes before{0%{box-shadow:20px -10px #e11462bf,-20px 10px #6fcadcbf;width:10px}35%{box-shadow:0 -10px #e11462bf,0 10px #6fcadcbf;width:50px}70%{box-shadow:-20px -10px #e11462bf,20px 10px #6fcadcbf;width:10px}to{box-shadow:20px -10px #e11462bf,-20px 10px #6fcadcbf}}@keyframes after{0%{box-shadow:10px 10px #3db88fbf,-10px -30px #e9a920bf;height:10px}35%{box-shadow:10px -10px #3db88fbf,-10px -10px #e9a920bf;height:50px}70%{box-shadow:10px -30px #3db88fbf,-10px 10px #e9a920bf;height:10px}to{box-shadow:10px 10px #3db88fbf,-10px -30px #e9a920bf}}