.lds-roller{display:inline-block;position:relative;width:80px;height:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;margin:-4px 0 0 -4px}.lds-roller div:first-child{animation-delay:-36ms}.lds-roller div:first-child:after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lds-roller-button{display:inline-block;position:relative;width:20px;height:20px}.lds-roller-button div{animation:lds-roller-button-spin 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:10px 10px}.lds-roller-button div:after{content:" ";display:block;position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;margin:-2px 0 0 -2px}.lds-roller-button div:first-child{animation-delay:-36ms}.lds-roller-button div:first-child:after{top:18px;left:18px}.lds-roller-button div:nth-child(2){animation-delay:-72ms}.lds-roller-button div:nth-child(2):after{top:19px;left:16px}.lds-roller-button div:nth-child(3){animation-delay:-.108s}.lds-roller-button div:nth-child(3):after{top:20px;left:14px}.lds-roller-button div:nth-child(4){animation-delay:-.144s}.lds-roller-button div:nth-child(4):after{top:20px;left:10px}.lds-roller-button div:nth-child(5){animation-delay:-.18s}.lds-roller-button div:nth-child(5):after{top:20px;left:6px}.lds-roller-button div:nth-child(6){animation-delay:-.216s}.lds-roller-button div:nth-child(6):after{top:19px;left:4px}.lds-roller-button div:nth-child(7){animation-delay:-.252s}.lds-roller-button div:nth-child(7):after{top:18px;left:2px}.lds-roller-button div:nth-child(8){animation-delay:-.288s}.lds-roller-button div:nth-child(8):after{top:16px;left:1px}@keyframes lds-roller-button-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{border:4px solid;border-top:4px solid transparent;border-radius:50%;width:24px;height:24px;animation:spin .6s cubic-bezier(.4,0,.2,1) infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}