@-webkit-keyframes animate{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes animate{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}.containers{-webkit-animation:animate 5s linear infinite;animation:animate 5s linear infinite;position:relative;top:200px;-webkit-transform:skewY(-20deg);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;-webkit-filter:drop-shadow(0 0 30px #ef4149);filter:drop-shadow(0 0 30px #ef4149);transition:0s;&:after,&:before{background:#ef4149;transition:0s}}&:before{background:#fff;height:100%;left:-40px;-webkit-transform:skewY(45deg);transform:skewY(45deg);-webkit-transform-origin:right;transform-origin:right;width:40px}&:after,&:before{content:"";position:absolute;transition:1.5s}&:after{background:#f2f2f2;height:40px;left:0;top:-40px;-webkit-transform:skewX(45deg);transform:skewX(45deg);-webkit-transform-origin:bottom;transform-origin:bottom;width:100%}}}}}.loader{--duration:3s;--primary:#1e40af;--primary-light:#1e40afce;--primary-rgba:rgba(204,0,255,.11);height:320px;margin:0 auto;position:relative;top:100px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:200px}@media (max-width:480px){.loader{zoom:.44}}.loader:after,.loader:before{--r:20.5deg;-webkit-animation:mask var(--duration) linear forwards infinite;animation:mask var(--duration) linear forwards infinite;background:#f9fafb;bottom:-11px;content:"";height:140px;position:absolute;right:32%;-webkit-transform:translateZ(200px) rotate(var(--r));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;-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.loader .ground div{-webkit-animation:ground var(--duration) linear forwards infinite;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;-webkit-transform:rotateX(90deg) rotateY(0deg) translate(-48px,-120px) translateZ(100px) scale(0);transform:rotateX(90deg) rotateY(0deg) translate(-48px,-120px) translateZ(100px) scale(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:200px}.loader .ground div:after,.loader .ground div:before{--rx:90deg;--ry:0deg;--x:44px;--y:162px;--z:-50px;-webkit-animation:ground-shine var(--duration) linear forwards infinite;animation:ground-shine var(--duration) linear forwards infinite;background:linear-gradient(var(--primary),var(--primary-rgba));content:"";height:300px;opacity:0;position:absolute;-webkit-transform:rotateX(var(--rx)) rotateY(var(--ry)) translate(var(--x),var(--y)) translateZ(var(--z));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;-webkit-animation:var(--duration) linear forwards infinite;animation:var(--duration) linear forwards infinite;position:absolute;-webkit-transform:translate(var(--x),var(--y));transform:translate(var(--x),var(--y))}.loader .box div{-webkit-animation:var(--duration) ease forwards infinite;animation:var(--duration) ease forwards infinite;background-color:var(--primary);height:48px;position:relative;-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0);-webkit-transform-style:preserve-3d;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:"";-webkit-filter:brightness(1.2);filter:brightness(1.2);-webkit-filter:brightness(var(--b,1.2));filter:brightness(var(--b,1.2));height:inherit;position:absolute;-webkit-transform:rotateX(var(--rx)) rotateY(var(--ry)) translate(var(--x),var(--y)) translateZ(var(--z));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{-webkit-animation-name:box-move0;animation-name:box-move0}.loader .box0 div{-webkit-animation-name:box-scale0;animation-name:box-scale0}.loader .box1{-webkit-animation-name:box-move1;animation-name:box-move1}.loader .box1 div{-webkit-animation-name:box-scale1;animation-name:box-scale1}.loader .box2{-webkit-animation-name:box-move2;animation-name:box-move2}.loader .box2 div{-webkit-animation-name:box-scale2;animation-name:box-scale2}.loader .box3{-webkit-animation-name:box-move3;animation-name:box-move3}.loader .box3 div{-webkit-animation-name:box-scale3;animation-name:box-scale3}.loader .box4{-webkit-animation-name:box-move4;animation-name:box-move4}.loader .box4 div{-webkit-animation-name:box-scale4;animation-name:box-scale4}.loader .box5{-webkit-animation-name:box-move5;animation-name:box-move5}.loader .box5 div{-webkit-animation-name:box-scale5;animation-name:box-scale5}.loader .box6{-webkit-animation-name:box-move6;animation-name:box-move6}.loader .box6 div{-webkit-animation-name:box-scale6;animation-name:box-scale6}.loader .box7{-webkit-animation-name:box-move7;animation-name:box-move7}.loader .box7 div{-webkit-animation-name:box-scale7;animation-name:box-scale7}@-webkit-keyframes box-move0{12%{-webkit-transform:translate(var(--x),var(--y));transform:translate(var(--x),var(--y))}25%,52%{-webkit-transform:translate(0);transform:translate(0)}80%{-webkit-transform:translateY(-32px);transform:translateY(-32px)}90%,to{-webkit-transform:translateY(188px);transform:translateY(188px)}}@keyframes box-move0{12%{-webkit-transform:translate(var(--x),var(--y));transform:translate(var(--x),var(--y))}25%,52%{-webkit-transform:translate(0);transform:translate(0)}80%{-webkit-transform:translateY(-32px);transform:translateY(-32px)}90%,to{-webkit-transform:translateY(188px);transform:translateY(188px)}}@-webkit-keyframes box-scale0{6%{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}14%,to{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@keyframes box-scale0{6%{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}14%,to{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@-webkit-keyframes box-move1{16%{-webkit-transform:translate(var(--x),var(--y));transform:translate(var(--x),var(--y))}29%,52%{-webkit-transform:translate(0);transform:translate(0)}80%{-webkit-transform:translateY(-32px);transform:translateY(-32px)}90%,to{-webkit-transform:translateY(188px);transform:translateY(188px)}}@keyframes box-move1{16%{-webkit-transform:translate(var(--x),var(--y));transform:translate(var(--x),var(--y))}29%,52%{-webkit-transform:translate(0);transform:translate(0)}80%{-webkit-transform:translateY(-32px);transform:translateY(-32px)}90%,to{-webkit-transform:translateY(188px);transform:translateY(188px)}}@-webkit-keyframes box-scale1{10%{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}18%,to{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@keyframes box-scale1{10%{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}18%,to{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@-webkit-keyframes box-move2{20%{-webkit-transform:translate(var(--x),var(--y));transform:translate(var(--x),var(--y))}33%,52%{-webkit-transform:translate(0);transform:translate(0)}80%{-webkit-transform:translateY(-32px);transform:translateY(-32px)}90%,to{-webkit-transform:translateY(188px);transform:translateY(188px)}}@keyframes box-move2{20%{-webkit-transform:translate(var(--x),var(--y));transform:translate(var(--x),var(--y))}33%,52%{-webkit-transform:translate(0);transform:translate(0)}80%{-webkit-transform:translateY(-32px);transform:translateY(-32px)}90%,to{-webkit-transform:translateY(188px);transform:translateY(188px)}}@-webkit-keyframes box-scale2{14%{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}22%,to{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@keyframes box-scale2{14%{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}22%,to{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@-webkit-keyframes box-move3{24%{-webkit-transform:translate(var(--x),var(--y));transform:translate(var(--x),var(--y))}37%,52%{-webkit-transform:translate(0);transform:translate(0)}80%{-webkit-transform:translateY(-32px);transform:translateY(-32px)}90%,to{-webkit-transform:translateY(188px);transform:translateY(188px)}}@keyframes box-move3{24%{-webkit-transform:translate(var(--x),var(--y));transform:translate(var(--x),var(--y))}37%,52%{-webkit-transform:translate(0);transform:translate(0)}80%{-webkit-transform:translateY(-32px);transform:translateY(-32px)}90%,to{-webkit-transform:translateY(188px);transform:translateY(188px)}}@-webkit-keyframes box-scale3{18%{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}26%,to{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@keyframes box-scale3{18%{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}26%,to{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@-webkit-keyframes box-move4{28%{-webkit-transform:translate(var(--x),var(--y));transform:translate(var(--x),var(--y))}41%,52%{-webkit-transform:translate(0);transform:translate(0)}80%{-webkit-transform:translateY(-32px);transform:translateY(-32px)}90%,to{-webkit-transform:translateY(188px);transform:translateY(188px)}}@keyframes box-move4{28%{-webkit-transform:translate(var(--x),var(--y));transform:translate(var(--x),var(--y))}41%,52%{-webkit-transform:translate(0);transform:translate(0)}80%{-webkit-transform:translateY(-32px);transform:translateY(-32px)}90%,to{-webkit-transform:translateY(188px);transform:translateY(188px)}}@-webkit-keyframes box-scale4{22%{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}30%,to{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@keyframes box-scale4{22%{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}30%,to{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@-webkit-keyframes box-move5{32%{-webkit-transform:translate(var(--x),var(--y));transform:translate(var(--x),var(--y))}45%,52%{-webkit-transform:translate(0);transform:translate(0)}80%{-webkit-transform:translateY(-32px);transform:translateY(-32px)}90%,to{-webkit-transform:translateY(188px);transform:translateY(188px)}}@keyframes box-move5{32%{-webkit-transform:translate(var(--x),var(--y));transform:translate(var(--x),var(--y))}45%,52%{-webkit-transform:translate(0);transform:translate(0)}80%{-webkit-transform:translateY(-32px);transform:translateY(-32px)}90%,to{-webkit-transform:translateY(188px);transform:translateY(188px)}}@-webkit-keyframes box-scale5{26%{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}34%,to{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@keyframes box-scale5{26%{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}34%,to{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@-webkit-keyframes box-move6{36%{-webkit-transform:translate(var(--x),var(--y));transform:translate(var(--x),var(--y))}49%,52%{-webkit-transform:translate(0);transform:translate(0)}80%{-webkit-transform:translateY(-32px);transform:translateY(-32px)}90%,to{-webkit-transform:translateY(188px);transform:translateY(188px)}}@keyframes box-move6{36%{-webkit-transform:translate(var(--x),var(--y));transform:translate(var(--x),var(--y))}49%,52%{-webkit-transform:translate(0);transform:translate(0)}80%{-webkit-transform:translateY(-32px);transform:translateY(-32px)}90%,to{-webkit-transform:translateY(188px);transform:translateY(188px)}}@-webkit-keyframes box-scale6{30%{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}38%,to{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@keyframes box-scale6{30%{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}38%,to{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@-webkit-keyframes box-move7{40%{-webkit-transform:translate(var(--x),var(--y));transform:translate(var(--x),var(--y))}52%,53%{-webkit-transform:translate(0);transform:translate(0)}80%{-webkit-transform:translateY(-32px);transform:translateY(-32px)}90%,to{-webkit-transform:translateY(188px);transform:translateY(188px)}}@keyframes box-move7{40%{-webkit-transform:translate(var(--x),var(--y));transform:translate(var(--x),var(--y))}52%,53%{-webkit-transform:translate(0);transform:translate(0)}80%{-webkit-transform:translateY(-32px);transform:translateY(-32px)}90%,to{-webkit-transform:translateY(188px);transform:translateY(188px)}}@-webkit-keyframes box-scale7{34%{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}42%,to{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@keyframes box-scale7{34%{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(0)}42%,to{-webkit-transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1);transform:rotateY(-47deg) rotateX(-15deg) rotate(15deg) scale(1)}}@-webkit-keyframes ground{0%,65%{-webkit-transform:rotateX(90deg) rotateY(0deg) translate(-48px,-120px) translateZ(100px) scale(0);transform:rotateX(90deg) rotateY(0deg) translate(-48px,-120px) translateZ(100px) scale(0)}75%,90%{-webkit-transform:rotateX(90deg) rotateY(0deg) translate(-48px,-120px) translateZ(100px) scale(1);transform:rotateX(90deg) rotateY(0deg) translate(-48px,-120px) translateZ(100px) scale(1)}to{-webkit-transform:rotateX(90deg) rotateY(0deg) translate(-48px,-120px) translateZ(100px) scale(0);transform:rotateX(90deg) rotateY(0deg) translate(-48px,-120px) translateZ(100px) scale(0)}}@keyframes ground{0%,65%{-webkit-transform:rotateX(90deg) rotateY(0deg) translate(-48px,-120px) translateZ(100px) scale(0);transform:rotateX(90deg) rotateY(0deg) translate(-48px,-120px) translateZ(100px) scale(0)}75%,90%{-webkit-transform:rotateX(90deg) rotateY(0deg) translate(-48px,-120px) translateZ(100px) scale(1);transform:rotateX(90deg) rotateY(0deg) translate(-48px,-120px) translateZ(100px) scale(1)}to{-webkit-transform:rotateX(90deg) rotateY(0deg) translate(-48px,-120px) translateZ(100px) scale(0);transform:rotateX(90deg) rotateY(0deg) translate(-48px,-120px) translateZ(100px) scale(0)}}@-webkit-keyframes ground-shine{0%,70%{opacity:0}75%,87%{opacity:.2}to{opacity:0}}@keyframes ground-shine{0%,70%{opacity:0}75%,87%{opacity:.2}to{opacity:0}}@-webkit-keyframes mask{0%,65%{opacity:0}66%,to{opacity:1}}@keyframes mask{0%,65%{opacity:0}66%,to{opacity:1}}.loaders{-webkit-animation:l19 2s linear infinite;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{-webkit-transform:rotate(45deg);transform:rotate(45deg)}@-webkit-keyframes l19{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes l19{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.89df35a0.css.map*/