.loading-progress__container{width:100%;height:100%;position:relative;min-height:80px}.loading-progress__wrapper{position:absolute;z-index:99;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#fff}.loading-progress__wrapper-0{background-color:#fff0}.loading-progress__wrapper-10{background-color:#ffffff1a}.loading-progress__wrapper-20{background-color:#fff3}.loading-progress__wrapper-30{background-color:#ffffff4d}.loading-progress__wrapper-40{background-color:#fff6}.loading-progress__wrapper-50{background-color:#ffffff80}.loading-progress__wrapper-60{background-color:#fff9}.loading-progress__wrapper-70{background-color:#ffffffb3}.loading-progress__wrapper-80{background-color:#fffc}.loading-progress__wrapper-90{background-color:#ffffffe6}.loading-progress__wrapper-100{background-color:#fff}.loading-progress{display:inline-block;position:relative;width:80px;height:80px}.loading-progress div{animation:loading-progress 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.loading-progress div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#0b68c2;margin:-4px 0 0 -4px}.loading-progress div:nth-child(1){animation-delay:-36ms}.loading-progress div:nth-child(1):after{top:63px;left:63px}.loading-progress div:nth-child(2){animation-delay:-72ms}.loading-progress div:nth-child(2):after{top:68px;left:56px}.loading-progress div:nth-child(3){animation-delay:-.108s}.loading-progress div:nth-child(3):after{top:71px;left:48px}.loading-progress div:nth-child(4){animation-delay:-.144s}.loading-progress div:nth-child(4):after{top:72px;left:40px}.loading-progress div:nth-child(5){animation-delay:-.18s}.loading-progress div:nth-child(5):after{top:71px;left:32px}.loading-progress div:nth-child(6){animation-delay:-.216s}.loading-progress div:nth-child(6):after{top:68px;left:24px}.loading-progress div:nth-child(7){animation-delay:-.252s}.loading-progress div:nth-child(7):after{top:63px;left:17px}.loading-progress div:nth-child(8){animation-delay:-.288s}.loading-progress div:nth-child(8):after{top:56px;left:12px}@keyframes loading-progress{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
