.j-dot .dot-eyes,.j-dot .dot-thoughts circle,.j-dot .dot-sparks,.j-dot .dot-face{transform-box:fill-box;transform-origin:50%}.j-dot .dot-body{transform-box:view-box;transform-origin:75px 130px}.j-dot .dot-arm{transform-box:view-box;transform-origin:117px 92px}.j-dot .dot-look{transform:translate(var(--dot-gx,0px),var(--dot-gy,0px))}@media (prefers-reduced-motion:no-preference){.j-dot .dot-body{animation:4s ease-in-out infinite dot-breathe}.j-dot .dot-eyes{animation:5.2s ease-in-out infinite dot-blink}.j-dot .dot-look{transition:transform .35s cubic-bezier(.3,1.3,.5,1)}.j-dot .dot-face{animation:.22s ease-out both dot-face-in}.j-dot-smile.j-dot-wave .dot-arm{animation:1.1s ease-in-out .3s both dot-wave}.j-dot-think .dot-thoughts circle{animation:1.6s ease-in-out infinite dot-thought}.j-dot-think .dot-thoughts circle:nth-child(2){animation-delay:.2s}.j-dot-think .dot-thoughts circle:nth-child(3){animation-delay:.4s}.j-dot-cheer .dot-sparks,.j-dot-hello .dot-sparks{animation:.6s cubic-bezier(.3,1.6,.5,1) both dot-pop}.j-dot-cheer .dot-body{animation:.8s cubic-bezier(.3,.9,.4,1) both dot-hop,4s ease-in-out .8s infinite dot-breathe}}@keyframes dot-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}@keyframes dot-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes dot-thought{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes dot-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes dot-hop{0%{transform:translateY(0)scale(1.08,.9)}30%{transform:translateY(-12px)scale(.95,1.07)}55%{transform:translateY(0)scale(1.07,.92)}75%{transform:translateY(-2px)scale(.98,1.02)}to{transform:translateY(0)scale(1)}}@keyframes dot-face-in{0%{transform:scaleY(.2)}60%{transform:scaleY(1.08)}to{transform:scaleY(1)}}@keyframes dot-wave{0%,to{transform:rotate(0)}20%{transform:rotate(-14deg)}45%{transform:rotate(8deg)}70%{transform:rotate(-8deg)}}
