@keyframes animate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.containers{animation:animate 5s linear infinite;position:relative;top:200px;transform:skewY(-20deg);.cube{position:relative;z-index:2;&:nth-child(2){translate:-60px -60px;z-index:1}&:nth-child(3){translate:60px 60px;z-index:3}div{display:flex;flex-direction:column;gap:30px;position:absolute;translate:calc(-70px*var(--x)) calc(-60px*var(--y));span{background:#dcdcdc;display:inline-block;height:50px;position:relative;transition:1.5s;width:50px;z-index:calc(var(--i)*1);&:hover{background:#ef4149;filter:drop-shadow(0 0 30px #ef4149);transition:0s;&:after,&:before{background:#ef4149;transition:0s}}&:before{background:#fff;height:100%;left:-40px;transform:skewY(45deg);transform-origin:right;width:40px}&:after,&:before{content:"";position:absolute;transition:1.5s}&:after{background:#f2f2f2;height:40px;left:0;top:-40px;transform:skewX(45deg);transform-origin:bottom;width:100%}}}}}.loader{--duration:3s;--primary:#1e40af;--primary-light:#1e40afce;--primary-rgba:#cc00ff1c;height:320px;margin:0 auto;position:relative;top:100px;transform-style:preserve-3d;width:200px}@media (max-width:480px){.loader{zoom:.44}}.loader:after,.loader:before{--r:20.5deg;animation:mask var(--duration) linear forwards infinite;background:#f9fafb;bottom:-11px;content:"";height:140px;position:absolute;right:32%;transform:translateZ(200px) rotate(var(--r));width:320px}.loader:after{--r:-20.5deg;left:32%;right:auto}.loader .ground{bottom:-120px;left:-50px;position:absolute;transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1);transform-style:preserve-3d}.loader .ground div{animation:ground var(--duration) linear forwards infinite;background:var(--primary);background:linear-gradient(45deg,var(--primary) 0,var(--primary) 50%,var(--primary-light) 50%,var(--primary-light) 100%);height:200px;transform:rotateX(90deg) rotateY(0deg) translate(-48px,-120px) translateZ(100px) scale(0);transform-style:preserve-3d;width:200px}.loader .ground div:after,.loader .ground div:before{--rx:90deg;--ry:0deg;--x:44px;--y:162px;--z:-50px;animation:ground-shine var(--duration) linear forwards infinite;background:linear-gradient(var(--primary),var(--primary-rgba));content:"";height:300px;opacity:0;position:absolute;transform:rotateX(var(--rx)) rotateY(var(--ry)) translate(var(--x),var(--y)) translateZ(var(--z));width:156px}.loader .ground div:after{--rx:90deg;--ry:90deg;--x:0;--y:177px;--z:150px}.loader .box{--x:0;--y:0;animation:var(--duration) linear forwards infinite;position:absolute;transform:translate(var(--x),var(--y))}.loader .box div{animation:var(--duration) ease forwards infinite;background-color:var(--primary);height:48px;position:relative;transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0);transform-style:preserve-3d;width:48px}.loader .box div:after,.loader .box div:before{--rx:90deg;--ry:0deg;--z:24px;--y:-24px;--x:0;background-color:inherit;content:"";filter:brightness(1.2);filter:brightness(var(--b,1.2));height:inherit;position:absolute;transform:rotateX(var(--rx)) rotateY(var(--ry)) translate(var(--x),var(--y)) translateZ(var(--z));width:inherit}.loader .box div:after{--rx:0deg;--ry:90deg;--x:24px;--y:0;--b:1.4}.loader .box.box0{--x:-220px;--y:-120px;left:58px;top:108px}.loader .box.box1{--x:-260px;--y:120px;left:25px;top:120px}.loader .box.box2{--x:120px;--y:-190px;left:58px;top:64px}.loader .box.box3{--x:280px;--y:-40px;left:91px;top:120px}.loader .box.box4{--x:60px;--y:200px;left:58px;top:132px}.loader .box.box5{--x:-220px;--y:-120px;left:25px;top:76px}.loader .box.box6{--x:-260px;--y:120px;left:91px;top:76px}.loader .box.box7{--x:-240px;--y:200px;left:58px;top:87px}.loader .box0{animation-name:box-move0}.loader .box0 div{animation-name:box-scale0}.loader .box1{animation-name:box-move1}.loader .box1 div{animation-name:box-scale1}.loader .box2{animation-name:box-move2}.loader .box2 div{animation-name:box-scale2}.loader .box3{animation-name:box-move3}.loader .box3 div{animation-name:box-scale3}.loader .box4{animation-name:box-move4}.loader .box4 div{animation-name:box-scale4}.loader .box5{animation-name:box-move5}.loader .box5 div{animation-name:box-scale5}.loader .box6{animation-name:box-move6}.loader .box6 div{animation-name:box-scale6}.loader .box7{animation-name:box-move7}.loader .box7 div{animation-name:box-scale7}@keyframes box-move0{12%{transform:translate(var(--x),var(--y))}25%,52%{transform:translate(0)}80%{transform:translateY(-32px)}90%,to{transform:translateY(188px)}}@keyframes box-scale0{6%{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}14%,to{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@keyframes box-move1{16%{transform:translate(var(--x),var(--y))}29%,52%{transform:translate(0)}80%{transform:translateY(-32px)}90%,to{transform:translateY(188px)}}@keyframes box-scale1{10%{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}18%,to{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@keyframes box-move2{20%{transform:translate(var(--x),var(--y))}33%,52%{transform:translate(0)}80%{transform:translateY(-32px)}90%,to{transform:translateY(188px)}}@keyframes box-scale2{14%{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}22%,to{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@keyframes box-move3{24%{transform:translate(var(--x),var(--y))}37%,52%{transform:translate(0)}80%{transform:translateY(-32px)}90%,to{transform:translateY(188px)}}@keyframes box-scale3{18%{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}26%,to{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@keyframes box-move4{28%{transform:translate(var(--x),var(--y))}41%,52%{transform:translate(0)}80%{transform:translateY(-32px)}90%,to{transform:translateY(188px)}}@keyframes box-scale4{22%{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}30%,to{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@keyframes box-move5{32%{transform:translate(var(--x),var(--y))}45%,52%{transform:translate(0)}80%{transform:translateY(-32px)}90%,to{transform:translateY(188px)}}@keyframes box-scale5{26%{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}34%,to{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@keyframes box-move6{36%{transform:translate(var(--x),var(--y))}49%,52%{transform:translate(0)}80%{transform:translateY(-32px)}90%,to{transform:translateY(188px)}}@keyframes box-scale6{30%{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}38%,to{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@keyframes box-move7{40%{transform:translate(var(--x),var(--y))}52%,53%{transform:translate(0)}80%{transform:translateY(-32px)}90%,to{transform:translateY(188px)}}@keyframes box-scale7{34%{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}42%,to{transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@keyframes 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 ground-shine{0%,70%{opacity:0}75%,87%{opacity:.2}to{opacity:0}}@keyframes mask{0%,65%{opacity:0}66%,to{opacity:1}}.loaders{animation:l19 2s linear infinite;aspect-ratio:1;background:radial-gradient(farthest-side,currentColor calc(100% - 6px),#0000 calc(100% - 5px) 0);border-radius:50%;color:#2563eb;display:grid;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 13px),#000 calc(100% - 12px));width:50px}.loaders:after,.loaders:before{background:linear-gradient(currentColor 0 0) 50%,linear-gradient(currentColor 0 0) 50%;background-repeat:no-repeat;background-size:100% 10px,10px 100%;content:"";grid-area:1/1}.loaders:after{transform:rotate(45deg)}@keyframes l19{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.295b50c0.css.map*/