svg#freepik_stories-code-typing:not(.animated) .animable{opacity:0}svg#freepik_stories-code-typing.animated #freepik--background-simple--inject-217{animation:slideRight 1s cubic-bezier(.36,-.01,.5,1.38) 1 forwards;animation-delay:0s}svg#freepik_stories-code-typing.animated #freepik--Plant--inject-217{animation:zoomOut 1s ease-out 1 forwards;animation-delay:0s}svg#freepik_stories-code-typing.animated #freepik--Keyboard--inject-217{animation:lightSpeedLeft 1s cubic-bezier(.36,-.01,.5,1.38) 1 forwards;animation-delay:0s}svg#freepik_stories-code-typing.animated #freepik--Hands--inject-217{animation:slideLeft 1s cubic-bezier(.36,-.01,.5,1.38) 1 forwards,wind 1.5s linear Infinite;animation-delay:0s,1s}svg#freepik_stories-code-typing.animated #freepik--Monitor--inject-217{animation:slideDown 1s linear 1 forwards;animation-delay:0s}svg#freepik_stories-code-typing.animated #freepik--speech-bubbles--inject-217{animation:fadeIn 1s cubic-bezier(.36,-.01,.5,1.38) 1 forwards,floating 3s linear Infinite;animation-delay:1s,2s;opacity:0}svg#freepik_stories-code-typing.animated #freepik--Mouse--inject-217{animation:fadeIn 1s cubic-bezier(.36,-.01,.5,1.38) 1 forwards;animation-delay:0s}@keyframes slideRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes wind{0%{transform:rotate(0)}25%{transform:rotate(1deg)}75%{transform:rotate(-1deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes floating{0%{opacity:1;transform:translateY(0)}50%{transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}svg#freepik_stories-coding:not(.animated) .animable{opacity:0}svg#freepik_stories-coding.animated #freepik--background-simple--inject-258{animation:slideUp 1s cubic-bezier(.36,-.01,.5,1.38) 1 forwards;animation-delay:0s}svg#freepik_stories-coding.animated #freepik--Codes--inject-258{animation:lightSpeedLeft 1s cubic-bezier(.36,-.01,.5,1.38) 1 forwards;animation-delay:0s}svg#freepik_stories-coding.animated #freepik--Chair--inject-258,svg#freepik_stories-coding.animated #freepik--Plants--inject-258{animation:lightSpeedRight 1s cubic-bezier(.36,-.01,.5,1.38) 1 forwards;animation-delay:0s}svg#freepik_stories-coding.animated #freepik--Character--inject-258{animation:zoomOut 1s cubic-bezier(.36,-.01,.5,1.38) 1 forwards,shake 6s linear Infinite;animation-delay:0s,1s}svg#freepik_stories-coding.animated #freepik--Device--inject-258{animation:zoomIn 1s cubic-bezier(.36,-.01,.5,1.38) 1 forwards;animation-delay:0s}svg#freepik_stories-coding.animated #freepik--Desk--inject-258{animation:zoomOut 1s cubic-bezier(.36,-.01,.5,1.38) 1 forwards;animation-delay:0s}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:inherit}}@keyframes lightSpeedLeft{0%{opacity:0;transform:translate3d(-50%,0,0) skew(20deg)}60%{opacity:1;transform:skew(-10deg)}80%{transform:skew(2deg)}to{opacity:1;transform:translateZ(0)}}@keyframes lightSpeedRight{0%{opacity:0;transform:translate3d(50%,0,0) skew(-20deg)}60%{opacity:1;transform:skew(10deg)}80%{transform:skew(-2deg)}to{opacity:1;transform:translateZ(0)}}@keyframes zoomOut{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes floating-ceb6034d{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.floating[data-v-ceb6034d]{animation:floating-ceb6034d 3s ease-in-out infinite}@keyframes slow-bounce-dad396d9{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(0)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(-25%)}}.slow-bounce[data-v-dad396d9]{animation:slow-bounce-dad396d9 2.5s infinite}.slow-bounce[data-v-dad396d9]:hover{animation-play-state:paused}@keyframes slideIn-3f787c51{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animate-slideIn[data-v-3f787c51]{animation:slideIn-3f787c51 .4s ease-out}@keyframes slideOut-3f787c51{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.animate-slideOut[data-v-3f787c51]{animation:slideOut-3f787c51 .4s ease-in forwards}