.loader{display:block;position:relative;width:80px;height:12px;margin:auto}.loader div{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:#404040;animation-timing-function:cubic-bezier(0,1,1,0)}.loader div:first-child{left:8px;animation:.6s infinite loader1}.loader div:nth-child(2){left:8px;animation:.6s infinite loader2}.loader div:nth-child(3){left:32px;animation:.6s infinite loader2}.loader div:nth-child(4){left:56px;animation:.6s infinite loader3}.spinner{width:1em;height:1em;background-color:transparent;border-radius:50px;border:3px solid transparent;border-top-color:#09a3d1;margin:auto;pointer-events:none;animation:1s ease-in-out infinite rotate}@keyframes loader1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes loader3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes loader2{0%{transform:translate(0,0)}100%{transform:translate(24px,0)}}@keyframes rotate{to{transform:rotate(360deg)}}