.component-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;z-index:999999;transition:all;overflow:hidden}.component-loading.active{opacity:1;visibility:visible}.component-loading .squares{display:flex;flex-wrap:wrap;width:120px}.component-loading .squares .square{width:40px;height:40px;background-color:#8c62ff;animation-name:loading;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:cubic-bezier(.68,0,.265,1)}.component-loading .squares .square.s4,.component-loading .squares .square.s8{animation-delay:.15s}.component-loading .squares .square.s1,.component-loading .squares .square.s5,.component-loading .squares .square.s9{animation-delay:.3s}.component-loading .squares .square.s2,.component-loading .squares .square.s6{animation-delay:.45s}.component-loading .squares .square.s3{animation-delay:.6s}@keyframes loading{0%{transform:scale(1)}70%{transform:scale(0)}to{transform:scale(0)}}.component-loading .opacity-1{opacity:1}.component-loading .opacity-0{opacity:0}.page-transition{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;pointer-events:none;overflow:hidden}