.bear-svg{display:block;width:100%;height:auto;overflow:visible;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
.b-tw{transform-box:fill-box;transform-origin:center;animation:tw 2.6s ease-in-out infinite}
@keyframes tw{0%,100%{opacity:.25;transform:scale(.6)}50%{opacity:1;transform:scale(1.15)}}
.b-breath{transform-box:fill-box;transform-origin:50% 100%;animation:breath 3.4s ease-in-out infinite}
@keyframes breath{0%,100%{transform:scale(1,1)}50%{transform:scale(1.012,1.018)}}
.b-spin{animation:spin .5s linear infinite;transform-box:view-box}
@keyframes spin{to{transform:rotate(360deg)}}
.b-rays{animation:spin 40s linear infinite;transform-box:view-box}
.b-float{animation:flt 3s ease-in-out infinite;transform-box:fill-box}
@keyframes flt{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}
.b-wing,.b-flap{transform-box:fill-box;transform-origin:center bottom;animation:flap .22s ease-in-out infinite alternate}
@keyframes flap{from{transform:scaleY(1)}to{transform:scaleY(.45)}}
.b-steam{animation:steam 2.4s ease-in-out infinite}
@keyframes steam{0%{opacity:0;transform:translateY(8px)}40%{opacity:.8}100%{opacity:0;transform:translateY(-14px)}}
.fx-heart{animation:heartup 1.6s ease-out forwards;transform-box:fill-box;transform-origin:center;pointer-events:none}
@keyframes heartup{0%{opacity:0;transform:translate(0,0) scale(.2)}15%{opacity:1;transform:translate(0,-8px) scale(var(--s))}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(var(--s))}}
.is-happy .b-eyebody{display:none}.is-happy .b-happy{display:inline}
.is-happy .b-mopen{transform-box:fill-box;transform-origin:center top;transform:scaleY(1.25)}
@media (prefers-reduced-motion:reduce){.b-tw,.b-breath,.b-spin,.b-rays,.b-float,.b-wing,.b-flap,.b-steam{animation:none}}