*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}html{scroll-behavior:smooth}*:focus-visible{outline:2px solid #8a2ce2;outline-offset:2px}.html,.body,.legos{height:100%;width:100%;margin:0}.legos{position:relative;left:0;top:0;overflow:hidden}.lego{position:absolute;height:155px;width:268px;transform:rotate(-23deg);background-size:72% 46%,100% 45%,92% 56%;background-position:70px 0px,0 0,18px 100%;background-repeat:no-repeat}.lego:before{content:"";position:absolute;border-radius:40%;height:18px;width:37px;left:26px;top:-9px;transform:rotate(23deg)}.lego:after{content:"";position:absolute;height:82px;width:88px;transform:rotate(51deg) skew(28deg);left:-35px;top:37px}.blue{top:calc(50% - 15px);left:calc(50% - 140px);z-index:1;animation:blue-move 10s infinite linear;background-image:linear-gradient(180deg,#fff0 95%,#6ebbff66 98%,#fff0),linear-gradient(52deg,#1e88e5 82%,#fff0 82%),linear-gradient(113deg,#1e88e5 87%,#0000 86%)}.blue:before{background:#2093f7;box-shadow:0 10px #1d6bb2,0 5px #1d6bb2,50px -20px #2093f7,50px -10px #1d6bb2,50px -15px #1d6bb2,100px -40px #2093f7,100px -30px #1d6bb2,100px -35px #1d6bb2,150px -60px #2093f7,150px -50px #1d6bb2,150px -55px #1d6bb2,40px 20px #2093f7,40px 25px #1d6bb2,40px 30px #1d6bb2,90px 0 #2093f7,90px 5px #1d6bb2,90px 10px #1d6bb2,140px -20px #2093f7,140px -15px #1d6bb2,140px -10px #1d6bb2,190px -40px #2093f7,190px -35px #1d6bb2,190px -30px #1d6bb2}.blue:after{background:#1d6bb2}@keyframes blue-move{0%{top:calc(50% - 15px);left:calc(50% - 140px);z-index:1}3.334%{top:calc(50% + 100px)}6.668%{left:calc(50% + 180px)}10%{left:calc(50% + 180px);top:calc(50% - 290px)}13.336%{top:calc(50% - 290px);left:calc(50% - 78px);z-index:3}16.67%{top:calc(50% - 202px);left:calc(50% - 78px);z-index:3}33.337%{top:calc(50% - 134px);left:calc(50% - 78px);z-index:2}50%{top:calc(50% - 15px);left:calc(50% - 78px);z-index:1}53.334%{top:calc(50% + 100px)}56.668%{left:calc(50% - 400px)}60%{left:calc(50% - 200px);top:calc(50% - 290px)}63.336%{top:calc(50% - 290px);left:calc(50% - 140px);z-index:3}66.68%{top:calc(50% - 202px);left:calc(50% - 140px);z-index:3}83.35%{top:calc(50% - 83px);left:calc(50% - 137px);z-index:2}}.red{top:calc(50% - 134px);left:calc(50% - 78px);z-index:2;animation:red-move 10s infinite linear;background-image:linear-gradient(180deg,#fff0 95%,#f8877f66 98%,#fff0),linear-gradient(52deg,#f44336 82%,#0000 82%),linear-gradient(113deg,#f44336 87%,#0000 86%)}.red:before{background:#f36359;box-shadow:0 10px #db3327,0 5px #db3327,50px -20px #f36359,50px -10px #db3327,50px -15px #db3327,100px -40px #f36359,100px -30px #db3327,100px -35px #db3327,150px -60px #f36359,150px -50px #db3327,150px -55px #db3327,40px 20px #f36359,40px 25px #db3327,40px 30px #db3327,90px 0 #f36359,90px 5px #db3327,90px 10px #db3327,140px -20px #f36359,140px -15px #db3327,140px -10px #db3327,190px -40px #f36359,190px -35px #db3327,190px -30px #db3327}.red:after{background:#db3327}@keyframes red-move{0%{top:calc(50% - 134px);left:calc(50% - 78px);z-index:2}16.67%{top:calc(50% - 15px);left:calc(50% - 78px);z-index:1}20%{top:calc(50% + 100px)}23.338%{left:calc(50% - 400px)}26.672%{left:calc(50% - 200px);top:calc(50% - 290px)}30%{top:calc(50% - 290px);left:calc(50% - 140px);z-index:3}33.337%{top:calc(50% - 202px);left:calc(50% - 140px);z-index:3}50%{top:calc(50% - 83px);left:calc(50% - 137px);z-index:2}66.68%{top:calc(50% - 15px);left:calc(50% - 140px);z-index:1}70.014%{top:calc(50% + 100px)}73.348%{left:calc(50% + 168px)}76.68%{left:calc(50% + 168px);top:calc(50% - 290px)}80.016%{top:calc(50% - 290px);left:calc(50% - 78px);z-index:3}83.35%{top:calc(50% - 202px);left:calc(50% - 78px);z-index:3}}.yellow{top:calc(50% - 202px);left:calc(50% - 140px);z-index:3;animation:yellow-move 10s infinite linear;background-image:linear-gradient(180deg,#fff0 95%,#ffe884 98%,#ffe884 98%,#fff0),linear-gradient(52deg,#fdd835 82%,#0000 82%),linear-gradient(113deg,#fdd835 87%,#0000 86%)}.yellow:before{background:#ffe884;box-shadow:0 10px #e9c72f,0 5px #e9c72f,50px -20px #ffe884,50px -10px #e9c72f,50px -15px #e9c72f,100px -40px #ffe884,100px -30px #e9c72f,100px -35px #e9c72f,150px -60px #ffe884,150px -50px #e9c72f,150px -55px #e9c72f,40px 20px #ffe884,40px 25px #e9c72f,40px 30px #e9c72f,90px 0 #ffe884,90px 5px #e9c72f,90px 10px #e9c72f,140px -20px #ffe884,140px -15px #e9c72f,140px -10px #e9c72f,190px -40px #ffe884,190px -35px #e9c72f,190px -30px #e9c72f}.yellow:after{background:#e9c72f}@keyframes yellow-move{0%{top:calc(50% - 202px);left:calc(50% - 140px);z-index:3}16.67%{top:calc(50% - 83px);left:calc(50% - 137px);z-index:2}33.337%{top:calc(50% - 15px);left:calc(50% - 140px);z-index:1}36.671%{top:calc(50% + 100px)}40%{left:calc(50% + 168px)}43.339%{left:calc(50% + 168px);top:calc(50% - 290px)}46.673%{top:calc(50% - 290px);left:calc(50% - 78px);z-index:3}50%{top:calc(50% - 202px);left:calc(50% - 78px);z-index:3}66.68%{top:calc(50% - 134px);left:calc(50% - 78px);z-index:2}83.35%{top:calc(50% - 15px);left:calc(50% - 78px);z-index:1}86.684%{top:calc(50% + 100px)}90.018%{left:calc(50% - 400px)}93.352%{left:calc(50% - 200px);top:calc(50% - 290px);z-index:1}96.686%{top:calc(50% - 290px);left:calc(50% - 140px);z-index:3}}.loader{position:relative;width:clamp(220px,34vw,360px);height:clamp(220px,34vw,360px);transform-style:preserve-3d;animation:rotate-cube 16s cubic-bezier(.76,0,.24,1) infinite;transition:transform .6s cubic-bezier(.68,-.55,.27,1.55)}.loader:hover{animation-play-state:paused;transform:scale(1.15)}.cube{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(35.264deg) rotateY(45deg)}.loader-follow{width:100%;height:100%;display:flex;align-items:center;justify-content:center;perspective:800px}.loader-followInner{transform-style:preserve-3d;transition:transform .12s ease-out;will-change:transform}.face{position:absolute;width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;padding:6px;box-sizing:border-box;background:#191121e0;border:3px solid rgba(0,0,0,.18);transition:box-shadow .4s cubic-bezier(.4,0,.6,1)}.face:hover{box-shadow:0 0 25px #0000002e}.sticker{border-radius:8px}.front{transform:translateZ(calc(clamp(220px,34vw,360px)/2))}.back{transform:translateZ(calc(clamp(220px,34vw,360px)/-2)) rotateY(180deg)}.right{transform:translate(calc(clamp(220px,34vw,360px)/2)) rotateY(90deg)}.left{transform:translate(calc(clamp(220px,34vw,360px)/-2)) rotateY(-90deg)}.top{transform:translateY(calc(clamp(220px,34vw,360px)/-2)) rotateX(90deg)}.bottom{transform:translateY(calc(clamp(220px,34vw,360px)/2)) rotateX(-90deg)}.front .sticker{background:linear-gradient(135deg,#ff4081,#ff79a8)}.back .sticker{background:linear-gradient(135deg,#ffeb3b,#fff3a0)}.right .sticker{background:linear-gradient(135deg,#00e5ff,#8af3ff)}.left .sticker{background:linear-gradient(135deg,#8a2ce2,#b278ff)}.top .sticker{background:linear-gradient(135deg,#fff,#e6e6fa)}.bottom .sticker{background:linear-gradient(135deg,#00e5ff,#ffeb3b)}@keyframes rotate-cube{0%{transform:rotateX(35.264deg) rotateY(45deg) rotate(0)}25%{transform:rotateX(35.264deg) rotateY(135deg) rotate(0)}50%{transform:rotateX(35.264deg) rotateY(225deg) rotate(0)}75%{transform:rotateX(35.264deg) rotateY(315deg) rotate(0)}to{transform:rotateX(35.264deg) rotateY(405deg) rotate(0)}}