.pip-mascot{--pip-ink:#211a18;align-items:flex-start;gap:10px;max-width:100%;display:inline-flex}.pip-mascot-left{flex-direction:row-reverse}.pip-mascot-figure{cursor:default;transform-origin:50% 100%;-webkit-tap-highlight-color:transparent;flex:none;display:block}.pip-mascot-figure svg{display:block;overflow:visible}.pip-mascot-figure.is-hopping{animation:.52s ease-out pip-hop}@media (hover:hover){.pip-mascot-figure:hover{animation:.52s ease-out pip-hop}}.pip-bubble{max-width:min(300px,100%);margin:max(0px, calc(var(--pip-size) * .37 - 18px)) 0 0;color:var(--pip-ink);filter:drop-shadow(0 .5px .5px #211a180f)drop-shadow(0 4px 10px #ad2e2b1f);font-family:var(--font-sans,"Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif);text-align:left;background:#fff;border-radius:16px;padding:10px 13px;font-size:15px;font-weight:500;line-height:1.35;position:relative}.pip-bubble:before{width:14px;height:22px;clip-path:path("M14 0C9 5 5.5 9.5 1.2 10.2Q-.4 11 1.2 11.8C5.5 12.5 9 17 14 22Z");content:"";background:#fff;position:absolute;top:10px}.pip-mascot-right .pip-bubble:before{left:-8px}.pip-mascot-left .pip-bubble:before{right:-8px;transform:scaleX(-1)}.pip-bob{animation:3.3s ease-in-out infinite alternate pip-bob}.pip-bounce{animation:.6s ease-in-out infinite pip-bounce}.pip-breath{transform-box:view-box;transform-origin:50px 90px;animation:1.37s ease-in-out infinite alternate pip-breath}.pip-lid{transform:translateY(calc(var(--pip-lid-h) * var(--pip-lid) * 1px));animation:3.4s linear infinite pip-blink;animation-delay:var(--pip-delay,0s)}.pip-wave-l,.pip-wave-r{transform-box:fill-box;transform-origin:50% 0}.pip-wave-l{animation:.9s ease-in-out infinite alternate pip-wave-l}.pip-wave-r{animation:.9s ease-in-out infinite alternate pip-wave-r}.pip-confetti{animation:2s ease-in infinite pip-confetti}.pip-zs{animation:2.4s ease-in-out infinite pip-zs}.pip-sparkles path{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in-out infinite alternate pip-twinkle}.pip-sparkles path+path{animation-delay:-.9s}.pip-dot{fill-opacity:.3;animation:1.15s step-end infinite pip-dot}.pip-dot-2{animation-delay:-.77s}.pip-dot-3{animation-delay:-.38s}.pip-talk>g{visibility:hidden;animation-duration:.63s;animation-timing-function:step-end;animation-iteration-count:infinite}.pip-talk-talkSmall{animation-name:pip-talk-small}.pip-talk-talkWide{animation-name:pip-talk-wide}.pip-talk-talkClosed{animation-name:pip-talk-closed}.pip-talk-talkRound{animation-name:pip-talk-round}@keyframes pip-hop{0%{transform:none}35%{transform:translateY(-14%)rotate(3.5deg)}70%{transform:translateY(2%)rotate(-1deg)}to{transform:none}}@keyframes pip-bob{0%{transform:translateY(0)}to{transform:translateY(-1.8px)}}@keyframes pip-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3.2px)}}@keyframes pip-breath{0%{transform:scale(1.022,.978)}to{transform:scale(.978,1.022)}}@keyframes pip-blink{0%,94.7%,to{transform:translateY(calc(var(--pip-lid-h) * var(--pip-lid) * 1px))}97.4%{transform:translateY(calc(var(--pip-lid-h) * 1px))}}@keyframes pip-wave-l{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}@keyframes pip-wave-r{0%{transform:rotate(8deg)}to{transform:rotate(-8deg)}}@keyframes pip-confetti{0%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(6px)}}@keyframes pip-zs{0%{opacity:.4;transform:translateY(0)}50%{opacity:1}to{opacity:.4;transform:translateY(-4px)}}@keyframes pip-twinkle{0%{transform:scale(.8)}to{transform:scale(1.1)}}@keyframes pip-dot{0%{fill-opacity:.85}33.3%{fill-opacity:.3}}@keyframes pip-talk-small{0%{visibility:visible}16.6%{visibility:hidden}83.3%{visibility:visible}}@keyframes pip-talk-wide{0%{visibility:hidden}16.6%{visibility:visible}33.3%{visibility:hidden}66.6%{visibility:visible}83.3%{visibility:hidden}}@keyframes pip-talk-closed{0%{visibility:hidden}33.3%{visibility:visible}50%{visibility:hidden}}@keyframes pip-talk-round{0%{visibility:hidden}50%{visibility:visible}66.6%{visibility:hidden}}@media (prefers-reduced-motion:reduce){.pip-mascot *,.pip-mascot-figure:hover{animation:none!important}.pip-talk>g{visibility:hidden}.pip-talk>.pip-talk-talkSmall{visibility:visible}}