.preloader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;font-size:24px;z-index:20000;transition:opacity .5s ease-in-out}.preloader.is-hiding{opacity:0;pointer-events:none}.preloader.is-hidden{display:none!important}.preloader .loader{width:80px;height:80px;border:8px solid rgba(84,173,50,.2);border-top:8px solid #54ad32;border-radius:50%;box-sizing:border-box;flex-shrink:0;margin-bottom:20px;-webkit-animation-name:cx3PreloaderSpin;animation-name:cx3PreloaderSpin;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes cx3PreloaderSpin{0%{-webkit-transform:rotate(.01deg);transform:rotate(.01deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes cx3PreloaderSpin{0%{transform:rotate(.01deg)}100%{transform:rotate(360deg)}}.wrapper{opacity:0;visibility:hidden;background-color:#000;min-height:100vh}.wrapper.is-visible{opacity:1;visibility:visible}body,html{background:#000;margin:0}.auth-body{background:#000}html.preload-done .auth-body,html.preload-done .auth-body .wrapper{background-color:#f8fafc}.preloader small.fs-10pt{opacity:.7}