.yan{display:block;overflow:visible}.yan-float{animation:yan-float 3.4s ease-in-out infinite}@keyframes yan-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.yan-head-act{transform-box:fill-box;transform-origin:50% 100%;animation:yan-glance 8s ease-in-out infinite}@keyframes yan-glance{0%,54%,to{transform:rotate(0deg)}63%{transform:rotate(-4.5deg) translateY(-1px)}78%{transform:rotate(3.5deg)}}.yan-hand-l-act,.yan-hand-r-act{transform-box:fill-box;transform-origin:50% 100%;animation:yan-drift 4.6s ease-in-out infinite}.yan-hand-r-act{animation-delay:-2.3s}@keyframes yan-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.yan-glass-act{transform-box:fill-box;transform-origin:center}.yan-glass-act,.yan-hand-l-act,.yan-hand-r-act,.yan-head-act{transition:transform .3s ease-out}.yan-eye{transform-box:fill-box;transform-origin:center;animation:yan-blink 3.6s infinite}@keyframes yan-blink{0%,84%,96.5%,to{transform:scaleY(1)}87%{transform:scaleY(.06)}89.5%{transform:scaleY(1)}92%{transform:scaleY(.06)}}.yan-tip{transform-box:fill-box;transform-origin:center;animation:yan-tip 2s ease-in-out infinite}@keyframes yan-tip{0%,to{opacity:.5}50%{opacity:1}}.yan-bob,.yan-glass,.yan-hand-l,.yan-hand-r,.yan-head,.yan-pupils{transform-box:fill-box;transform-origin:center;transition:transform .55s cubic-bezier(.4,.1,.2,1)}.yan-hand-l,.yan-hand-r,.yan-head{transform-origin:50% 100%}.yan-pupilwrap{transition:transform .3s ease-out}.yan-dots,.yan-glass,.yan-q,.yan-ring,.yan-spark,.yan-wave rect{opacity:0;transition:opacity .3s}.yan-glass{transition:opacity .3s,transform .55s cubic-bezier(.4,.1,.2,1)}.yan-dots circle,.yan-ring,.yan-spark g path{transform-box:fill-box;transform-origin:center}.yan[data-state=greet] .yan-head{transform:rotate(-5deg)}.yan[data-state=greet] .yan-hand-r{transform:translate(4px,-26px)}.yan[data-state=greet] .yan-hand-r-act{animation:yan-wave .82s ease-in-out infinite}@keyframes yan-wave{0%,to{transform:rotate(0deg)}30%{transform:rotate(-17deg)}70%{transform:rotate(19deg)}}.yan[data-state=eager] .yan-bob{animation:yan-bounce .62s ease-in-out infinite}@keyframes yan-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.yan[data-state=eager] .yan-head{transform:scale(1.03)}.yan[data-state=eager] .yan-pupils{transform:scale(1.22)}.yan[data-state=eager] .yan-eye{animation-duration:5s}.yan[data-state=eager] .yan-hand-l{transform:translate(-26px,-66px) rotate(-26deg)}.yan[data-state=eager] .yan-hand-r{transform:translate(26px,-66px) rotate(26deg)}.yan[data-state=eager] .yan-tip{animation-duration:.7s}.yan[data-state=eager] .yan-spark{opacity:1}.yan[data-state=eager] .yan-spark g path{animation:yan-spark 1s ease-in-out infinite}.yan[data-state=eager] .yan-spark g:nth-child(2) path{animation-delay:.22s}.yan[data-state=eager] .yan-spark g:nth-child(3) path{animation-delay:.44s}@keyframes yan-spark{0%,to{transform:scale(.55) rotate(0deg);opacity:.5}50%{transform:scale(1) rotate(45deg);opacity:1}}.yan[data-state=listen] .yan-head{transform:translateY(-4px) scale(1.015)}.yan[data-state=listen] .yan-pupils{transform:scale(1.1)}.yan[data-state=listen] .yan-hand-l,.yan[data-state=listen] .yan-hand-r{transform:translateY(6px)}.yan[data-state=search] .yan-glass{opacity:1}.yan[data-state=search] .yan-glass,.yan[data-state=search] .yan-hand-r{transform:translate(-9px,-57px)}.yan[data-state=search] .yan-glass-act,.yan[data-state=search] .yan-hand-r-act{animation:yan-sweep 2.6s ease-in-out infinite}@keyframes yan-sweep{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(15px,3px) rotate(-8deg)}75%{transform:translate(-15px,-3px) rotate(8deg)}}.yan[data-state=search] .yan-ring{opacity:.9;animation:yan-spin 2s linear infinite}.yan[data-state=search] .yan-pupils{animation:yan-scan 2.6s ease-in-out infinite}@keyframes yan-scan{0%,to{transform:translateX(0)}25%{transform:translateX(4px)}75%{transform:translateX(-5px)}}.yan[data-state=think] .yan-head{transform:rotate(7deg) translateY(-2px)}.yan[data-state=think] .yan-hand-l{transform:translate(30px,-44px) rotate(-16deg)}.yan[data-state=think] .yan-pupils{transform:translateY(-3px) scaleY(.48)}.yan[data-state=think] .yan-dots{opacity:1}.yan[data-state=think] .yan-dots circle{animation:yan-pop 1.4s ease-in-out infinite}.yan[data-state=think] .yan-dots circle:nth-child(2){animation-delay:.22s}.yan[data-state=think] .yan-dots circle:nth-child(3){animation-delay:.44s}@keyframes yan-pop{0%,to{transform:translateY(0);opacity:.35}45%{transform:translateY(-5px);opacity:1}}.yan[data-state=talk] .yan-wave rect{opacity:1;animation:yan-bar .8s ease-in-out infinite}.yan[data-state=talk] .yan-wave rect:nth-child(2){animation-delay:.12s}.yan[data-state=talk] .yan-wave rect:nth-child(3){animation-delay:.26s}.yan[data-state=talk] .yan-wave rect:nth-child(4){animation-delay:.08s}@keyframes yan-bar{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}.yan[data-state=talk] .yan-hand-l-act,.yan[data-state=talk] .yan-hand-r-act{animation-duration:1.5s}.yan[data-state=talk] .yan-tip{animation-duration:1.1s}.yan[data-state=unsure] .yan-head{transform:rotate(-8deg)}.yan[data-state=unsure] .yan-hand-l{transform:translate(-16px,-16px) rotate(-26deg)}.yan[data-state=unsure] .yan-hand-r{transform:translate(16px,-16px) rotate(26deg)}.yan[data-state=unsure] .yan-pupils{transform:scale(1.12)}.yan[data-state=unsure] .yan-q{opacity:1}.yan[data-state=nod] .yan-head-act{animation:yan-nod 1.1s ease-in-out}@keyframes yan-nod{0%,to{transform:rotate(0)}30%{transform:rotate(9deg) translateY(3px)}60%{transform:rotate(-2deg)}}@keyframes yan-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.yan-bob,.yan-dots circle,.yan-eye,.yan-float,.yan-glass-act,.yan-hand-l-act,.yan-hand-r-act,.yan-head-act,.yan-ring,.yan-spark g path,.yan-tip,.yan-wave rect{animation:none!important}}