.fox-orb{--fox-orb-ease:cubic-bezier(.2,.85,.25,1);--fox-orb-spring:cubic-bezier(.34,1.56,.5,1);display:block;height:auto;aspect-ratio:1;overflow:visible}.dark .fox-orb{filter:drop-shadow(0 0 .6px rgb(255 255 255/40%))}.fox-orb-body{transform-box:view-box;transform-origin:32px 40px;animation:fox-orb-breathe 3.6s ease-in-out infinite}.fox-orb[data-mood=think] .fox-orb-body{animation-duration:1.1s}.fox-orb[data-mood=happy] .fox-orb-body{animation:fox-orb-hop .6s var(--fox-orb-spring)}.fox-orb-eye{transform-box:fill-box;transform-origin:center;animation:fox-orb-blink 4.8s infinite}.fox-orb-eyes{transition:translate .35s var(--fox-orb-ease),opacity .2s ease}.fox-orb-arcs,.fox-orb-smile{opacity:0;transition:opacity .2s ease}.fox-orb[data-mood=look] .fox-orb-eyes{translate:1.6px .8px}.fox-orb[data-mood=think] .fox-orb-eyes{translate:1.4px -1.5px}.fox-orb[data-mood=happy] .fox-orb-eyes{opacity:0}.fox-orb[data-mood=happy] :is(.fox-orb-arcs,.fox-orb-smile){opacity:1}.fox-orb-ear{transform-box:view-box;transition:rotate .4s var(--fox-orb-spring)}.fox-orb-ear-l{transform-origin:20px 22px}.fox-orb-ear-r{transform-origin:44px 22px}.fox-orb[data-mood=think] .fox-orb-ear-r{animation:fox-orb-twitch 1.6s infinite}.fox-orb[data-mood=happy] .fox-orb-ear-l{rotate:-5deg}.fox-orb[data-mood=happy] .fox-orb-ear-r{rotate:5deg}.fox-orb-halo{transform-box:view-box;transform-origin:32px 36.5px;opacity:0;transition:opacity .35s ease}.fox-orb[data-mood=think] .fox-orb-halo{opacity:1;animation:fox-orb-halo 1.4s ease-in-out infinite}.fox-orb-swirl-a,.fox-orb-swirl-b{transform-box:view-box;transform-origin:32px 36.5px}.fox-orb-swirl-a{animation:fox-orb-spin 11s linear infinite}.fox-orb-swirl-b{animation:fox-orb-spin 7s linear infinite reverse}.fox-orb[data-mood=think] .fox-orb-swirl-a{animation-duration:2.2s}.fox-orb[data-mood=think] .fox-orb-swirl-b{animation-duration:1.5s}.fox-orb[data-still] *,.fox-orb[data-still] .fox-orb-body{animation:none}@keyframes fox-orb-breathe{50%{scale:1.03}}@keyframes fox-orb-blink{0%,93%,to{scale:1 1}95.5%{scale:1 .1}}@keyframes fox-orb-hop{35%{translate:0 -3px;scale:1.03 .97}70%{translate:0 0;scale:.98 1.02}}@keyframes fox-orb-twitch{0%,70%,to{rotate:0deg}80%{rotate:9deg}90%{rotate:-3deg}}@keyframes fox-orb-halo{0%,to{scale:.96;opacity:.55}50%{scale:1.08;opacity:1}}@keyframes fox-orb-spin{to{rotate:1turn}}@media (prefers-reduced-motion:reduce){.fox-orb *,.fox-orb .fox-orb-body{animation:none!important;transition:none!important}}