.blog-mascot{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:7.5rem;display:block;position:absolute}.blog-mascot-body,.blog-mascot-face,.blog-mascot-open,.blog-mascot-smile,.blog-mascot-blink{display:block;position:absolute;inset:0}.blog-mascot-layer{max-width:none;display:block;position:absolute}.blog-mascot-face{transform:translate(calc(var(--gaze-x,0) * 1%), calc(var(--gaze-y,0) * 1%));transition:transform .18s ease-out}.blog-mascot-blink{transform-origin:50% 58%}.blog-mascot-smile,.blog-mascot[data-happy=true] .blog-mascot-open{opacity:0}.blog-mascot[data-happy=true] .blog-mascot-smile{opacity:1}.blog-mascot[data-motion=on][data-rise=true]{animation:.9s cubic-bezier(.2,.9,.25,1.2) .5s both blog-mascot-rise}.blog-mascot[data-motion=on] .blog-mascot-body{transform-origin:50% 90%;animation:4.2s ease-in-out 1.4s infinite blog-mascot-breathe}.blog-mascot[data-motion=on] .blog-mascot-body[data-hop=true]{animation:.55s cubic-bezier(.3,.7,.3,1) both blog-mascot-hop,4.2s ease-in-out .55s infinite blog-mascot-breathe}.blog-mascot[data-face] .blog-mascot-body{animation:none!important}.blog-mascot[data-motion=on] .blog-mascot-blink{animation:5.2s 2.4s infinite blog-mascot-blink}@keyframes blog-mascot-rise{0%{transform:translateY(55%)}}@keyframes blog-mascot-breathe{50%{transform:scale(1.025,.985)}}@keyframes blog-mascot-hop{35%{transform:translateY(-28%)scale(.96,1.05)}70%{transform:translateY(0)scale(1.06,.94)}}@keyframes blog-mascot-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}