@keyframes middleAnimation{0%{opacity:0}2%{opacity:1}70%{opacity:1}72%{opacity:0}}@keyframes rightAnimation{0%{transform:translate(-40%)}2%{transform:translate(20%)}70%{transform:translate(20%)}72%{transform:translate(-40%)}75%{opacity:1}77%{opacity:0}88%{opacity:0}90%{opacity:1}to{transform:translate(-40%)}}@keyframes leftAnimation{0%{transform:translate(40%)}2%{transform:translate(-30%)}70%{transform:translate(-30%)}72%{transform:translate(40%)}75%{opacity:1}77%{opacity:0}88%{opacity:0}90%{opacity:1}to{transform:translate(40%)}}.coding-animated-svg g#inner #right{transform-origin:50%;transform-box:fill-box;animation:6s ease-in-out infinite forwards rightAnimation}.coding-animated-svg g#inner #left{transform-origin:50%;transform-box:fill-box;animation:6s ease-in-out infinite forwards leftAnimation}.coding-animated-svg g#inner #middle{opacity:0;animation:6s ease-in-out infinite forwards middleAnimation}
@keyframes lightsAnimation{0%{opacity:0}2%{opacity:1}50%{opacity:1}52%{opacity:0}}.design-animated-svg g#inner #light{opacity:0;animation:6s ease-in-out infinite forwards lightsAnimation}
@keyframes arrowsAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes lightsAnimation{0%{opacity:0}2%{opacity:1}70%{opacity:1}72%{opacity:0}}.ideas-iteration-svg g#inner g#arrows{transform-origin:50%;transform-box:fill-box;animation:20s linear infinite arrowsAnimation}.ideas-iteration-svg g#inner g#light{opacity:0;animation:8s linear infinite forwards lightsAnimation}
@keyframes loupeAnimation{0%{transform:translate(0)}10%{transform:translate(-50px,-50px)}20%{transform:translate(-30px,-50px)}30%{transform:translate(-30px,-40px)}40%{transform:translate(-50px,-40px)}50%{transform:translate(-30px,-30px)}60%{transform:translate(-30px,-20px)}70%{transform:translate(-50px,-20px)}}.researching-svg g#icon g#loupe{transform-origin:50%;animation:6s infinite loupeAnimation}
@keyframes rocketAnimation{30%{transform:translate(0)}33%{transform:translate(-20%,20%)}36%{transform:translate(0)}39%{transform:translate(-40%,40%)}41%{transform:translate(0)}44%{transform:translate(-50%,50%)}48%{transform:translate(150%,-150%)}49%{opacity:1}50%{opacity:0;transform:translate(150%,-150%)}51%{transform:translate(-250%,250%)}52%{opacity:0;transform:translate(-250%,250%)}53%{opacity:1}60%{transform:translate(-250%,250%)}82%{transform:translate(-250%,250%)}87%{transform:translate(40%,-50%)}90%{transform:translate(-30%,40%)}}.rocket-launch-svg g#inner #rocket{transform-origin:50%;transform-box:fill-box;animation:6s ease-in-out infinite forwards rocketAnimation}
@keyframes dotsAnimation{0%{opacity:0}10%{opacity:1}50%{opacity:1}60%{opacity:0}}@keyframes gearAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes lightAnimation{0%{opacity:0}10%{opacity:1}50%{opacity:1}60%{opacity:0}}.workshop-svg.dark>g#workshop path{fill:#171717}.workshop-svg.light>g#workshop path{fill:#fff}.workshop-svg g#gear{transform-origin:50%;transform-box:fill-box;animation:6s linear infinite gearAnimation}.workshop-svg g#bulb g#light{opacity:0;animation:6s 4.8s infinite lightAnimation}.workshop-svg g#dots path{opacity:0}.workshop-svg g#dots path:first-of-type{animation:6s 3.2s infinite forwards dotsAnimation}.workshop-svg g#dots path:nth-of-type(2){animation:6s 3.4s infinite forwards dotsAnimation}.workshop-svg g#dots path:nth-of-type(3){animation:6s 3.6s infinite forwards dotsAnimation}.workshop-svg g#dots path:nth-of-type(4){animation:6s 3.8s infinite forwards dotsAnimation}.workshop-svg g#dots path:nth-of-type(5){animation:6s 4s infinite forwards dotsAnimation}.workshop-svg g#dots path:nth-of-type(6){animation:6s 4.2s infinite forwards dotsAnimation}.workshop-svg g#dots path:nth-of-type(7){animation:6s 4.4s infinite forwards dotsAnimation}.workshop-svg g#dots path:nth-of-type(8){animation:6s 4.6s infinite forwards dotsAnimation}
