.app-loader-wrapper{width:calc(200px * var(--loader-scale,1));height:calc(320px * var(--loader-scale,1));display:inline-block}.app-loader{--duration:3s;--primary:#275efe;--primary-light:#2f71ff;--primary-rgba:#275efe00;width:200px;height:320px;transform-style:preserve-3d;transform-origin:0 0;transform:scale(var(--loader-scale,1));position:relative}.app-loader:before,.app-loader:after{--r:20.5deg;content:"";background:hsl(var(--muted));width:320px;height:140px;transform:translateZ(200px) rotate(var(--r));animation:app-loader-mask var(--duration) linear forwards infinite;position:absolute;bottom:-11px;right:32%}.app-loader:after{--r:-20.5deg;left:32%;right:auto}.dark .app-loader:before,.dark .app-loader:after{background:hsl(var(--background))}.app-loader .ground{transform-style:preserve-3d;position:absolute;bottom:-120px;left:-50px;transform:rotateY(-47deg)rotateX(-15deg)rotate(15deg)scale(1)}.app-loader .ground div{background:linear-gradient(45deg, var(--primary) 0%, var(--primary) 50%, var(--primary-light) 50%, var(--primary-light) 100%);width:200px;height:200px;transform-style:preserve-3d;animation:app-loader-ground var(--duration) linear forwards infinite;transform:rotateX(90deg)rotateY(0)translate(-48px,-120px)translateZ(100px)scale(0)}.app-loader .ground div:before,.app-loader .ground div:after{--rx:90deg;--ry:0deg;--x:44px;--y:162px;--z:-50px;content:"";opacity:0;background:linear-gradient(var(--primary), var(--primary-rgba));width:156px;height:300px;transform:rotateX(var(--rx)) rotateY(var(--ry)) translate(var(--x), var(--y)) translateZ(var(--z));animation:app-loader-ground-shine var(--duration) linear forwards infinite;position:absolute}.app-loader .ground div:after{--rx:90deg;--ry:90deg;--x:0;--y:177px;--z:150px}.app-loader .box{--x:0;--y:0;animation:var(--duration) linear forwards infinite;transform:translate(var(--x), var(--y));position:absolute}.app-loader .box div{background-color:var(--primary);width:48px;height:48px;transform-style:preserve-3d;animation:var(--duration) ease forwards infinite;position:relative;transform:rotateY(-47deg)rotateX(-15deg)rotate(15deg)scale(0)}.app-loader .box div:before,.app-loader .box div:after{--rx:90deg;--ry:0deg;--z:24px;--y:-24px;--x:0;content:"";background-color:inherit;width:inherit;height:inherit;transform:rotateX(var(--rx)) rotateY(var(--ry)) translate(var(--x), var(--y)) translateZ(var(--z));filter:brightness(var(--b,1.2));position:absolute}.app-loader .box div:after{--rx:0deg;--ry:90deg;--x:24px;--y:0;--b:1.4}.app-loader .box.box0{--x:-220px;--y:-120px;top:108px;left:58px}.app-loader .box.box1{--x:-260px;--y:120px;top:120px;left:25px}.app-loader .box.box2{--x:120px;--y:-190px;top:64px;left:58px}.app-loader .box.box3{--x:280px;--y:-40px;top:120px;left:91px}.app-loader .box.box4{--x:60px;--y:200px;top:132px;left:58px}.app-loader .box.box5{--x:-220px;--y:-120px;top:76px;left:25px}.app-loader .box.box6{--x:-260px;--y:120px;top:76px;left:91px}.app-loader .box.box7{--x:-240px;--y:200px;top:87px;left:58px}.app-loader .box0{animation-name:app-loader-box-move0}.app-loader .box0 div{animation-name:app-loader-box-scale0}.app-loader .box1{animation-name:app-loader-box-move1}.app-loader .box1 div{animation-name:app-loader-box-scale1}.app-loader .box2{animation-name:app-loader-box-move2}.app-loader .box2 div{animation-name:app-loader-box-scale2}.app-loader .box3{animation-name:app-loader-box-move3}.app-loader .box3 div{animation-name:app-loader-box-scale3}.app-loader .box4{animation-name:app-loader-box-move4}.app-loader .box4 div{animation-name:app-loader-box-scale4}.app-loader .box5{animation-name:app-loader-box-move5}.app-loader .box5 div{animation-name:app-loader-box-scale5}.app-loader .box6{animation-name:app-loader-box-move6}.app-loader .box6 div{animation-name:app-loader-box-scale6}.app-loader .box7{animation-name:app-loader-box-move7}.app-loader .box7 div{animation-name:app-loader-box-scale7}@keyframes app-loader-box-move0{12%{transform:translate(var(--x), var(--y))}25%,52%{transform:translate(0)}80%{transform:translateY(-32px)}90%,to{transform:translateY(188px)}}@keyframes app-loader-box-scale0{6%{transform:rotateY(-47deg)rotateX(-15deg)rotate(15deg)scale(0)}14%,to{transform:rotateY(-47deg)rotateX(-15deg)rotate(15deg)scale(1)}}@keyframes app-loader-box-move1{16%{transform:translate(var(--x), var(--y))}29%,52%{transform:translate(0)}80%{transform:translateY(-32px)}90%,to{transform:translateY(188px)}}@keyframes app-loader-box-scale1{10%{transform:rotateY(-47deg)rotateX(-15deg)rotate(15deg)scale(0)}18%,to{transform:rotateY(-47deg)rotateX(-15deg)rotate(15deg)scale(1)}}@keyframes app-loader-box-move2{20%{transform:translate(var(--x), var(--y))}33%,52%{transform:translate(0)}80%{transform:translateY(-32px)}90%,to{transform:translateY(188px)}}@keyframes app-loader-box-scale2{14%{transform:rotateY(-47deg)rotateX(-15deg)rotate(15deg)scale(0)}22%,to{transform:rotateY(-47deg)rotateX(-15deg)rotate(15deg)scale(1)}}@keyframes app-loader-box-move3{24%{transform:translate(var(--x), var(--y))}37%,52%{transform:translate(0)}80%{transform:translateY(-32px)}90%,to{transform:translateY(188px)}}@keyframes app-loader-box-scale3{18%{transform:rotateY(-47deg)rotateX(-15deg)rotate(15deg)scale(0)}26%,to{transform:rotateY(-47deg)rotateX(-15deg)rotate(15deg)scale(1)}}@keyframes app-loader-box-move4{28%{transform:translate(var(--x), var(--y))}41%,52%{transform:translate(0)}80%{transform:translateY(-32px)}90%,to{transform:translateY(188px)}}@keyframes app-loader-box-scale4{22%{transform:rotateY(-47deg)rotateX(-15deg)rotate(15deg)scale(0)}30%,to{transform:rotateY(-47deg)rotateX(-15deg)rotate(15deg)scale(1)}}@keyframes app-loader-box-move5{32%{transform:translate(var(--x), var(--y))}45%,52%{transform:translate(0)}80%{transform:translateY(-32px)}90%,to{transform:translateY(188px)}}@keyframes app-loader-box-scale5{26%{transform:rotateY(-47deg)rotateX(-15deg)rotate(15deg)scale(0)}34%,to{transform:rotateY(-47deg)rotateX(-15deg)rotate(15deg)scale(1)}}@keyframes app-loader-box-move6{36%{transform:translate(var(--x), var(--y))}49%,52%{transform:translate(0)}80%{transform:translateY(-32px)}90%,to{transform:translateY(188px)}}@keyframes app-loader-box-scale6{30%{transform:rotateY(-47deg)rotateX(-15deg)rotate(15deg)scale(0)}38%,to{transform:rotateY(-47deg)rotateX(-15deg)rotate(15deg)scale(1)}}@keyframes app-loader-box-move7{40%{transform:translate(var(--x), var(--y))}52%,53%{transform:translate(0)}80%{transform:translateY(-32px)}90%,to{transform:translateY(188px)}}@keyframes app-loader-box-scale7{34%{transform:rotateY(-47deg)rotateX(-15deg)rotate(15deg)scale(0)}42%,to{transform:rotateY(-47deg)rotateX(-15deg)rotate(15deg)scale(1)}}@keyframes app-loader-ground{0%,65%{transform:rotateX(90deg)rotateY(0)translate(-48px,-120px)translateZ(100px)scale(0)}75%,90%{transform:rotateX(90deg)rotateY(0)translate(-48px,-120px)translateZ(100px)scale(1)}to{transform:rotateX(90deg)rotateY(0)translate(-48px,-120px)translateZ(100px)scale(0)}}@keyframes app-loader-ground-shine{0%,70%{opacity:0}75%,87%{opacity:.2}to{opacity:0}}@keyframes app-loader-mask{0%,65%{opacity:0}66%,to{opacity:1}}