#AppLoader{position:fixed;top:0;left:0;width:100vw;height:100vw;z-index:999999;background:var(--primary-color);opacity:1;-webkit-transform:translateY(-50%) scale(0);-ms-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);border-radius:50%;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;-o-transition:transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease;top:50%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#AppLoader.is-active{-webkit-transform:translateY(-50%) scale(2);-ms-transform:translateY(-50%) scale(2);transform:translateY(-50%) scale(2);-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;-o-transition:transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}#SLoader{height:30px;width:30px;fill:#fff}#SLoader #BottomShape{-webkit-transform:rotateY(360deg);transform:rotateY(360deg);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation:rotateAnimation 3s linear infinite;animation:rotateAnimation 3s linear infinite}#SLoader #TopShape{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation:rotateAnimationReverse 3s linear infinite;animation:rotateAnimationReverse 3s linear infinite}@-webkit-keyframes rotateAnimation{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}50%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes rotateAnimation{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}50%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@-webkit-keyframes rotateAnimationReverse{0%{-webkit-transform:rotateY(-360deg);transform:rotateY(-360deg)}50%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes rotateAnimationReverse{0%{-webkit-transform:rotateY(-360deg);transform:rotateY(-360deg)}50%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}