.ds-animation-body{margin:0;height:100%;background:#1a032b;overflow:hidden;perspective:10rem}.ds-animation-body .canvas{position:absolute;width:100%;height:100%;overflow:hidden}.fire-wrapper{left:50%;position:absolute;top:50%;transform-origin:top center;transform:translate(-50%) rotateX(60deg);width:3.5rem}.fire{animation:whoosh 1s linear infinite both;width:100%}@keyframes whoosh{0%{transform:translateY(-25%)}to{transform:translateY(0)}}.rain{height:10rem;z-index:-1}.drop,.rain{position:absolute;width:1rem;background:#fff;border-radius:20%;opacity:.2}.drop{height:7rem}.rain1{left:5rem;top:2rem;animation:raining 2s linear infinite both}.rain2{left:15rem;top:10rem;animation:raining 3s linear infinite both}.drop2{top:12rem;animation:raining 4s linear -2s infinite both}.rain3{left:5rem;top:35rem;animation:raining 3s linear infinite both}.rain4{right:23rem;top:6rem;animation:raining 4s linear infinite both}.rain5{left:25rem;top:47rem;animation:raining 3s linear -3s infinite both}.drop5{top:-6rem;animation:raining 2s linear infinite both}.rain6{right:10rem;top:34rem;animation:raining 3s linear infinite both}.rain7{left:34rem;top:10rem;animation:raining 2s linear -5s infinite both}.rain8{right:25rem;top:40rem;animation:raining 3s linear infinite both}.drop8{top:-7rem;animation:raining 4s linear -6s infinite both}.rain9{right:5rem;top:15.5rem;animation:raining 3s linear infinite both}.rain10{left:24rem;top:-4rem;animation:raining 2s linear -3s infinite both}.drop11{right:17rem;top:20rem;animation:raining 3s linear infinite both}.drop12{right:15rem;top:50rem;animation:raining 4s linear -1s infinite both}@keyframes raining{0%{transform:translateY(-1200px)}to{transform:translateY(869px)}}.retrobg{position:relative;overflow:hidden;height:100%;color:#a3c;background-color:#000}.retrobg-sky{position:absolute;display:flex;align-items:flex-end;justify-content:center;top:0;width:100%;height:55%;background:linear-gradient(#214 75%,#249)}.retrobg-sunWrap{position:relative;width:40%;margin-bottom:-15%}.retrobg-sun{--glow-color:#d44;padding-top:100%;border-radius:50%;background-image:linear-gradient(#fcdf11,#ff623f,#fe2085 50%);box-shadow:0 0 160px 80px var(--glow-color);animation:retrobg-sun-glow-anim 2s ease infinite alternate}.retrobg-shutdown .retrobg-sun{background-image:linear-gradient(#000,#000 40%);--glow-color:#000}@keyframes retrobg-sun-glow-anim{0%{box-shadow:0 0 160px 80px var(--glow-color)}to{box-shadow:0 0 200px 95px var(--glow-color)}}.retrobg-stars{position:absolute;width:100%;height:100%}.retrobg-star{position:absolute;border-radius:50%;width:2px;height:2px;background-color:#fff}.retrobg-mountains{position:absolute;width:100%;height:30%}.retrobg-mountain{position:absolute;width:30%;height:100%;background-image:linear-gradient(#000 70%,#111 85%,#fff1)}.retrobg-mountains-left{left:0;-webkit-clip-path:polygon(0 100%,0 55%,5% 60%,10% 55%,20% 50%,25% 42%,30% 38%,33% 35%,40% 45%,50% 50%,60% 70%,70% 85%,75% 82%,80% 91%,85% 90%,90% 95%,95% 98%,100% 100%);clip-path:polygon(0 100%,0 55%,5% 60%,10% 55%,20% 50%,25% 42%,30% 38%,33% 35%,40% 45%,50% 50%,60% 70%,70% 85%,75% 82%,80% 91%,85% 90%,90% 95%,95% 98%,100% 100%)}.retrobg-mountains-right{right:0;-webkit-clip-path:polygon(0 100%,5% 95%,10% 85%,15% 87%,20% 80%,25% 78%,30% 65%,40% 70%,50% 57%,60% 53%,67% 68%,70% 70%,75% 66%,80% 55%,90% 50%,95% 60%,100% 57%,100% 100%);clip-path:polygon(0 100%,5% 95%,10% 85%,15% 87%,20% 80%,25% 78%,30% 65%,40% 70%,50% 57%,60% 53%,67% 68%,70% 70%,75% 66%,80% 55%,90% 50%,95% 60%,100% 57%,100% 100%)}.retrobg-cityWrap{position:absolute;width:50%;margin-left:-1%}.retrobg-city{padding-top:20%}.retrobg-building{position:absolute;width:5%;height:100%;bottom:0;border-radius:4px 4px 0 0;background-image:linear-gradient(0deg,rgba(17,17,34,0),#112 30px,#000)}.retrobg-building:nth-child(odd){background-image:linear-gradient(0deg,rgba(24,24,42,0),#223 30px,#000)}.retrobg-antenna:after{content:"";left:50%;margin-left:calc(-1px - 5%);bottom:100%;width:10%;min-width:2px;height:33%}.retrobg-antenna:after,.retrobg-ground{position:absolute;background-color:#000}.retrobg-ground{overflow:hidden;width:100%;height:45%;bottom:0;border-top:2px solid #bf578c}.retrobg-shutdown .retrobg-ground{border-color:#000}.retrobg-groundShadow{position:absolute;top:0;width:100%;height:100%;background-image:linear-gradient(#000,transparent)}.retrobg-linesWrap{height:100%;perspective:1000px;perspective-origin:top}.retrobg-lines{position:absolute;width:100%;height:100%;transform-origin:top center;animation:retrobg-lines-anim .35s linear infinite}.retrobg-shutdown .retrobg-lines{animation-duration:5s}@keyframes retrobg-lines-anim{0%{transform:rotateX(84deg) translateY(0)}to{transform:rotateX(84deg) translateY(100px)}}.retrobg-hlines,.retrobg-vlines{position:absolute;left:calc((900% - 100%) / -2);width:900%;height:500%}.retrobg-vlines{display:flex;justify-content:center}.retrobg-hline,.retrobg-vline{width:100%;height:100%;background-color:currentColor}.retrobg-hline{height:3px}.retrobg-vline{width:3px}.retrobg-hline+.retrobg-hline{margin-top:98px}.retrobg-vline+.retrobg-vline{margin-left:48px}.building1{left:4%;height:20%;width:3%}.building2{left:6%;height:50%;width:1.5%}.building3{left:8%;height:25%;width:4%}.building4{left:12%;height:30%;width:3%}.building5{left:13%;height:55%;width:3%}.building6{left:17%;height:20%;width:4%}.building7{left:18.5%;height:70%;width:1.5%}.building8{left:20%;height:30%;width:4%}.building9{left:21.5%;height:80%;width:2%}.building10{left:25%;height:60%;width:4%}.building11{left:28%;height:40%;width:4%}.building12{left:30%;height:70%;width:4%}.building13{left:35%;height:65%;width:4%}.building14{left:38%;height:40%;width:3%}.building15{left:42%;height:60%;width:2%}.building16{left:43%;height:85%;width:4%}.building17{left:45%;height:40%;width:3%}.building18{left:48%;height:25%;width:3%}.building19{left:50%;height:80%;width:4%}.building20{left:52%;height:32%;width:5%}.building21{left:55%;height:55%;width:3%}.building22{left:58%;height:45%;width:4%}.building23{left:61%;height:90%;width:4%}.building24{left:66%;height:99%;width:4%}.building25{left:69%;height:30%;width:4%}.building26{left:73.5%;height:90%;width:2%}.building27{left:72%;height:70%;width:4%}.building28{left:75%;height:60%;width:4%}.building29{left:80%;height:40%;width:4%}.building30{left:83%;height:70%;width:4%}.building31{left:87%;height:60%;width:3%}.building32{left:93%;height:50%;width:3%}.building33{left:91%;height:30%;width:4%}.building34{left:94%;height:20%;width:3%}.building35{left:98%;height:35%;width:2%}.retrobg-antenna1{left:13%;height:55%;width:3%}.retrobg-antenna2{left:21.5%;height:80%;width:2%}.retrobg-antenna3{left:35%;height:65%;width:4%}.retrobg-antenna4{left:43%;height:85%;width:4%}.retrobg-antenna5{left:55%;height:55%;width:3%}.retrobg-antenna6{left:66%;height:99%;width:4%}.retrobg-antenna7{left:83%;height:70%;width:4%}.retrobg-antenna8{left:87%;height:60%;width:3%}.mobile-development-animation-html{box-sizing:border-box;position:relative;overflow-x:hidden;--black:#1a1c20;--white:#fff;--green:#373838;--d-green:#282724;--gray:#c1c1c1;--l-gray:#c4c4c4;--m-gray:#373838;--d-gray:#282724;--d-blue:#202428;--orange:#ef6206;--yellow:#dfa500;--l-yellow:#deb953;--light:#fbfbfb;--n-road:-4em;--p-road:7em;background-color:var(--green)}.mobile-development-animation-html *,.mobile-development-animation-html :after,.mobile-development-animation-html :before{box-sizing:inherit}.mobile-development-animation-body:after,.mobile-development-animation-body:before{content:" ";position:absolute}.mobile-development-animation-body{margin:0;height:100vh;display:flex;overflow:hidden;position:relative;align-items:center;justify-content:center;background-repeat:no-repeat;animation:car 3.5s cubic-bezier(.57,.63,.49,.65) infinite;background-image:radial-gradient(circle at 49% 117%,var(--black) 37%,transparent 38%),radial-gradient(circle at -24% 50%,var(--white) 31%,transparent 49%),radial-gradient(2.95em 2.5em at 52% 1.2%,var(--black) 37%,transparent 38%),radial-gradient(2.95em 2.5em at 52% 1.2%,var(--black) 37%,transparent 38%),linear-gradient(var(--black) 100%,transparent 0),radial-gradient(circle at 49% 117%,var(--black) 37%,transparent 38%),radial-gradient(circle at 124% 50%,var(--white) 31%,transparent 49%),radial-gradient(2.95em 2.5em at 48% 1.2%,var(--black) 37%,transparent 38%),radial-gradient(2.95em 2.5em at 48% 1.2%,var(--black) 37%,transparent 38%),linear-gradient(var(--black) 100%,transparent 0),linear-gradient(var(--d-green) 100%,transparent 0);background-size:2.5em 2.5em,.7em .6em,2.5em .9em,2.5em .9em,1.95em 3.9em,2.5em 2.5em,.7em .6em,2.5em .9em,2.5em .9em,1.95em 3.9em,13em .9em;background-position:calc(50% - 6.4em) calc(50% - 1.7em),calc(50% - 5.26em) calc(50% - -3.4em),calc(50% - 6.5em) calc(50% - -3.8em),calc(50% - 4.3em) calc(50% - -3.2em),calc(50% - 6.58em) calc(50% - -1.5em),calc(50% - -6.45em) calc(50% - 1.7em),calc(50% - -5.26em) calc(50% - -3.4em),calc(50% - -6.5em) calc(50% - -3.8em),calc(50% - -4.3em) calc(50% - -3.2em),calc(50% - -6.58em) calc(50% - -1.5em),center calc(50% - -3.8em)}.mobile-development-animation-body:before{width:15.5em;height:62.9em;top:calc(50% - 26.2em);background-size:24.6% 491%;background-repeat:no-repeat;background-position:center 0;animation:line 1.5s linear infinite,move-road 3.5s linear infinite;transform:perspective(311px) rotateX(83deg) translate3d(var(--n-road),-11.975em,0);background-image:repeating-linear-gradient(to top,var(--white),var(--white) 4.6%,transparent 0,transparent 13.01%)}.mobile-development-animation-body:after{width:15.2em;height:13.2em;top:calc(50% - 8.8em);left:calc(50% - 7.55em);background-repeat:no-repeat;background-image:radial-gradient(58em 20em at 50% 215%,transparent 20%,var(--white) 20.5%,var(--white) 20.8%,var(--green) 21.5%),radial-gradient(circle at center 100%,var(--black) 30%,transparent 0),linear-gradient(var(--white) 100%,transparent 0),radial-gradient(17.8em 37em at 70% 240%,var(--black) 30%,transparent 30.5%),radial-gradient(17.8em 37em at 31% 240%,var(--black) 30%,transparent 30.5%),radial-gradient(circle,var(--light) 48%,var(--black) 52%,var(--black) 59%,transparent 62%),radial-gradient(circle,var(--light) 48%,var(--black) 52%,var(--black) 59%,transparent 62%),radial-gradient(1em 1em at 102% 100%,var(--m-gray) 28%,#f3f3f3 30%),radial-gradient(1em 1em at 97% -7%,var(--m-gray) 28%,var(--l-gray) 30%),radial-gradient(1em 1em at -6% 102%,var(--m-gray) 28%,#efefef 30%),radial-gradient(1em 1em at -6% -1%,var(--m-gray) 28%,var(--l-gray) 30%),linear-gradient(to top,var(--m-gray) 50%,var(--d-gray) 0,var(--d-gray) 58%,var(--m-gray) 0),linear-gradient(to top,var(--l-gray) 30%,var(--white) 100%,transparent 0),radial-gradient(16.4em 30.1em at 209% 333%,var(--white) 30%,transparent 30.2%),radial-gradient(16.4em 30.1em at -109% 333%,var(--white) 30%,transparent 30.2%),linear-gradient(var(--gray) 100%,transparent 0),linear-gradient(var(--white) 100%,transparent 0),radial-gradient(6.7em 2.5em at 154% 8%,var(--black) 30%,transparent 33%),radial-gradient(6.7em 2.5em at -53% 8%,var(--black) 30%,transparent 33%),linear-gradient(var(--orange) 100%,transparent 0),linear-gradient(var(--orange) 100%,transparent 0),linear-gradient(var(--yellow) 100%,transparent 0),linear-gradient(var(--l-yellow) 100%,transparent 0),linear-gradient(var(--d-blue) 100%,transparent 0),radial-gradient(circle at 124% 39%,var(--d-blue) 60%,transparent 64%),radial-gradient(circle at -44% 39%,var(--d-blue) 60%,transparent 64%),radial-gradient(13.2em 2em at 50% 59%,var(--l-gray) 96%,transparent 100%),radial-gradient(1.6em 1.6em at 75% -9%,var(--l-gray) 60%,transparent 64%),radial-gradient(1.6em 1.6em at 15% -9%,var(--l-gray) 60%,transparent 64%),linear-gradient(var(--d-blue) 100%,transparent 0),radial-gradient(6.9em 4.6em at 295% 3%,var(--d-blue) 30%,transparent 31%),radial-gradient(6.9em 4.6em at -189% 3%,var(--d-blue) 30%,transparent 31%);background-size:61.5% 20%,5% 6%,.4% 39%,60% 30%,60% 30%,16% 16%,16% 16%,2.4% 2%,2.4% 2.3%,2.4% 2.3%,2.4% 2.3%,91% 12%,93.9% 17%,12% 17.5%,12% 17.5%,38% 1.1%,77% 25%,9% 30%,9% 30%,8.4% 3%,8.4% 3%,33% 6.5%,36% 9%,87% 30%,10% 12%,10% 12%,78% 35%,11% 8%,11% 8%,68% 8%,5% 7%,5% 7%;background-position:50.5% 0,90% 37%,88% 1.2%,0 11.7%,100% 11.7%,5% 63%,95% 63%,4.1% 55.7%,4.1% 65.9%,95.8% 55.7%,95.8% 65.8%,center 62%,49% 63.6%,3.4% 46.2%,96.5% 46.2%,center 40.9%,center 50.3%,5.7% 48.6%,95% 48.6%,5% 75.2%,95% 75.2%,51% 86%,51.5% 87.3%,center 71.9%,-.8% 77.8%,101.7% 77.8%,center 80.2%,4% 85.9%,97% 85.9%,center 92.5%,11.7% 92.6%,88.3% 92.6%}@keyframes line{to{background-position:center 100%}}@keyframes car{15%,23%{transform:translate3d(-2.3em,0,0)}36%,42%{transform:translate3d(-.8em,0,0)}61%,71.5%{transform:translate3d(2.8em,0,0)}81%,88%{transform:translate3d(1.5em,0,0)}}@keyframes move-road{5.5%{transform:perspective(311px) rotateX(83deg) translate3d(var(--n-road),-11.975em,0)}27%,51%{transform:perspective(311px) rotateX(83deg) translate3d(var(--p-road),-11.975em,0)}73%,to{transform:perspective(311px) rotateX(83deg) translate3d(var(--n-road),-11.975em,0)}}@keyframes light{0%,37%{--light:#fbfbfb}50%{--light:#f1f1f1}62%{--light:#fbfbfb}65%{--light:#f1f1f1}95%{--light:#fbfbfb}to{--light:#f1f1f1}}@keyframes shake{26%,5%{transform:rotate(-1.5deg)}33%,41%{transform:rotate(-.5deg)}48%,69%{transform:rotate(1.5deg)}80%,95%{transform:rotate(.5deg)}}@media screen and (max-width:36em){.mobile-development-animation-body:before{width:11em;--n-road:-4em;--p-road:4em}}