.zp{overflow:visible}.zp-all,.zp-spring,.zp-body,.zp-eye,.zp-mark,.zp-shadow,.zp-mouth,.zp-pupil,.zp-bang,.zp-heart,.zp-zzz,.zp-arm{transform-box:fill-box}.zp-all{transform-origin:50% 100%;animation:zp-bob 2.8s ease-in-out infinite}.zp-spring{transform-origin:50% 0;animation:zp-spr 2.8s ease-in-out infinite}.zp-body{transform-origin:50% 100%}.zp-eye{transform-origin:50% 50%;animation:zp-blink 4.6s infinite}.zp-eye-r{animation-delay:.04s}.zp-closed,.zp-happy-eyes,.zp-mouth,.zp-think,.zp-zzz,.zp-bang,.zp-heart{opacity:0}.zp-arm{transform-origin:50% 50%}.zp-mark{transform-origin:20% 100%;animation:zp-mark 2.8s ease-in-out infinite}.zp-shadow{transform-origin:50% 50%;animation:zp-sh 2.8s ease-in-out infinite}@keyframes zp-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes zp-spr{0%,to{transform:scaleY(1)}50%{transform:scaleY(.94)}}@keyframes zp-sh{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.9);opacity:.8}}@keyframes zp-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}@keyframes zp-mark{0%,to{transform:rotate(0)}50%{transform:rotate(6deg)}}.zp.hopping .zp-all{animation:zp-hop .9s var(--spring,cubic-bezier(.34,1.56,.64,1)) both}@keyframes zp-hop{0%{transform:none}18%{transform:translateY(6px) scale(1.08,.9)}50%{transform:translateY(-46px) scale(.92,1.1)}78%{transform:translateY(0) scale(1.08,.92)}to{transform:none}}[data-mood=happy] .zp-eyes,[data-mood=proud] .zp-eyes{opacity:0}[data-mood=happy] .zp-happy-eyes,[data-mood=proud] .zp-happy-eyes{opacity:1}[data-mood=happy] .zp-heart{opacity:1;animation:zp-heart 1.8s ease-out infinite}[data-mood=eat] .zp-smile,[data-mood=wow] .zp-smile{opacity:0}[data-mood=eat] .zp-mouth,[data-mood=wow] .zp-mouth{opacity:1}[data-mood=eat] .zp-mouth{transform-origin:50% 0;animation:zp-chew .38s ease-in-out infinite}[data-mood=wow] .zp-eye{animation:none;transform:scale(1.12)}[data-mood=wow] .zp-bang{opacity:1;animation:zp-pop .5s var(--spring,cubic-bezier(.34,1.56,.64,1))}[data-mood=think] .zp-smile{opacity:0}[data-mood=think] .zp-think{opacity:1}[data-mood=think] .zp-pupil{transform:translate(-6px,-5px)}[data-mood=sleep] .zp-eyes{opacity:0}[data-mood=sleep] .zp-closed{opacity:1}[data-mood=sleep] .zp-zzz{opacity:1;animation:zp-z 2.6s ease-in-out infinite}[data-mood=sleep] .zp-all{animation-duration:4.2s}[data-mood=wave] .zp-arm-r{animation:zp-wave .5s ease-in-out infinite alternate;transform-origin:20% 70%}[data-mood=proud] .zp-body{transform:scale(1.03)}@keyframes zp-chew{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1.05)}}@keyframes zp-pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes zp-z{0%{opacity:0;transform:translateY(8px)}40%{opacity:1}to{opacity:0;transform:translate(-6px,-18px)}}@keyframes zp-heart{0%{opacity:0;transform:translateY(8px) scale(.6)}30%{opacity:1}to{opacity:0;transform:translateY(-22px) scale(1.1)}}@keyframes zp-wave{0%{transform:rotate(-14deg)}to{transform:rotate(26deg)}}@media(prefers-reduced-motion:reduce){.zp *{animation:none!important}}.zp-posed .zp-body{transform-box:view-box;transform-origin:100px 188px;transform:rotate(calc(var(--tilt,0)*1deg))}.zp-posed[data-mood=proud] .zp-body{transform:rotate(calc(var(--tilt,0)*1deg)) scale(1.03)}.zp-posed .zp-spring{transform-box:view-box;transform-origin:100px 240px;transform:skew(calc(var(--tilt,0)*-.9deg)) scaleY(calc(1 - var(--lunge,0)*.09))}.zp-posed .zp-face{transform-origin:100px 120px;transform:translate(calc(var(--face,0)*20px)) scaleX(calc(1 - var(--af,0)*.14)) rotate(calc(var(--face,0)*3deg))}.zp-posed .zp-belly{transform:translate(calc(var(--face,0)*9px))}.zp-posed .zp-shine{transform:translate(calc(var(--face,0)*-5px))}.zp-posed .zp-markW{transform:translate(calc(var(--face,0)*12px))}.zp-posed .zp-eyeW-l{transform-origin:76px 92px;transform:scaleX(calc(1 - var(--fr,0)*.32 + var(--fl,0)*.1))}.zp-posed .zp-eyeW-r{transform-origin:124px 92px;transform:scaleX(calc(1 - var(--fl,0)*.32 + var(--fr,0)*.1))}.zp-posed .zp-pupil{transform:translate(calc(var(--face,0)*4.5px),calc(var(--af,0)*2.5px))}.zp-posed[data-mood=think] .zp-pupil{transform:translate(calc(-6px + var(--face,0)*3px),-5px)}.zp-posed .zp-mouthW{transform-origin:100px 118px;transform:translate(calc(var(--face,0)*9px)) rotate(calc(var(--face,0)*(-10deg - var(--jaw,0)*16deg)))}.zp-posed .zp-armW-l{transform:translate(calc(var(--fr,0)*16px - var(--fl,0)*8px))}.zp-posed .zp-armW-r{transform:translate(calc(var(--fl,0)*-16px + var(--fr,0)*8px))}