.loading{display:block;margin:4em auto;position:relative;width:80px;height:80px}.loading div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;background:hsla(0,0%,100%,.6);-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0)}.loading div:first-child{left:8px;-webkit-animation:loading1 .6s infinite;animation:loading1 .6s infinite}.loading div:nth-child(2){left:8px}.loading div:nth-child(2),.loading div:nth-child(3){-webkit-animation:loading2 .6s infinite;animation:loading2 .6s infinite}.loading div:nth-child(3){left:32px}.loading div:nth-child(4){left:56px;-webkit-animation:loading3 .6s infinite;animation:loading3 .6s infinite}@-webkit-keyframes loading1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes loading1{0%{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes loading3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes loading3{0%{transform:scale(1)}to{transform:scale(0)}}@-webkit-keyframes loading2{0%{transform:translate(0)}to{transform:translate(24px)}}@keyframes loading2{0%{transform:translate(0)}to{transform:translate(24px)}}