#loading-bg{width:100%;height:100%;display:block;position:absolute}[dir] #loading-bg{background:#fff}.loading-logo{position:absolute;top:40%}[dir=ltr] .loading-logo{left:calc(50% - 45px)}[dir=rtl] .loading-logo{right:calc(50% - 45px)}.loading{position:absolute;top:50%;width:55px;height:55px;-webkit-box-sizing:border-box;box-sizing:border-box}[dir] .loading{border-radius:50%;border:3px solid transparent}[dir=ltr] .loading{left:calc(50% - 35px)}[dir=rtl] .loading{right:calc(50% - 35px)}.loading .effect-1,.loading .effect-2{position:absolute;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}[dir] .loading .effect-1,[dir] .loading .effect-2{border:3px solid transparent;border-radius:50%}[dir=ltr] .loading .effect-1,[dir=ltr] .loading .effect-2{border-left:3px solid #7961f9}[dir=rtl] .loading .effect-1,[dir=rtl] .loading .effect-2{border-right:3px solid #7961f9}[dir=ltr] .loading .effect-1{-webkit-animation:rotate-ltr 1s ease infinite;animation:rotate-ltr 1s ease infinite}[dir=rtl] .loading .effect-1{-webkit-animation:rotate-rtl 1s ease infinite;animation:rotate-rtl 1s ease infinite}[dir=ltr] .loading .effect-2{-webkit-animation:rotateOpacity-ltr 1s ease .1s infinite;animation:rotateOpacity-ltr 1s ease .1s infinite}[dir=rtl] .loading .effect-2{-webkit-animation:rotateOpacity-rtl 1s ease .1s infinite;animation:rotateOpacity-rtl 1s ease .1s infinite}.loading .effect-3{position:absolute;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}[dir] .loading .effect-3{border:3px solid transparent;border-radius:50%}[dir=ltr] .loading .effect-3{border-left:3px solid #7961f9;-webkit-animation:rotateOpacity-ltr 1s ease .2s infinite;animation:rotateOpacity-ltr 1s ease .2s infinite}[dir=rtl] .loading .effect-3{border-right:3px solid #7961f9;-webkit-animation:rotateOpacity-rtl 1s ease .2s infinite;animation:rotateOpacity-rtl 1s ease .2s infinite}.loading .effects{transition:all .3s ease}[dir] .loading .effects{-webkit-transition:all .3s ease}@-webkit-keyframes rotate-ltr{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes rotate-rtl{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes rotate-ltr{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-rtl{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@-webkit-keyframes rotateOpacity-ltr{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:.1}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:1}}@-webkit-keyframes rotateOpacity-rtl{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:.1}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:1}}@keyframes rotateOpacity-ltr{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:.1}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:1}}@keyframes rotateOpacity-rtl{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:.1}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:1}}