.pip{--look-x:0px;--look-y:0px;display:block;overflow:visible}.pip-ink,.pip-wing ellipse{fill:var(--pip-ink,#16161d)}.pip-belly{fill:#fff}.pip-cheek{fill:var(--pip-pink,#fc176f);opacity:.28}.pip-beak,.pip-foot{fill:var(--pip-pink,#fc176f)}.pip-shadow{fill:#16161d1a;transform-origin:110px 250px;animation:3.2s ease-in-out infinite pip-shadow}.pip-eye{fill:var(--pip-ink,#16161d)}.pip-glint{fill:#fff}.pip-eyes{transform:translate(var(--look-x), var(--look-y));transition:transform .12s ease-out}.pip-eye,.pip-glint{transform-box:fill-box;transform-origin:50%;animation:4.6s infinite pip-blink}.pip-brow{fill:none;stroke:var(--pip-ink,#16161d);stroke-width:6px;stroke-linecap:round;transform-box:fill-box;transform-origin:50%;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}.pip-bob{transform-origin:110px 240px;animation:3.2s ease-in-out infinite pip-bob}.pip-wing{transform-box:fill-box;transition:transform .45s cubic-bezier(.3,1.5,.5,1)}.pip-wing-l{transform-origin:80% 15%}.pip-wing-r{transform-origin:20% 15%}.pip-foot{transform-box:fill-box;transform-origin:15%}.pip-shades{opacity:0;transition:transform .5s cubic-bezier(.3,1.5,.5,1),opacity .3s;transform:translateY(-46px)}.pip-shades rect{fill:var(--pip-ink,#16161d);stroke:var(--pip-pink,#fc176f);stroke-width:2.5px}.pip-shades path{stroke:var(--pip-ink,#16161d);stroke-width:4px}.pip[data-mood=sassy] .pip-brow-l{transform:translateY(-7px)rotate(-14deg)}.pip[data-mood=sassy] .pip-brow-r{transform:translateY(2px)rotate(-4deg)}.pip[data-mood=sassy] .pip-wing-r{transform:rotate(26deg)}.pip[data-mood=sassy] .pip-wing-l{transform:rotate(-8deg)}.pip[data-mood=sassy] .pip-foot-r,.pip[data-mood=judging] .pip-foot-r{animation:.5s ease-in-out infinite alternate pip-tap}.pip[data-mood=judging] .pip-brow-l{transform:translateY(3px)rotate(16deg)}.pip[data-mood=judging] .pip-brow-r{transform:translateY(3px)rotate(-16deg)}.pip[data-mood=judging] .pip-eye{animation:none;transform:scaleY(.45)}.pip[data-mood=judging] .pip-wing-l{transform:rotate(-30deg)}.pip[data-mood=judging] .pip-wing-r{transform:rotate(30deg)}.pip[data-mood=sad] .pip-brow-l{transform:translateY(-2px)rotate(-18deg)}.pip[data-mood=sad] .pip-brow-r{transform:translateY(-2px)rotate(18deg)}.pip[data-mood=sad] .pip-wing-l{transform:rotate(10deg)}.pip[data-mood=sad] .pip-wing-r{transform:rotate(-10deg)}.pip[data-mood=sad] .pip-bob{animation-duration:6s}.pip[data-mood=sad] .pip-eyes{transform:translate(var(--look-x), calc(var(--look-y) + 4px))}.pip[data-mood=proud] .pip-shades{opacity:1;transform:none}.pip[data-mood=proud] .pip-brow{transform:translateY(-8px)}.pip[data-mood=proud] .pip-wing-l{animation:.35s ease-in-out infinite alternate pip-flap-l}.pip[data-mood=proud] .pip-wing-r{animation:.35s ease-in-out infinite alternate pip-flap-r}@keyframes pip-bob{50%{transform:translateY(-7px)}}@keyframes pip-shadow{50%{opacity:.7;transform:scaleX(.86)}}@keyframes pip-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}@keyframes pip-tap{0%{transform:rotate(0)}to{transform:rotate(-16deg)}}@keyframes pip-flap-l{0%{transform:rotate(40deg)}to{transform:rotate(70deg)}}@keyframes pip-flap-r{0%{transform:rotate(-40deg)}to{transform:rotate(-70deg)}}@media (prefers-reduced-motion:reduce){.pip *,.pip :before,.pip :after{transition:none!important;animation:none!important}}