.pbf{--pbf-skin:var(--accent);--pbf-eye:#fff;flex-shrink:0;display:block;overflow:visible}.pbf.inverse{--pbf-skin:#fff;--pbf-eye:var(--accent)}.pbf-skin{fill:var(--pbf-skin);transition:fill .2s}.pbf-eye{fill:var(--pbf-eye);transform-box:fill-box;transform-origin:50%;transition:transform .22s cubic-bezier(.22,1,.36,1),fill .2s}.pbf-eyes{transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .18s}.pbf-body{transform-box:view-box;transform-origin:11px 20px}.pbf-beat{fill:none;stroke:var(--pbf-eye);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:0;opacity:0;transition:opacity .18s}.pbf-happy{fill:none;stroke:var(--pbf-eye);stroke-width:1.6px;stroke-linecap:round;opacity:0;transition:opacity .18s}.pbf-mouth{fill:var(--pbf-eye);opacity:0;transform-box:fill-box;transform-origin:50% 0;transition:opacity .16s,transform .16s;transform:scaleY(.4)}.pbf[data-mood=working] .pbf-eyes{opacity:0}.pbf[data-mood=working] .pbf-eye{transform:scaleY(.2)}.pbf[data-mood=working] .pbf-beat{opacity:1}.pbf[data-mood=happy] .pbf-eyes{opacity:0}.pbf[data-mood=happy] .pbf-happy{opacity:1}.pbf[data-mood=down] .pbf-eyes{transform:translateY(2.2px)}.pbf[data-mood=down] .pbf-eye{transform:scaleY(.8)}.pbf[data-mood=listen] .pbf-eye{transform:scale(1.18)}.pbf[data-mood=wink] .pbf-eye.r{transform:scaleY(.14)}.pbf[data-mood=talking] .pbf-eyes{transform:translateY(-1px)}.pbf[data-mood=talking] .pbf-eye{transform:scaleY(.88)}.pbf[data-mood=talking] .pbf-mouth,.pbf[data-mood=happy] .pbf-mouth{opacity:1;transform:none}.pbf.live .pbf-body{animation:3.2s ease-in-out infinite pbf-float,6.8s ease-in-out infinite pbf-sway;animation-delay:var(--pbf-delay-body,0s)}.pbf.live .pbf-eyes{animation:5.6s ease-in-out infinite pbf-wander;animation-delay:var(--pbf-delay-eyes,0s)}.pbf.live[data-mood=working] .pbf-body{animation:1.1s ease-in-out infinite pbf-float,2.2s ease-in-out infinite pbf-lean}.pbf.live[data-mood=working] .pbf-beat{stroke-dashoffset:1px;animation:1.2s linear infinite pbf-beat}.pbf.live[data-mood=happy] .pbf-body{animation:.7s ease-in-out infinite pbf-bounce,1.4s ease-in-out infinite pbf-sway}.pbf.live[data-mood=down] .pbf-body{animation:4.4s ease-in-out infinite pbf-float,9s ease-in-out infinite pbf-sway}.pbf.live[data-mood=down] .pbf-eyes{animation:none}.pbf.live[data-mood=listen] .pbf-body{animation:2.4s ease-in-out infinite pbf-float,6.8s ease-in-out infinite pbf-sway}.pbf.live[data-mood=listen] .pbf-eyes{animation:1.2s ease-in-out infinite pbf-nod}.pbf.live[data-mood=talking] .pbf-mouth{animation:.15s ease-in-out infinite alternate pbf-talk}@keyframes pbf-float{0%,to{translate:0;scale:1.035 .965}50%{translate:0 -1.7px;scale:.97 1.035}}@keyframes pbf-sway{0%,to{rotate:0deg}25%{rotate:-5deg}75%{rotate:5deg}}@keyframes pbf-lean{0%,to{rotate:2deg}50%{rotate:6deg}}@keyframes pbf-bounce{0%,to{translate:0;scale:1.05 .95}45%{translate:0 -3.2px;scale:.95 1.06}}@keyframes pbf-wander{0%,to{translate:0}14%{translate:-1.5px -.4px}32%{translate:-1.5px .6px}48%{translate:0 .9px}64%{translate:1.6px -.3px}84%{translate:1.6px .5px}}@keyframes pbf-talk{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes pbf-nod{0%,to{translate:0}50%{translate:0 .9px}}@keyframes pbf-beat{0%{stroke-dashoffset:1px}to{stroke-dashoffset:-1px}}