@property --track-x{syntax:"<length>";inherits:true;initial-value:0}@property --track-y{syntax:"<length>";inherits:true;initial-value:0}.agent-avatar{line-height:0;transition:--track-x .18s ease-out,--track-y .18s ease-out;display:inline-block;position:relative}.agent-avatar--animate{cursor:pointer}.agent-avatar--poked .agent-avatar__track{animation:.6s cubic-bezier(.34,1.56,.64,1) agent-avatar-poke}.agent-avatar svg,.agent-avatar__track{width:100%;height:100%}.agent-avatar__track{transform:translate(var(--track-x),var(--track-y));will-change:transform}@media (prefers-reduced-motion:no-preference){.agent-avatar--animate [data-part=eyes]{transform-origin:50%;transform-box:fill-box;animation:3.5s infinite agent-avatar-blink}.agent-avatar--animate{transform-origin:bottom;animation:7s ease-in-out infinite agent-avatar-nod}}@keyframes agent-avatar-blink{0%,92%,to{transform:translate(calc(var(--track-x)*3),calc(var(--track-y)*3)) scaleY(1)}95%{transform:translate(calc(var(--track-x)*3),calc(var(--track-y)*3)) scaleY(.1)}}@keyframes agent-avatar-nod{0%,60%,to{transform:translateY(0)}64%{transform:translateY(2%)}68%{transform:translateY(0)}72%{transform:translateY(2%)}76%{transform:translateY(0)}80%{transform:translateY(2%)}84%{transform:translateY(0)}}@keyframes agent-avatar-poke{0%{transform:translate(var(--track-x),var(--track-y)) scale(1)}35%{transform:translate(var(--track-x),var(--track-y)) scale(1.05)}65%{transform:translate(var(--track-x),var(--track-y)) scale(.98)}to{transform:translate(var(--track-x),var(--track-y)) scale(1)}}