[data-theme=dark] .pop-character,[data-theme=dark] .footer-doodle img{filter:invert()}.pop-character{pointer-events:none;z-index:0;width:10%;transition:filter .3s;animation:4s ease-in-out infinite popCycle,5s ease-in-out infinite idleFloat;position:fixed;bottom:16%}@keyframes idleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.pop-character-right{animation-name:popCycleRight,idleFloat;right:-12%}.pop-character-left{animation-name:popCycleLeft,idleFloat;left:-12%}@keyframes popCycleRight{0%,70%,to{right:-12%}75%{right:2%}90%{right:2%}}@keyframes popCycleLeft{0%,70%,to{left:-12%}75%{left:2%}90%{left:2%}}.footer-doodle-lane{width:100%;position:absolute;top:0;left:0}.footer-doodle{animation:linear forwards walkLeft;position:absolute;bottom:0}.footer-doodle img{cursor:pointer;height:52px;animation:1s ease-in-out infinite breathe;display:block}@keyframes walkLeft{0%{transform:translate(100vw)}to{transform:translate(-150px)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes jump{0%{transform:translateY(0)}30%{transform:translateY(-35px)}to{transform:translateY(0)}}.footer-doodle img.jump{animation:.5s jump}@media (prefers-reduced-motion:reduce){.pop-character,.footer-doodle,.footer-doodle img{animation:none!important}}
