.goto [data-part]{transform-box:view-box;transform-origin:70px 72px}.goto [data-part=squash]{transform-origin:70px 128px}.goto [data-part=teeth]{animation:5s ease-in-out infinite goto-rock}.goto[data-goto-state=thinking] [data-part=teeth],.goto[data-goto-state=working] [data-part=teeth],.goto[data-goto-state=pointing] [data-part=teeth]{animation:goto-spin var(--goto-turn,6s) linear infinite}.goto[data-goto-state=happy] [data-part=teeth]{animation:2.6s infinite goto-teeth-hop}.goto[data-goto-state=celebrate] [data-part=teeth]{animation:2.8s infinite goto-teeth-party}.goto[data-goto-state=sleeping] [data-part=teeth]{animation:none;transform:rotate(-4deg)}@keyframes goto-spin{to{transform:rotate(360deg)}}@keyframes goto-rock{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes goto-teeth-hop{0%,14%{animation-timing-function:cubic-bezier(.2,.8,.3,1);transform:rotate(0)}46%,to{transform:rotate(180deg)}}@keyframes goto-teeth-party{0%,10%{animation-timing-function:cubic-bezier(.3,0,.2,1);transform:rotate(0)}58%{animation-timing-function:ease-in-out;transform:rotate(736deg)}70%,to{transform:rotate(720deg)}}.goto [data-part=body]{animation:5s ease-in-out infinite goto-sway}.goto[data-goto-state=listening] [data-part=body]{animation:2.4s ease-in-out infinite goto-bob}.goto[data-goto-state=thinking] [data-part=body]{animation:3.2s ease-in-out infinite goto-ponder}.goto[data-goto-state=working] [data-part=body]{animation:.16s linear infinite goto-buzz}.goto[data-goto-state=pointing] [data-part=body]{animation:1.8s ease-in-out infinite goto-nudge}.goto[data-goto-state=happy] [data-part=body]{animation:2.6s infinite goto-hop}.goto[data-goto-state=celebrate] [data-part=body]{animation:2.8s infinite goto-leap}.goto[data-goto-state=sleeping] [data-part=body]{animation:none;transform:translateY(3px)}@keyframes goto-sway{0%,to{transform:translate(-1.5px)}25%{transform:translateY(-2.5px)}50%{transform:translate(1.5px)}75%{transform:translateY(-1.5px)}}@keyframes goto-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes goto-ponder{0%,to{transform:translate(0)}50%{transform:translate(1.5px,-2px)}}@keyframes goto-buzz{0%,to{transform:translate(0)}25%{transform:translate(.7px,-.4px)}50%{transform:translateY(.4px)}75%{transform:translate(-.7px,-.2px)}}@keyframes goto-nudge{0%,60%,to{transform:translate(0)}15%,45%{transform:translateX(calc(var(--goto-dir,1) * 4px))}30%{transform:translateX(calc(var(--goto-dir,1) * 1px))}}@keyframes goto-hop{0%,14%{animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translateY(0)}28%{animation-timing-function:cubic-bezier(.6,0,.8,.4);transform:translateY(-12px)}40%{animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translateY(0)}48%{animation-timing-function:ease-in;transform:translateY(-3px)}56%,to{transform:translateY(0)}}@keyframes goto-leap{0%,12%{animation-timing-function:cubic-bezier(.15,.75,.35,1);transform:translateY(0)}34%{animation-timing-function:cubic-bezier(.65,0,.85,.35);transform:translateY(-26px)}52%{animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translateY(0)}60%{animation-timing-function:ease-in;transform:translateY(-5px)}68%,to{transform:translateY(0)}}.goto[data-goto-state=idle] [data-part=squash],.goto[data-goto-state=listening] [data-part=squash]{animation:5s ease-in-out infinite goto-breathe}.goto[data-goto-state=listening] [data-part=squash]{animation:.5s cubic-bezier(.3,1.6,.5,1) goto-perk,5s ease-in-out .5s infinite goto-breathe}.goto[data-goto-state=happy] [data-part=squash]{animation:2.6s infinite goto-hop-squash}.goto[data-goto-state=celebrate] [data-part=squash]{animation:2.8s infinite goto-leap-squash}.goto[data-goto-state=sleeping] [data-part=squash]{animation:4.5s ease-in-out infinite goto-snore}@keyframes goto-breathe{0%,to{transform:scale(1)}50%{transform:scale(.995,1.015)}}@keyframes goto-perk{0%{transform:scale(1)}40%{transform:scale(.96,1.05)}to{transform:scale(1)}}@keyframes goto-hop-squash{0%{transform:scale(1)}10%,14%{transform:scale(1.08,.9)}20%{transform:scale(.94,1.08)}30%{transform:scale(1)}40%{transform:scale(1.08,.92)}48%,to{transform:scale(1)}}@keyframes goto-leap-squash{0%{transform:scale(1)}8%,12%{transform:scale(1.12,.86)}20%{transform:scale(.9,1.12)}34%{transform:scale(1)}52%{transform:scale(1.12,.88)}60%,to{transform:scale(1)}}@keyframes goto-snore{0%,to{transform:scale(1)}45%{transform:scale(1.02,.97)}}.goto [data-part=lean]{transform:translateX(calc(var(--goto-lean,0) * 1px));transition:transform .5s cubic-bezier(.3,1.3,.5,1)}.goto [data-part=pupils]{transform:translate(calc(var(--goto-look-x,0) * 1px), calc(var(--goto-look-y,0) * 1px));transition:transform .16s cubic-bezier(.3,1.4,.5,1)}.goto [data-part=eye]{transition:transform 70ms ease-in-out}.goto[data-blink] [data-part=eye]{transform:scaleY(.1)}.goto [data-part=eye]:first-child{transform-origin:57px 66px}.goto [data-part=eye]:last-child{transform-origin:83px 66px}.goto [data-part=thought] circle{transform-box:fill-box;transform-origin:50%;animation:2.4s cubic-bezier(.3,1.5,.5,1) infinite goto-bubble;transform:scale(0)}.goto [data-part=thought] circle:nth-child(2){animation-name:goto-bubble-2}.goto [data-part=thought] circle:nth-child(3){animation-name:goto-bubble-3}@keyframes goto-bubble{0%{opacity:1;transform:scale(0)}12%,80%{opacity:1;transform:scale(1)}95%,to{opacity:0;transform:scale(1)}}@keyframes goto-bubble-2{0%,16%{opacity:1;transform:scale(0)}28%,80%{opacity:1;transform:scale(1)}95%,to{opacity:0;transform:scale(1)}}@keyframes goto-bubble-3{0%,32%{opacity:1;transform:scale(0)}44%,80%{opacity:1;transform:scale(1)}95%,to{opacity:0;transform:scale(1)}}.goto [data-part=z] text{opacity:0;animation:3.6s ease-out infinite goto-z}.goto [data-part=z] text:nth-child(2){animation-delay:1.2s}.goto [data-part=z] text:nth-child(3){animation-delay:2.4s}@keyframes goto-z{0%{opacity:0;transform:translate(0)}20%{opacity:1}to{opacity:0;transform:translate(16px,-36px)}}.goto [data-part=sparkles] path{transform-box:fill-box;transform-origin:50%;animation:2.6s cubic-bezier(.3,1.6,.5,1) infinite goto-sparkle}.goto[data-goto-state=celebrate] [data-part=sparkles] path{animation-duration:2.8s}.goto [data-part=sparkles] path:last-child{animation-delay:.12s}@keyframes goto-sparkle{0%,30%{opacity:.6;transform:scale(.4)rotate(0)}42%{opacity:1;transform:scale(1.25)rotate(20deg)}54%,86%{opacity:1;transform:scale(1)rotate(0)}to{opacity:.6;transform:scale(.4)rotate(0)}}.goto [data-part=confetti]>*{transform-box:fill-box;transform-origin:50%;opacity:0;animation:goto-confetti calc(var(--dur,1700) * 1ms) calc(var(--delay,0) * 1ms) forwards}@keyframes goto-confetti{0%{opacity:1;animation-timing-function:cubic-bezier(.1,.7,.3,1);transform:translate(0)rotate(0)scale(.5)}38%{opacity:1;transform:translate(calc(var(--dx) * .8px), calc(var(--dy) * 1px)) rotate(calc(var(--rot) * .4deg)) scale(1);animation-timing-function:cubic-bezier(.5,0,.9,.6)}80%{opacity:1}to{opacity:0;transform:translate(calc(var(--dx) * 1px), calc(var(--dy) * 1px + 110px)) rotate(calc(var(--rot) * 1deg)) scale(1)}}.goto[data-offscreen] *,.goto[data-offscreen]{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.goto *,.goto{transition:none!important;animation:none!important}.goto [data-part=confetti],.goto [data-part=thought] circle,.goto [data-part=z] text{animation:none!important}.goto [data-part=confetti]{display:none}.goto [data-part=thought] circle,.goto [data-part=z] text:first-child{opacity:1;transform:none}}