.bb-wrap{position:relative;display:inline-block;width:var(--pom-size,96px);height:var(--pom-size,96px);flex:none;vertical-align:middle;background:none!important;filter:none}
img.bb{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;user-select:none;transform-origin:50% 100%}
.bb-ov{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.bb-x{transform-box:fill-box;transform-origin:center}
.bb-pose,.bb-face{animation:bbBreath 3.2s ease-in-out infinite;animation-delay:var(--bd,0s)}
@keyframes bbBreath{50%{transform:scale(1.025,.975)}}
.bb-welcome .bb-pose{transform-origin:50% 95%;animation:bbHello 2.4s ease-in-out infinite}
@keyframes bbHello{0%,100%{transform:rotate(0) scale(1)}25%{transform:rotate(-3deg) scale(1.01,.99)}60%{transform:rotate(2deg)}}
.bb-celebrate .bb-pose{animation:bbJump .9s cubic-bezier(.3,1.5,.5,1) infinite}
@keyframes bbJump{0%,100%{transform:translateY(0) scale(1,1)}30%{transform:translateY(-9%) scale(.97,1.04)}60%{transform:translateY(0) scale(1.04,.96)}}
.bb-thoughtful .bb-pose{animation:bbTilt 4.5s ease-in-out infinite}@keyframes bbTilt{50%{transform:rotate(-4deg)}}
.bb-sleepy .bb-pose,.bb-calm .bb-pose{animation-duration:4.6s}
.bb-caring .bb-pose{animation:bbHug 2.6s ease-in-out infinite}@keyframes bbHug{50%{transform:scale(1.04,.97)}}
.bb-m4{animation:bbJump 1.4s cubic-bezier(.3,1.5,.5,1) infinite}
.bb-m0,.bb-m1{animation-duration:4.8s}
.bb-av{animation:none}
.bb-heart{animation:bbHeart 1.8s ease-in-out infinite}@keyframes bbHeart{50%{transform:translateY(-5px) scale(1.12)}}
.bb-zzz{animation:bbZzz 3s ease-in-out infinite}@keyframes bbZzz{0%{opacity:0;transform:translate(-6px,8px)}40%,70%{opacity:1}100%{opacity:0;transform:translate(6px,-8px)}}
.bb-spark{animation:bbSpark 1.4s ease-in-out infinite}@keyframes bbSpark{50%{opacity:.35;transform:scale(.85)}}
.bb-dots circle{animation:bbDot 1.5s ease-in-out infinite}.bb-dots circle:nth-child(2){animation-delay:.2s}.bb-dots circle:nth-child(3){animation-delay:.4s}@keyframes bbDot{50%{opacity:.3}}
img.bb.poke{animation:bbPoke .6s cubic-bezier(.3,1.6,.5,1)}
@keyframes bbPoke{0%{transform:translateY(0) scale(1)}25%{transform:translateY(2%) scale(1.08,.9)}55%{transform:translateY(-12%) scale(.95,1.06)}100%{transform:translateY(0) scale(1)}}
.bb-wrap,.pom-face,.pom-av{cursor:pointer}
.pom-face{background:none!important;overflow:visible}
.pom-av{overflow:hidden;display:inline-grid;place-items:center}
.pom-av img.bb{width:100%;height:100%;object-fit:cover;transform-origin:50% 100%}
@media (prefers-reduced-motion:reduce){img.bb,.bb-x,.bb-x *{animation:none!important}}