.loading-indicator{width:64px;height:64px;margin:2em auto;position:relative}.loading-indicator div{transform-origin:32px 32px;animation:1.2s cubic-bezier(.5,0,.5,1) infinite lds-roller}.loading-indicator div:after{content:" ";background:gray;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;display:block;position:absolute}.loading-indicator div:first-child{animation-delay:-.036s}.loading-indicator div:first-child:after{top:50px;left:50px}.loading-indicator div:nth-child(2){animation-delay:-.072s}.loading-indicator div:nth-child(2):after{top:54px;left:45px}.loading-indicator div:nth-child(3){animation-delay:-.108s}.loading-indicator div:nth-child(3):after{top:57px;left:39px}.loading-indicator div:nth-child(4){animation-delay:-.144s}.loading-indicator div:nth-child(4):after{top:58px;left:32px}.loading-indicator div:nth-child(5){animation-delay:-.18s}.loading-indicator div:nth-child(5):after{top:57px;left:25px}.loading-indicator div:nth-child(6){animation-delay:-.216s}.loading-indicator div:nth-child(6):after{top:54px;left:19px}.loading-indicator div:nth-child(7){animation-delay:-.252s}.loading-indicator div:nth-child(7):after{top:50px;left:14px}.loading-indicator div:nth-child(8){animation-delay:-.288s}.loading-indicator div:nth-child(8):after{top:45px;left:10px}