.dog-natural svg{width:100%;height:100%;display:block;overflow:visible}.dn-breathe{transform-origin:100px 187px;animation:dn-breathe calc(3.2s + var(--r1,.5) * 1.6s) ease-in-out calc(var(--r2,.5) * -5s) infinite}@keyframes dn-breathe{0%,to{transform:scale(1)}45%{transform:scale(1.008,.984)}55%{transform:scale(1.008,.985)}}.dn-tail{animation:dn-wag-idle calc(2.8s + var(--r2,.5) * 1.8s) ease-in-out calc(var(--r3,.5) * -4s) infinite}@keyframes dn-wag-idle{0%{rotate:0deg}5%{rotate:10deg}10%{rotate:-4deg}15%{rotate:9deg}20%{rotate:-3deg}26%{rotate:6deg}34%,46%{rotate:2deg}56%{rotate:7deg}66%{rotate:-2deg}72%{rotate:9deg}77%{rotate:-4deg}82%{rotate:8deg}88%{rotate:-1deg}to{rotate:0deg}}.dn-eye{animation:dn-blink calc(4.6s + var(--r1,.5) * 3.2s) calc(var(--r2,.5) * -6s) infinite}@keyframes dn-blink{0%,40%,44%,84%,87.5%,91%,to{transform:scaleY(1)}42%,85.5%,89.5%{transform:scaleY(.06)}}.dn-ear{animation:dn-ear-flick calc(6.5s + var(--r3,.5) * 5s) ease-in-out calc(var(--r1,.5) * -7s) infinite}.dn-ear-1{animation-duration:calc(7.4s + var(--r2,.5) * 4s);animation-delay:calc(var(--r3,.5) * -9s)}@keyframes dn-ear-flick{0%,78%,to{rotate:0deg}80%{rotate:-8deg}82.5%{rotate:4deg}85%{rotate:-3deg}88%{rotate:1deg}91%{rotate:0deg}}.dn-head{transition:transform .6s ease-in-out}.dn-i1 .dn-head{animation:dn-look-sides calc(10s + var(--r1,.5) * 4s) ease-in-out calc(var(--r2,.5) * -12s) infinite}@keyframes dn-look-sides{0%,12%{translate:0;rotate:0deg}18%,34%{translate:-2px;rotate:-5deg}42%,56%{translate:0;rotate:0deg}62%,78%{translate:2px -1px;rotate:6deg}86%,to{translate:0;rotate:0deg}}.dn-i2 .dn-head{animation:dn-head-tilt calc(9s + var(--r1,.5) * 4s) cubic-bezier(.45, 0, .3, 1.2) calc(var(--r3,.5) * -11s) infinite}@keyframes dn-head-tilt{0%,26%{translate:0;rotate:0deg}32%,48%{translate:0 -2px;rotate:10deg}54%{translate:0;rotate:-2deg}60%,68%{translate:0;rotate:0deg}72%{translate:0 2px;rotate:0deg}76%{translate:0;rotate:0deg}80%{translate:0 2px;rotate:0deg}84%,to{translate:0;rotate:0deg}}.dn-i3 .dn-head{animation:dn-sniff-up calc(10.5s + var(--r2,.5) * 4s) ease-in-out calc(var(--r1,.5) * -12s) infinite}@keyframes dn-sniff-up{0%,16%{translate:0;rotate:0deg}22%,30%{translate:0 -4px;rotate:-3deg}33%{translate:0 -3px;rotate:-2deg}36%{translate:0 -4px;rotate:-3deg}39%,44%{translate:0 -3px;rotate:-2deg}52%,60%{translate:0;rotate:0deg}66%,78%{translate:-3px 2px;rotate:-7deg}86%,to{translate:0;rotate:0deg}}.dn-curioso .dn-head{transform:rotate(-7deg)}.dn-curioso .dn-ear{animation-duration:3.5s}.dn-feliz .dn-tail{animation:dn-wag-happy calc(.2s + var(--r1,.5) * 80ms) ease-in-out infinite alternate}@keyframes dn-wag-happy{0%{rotate:-9deg}to{rotate:14deg}}.dn-feliz .dn-breathe{animation:dn-happy calc(1.2s + var(--r2,.5) * .5s) ease-in-out infinite}@keyframes dn-happy{0%,to{transform:translateY(0)}30%{transform:translateY(-2.5px)rotate(1deg)}60%{transform:translateY(0)rotate(-.6deg)}}.dn-feliz .dn-head{animation:dn-head-happy calc(1.2s + var(--r2,.5) * .5s) ease-in-out infinite}@keyframes dn-head-happy{0%,to{rotate:0deg}35%{rotate:4deg}70%{rotate:-3deg}}.dn-sonolento .dn-head{animation:6s ease-in-out infinite dn-doze;transform:translateY(3px)rotate(3deg)}@keyframes dn-doze{0%,to{translate:0}50%{translate:0 2px}}.dn-sonolento .dn-breathe{animation-duration:5s}.dn-sonolento .dn-tail,.dn-sonolento .dn-ear{animation:none}.dn-sparkles path{transform-box:fill-box;transform-origin:50%;animation:2.2s ease-in-out infinite dn-twinkle}@keyframes dn-twinkle{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.dog-natural *,.dog-natural :before,.dog-natural :after{transition:none!important;animation:none!important}}.dn-pose-andando .dn-leg{animation:dn-step var(--gait,.5s) ease-in-out infinite alternate}.dn-pose-andando .dn-leg-bf,.dn-pose-andando .dn-leg-fn{animation-direction:alternate-reverse}@keyframes dn-step{0%{rotate:-20deg}to{rotate:20deg}}.dn-pose-andando .dn-tail{animation:.3s ease-in-out infinite alternate dn-wag-happy}.dn-pose-andando .dn-head{animation:dn-trot-head var(--gait,.5s) linear infinite}@keyframes dn-trot-head{0%,50%,to{translate:0 1px;rotate:0deg}25%,75%{translate:0 -1px;rotate:-2deg}}.dn-pose-deitado .dn-breathe{animation:dn-lie-breathe calc(3.6s + var(--r1,.5) * 1.6s) ease-in-out infinite;transform-origin:100px 188px}@keyframes dn-lie-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012,.978)}}.dn-pose-deitado .dn-tail{animation:dn-thump calc(2.4s + var(--r2,.5) * 2s) ease-in-out infinite}@keyframes dn-thump{0%,60%,to{rotate:0deg}66%{rotate:-10deg}72%{rotate:2deg}78%{rotate:-8deg}84%{rotate:0deg}}.dn-pose-deitado.dn-sonolento .dn-tail{animation:none}.dn-pose-deitado.dn-sonolento .dn-lie-head{translate:0 4px}.dn-beg-paws{transform-origin:100px 140px;animation:.5s ease-in-out infinite alternate dn-beg}@keyframes dn-beg{0%{translate:0}to{translate:0 -3px}}.dn-pose-pedindo .dn-tail{animation:.24s ease-in-out infinite alternate dn-wag-happy}.dn-pose-barriga .dn-up-leg{animation:.55s ease-in-out infinite alternate dn-paddle}.dn-pose-barriga .dn-up-leg.bl,.dn-pose-barriga .dn-up-leg.fl2{animation-direction:alternate-reverse}@keyframes dn-paddle{0%{rotate:-14deg}to{rotate:12deg}}.dn-pose-barriga .dn-breathe{transform-origin:106px 186px;animation:1.6s ease-in-out infinite dn-belly-wiggle}@keyframes dn-belly-wiggle{0%,to{transform:rotate(0)}30%{transform:rotate(-3deg)}70%{transform:rotate(3deg)}}.dn-pose-barriga .dn-tail{animation:.2s ease-in-out infinite alternate dn-wag-happy}:where(.dog-natural){transform-origin:50% 100%}:where(.dog-natural.dn-pose-deitado){animation:.5s cubic-bezier(.3,.7,.4,1) dn-lie-down}:where(.dog-natural.dn-pose-sentado){animation:.4s cubic-bezier(.3,.7,.4,1) dn-sit-up}:where(.dog-natural.dn-pose-pedindo){animation:.45s cubic-bezier(.3,.7,.4,1.2) dn-rise}:where(.dog-natural.dn-pose-andando){animation:.3s ease-out dn-start-walk}:where(.dog-natural.dn-pose-barriga){animation:.5s cubic-bezier(.3,.7,.4,1.2) dn-flop}@keyframes dn-lie-down{0%{transform:translateY(-6%)scale(.96,1.18)}60%{transform:scale(1.06,.94)}to{transform:none}}@keyframes dn-sit-up{0%{transform:scale(1.05,.82)}60%{transform:scale(.97,1.04)}to{transform:none}}@keyframes dn-rise{0%{transform:translateY(6%)scale(1.04,.84)}60%{transform:translateY(-3%)scale(.96,1.06)}to{transform:none}}@keyframes dn-start-walk{0%{transform:scale(1.05,.94)}to{transform:none}}@keyframes dn-flop{0%{transform:rotate(-28deg)scale(.9)}60%{transform:rotate(6deg)scale(1.04,.96)}to{transform:none}}
