.wuppi{flex:none;position:relative}.wuppi svg{width:100%;height:auto;display:block;overflow:visible}.wuppi .rig,.wuppi .arm,.wuppi .leg,.wuppi .eye,.wuppi .cape,.wuppi .drum-ticks,.wuppi .smile,.wuppi .buttons rect,.wuppi .water,.wuppi .laundry,.wuppi .suds circle{transform-box:fill-box}.wuppi .body{fill:var(--wuppi-green)}.wuppi .face{fill:#fbfaf3}.wuppi .eye{fill:#191c16}.wuppi .smile{stroke:#191c16;fill:none;stroke-width:5.5px;stroke-linecap:round}.wuppi .arm,.wuppi .shin{fill:var(--wuppi-green)}.wuppi .shadow{fill:#19230f21}.wuppi .zip{opacity:0}.wuppi .zip rect:first-child{fill:var(--wuppi-ramp-0)}.wuppi .zip rect:nth-child(2){fill:var(--wuppi-ramp-1)}.wuppi .zip rect:nth-child(3){fill:var(--wuppi-ramp-2)}.wuppi .door-ring{fill:#fff;opacity:.26}.wuppi .door-lip{fill:var(--wuppi-green-dark);opacity:.18}.wuppi .drum-ticks circle{fill:#fff;opacity:.4}.wuppi .glass-shine{fill:#fff;opacity:.75}.wuppi .handle{fill:#5cb141}.wuppi .buttons rect{fill:#fff;opacity:.55}.wuppi .crest-shield{fill:var(--wuppi-red)}.wuppi .crest-field{fill:var(--wuppi-gold)}.wuppi .crest text{fill:var(--wuppi-red);text-anchor:middle;letter-spacing:-.04em;font-family:inherit;font-size:30px;font-weight:900}.wuppi .boot{fill:var(--wuppi-red)}.wuppi .boot-trim{fill:var(--wuppi-gold)}.wuppi .wash{opacity:0}.wuppi.pose-wash .wash{opacity:1}.wuppi .water{fill:var(--wuppi-green);opacity:.7;transform-origin:50% 100%}.wuppi .laundry{transform-origin:50%}.wuppi .laundry rect:first-child{fill:var(--wuppi-red)}.wuppi .laundry rect:nth-child(2){fill:var(--wuppi-ramp-0)}.wuppi .laundry rect:nth-child(3){fill:var(--wuppi-green-dark)}.wuppi .laundry rect:nth-child(4){fill:var(--wuppi-gold)}.wuppi .suds circle{fill:#fff;opacity:.8}.wuppi .cape-main{fill:var(--wuppi-red)}.wuppi .cape-fold{fill:#b40040}.wuppi--animated .rig{transform-origin:50% 90%;animation:2.6s ease-in-out infinite wuppi-bob}.wuppi--animated .eye{transform-origin:50%;animation:4.4s infinite wuppi-blink}.wuppi--animated .cape{transform-origin:50% 0;animation:3.2s ease-in-out infinite wuppi-cape-wave}@keyframes wuppi-cape-wave{0%,to{transform:none}30%{transform:rotate(1.5deg)skew(-2.2deg)scaleX(1.03)}65%{transform:rotate(-1.5deg)skew(2.2deg)scaleX(.98)}}@keyframes wuppi-bob{0%,to{transform:translateY(0)scaleY(1)}45%{transform:translateY(-14px)scaleY(1.02)}70%{transform:translateY(0)scaleY(.985)}}@keyframes wuppi-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}.wuppi--animated.pose-in,.wuppi--animated.pose-start,.wuppi--animated.pose-wash{animation:.7s cubic-bezier(.2,.9,.25,1.15) both wuppi-in}.wuppi--animated.pose-zip{animation:1.1s cubic-bezier(.3,.1,.2,1) both wuppi-zip}.wuppi--animated.pose-zip .zip{animation:1.1s ease-out both wuppi-zip-fade}.wuppi--animated.pose-cheer .arm-l{transform-origin:88%;animation:.6s cubic-bezier(.2,.9,.25,1.2) .35s both wuppi-cheer-l}.wuppi--animated.pose-cheer .arm-r{transform-origin:12%;animation:.6s cubic-bezier(.2,.9,.25,1.2) .35s both wuppi-cheer-r}.wuppi--animated.pose-cheer .rig{transform-origin:50% 92%;animation:1.4s cubic-bezier(.3,.7,.3,1) .3s 2 wuppi-hop}.wuppi--animated.pose-point .arm-r{transform-origin:10%;animation:.5s cubic-bezier(.2,.9,.25,1.2) .5s both wuppi-point}.wuppi--animated.pose-shrug .arm-l{transform-origin:88%;animation:1.6s ease-in-out .4s both wuppi-shrug-l}.wuppi--animated.pose-shrug .arm-r{transform-origin:12%;animation:1.6s ease-in-out .4s both wuppi-shrug-r}@keyframes wuppi-in{0%{opacity:0;transform:translateY(15%)scale(.86)}to{opacity:1;transform:none}}@keyframes wuppi-zip{0%{opacity:0;transform:translate(-62%)scaleX(1.25)scaleY(.86)}55%{opacity:1;transform:translate(6%)scaleX(.94)scaleY(1.06)}to{opacity:1;transform:none}}@keyframes wuppi-zip-fade{0%{opacity:.95}60%{opacity:.35}to{opacity:0}}@keyframes wuppi-cheer-l{to{transform:rotate(-58deg)translateY(-8px)}}@keyframes wuppi-cheer-r{to{transform:rotate(58deg)translateY(-8px)}}@keyframes wuppi-point{to{transform:rotate(26deg)translate(14px)}}@keyframes wuppi-shrug-l{50%{transform:rotate(-24deg)translateY(-14px)}}@keyframes wuppi-shrug-r{50%{transform:rotate(24deg)translateY(-14px)}}@keyframes wuppi-hop{30%{transform:translateY(-40px)}55%{transform:translateY(0)scaleY(.93)}70%{transform:translateY(0)scaleY(1)}}.wuppi--animated.pose-start .buttons rect{transform-origin:50%;animation:.45s ease-out both wuppi-led-on}.wuppi--animated.pose-start .buttons rect:first-child{animation-delay:.8s}.wuppi--animated.pose-start .buttons rect:nth-child(2){animation-delay:.98s}.wuppi--animated.pose-start .buttons rect:nth-child(3){animation-delay:1.16s}.wuppi--animated.pose-start .buttons rect:nth-child(4){animation-delay:1.34s}.wuppi--animated.pose-start .drum-ticks{transform-origin:50%;animation:3.4s cubic-bezier(.55,0,.85,.55) 1.5s both wuppi-drum-run}.wuppi--animated.pose-start .rig{animation:2.6s ease-in-out infinite wuppi-bob,.17s ease-in-out 1.9s 12 wuppi-start-shake}.wuppi--animated.pose-start .eye{animation:3s ease-in-out 1.7s both wuppi-eye-boot,4.4s 4.7s infinite wuppi-blink}.wuppi--animated.pose-start .smile{transform-origin:50% 0;animation:1.1s cubic-bezier(.2,.9,.25,1.4) 2.3s both wuppi-smile-up}@keyframes wuppi-led-on{0%{opacity:.14;transform:scale(.6)}65%{opacity:.8;transform:scale(1.25)}to{opacity:.55;transform:none}}@keyframes wuppi-drum-run{to{transform:rotate(1080deg)}}@keyframes wuppi-start-shake{0%,to{transform:none}25%{transform:translate(-2px,1px)rotate(-.7deg)}75%{transform:translate(2px,-1px)rotate(.7deg)}}@keyframes wuppi-eye-boot{0%,14%{transform:scaleY(.08)}24%{transform:scaleY(1.2)scaleX(.92)}32%{transform:scaleY(1)}52%{transform:translate(-3px)}72%{transform:translate(3px)}88%,to{transform:none}}@keyframes wuppi-smile-up{0%{opacity:.35;transform:scale(.3,.08)}60%{transform:scale(1.12,1.3)}to{opacity:1;transform:none}}.wuppi--animated.pose-wash .water{animation:8s ease-in-out infinite wuppi-water-fill}.wuppi--animated.pose-wash .laundry{animation:8s cubic-bezier(.4,0,.5,1) infinite wuppi-drum-cycle}.wuppi--animated.pose-wash .drum-ticks{transform-origin:50%;animation:8s cubic-bezier(.4,0,.5,1) infinite wuppi-drum-cycle}.wuppi--animated.pose-wash .suds circle{transform-origin:50%;animation:2.4s ease-out infinite wuppi-sud-rise}.wuppi--animated.pose-wash .suds circle:nth-child(2){animation-delay:.7s}.wuppi--animated.pose-wash .suds circle:nth-child(3){animation-delay:1.3s}.wuppi--animated.pose-wash .suds circle:nth-child(4){animation-delay:1.9s}.wuppi--animated.pose-wash .rig{animation:2.6s ease-in-out infinite wuppi-bob,.13s ease-in-out 5.2s 12 wuppi-spin-shake}.wuppi--animated.pose-wash .eye{animation:8s ease-in-out infinite wuppi-wash-eyes}.wuppi--animated.pose-wash .smile{transform-origin:50% 0;animation:8s ease-in-out infinite wuppi-wash-smile}@keyframes wuppi-water-fill{0%,4%{transform:scaleY(0)}22%,80%{transform:scaleY(1)}92%,to{transform:scaleY(0)}}@keyframes wuppi-drum-cycle{0%,15%{transform:rotate(0)}65%{transform:rotate(540deg)}85%{transform:rotate(2160deg)}to{transform:rotate(2210deg)}}@keyframes wuppi-sud-rise{0%{opacity:0;transform:translateY(4px)scale(.5)}30%{opacity:.8}to{opacity:0;transform:translateY(-20px)scale(1.2)}}@keyframes wuppi-spin-shake{0%,to{transform:none}25%{transform:translate(-1.6px,.8px)rotate(-.5deg)}75%{transform:translate(1.6px,-.8px)rotate(.5deg)}}@keyframes wuppi-wash-eyes{0%,62%,90%,to{transform:scaleY(1)}67%,85%{transform:scaleY(.22)}}@keyframes wuppi-wash-smile{0%,58%,94%,to{transform:none}68%,86%{transform:scale(1.16,1.34)}}@media (prefers-reduced-motion:reduce){.wuppi--animated,.wuppi--animated *{animation:none!important}}