.pip{max-width:100%;height:auto;display:block}.pip .pip-mouth-open,.pip .pip-mouth-small,.pip .pip-mouth-sad,.pip .pip-mouth-flat,.pip .pip-brow,.pip .pip-fx>*{opacity:0;pointer-events:none}.pip .pip-arm,.pip .pip-leg,.pip .pip-ground{display:none}.pip .pip-rig{transform-origin:50%}.pip .pip-pupil{transform:translate(calc(var(--look-x,0) * 1px), calc(var(--look-y,0) * 1px));transition:transform .22s cubic-bezier(.3,1.3,.5,1)}.pip .pip-eye-shape{transform-box:fill-box;transform-origin:50%;animation:5.6s infinite naturalBlink}.pip .pip-eye-r .pip-eye-shape{animation-delay:40ms}@keyframes naturalBlink{0%,46%,49%,92%,94%,to{transform:scaleY(1)}47%,48%{transform:scaleY(.05)}93%{transform:scaleY(.05)}}.pip-idle .pip-mouth-small{opacity:1}.pip-idle .pip-mouth-smile{opacity:0}.pip-idle .pip-rig{animation:3.4s ease-in-out infinite idleBob}@keyframes idleBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pip-idle .pip-pupil{animation:6s ease-in-out infinite idleLook}@keyframes idleLook{0%,30%,to{transform:translate(0)}35%,55%{transform:translate(2px,-1px)}60%,80%{transform:translate(-2px,1px)}}.pip-welcome .pip-mouth-open{opacity:1}.pip-welcome .pip-mouth-smile{opacity:0}.pip-welcome .pip-eye-shape{transform:scale(1.1)}.pip-welcome .pip-arm-front{animation:.8s ease-in-out infinite alternate wave;transform:rotate(-30deg)translate(20px,-50px)}@keyframes wave{0%{transform:rotate(-40deg)translate(20px,-50px)}to{transform:rotate(-10deg)translate(20px,-50px)}}.pip-welcome .pip-leg-front{animation:1.2s ease-in-out infinite alternate stepForward}@keyframes stepForward{0%{transform:rotate(-10deg)translateY(-2px)}to{transform:rotate(8deg)translateY(0)}}.pip-welcome .pip-wave-line{opacity:1;animation:.8s ease-in-out infinite waveLine}.pip-welcome .pip-wave-line.pip-wave-2{animation-delay:.15s}@keyframes waveLine{0%{opacity:0;transform:translate(-6px)}50%{opacity:.9}to{opacity:0;transform:translate(6px)}}.pip-correct .pip-mouth-open{opacity:1}.pip-correct .pip-mouth-smile,.pip-correct .pip-eye-shape,.pip-correct .pip-pupil{opacity:0}.pip-correct .pip-eye-happy{opacity:1;transform-box:fill-box;transform-origin:50%;animation:.6s ease-in-out infinite happyBounce}@keyframes happyBounce{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(-1px)scaleY(1.15)}}.pip-correct .pip-arm-front{animation:.6s ease-in-out infinite alternate pump;transform:rotate(-90deg)translate(-15px,-55px)}@keyframes pump{0%{transform:rotate(-100deg)translate(-15px,-55px)}to{transform:rotate(-70deg)translate(-15px,-60px)}}.pip-correct .pip-rig{animation:.6s ease-in-out infinite hop}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pip-correct .pip-sparkle-1,.pip-correct .pip-sparkle-2,.pip-correct .pip-sparkle-3{opacity:1;animation:1s ease-in-out infinite sparkle}.pip-correct .pip-sparkle-2{animation-delay:.2s}.pip-correct .pip-sparkle-3{animation-delay:.4s}@keyframes sparkle{0%,to{opacity:0;transform:scale(.6)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(40deg)}}.pip-oops .pip-mouth-small{opacity:1}.pip-oops .pip-mouth-smile{opacity:0}.pip-oops .pip-eye-shape{transform:scale(1.2)}.pip-oops .pip-pupil{transform:scale(.85)}.pip-oops .pip-brow-l{opacity:1;transform-origin:195px 156px;transform:translate(-2px,-8px)rotate(-10deg)}.pip-oops .pip-brow-r{opacity:1;transform-origin:245px 160px;transform:translate(0)}.pip-oops .pip-cheek{opacity:.95}.pip-oops .pip-arm-front{transform:rotate(120deg)translate(-30px,5px)}.pip-oops .pip-rig{animation:1.6s ease-in-out infinite sway}@keyframes sway{0%,to{transform:rotate(-2deg)translate(-2px)}50%{transform:rotate(2deg)translate(2px)}}.pip-oops .pip-oops-line{opacity:1;animation:1.4s ease-out infinite oopsBlip}.pip-oops .pip-oops-2{animation-delay:.3s}@keyframes oopsBlip{0%{opacity:0;transform:translateY(0)scale(.6)}40%{opacity:1;transform:translateY(-6px)scale(1)}to{opacity:0;transform:translateY(-14px)scale(1)}}.pip-rest .pip-mouth-small{opacity:1}.pip-rest .pip-mouth-smile,.pip-rest .pip-eye-shape,.pip-rest .pip-eye-shine,.pip-rest .pip-eye-glint{opacity:0}.pip-rest .pip-eye-lid{opacity:1}.pip-rest .pip-rig{transform:translateY(6px)rotate(-3deg)}.pip-rest .pip-arm-front{transform:rotate(110deg)translate(-30px,10px)}.pip-rest .pip-z-1,.pip-rest .pip-z-2{opacity:1;animation:2.4s ease-in-out infinite zFloat}.pip-rest .pip-z-2{animation-delay:1.2s}@keyframes zFloat{0%{opacity:0;transform:translateY(10px)scale(.6)}30%{opacity:1}to{opacity:0;transform:translate(20px,-30px)scale(1.2)}}.pip-think>*{opacity:0}.pip-thinking .pip-mouth-small{opacity:1}.pip-thinking .pip-mouth-smile{opacity:0}.pip-thinking .pip-rig{animation:3s ease-in-out infinite thinkTilt}@keyframes thinkTilt{0%,to{transform:rotate(-2deg)}50%{transform:rotate(4deg)}}.pip-thinking .pip-think>*{opacity:1;animation:1.6s ease-in-out infinite thinkDot}.pip-thinking .pip-think>:nth-child(2){animation-delay:.2s}.pip-thinking .pip-think>:nth-child(3){animation-delay:.4s}@keyframes thinkDot{0%,to{opacity:0;transform:translateY(4px)}50%{opacity:1;transform:translateY(0)}}.pip-thinking .pip-pupil{animation:3s ease-in-out infinite thinkLook}@keyframes thinkLook{0%,to{transform:translate(3px,-4px)}50%{transform:translate(4px,-3px)}}.pip-encourage .pip-mouth-smile{opacity:1}.pip-encourage .pip-rig{animation:2.2s ease-in-out infinite idleBob}.pip-encourage .pip-eye-shape,.pip-encourage .pip-pupil{opacity:0}.pip-encourage .pip-eye-heart{opacity:1;transform-box:fill-box;transform-origin:50%;animation:.9s ease-in-out infinite heartBeat}.pip-encourage .pip-eye-r .pip-eye-heart{animation-delay:.12s}@keyframes heartBeat{0%,to{transform:scale(1)}30%{transform:scale(1.18)}50%{transform:scale(.95)}}.pip-encourage .pip-heart{opacity:0}.pip-encourage .pip-heart-1{opacity:1;animation:2s ease-out infinite heartFloat}.pip-encourage .pip-heart-2{opacity:1;animation:2s ease-out .9s infinite heartFloat}@keyframes heartFloat{0%{opacity:0;transform:translateY(20px)scale(.6)}30%{opacity:1}to{opacity:0;transform:translateY(-30px)scale(1.1)}}.pip-pointing .pip-mouth-small{opacity:1}.pip-pointing .pip-mouth-smile{opacity:0}.pip-pointing .pip-rig{transform:rotate(4deg)}.pip-pointing .pip-pupil{transform:translate(4px)}.pip-pointing .pip-point>*{opacity:1;animation:1.3s ease-out infinite pointTrail}.pip-pointing .pip-point>:nth-child(2){animation-delay:.15s}@keyframes pointTrail{0%{opacity:0;transform:translate(-10px)}35%{opacity:1}to{opacity:0;transform:translate(14px)}}.card.pip-point-left .pip{transform:scaleX(-1)}.card.pip-point-up .pip{transform:rotate(-30deg)}.card.pip-point-down .pip{transform:rotate(25deg)}.pip-celebration .pip-mouth-open{opacity:1}.pip-celebration .pip-mouth-smile,.pip-celebration .pip-eye-shape,.pip-celebration .pip-pupil{opacity:0}.pip-celebration .pip-eye-star{opacity:1;transform-box:fill-box;transform-origin:50%;animation:1.2s ease-in-out infinite starSpin}.pip-celebration .pip-eye-r .pip-eye-star{animation-delay:.2s}@keyframes starSpin{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(15deg)scale(1.15)}}.pip-celebration .pip-rig{animation:.8s cubic-bezier(.4,1.6,.5,1) infinite celebrate}@keyframes celebrate{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-14px)rotate(4deg)}}.pip-celebration .pip-confetti>*{opacity:1;transform-origin:50%;animation:1.6s ease-out infinite confettiDrop}.pip-celebration .pip-confetti>:nth-child(2){animation-delay:.15s}.pip-celebration .pip-confetti>:nth-child(3){animation-delay:.3s}.pip-celebration .pip-confetti>:nth-child(4){animation-delay:.45s}.pip-celebration .pip-confetti>:nth-child(5){animation-delay:.6s}.pip-celebration .pip-confetti>:nth-child(6){animation-delay:.75s}.pip-celebration .pip-confetti>:nth-child(7){animation-delay:.9s}.pip-celebration .pip-confetti>:nth-child(8){animation-delay:1.05s}.pip-celebration .pip-confetti>:nth-child(9){animation-delay:1.2s}@keyframes confettiDrop{0%{opacity:0;transform:translateY(-10px)rotate(0)}20%{opacity:1}to{opacity:0;transform:translateY(40px)rotate(180deg)}}.pip-sad .pip-mouth-smile{opacity:0}.pip-sad .pip-mouth-sad{opacity:1}.pip-sad .pip-eye-shape{transform-origin:50%;transform:scaleY(.85)translateY(2px)}.pip-sad .pip-pupil{transform:translateY(3px)}.pip-sad .pip-brow-l{opacity:1;transform-origin:188px 158px;transform:translateY(-6px)rotate(15deg)}.pip-sad .pip-brow-r{opacity:1;transform-origin:245px 160px;transform:translateY(-6px)rotate(-15deg)}.pip-sad .pip-cheek{opacity:.4}.pip-sad .pip-rig{transform:translateY(2px)rotate(-3deg)}.pip-sad .pip-tear{opacity:1;animation:2.2s ease-in infinite tearFall}@keyframes tearFall{0%{opacity:0;transform:translateY(-6px)scale(.6)}25%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(40px)scale(.8)}}.pip-disappointed .pip-mouth-smile{opacity:0}.pip-disappointed .pip-mouth-flat{opacity:1}.pip-disappointed .pip-eye-shape{transform-origin:bottom;transform:scaleY(.55)}.pip-disappointed .pip-brow-l{opacity:1;transform-origin:188px 158px;transform:translateY(-2px)rotate(10deg)}.pip-disappointed .pip-brow-r{opacity:1;transform-origin:245px 160px;transform:translateY(-2px)rotate(-10deg)}.pip-disappointed .pip-rig{transform-origin:50%;animation:3s ease-in-out infinite sigh}@keyframes sigh{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(6px)rotate(-4deg)}}@keyframes pipFlyOut{0%{opacity:1;transform:translate(0)rotate(-8deg)scale(1)}18%{opacity:1;transform:translate(-28px,-80px)rotate(-26deg)scale(1.18)}to{opacity:0;transform:translate(140px,-900px)rotate(-10deg)scale(.3)}}.pip-flying .pip-ground,.pip-flying .pip-leg-front,.pip-flying .pip-leg-back{opacity:0}.pip-flying .pip-mouth-smile{opacity:1}.pip-flying .pip-arm-front{opacity:0}.pip-flying .pip-rig{transform-origin:50%;transform:rotate(-12deg)}.pip-flying .pip-pupil,.pip-journey .pip-pupil{transform:translate(-2px,-1px)}.pip-flying .pip-zoom>*{opacity:1;animation:.6s linear infinite zoomLine}.pip-flying .pip-zoom>:nth-child(2){animation-delay:.15s}.pip-flying .pip-zoom>:nth-child(3){animation-delay:.3s}@keyframes zoomLine{0%{opacity:0;transform:translate(20px)}30%{opacity:.8}to{opacity:0;transform:translate(-30px)}}.pip-flying{animation:2.4s ease-in-out infinite floatHover}@keyframes floatHover{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pip-lost .pip-mouth-smile{opacity:0}.pip-lost .pip-mouth-small{opacity:1}.pip-lost .pip-brow-l{opacity:1;transform-origin:188px 158px;transform:translate(-2px,-8px)rotate(-12deg)}.pip-lost .pip-brow-r{opacity:1;transform-origin:245px 160px;transform:translate(4px,-4px)rotate(8deg)}.pip-lost .pip-rig{animation:4.8s ease-in-out infinite lostDrift}@keyframes lostDrift{0%,to{transform:rotate(-4deg)translate(-4px)}30%{transform:rotate(5deg)translate(4px,-5px)}65%{transform:rotate(-2deg)translate(-2px,4px)}}.pip-lost .pip-oops-line{opacity:1;animation:2s ease-out infinite oopsBlip}.pip-lost .pip-oops-2{animation-delay:.6s}.pip-journey .pip-ground{opacity:0}.pip-journey .pip-mouth-smile{opacity:1}.pip-journey .pip-zoom>*{opacity:1;animation:.7s linear infinite zoomLine}.pip-journey .pip-zoom>:nth-child(2){animation-delay:.2s}.pip-journey .pip-zoom>:nth-child(3){animation-delay:.4s}.pip-journey .pip-rig{transform-origin:50%;animation:4.2s cubic-bezier(.45,0,.55,1) infinite journeyArc}@keyframes journeyArc{0%{transform:translate(-90px,40px)rotate(-14deg)scale(.78)}25%{transform:translate(-30px,-20px)rotate(6deg)scale(.88)}50%{transform:translate(20px,10px)rotate(-8deg)scale(.82)}75%{transform:translate(70px,-30px)rotate(10deg)scale(.9)}to{transform:translate(130px,30px)rotate(-4deg)scale(.78)}}