.loader{height:50px;width:50px;position:relative;animation:rotateAndScale 1s ease-in-out infinite}.loader:after,.loader:before{border-radius:50%;content:"";display:block;height:20px;width:20px;position:absolute}.loader:before{top:0;left:0;animation:animateTop 1s ease-in-out infinite}.loader:after{top:30px;left:0;animation:animateBottom 1s ease-in-out infinite}@keyframes animateTop{0%,to{transform:translate(0);background-color:#ededed;box-shadow:30px 0 0 #4abaff}50%{transform:translate(15px,15px);background-color:#4abaff;box-shadow:0 0 0 transparent}}@keyframes animateBottom{0%,to{transform:translate(0);background-color:#4abaff;box-shadow:30px 0 0 #ededed}50%{transform:translate(15px,-15px);background-color:transparent;box-shadow:0 0 0 transparent}}@keyframes rotateAndScale{0%{transform:rotate(0deg) scale(.8)}50%{transform:rotate(1turn) scale(1.2)}to{transform:rotate(2turn) scale(.8)}}