.loading-ring{width:64px;height:64px;display:inline-block;position:relative}.loading-ring div{box-sizing:border-box;border:6px solid #0000;border-top-color:#d3dde7;border-radius:50%;width:51px;height:51px;margin:6px;animation:1.2s cubic-bezier(.5,0,.5,1) infinite loading-ring;display:block;position:absolute}.loading-ring div:first-child{animation-delay:-.45s}.loading-ring div:nth-child(2){animation-delay:-.3s}.loading-ring div:nth-child(3){animation-delay:-.15s}@keyframes loading-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loadingring-wrapper{position:relative;left:calc(50% - 32px)}.loadingring-overlay{text-align:left;background-color:#ffffff80;width:100%;height:100%;position:absolute;top:0;left:0}.loadingring-overlay .loading-ring{top:calc(50% - 32px);left:calc(50% - 32px)}