body{background:var(--background-color);color:#000;margin:0}body,html{height:100%}.flex-full-screen-container{align-items:center;background-color:#1542c3;display:flex;height:100vh;height:calc(var(--vh, 1vh)*100);justify-content:center;margin:0;padding:0}.flex-full-screen-box{background-color:#fff;border-radius:1em;padding:2em;width:30%}.app-loader{bottom:0;height:4em;left:0;margin:auto;position:relative;right:0;top:0;transform:rotate(45deg);width:4em;z-index:999}.app-loader .app-loader-cube{float:left;height:50%;position:relative;transform:scale(1.1);width:50%}.app-loader .app-loader-cube:before{animation:sk-foldCubeAngle 2.4s linear infinite both;background-color:#fff;content:"";height:100%;left:0;position:absolute;top:0;transform-origin:100% 100%;width:100%}.app-loader .app-loader-cube-2{transform:scale(1.1) rotate(90deg)}.app-loader .app-loader-cube-2:before{animation-delay:.3s}.app-loader .app-loader-cube-3{transform:scale(1.1) rotate(180deg)}.app-loader .app-loader-cube-3:before{animation-delay:.6s}.app-loader .app-loader-cube-4{transform:scale(1.1) rotate(270deg)}.app-loader .app-loader-cube-4:before{animation-delay:.9s}@keyframes sk-foldCubeAngle{0%{opacity:0;transform:perspective(140px) rotateX(-180deg)}10%{opacity:0;transform:perspective(140px) rotateX(-180deg)}25%{opacity:1;transform:perspective(140px) rotateX(0deg)}75%{opacity:1;transform:perspective(140px) rotateX(0deg)}90%{opacity:0;transform:perspective(140px) rotateY(180deg)}to{opacity:0;transform:perspective(140px) rotateY(180deg)}}