.epis-mascot{width:min(100%,230px);height:auto;overflow:visible}.em-pupil{transform:translate(calc(var(--px,0) * 3.5px),calc(var(--py,0) * 3.5px));transition:transform .12s steps(2)}.em-lid{transform-box:fill-box;transform-origin:top;transform:scaleY(0)}.em-brow{transform-box:fill-box;transform-origin:center;transition:transform .2s cubic-bezier(.3,1.6,.5,1)}.em-mouth,.em-dots circle,.em-sweat,.em-star,.em-paper,.em-kbd,.em-pencil{opacity:0;transition:opacity .15s}.em-smile{opacity:1}.em-cheek{opacity:.55;transition:opacity .15s}.em-whole{transform-box:fill-box;transform-origin:50% 100%}.em-leaf{transform-box:fill-box;transform-origin:25% 100%}.epis-mascot[data-variant=closeup] .em-kbd,.epis-mascot[data-variant=closeup] .em-paper,.epis-mascot[data-variant=closeup] .em-pencil,.epis-mascot[data-variant=closeup] .em-legs{display:none}.epis-mascot[data-state=typing] .em-brow{transform:translateY(-6px)}.epis-mascot[data-state=answering] .em-brow.l{transform:translateY(4px) rotate(14deg)}.epis-mascot[data-state=answering] .em-brow.r{transform:translateY(4px) rotate(-14deg)}.epis-mascot[data-state=answering] .em-smile{opacity:0}.epis-mascot[data-state=answering] .em-talk{opacity:1}.epis-mascot[data-state=answering] .em-dots circle{opacity:1}.epis-mascot[data-state=reply] .em-brow{transform:translateY(-10px)}.epis-mascot[data-state=reply] .em-smile{opacity:0}.epis-mascot[data-state=reply] .em-happy,.epis-mascot[data-state=reply] .em-cheek,.epis-mascot[data-state=reply] .em-star{opacity:1}.epis-mascot[data-state=error] .em-brow.l{transform:rotate(-15deg)}.epis-mascot[data-state=error] .em-brow.r{transform:rotate(15deg)}.epis-mascot[data-state=error] .em-smile{opacity:0}.epis-mascot[data-state=error] .em-sad,.epis-mascot[data-state=error] .em-sweat{opacity:1}.epis-mascot[data-state=error] .em-cheek{opacity:.2}.epis-mascot[data-state=action] .em-brow.l{transform:translateY(3px) rotate(8deg)}.epis-mascot[data-state=action] .em-brow.r{transform:translateY(3px) rotate(-8deg)}.epis-mascot[data-state=action] .em-paper,.epis-mascot[data-state=action] .em-pencil,.epis-mascot[data-state=typing] .em-kbd{opacity:1}@media(prefers-reduced-motion:no-preference){.em-lid{animation:em-blink 4.2s infinite}.em-leaf{transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.epis-mascot[data-state=answering] .em-leaf{transform:translateY(-3px) rotate(-10deg)}.em-whole{animation:em-bob 2.2s ease-in-out infinite}.epis-mascot[data-state=answering] .em-pupil{animation:em-dart .7s steps(1) infinite}.epis-mascot[data-state=answering] .em-talk{transform-box:fill-box;transform-origin:center;animation:em-talk .36s steps(1) infinite}.epis-mascot[data-state=answering] .em-dots circle{animation:em-dot 1s steps(1) infinite}.epis-mascot[data-state=answering] .em-dots circle:nth-child(2){animation-delay:.33s}.epis-mascot[data-state=answering] .em-dots circle:nth-child(3){animation-delay:.66s}.epis-mascot[data-state=reply] .em-whole{animation:em-hop .55s ease-in-out 2}.epis-mascot[data-state=reply] .em-star{transform-box:fill-box;transform-origin:center;animation:em-pop .5s ease-out both}.epis-mascot[data-state=error] .em-whole{animation:em-shake .5s ease-in-out 2}}@keyframes em-blink{0%,91%,to{transform:scaleY(0)}93%,97%{transform:scaleY(1)}}@keyframes em-bob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(.985,1.02)}}@keyframes em-hop{0%{transform:scale(1.06,.93)}35%{transform:translateY(-22px) scale(.95,1.07)}70%{transform:translateY(0) scale(1.07,.92)}to{transform:scale(1)}}@keyframes em-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes em-pop{0%{transform:scale(0) rotate(-40deg)}70%{transform:scale(1.25) rotate(8deg)}to{transform:scale(1) rotate(0)}}@keyframes em-dart{0%{transform:translate(-3.5px)}25%{transform:translate(3.5px,-3.5px)}50%{transform:translate(3.5px,3.5px)}75%{transform:translate(-3.5px,3.5px)}}@keyframes em-talk{0%{transform:scaleY(1)}50%{transform:scaleY(.35)}}@keyframes em-dot{0%{opacity:0}33%,66%{opacity:1}to{opacity:0}}@media(max-width:850px){.epis-mascot{width:min(100%,170px)}}.epis-mascot[data-variant=closeup] .em-whole{animation:none}