.box-loader-root{--duration:3s;--loader-primary:rgba(39,94,254,1);--loader-primary-light:#2f71ff;--loader-primary-rgba:rgba(39,94,254,0);--loader-bg:#121621;--loader-clip-edge-y:61%;--loader-clip-tip-y:73%;width:200px;height:320px;position:relative;transform-style:preserve-3d;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);animation:box-loader-clip var(--duration) linear forwards infinite}.box-loader-root:after,.box-loader-root:before{--r:20.5deg;content:"";width:320px;height:140px;position:absolute;right:32%;bottom:-11px;background:transparent;transform:translateZ(200px) rotate(var(--r));animation:none}.box-loader-root:after{--r:-20.5deg;right:auto;left:32%}.box-loader-root .box-loader-ground{position:absolute;left:-50px;bottom:-120px;transform-style:preserve-3d;transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}.box-loader-root .box-loader-ground div{transform:rotateX(90deg) rotateY(0deg) translate(-48px,-120px) translateZ(100px) scale(0);width:200px;height:200px;background:var(--loader-primary);background:linear-gradient(45deg,var(--loader-primary) 0,var(--loader-primary) 50%,var(--loader-primary-light) 50%,var(--loader-primary-light) 100%);transform-style:preserve-3d;animation:box-loader-ground var(--duration) linear forwards infinite}.box-loader-root .box-loader-ground div:after,.box-loader-root .box-loader-ground div:before{--rx:90deg;--ry:0deg;--x:44px;--y:162px;--z:-50px;content:"";width:156px;height:300px;opacity:0;background:linear-gradient(var(--loader-primary),var(--loader-primary-rgba));position:absolute;transform:rotateX(var(--rx)) rotateY(var(--ry)) translate(var(--x),var(--y)) translateZ(var(--z));animation:box-loader-ground-shine var(--duration) linear forwards infinite}.box-loader-root .box-loader-ground div:after{--rx:90deg;--ry:90deg;--x:0;--y:177px;--z:150px}.box-loader-root .box-loader-box{--x:0;--y:0;position:absolute;animation:var(--duration) linear forwards infinite;transform:translate(var(--x),var(--y))}.box-loader-root .box-loader-box div{background-color:var(--loader-primary);width:48px;height:48px;position:relative;transform-style:preserve-3d;animation:var(--duration) ease forwards infinite;transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}.box-loader-root .box-loader-box div:after,.box-loader-root .box-loader-box div:before{--rx:90deg;--ry:0deg;--z:24px;--y:-24px;--x:0;content:"";position:absolute;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))}.box-loader-root .box-loader-box div:after{--rx:0deg;--ry:90deg;--x:24px;--y:0;--b:1.4}.box-loader-root .box-loader-box.box0{--x:-220px;--y:-120px;left:58px;top:108px}.box-loader-root .box-loader-box.box1{--x:-260px;--y:120px;left:25px;top:120px}.box-loader-root .box-loader-box.box2{--x:120px;--y:-190px;left:58px;top:64px}.box-loader-root .box-loader-box.box3{--x:280px;--y:-40px;left:91px;top:120px}.box-loader-root .box-loader-box.box4{--x:60px;--y:200px;left:58px;top:132px}.box-loader-root .box-loader-box.box5{--x:-220px;--y:-120px;left:25px;top:76px}.box-loader-root .box-loader-box.box6{--x:-260px;--y:120px;left:91px;top:76px}.box-loader-root .box-loader-box.box7{--x:-240px;--y:200px;left:58px;top:87px}.box-loader-root .box0{animation-name:box-loader-move0}.box-loader-root .box0 div{animation-name:box-loader-scale0}.box-loader-root .box1{animation-name:box-loader-move1}.box-loader-root .box1 div{animation-name:box-loader-scale1}.box-loader-root .box2{animation-name:box-loader-move2}.box-loader-root .box2 div{animation-name:box-loader-scale2}.box-loader-root .box3{animation-name:box-loader-move3}.box-loader-root .box3 div{animation-name:box-loader-scale3}.box-loader-root .box4{animation-name:box-loader-move4}.box-loader-root .box4 div{animation-name:box-loader-scale4}.box-loader-root .box5{animation-name:box-loader-move5}.box-loader-root .box5 div{animation-name:box-loader-scale5}.box-loader-root .box6{animation-name:box-loader-move6}.box-loader-root .box6 div{animation-name:box-loader-scale6}.box-loader-root .box7{animation-name:box-loader-move7}.box-loader-root .box7 div{animation-name:box-loader-scale7}@keyframes box-loader-move0{12%{transform:translate(var(--x),var(--y))}25%,52%{transform:translate(0)}80%{transform:translateY(-32px)}90%,to{transform:translateY(188px)}}@keyframes box-loader-scale0{6%{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}14%,to{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@keyframes box-loader-move1{16%{transform:translate(var(--x),var(--y))}29%,52%{transform:translate(0)}80%{transform:translateY(-32px)}90%,to{transform:translateY(188px)}}@keyframes box-loader-scale1{10%{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}18%,to{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@keyframes box-loader-move2{20%{transform:translate(var(--x),var(--y))}33%,52%{transform:translate(0)}80%{transform:translateY(-32px)}90%,to{transform:translateY(188px)}}@keyframes box-loader-scale2{14%{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}22%,to{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@keyframes box-loader-move3{24%{transform:translate(var(--x),var(--y))}37%,52%{transform:translate(0)}80%{transform:translateY(-32px)}90%,to{transform:translateY(188px)}}@keyframes box-loader-scale3{18%{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}26%,to{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@keyframes box-loader-move4{28%{transform:translate(var(--x),var(--y))}41%,52%{transform:translate(0)}80%{transform:translateY(-32px)}90%,to{transform:translateY(188px)}}@keyframes box-loader-scale4{22%{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}30%,to{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@keyframes box-loader-move5{32%{transform:translate(var(--x),var(--y))}45%,52%{transform:translate(0)}80%{transform:translateY(-32px)}90%,to{transform:translateY(188px)}}@keyframes box-loader-scale5{26%{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}34%,to{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@keyframes box-loader-move6{36%{transform:translate(var(--x),var(--y))}49%,52%{transform:translate(0)}80%{transform:translateY(-32px)}90%,to{transform:translateY(188px)}}@keyframes box-loader-scale6{30%{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}38%,to{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@keyframes box-loader-move7{40%{transform:translate(var(--x),var(--y))}41%,52%{transform:translate(0)}80%{transform:translateY(-32px)}90%,to{transform:translateY(188px)}}@keyframes box-loader-scale7{34%{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}42%,to{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@keyframes box-loader-ground{0%,65%{transform:rotateX(90deg) rotateY(0deg) translate(-48px,-120px) translateZ(100px) scale(0)}75%,90%{transform:rotateX(90deg) rotateY(0deg) translate(-48px,-120px) translateZ(100px) scale(1)}to{transform:rotateX(90deg) rotateY(0deg) translate(-48px,-120px) translateZ(100px) scale(0)}}@keyframes box-loader-ground-shine{0%,70%{opacity:0}75%,87%{opacity:.2}to{opacity:0}}@keyframes box-loader-mask{0%,65%{opacity:0}66%,to{opacity:1}}@keyframes box-loader-clip{0%,65%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}66%,to{clip-path:polygon(0 0,100% 0,100% var(--loader-clip-edge-y),50% var(--loader-clip-tip-y),0 var(--loader-clip-edge-y))}}