.mascot-2d{aspect-ratio:1;isolation:isolate;place-items:center;width:100%;display:inline-grid;position:relative}.mascot-2d[role=button]{cursor:pointer;touch-action:manipulation}.mascot-2d:focus-visible{outline-offset:5px;border-radius:20px;outline:3px solid #66ad21}.mascot-2d .mascot-svg{width:100%;height:100%;display:block;overflow:visible}.mx-happy-eyes,.mx-sleepy-eyes,.mx-focused-eyes,.mx-confused-brow,.mx-error-eyes,.mx-smile,.mx-frown,.mx-surprise-mouth,.mx-laptop,.mx-book,.mx-heart,.mx-greeting,.mx-idea,.mx-question,.mx-success,.mx-error,.mx-sparkles,.mx-zzz{opacity:0;transition:opacity .18s}.mascot-2d:is([data-expression=happy],[data-expression=sleepy],[data-expression=error]) .mx-open-eyes{opacity:0}.mascot-2d[data-expression=error] .mx-error-eyes,.mascot-2d[data-expression=happy] :is(.mx-happy-eyes,.mx-smile),.mascot-2d[data-expression=sleepy] .mx-sleepy-eyes,.mascot-2d[data-expression=sad] .mx-frown,.mascot-2d[data-expression=surprised] .mx-surprise-mouth,.mascot-2d[data-expression=focused] .mx-focused-eyes,.mascot-2d[data-expression=confused] .mx-confused-brow,.mascot-2d:is([data-animation=typing],[data-animation=coding]) .mx-laptop,.mascot-2d[data-animation=reading] .mx-book,.mascot-2d[data-animation=thinking] .mx-idea,.mascot-2d[data-animation=confused] .mx-question,.mascot-2d[data-animation=wave] .mx-greeting,.mascot-2d[data-animation=success] .mx-success,.mascot-2d[data-animation=error] .mx-error,.mascot-2d:is([data-animation=celebrate],[data-animation=happy]) .mx-sparkles,.mascot-2d[data-expression=sleepy] .mx-zzz,.mascot-2d[data-pose=thanks] .mx-heart{opacity:1}.mascot-2d[data-expression=surprised] .mx-open-eyes{transform-origin:54px 77px;transform:scale(1.07)}.mascot-2d .mx-open-eyes{transition:opacity .12s,transform .18s}@media (prefers-reduced-motion:reduce){.mascot-2d *{transition:none!important}}