.bot{flex:none;display:block;overflow:visible}.bot__shadow{fill:#0a0a0a12;transform-box:fill-box;transform-origin:50%}.bot__body{transform-box:view-box;transform-origin:50px 97px;animation:bot-breathe var(--bot-breathe,3.2s) ease-in-out var(--bot-delay,0s) infinite}.bot__shine{fill:#fff;opacity:.22}.bot__face{transform:translate(calc(var(--lx,0) * 7px), calc(var(--ly,0) * 5px))}.bot__eye{transform-box:fill-box;transform-origin:50%;scale:1 var(--blink,1);transition:scale 70ms}.bot__eye-open{fill:#fff;transition:opacity .15s}.bot__eye-happy{fill:none;stroke:#fff;stroke-width:4.5px;stroke-linecap:round;opacity:0;transition:opacity .15s}.bot__cheek{fill:#ff8fb1;opacity:0;transition:opacity .25s}.bot[data-mood=happy] .bot__body{animation:.75s cubic-bezier(.3,.7,.4,1) infinite bot-hop}.bot[data-mood=happy] .bot__shadow{animation:.75s cubic-bezier(.3,.7,.4,1) infinite bot-hop-shadow}.bot[data-mood=happy] .bot__eye-open{opacity:0}.bot[data-mood=happy] .bot__eye-happy{opacity:1}.bot[data-mood=happy] .bot__cheek{opacity:.6}@keyframes bot-breathe{0%,to{scale:1}50%{scale:1.025 .97}}@keyframes bot-hop{0%,to{translate:0;scale:1.06 .94}20%{translate:0;scale:.96 1.05}50%{translate:0 -8px;scale:.98 1.02}80%{translate:0;scale:1.04 .96}}@keyframes bot-hop-shadow{0%,20%,80%,to{opacity:1;scale:1}50%{opacity:.6;scale:.7}}