.spinner-wrp{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000}.spinner-wrp .lds-roller{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-block;width:80px;height:80px}.spinner-wrp .lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.spinner-wrp .lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#2c2c2c;margin:-4px 0 0 -4px}.spinner-wrp .lds-roller div:nth-child(1){animation-delay:-36ms}.spinner-wrp .lds-roller div:nth-child(1):after{top:63px;left:63px}.spinner-wrp .lds-roller div:nth-child(2){animation-delay:-72ms}.spinner-wrp .lds-roller div:nth-child(2):after{top:68px;left:56px}.spinner-wrp .lds-roller div:nth-child(3){animation-delay:-.108s}.spinner-wrp .lds-roller div:nth-child(3):after{top:71px;left:48px}.spinner-wrp .lds-roller div:nth-child(4){animation-delay:-.144s}.spinner-wrp .lds-roller div:nth-child(4):after{top:72px;left:40px}.spinner-wrp .lds-roller div:nth-child(5){animation-delay:-.18s}.spinner-wrp .lds-roller div:nth-child(5):after{top:71px;left:32px}.spinner-wrp .lds-roller div:nth-child(6){animation-delay:-.216s}.spinner-wrp .lds-roller div:nth-child(6):after{top:68px;left:24px}.spinner-wrp .lds-roller div:nth-child(7){animation-delay:-.252s}.spinner-wrp .lds-roller div:nth-child(7):after{top:63px;left:17px}.spinner-wrp .lds-roller div:nth-child(8){animation-delay:-.288s}.spinner-wrp .lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}