html,body{height:100%;margin:0;padding:0}#app-container{height:100%}.loader-container{text-align:center;color:#999;background:#fff;background:var(--loader-bg-color,#fff);justify-content:center;align-items:center;width:100%;height:100%;font-size:0;display:flex}.loader-logo{background-image:url(../img/logo_mpleo_dark.svg);background-image:var(--loader-src-url,url(../img/logo_mpleo_dark.svg));background-position:50%;background-repeat:no-repeat;background-size:contain;width:400px;max-width:80vw;height:200px;margin-top:50px}.loader-spinner{text-align:center;width:70px;margin:0 auto}.loader-spinner>div{background-color:#ff8f1c;background-color:var(--loader-color,#ff8f1c);border-radius:100%;width:18px;height:18px;animation:1.4s ease-in-out infinite both sk-bouncedelay;display:inline-block}.loader-spinner .bounce1{animation-delay:-.32s}.loader-spinner .bounce2{animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}