.epis-mascot{display:block;position:relative;width:100%;height:100%}.epis-mascot .em-squash,.epis-mascot .em-move{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 90%}.epis-mascot img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;visibility:hidden;-webkit-user-select:none;user-select:none}.epis-mascot img[data-on]{visibility:visible}.epis-mascot[data-state=waving] .em-move{transform-origin:50% 50%}@media(prefers-reduced-motion:no-preference){.epis-mascot .em-move{animation:em-bob 3s ease-in-out infinite}.epis-mascot[data-state=typing] .em-move{animation:em-lean 2.4s ease-in-out infinite}.epis-mascot[data-state=answering] .em-move{animation:em-tilt 2.2s ease-in-out infinite}.epis-mascot:is([data-state=reply],[data-state=action]) .em-move{animation:em-hop .55s ease-in-out 2,em-bob 3s ease-in-out 1.1s infinite}.epis-mascot[data-state=error] .em-move{animation:em-shake .45s ease-in-out 2}.epis-mascot[data-state=waving] .em-move{animation:em-rock 1.2s ease-in-out infinite}.epis-mascot .em-squash.em-squashing{animation:em-squash .28s ease-out}:is(a,button):hover .epis-mascot{animation:em-wiggle .4s ease-in-out}}@keyframes em-bob{50%{transform:translateY(-3%)}}@keyframes em-lean{50%{transform:rotate(6deg) translate(2%)}}@keyframes em-tilt{25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}@keyframes em-hop{0%{transform:scale(1.06,.92)}40%{transform:translateY(-14%) scale(.95,1.06)}75%{transform:scale(1.06,.93)}to{transform:none}}@keyframes em-shake{25%{transform:translate(-4%)}75%{transform:translate(4%)}}@keyframes em-rock{50%{transform:rotate(-8deg)}}@keyframes em-squash{0%{transform:scale(1.08,.9)}60%{transform:scale(.97,1.04)}to{transform:none}}@keyframes em-wiggle{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}