#loading-bg{width:100%;height:100%;background:#fff;display:block;position:absolute}.loading-logo{top:42%}.loading,.loading-logo{position:absolute;left:calc(50% - 30px)}.loading{top:50%;width:60px;height:60px}.loading,.loading .effect-1,.loading .effect-2{border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:3px solid transparent}.loading .effect-1,.loading .effect-2{position:absolute;width:100%;height:100%;border-left:3px solid #7961f9}.loading .effect-1{-webkit-animation:rotate 1s ease infinite;animation:rotate 1s ease infinite}.loading .effect-2{-webkit-animation:rotateOpacity 1s ease .1s infinite;animation:rotateOpacity 1s ease .1s infinite}.loading .effect-3{position:absolute;width:100%;height:100%;border:3px solid transparent;border-left:3px solid #7961f9;-webkit-animation:rotateOpacity 1s ease .2s infinite;animation:rotateOpacity 1s ease .2s infinite;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box}.loading .effects{-webkit-transition:all .3s ease;transition:all .3s ease}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes rotateOpacity{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:.1}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:1}}@keyframes rotateOpacity{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:.1}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:1}}.abc{display:-webkit-box;display:-ms-flexbox;display:flex}