.pix-avatar{--pix-hover-animation:pix-avatar-hop;--pix-hover-duration:.48s;--pix-work-animation:pix-avatar-working;--pix-work-duration:3.6s;--pix-work-delay:0s;--pix-motion-scale:1;--pix-motion-direction:1;--pix-glance-x:6px;--pix-glance-y:3px;--pix-light-duration:1.8s;vertical-align:middle;flex-shrink:0;display:inline-block}.pix-avatar[data-motion=bounce]{--pix-hover-animation:pix-avatar-hop;--pix-work-animation:pix-avatar-working}.pix-avatar[data-motion=wiggle]{--pix-hover-animation:pix-avatar-wiggle;--pix-work-animation:pix-avatar-wiggle-working}.pix-avatar[data-motion=nod]{--pix-hover-animation:pix-avatar-nod;--pix-work-animation:pix-avatar-nod-working}.pix-avatar[data-motion=peek]{--pix-hover-animation:pix-avatar-peek;--pix-work-animation:pix-avatar-peek-working}.pix-avatar[data-motion=sway]{--pix-hover-animation:pix-avatar-sway;--pix-work-animation:pix-avatar-sway-working}.pix-avatar[data-motion=pop]{--pix-hover-animation:pix-avatar-pop;--pix-work-animation:pix-avatar-pop-working}.pix-avatar[data-motion=shuffle]{--pix-hover-animation:pix-avatar-shuffle;--pix-work-animation:pix-avatar-shuffle-working}.pix-avatar[data-motion=float]{--pix-hover-animation:pix-avatar-float;--pix-work-animation:pix-avatar-float-working}.pix-avatar-hop,.pix-avatar-body,.pix-avatar-tilt{pointer-events:none;transform-origin:50% 80%;width:100%;height:100%;display:block}.pix-avatar-tilt{transform:rotate(var(--pix-tilt,0deg));transition:transform .18s ease-out}.pix-avatar-gaze{transform:translate(var(--pix-look-x,0px), var(--pix-look-y,0px));transition:transform .12s ease-out}.pix-avatar[data-pointing] .pix-avatar-hop{animation-name:var(--pix-hover-animation,pix-avatar-hop);animation-duration:var(--pix-hover-duration,.48s);animation-timing-function:cubic-bezier(.22,.7,.3,1);animation-fill-mode:both}.pix-avatar-working{animation-name:var(--pix-work-animation,pix-avatar-working);animation-duration:var(--pix-work-duration,3.6s);animation-timing-function:ease-in-out;animation-delay:var(--pix-work-delay,0s);animation-iteration-count:infinite}.pix-avatar-glance{animation-name:pix-avatar-glance;animation-duration:var(--pix-work-duration,3.6s);animation-timing-function:ease-in-out;animation-delay:var(--pix-work-delay,0s);animation-iteration-count:infinite}.pix-avatar-working .pix-avatar-lights rect{animation-name:pix-avatar-indicator;animation-duration:var(--pix-light-duration,1.8s);animation-timing-function:step-end;animation-iteration-count:infinite}.pix-avatar-working .pix-avatar-lights rect:nth-child(2){animation-delay:.2s}.pix-avatar-working .pix-avatar-lights rect:nth-child(3){animation-delay:.4s}.pix-avatar[data-pointing] .pix-avatar-working,.pix-avatar[data-pointing] .pix-avatar-glance{animation:none}@keyframes pix-avatar-hop{0%,to{transform:translateY(0)rotate(0)scale(1)}16%{transform:translateY(calc(2% * var(--pix-motion-scale,1))) rotate(calc(-1deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) scale(calc(1 + .05 * var(--pix-motion-scale,1)), calc(1 - .06 * var(--pix-motion-scale,1)))}43%{transform:translateY(calc(-16% * var(--pix-motion-scale,1))) rotate(calc(2deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) scale(calc(1 - .03 * var(--pix-motion-scale,1)), calc(1 + .04 * var(--pix-motion-scale,1)))}72%{transform:translateY(0) rotate(calc(-1deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) scale(calc(1 + .04 * var(--pix-motion-scale,1)), calc(1 - .04 * var(--pix-motion-scale,1)))}87%{transform:translateY(calc(-3% * var(--pix-motion-scale,1))) rotate(calc(.5deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) scale(1)}}@keyframes pix-avatar-working{0%,18%,48%,78%,to{transform:translateY(0)rotate(0)}28%,39%{transform:translateY(calc(-4% * var(--pix-motion-scale,1))) rotate(calc(-4deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1)))}33%,44%{transform:translateY(calc(2% * var(--pix-motion-scale,1))) rotate(calc(-2deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1)))}61%{transform:translateY(calc(-3% * var(--pix-motion-scale,1))) rotate(calc(4deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1)))}69%{transform:translateY(calc(1% * var(--pix-motion-scale,1))) rotate(calc(2deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1)))}}@keyframes pix-avatar-wiggle{0%,to{transform:rotate(0)scale(1)}22%{transform:rotate(calc(-8deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) scale(calc(1 + .03 * var(--pix-motion-scale,1)), calc(1 - .03 * var(--pix-motion-scale,1)))}48%{transform:rotate(calc(7deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) scale(calc(1 + .03 * var(--pix-motion-scale,1)), calc(1 - .03 * var(--pix-motion-scale,1)))}72%{transform:rotate(calc(-3deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) scale(1)}}@keyframes pix-avatar-wiggle-working{0%,to{transform:rotate(0)}20%,60%{transform:rotate(calc(-3deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) translateY(calc(-2% * var(--pix-motion-scale,1)))}40%,80%{transform:rotate(calc(3deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) translateY(calc(1% * var(--pix-motion-scale,1)))}}@keyframes pix-avatar-nod{0%,to{transform:rotate(0)scale(1)}36%{transform:rotate(calc(9deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) scale(calc(1 - .04 * var(--pix-motion-scale,1)), calc(1 + .04 * var(--pix-motion-scale,1)))}62%{transform:rotate(calc(-2deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) scale(calc(1 + .02 * var(--pix-motion-scale,1)), calc(1 - .02 * var(--pix-motion-scale,1)))}}@keyframes pix-avatar-nod-working{0%,58%,to{transform:rotate(0)translateY(0)}67%{transform:rotate(calc(4deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) translateY(calc(3% * var(--pix-motion-scale,1)))}76%{transform:rotate(calc(-2deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) translateY(calc(-1% * var(--pix-motion-scale,1)))}}@keyframes pix-avatar-peek{0%,to{transform:translate(0)scale(1)}34%{transform:translateX(calc(9% * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) rotate(calc(1deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) scale(calc(1 + .03 * var(--pix-motion-scale,1)), calc(1 - .02 * var(--pix-motion-scale,1)))}58%{transform:translateX(calc(9% * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) rotate(calc(1deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) scale(1)}}@keyframes pix-avatar-peek-working{0%,to{transform:translate(0)}31%,48%{transform:translateX(calc(3% * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) rotate(calc(2deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1)))}39%,56%{transform:translateX(calc(-2% * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) rotate(0)}}@keyframes pix-avatar-sway{0%,to{transform:translateY(0)rotate(0)}28%{transform:translateY(calc(-7% * var(--pix-motion-scale,1))) rotate(calc(-5deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1)))}56%{transform:translateY(0) rotate(calc(5deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1)))}78%{transform:translateY(calc(-2% * var(--pix-motion-scale,1))) rotate(0)}}@keyframes pix-avatar-sway-working{0%,to{transform:translateY(0)rotate(0)}25%,75%{transform:translateY(calc(-3% * var(--pix-motion-scale,1))) rotate(calc(2deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1)))}50%{transform:translateY(calc(2% * var(--pix-motion-scale,1))) rotate(calc(-2deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1)))}}@keyframes pix-avatar-pop{0%,to{transform:scale(1)}28%{transform:rotate(calc(2deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) scale(calc(1 + .12 * var(--pix-motion-scale,1)), calc(1 - .1 * var(--pix-motion-scale,1)))}54%{transform:translateY(calc(-9% * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) rotate(calc(-1deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) scale(calc(1 - .06 * var(--pix-motion-scale,1)), calc(1 + .07 * var(--pix-motion-scale,1)))}76%{transform:rotate(calc(.5deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) scale(calc(1 + .03 * var(--pix-motion-scale,1)), calc(1 - .02 * var(--pix-motion-scale,1)))}}@keyframes pix-avatar-pop-working{0%,86%,to{transform:scale(1)}90%{transform:scale(calc(1 + .04 * var(--pix-motion-scale,1)), calc(1 - .04 * var(--pix-motion-scale,1)))}94%{transform:translateY(calc(-3% * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) scale(calc(1 - .02 * var(--pix-motion-scale,1)), calc(1 + .03 * var(--pix-motion-scale,1)))}}@keyframes pix-avatar-shuffle{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(calc(5% * var(--pix-motion-direction,1) * var(--pix-motion-scale,1)), calc(-4% * var(--pix-motion-scale,1))) rotate(calc(-4deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1)))}50%{transform:translate(calc(-4% * var(--pix-motion-direction,1) * var(--pix-motion-scale,1)), 0) rotate(calc(4deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1)))}75%{transform:translate(calc(3% * var(--pix-motion-direction,1) * var(--pix-motion-scale,1)), calc(-2% * var(--pix-motion-scale,1))) rotate(calc(-2deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1)))}}@keyframes pix-avatar-shuffle-working{0%,to{transform:translate(0)}24%,72%{transform:translateX(calc(2% * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) rotate(calc(2deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1)))}48%{transform:translateX(calc(-2% * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) rotate(calc(-2deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1)))}}@keyframes pix-avatar-float{0%,to{transform:translateY(0)scale(1)}42%{transform:translateY(calc(-12% * var(--pix-motion-scale,1))) rotate(calc(1deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) scale(calc(1 + .03 * var(--pix-motion-scale,1)), calc(1 - .02 * var(--pix-motion-scale,1)))}68%{transform:translateY(calc(-5% * var(--pix-motion-scale,1))) rotate(calc(-.5deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1))) scale(1)}}@keyframes pix-avatar-float-working{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-5% * var(--pix-motion-scale,1))) rotate(calc(1deg * var(--pix-motion-direction,1) * var(--pix-motion-scale,1)))}}@keyframes pix-avatar-glance{0%,18%,48%,78%,to{transform:translate(0)}25%,44%{transform:translate(var(--pix-glance-x,6px), var(--pix-glance-y,3px))}58%,70%{transform:translate(calc(var(--pix-glance-x,6px) * -.8), calc(var(--pix-glance-y,3px) * .33))}}@keyframes pix-avatar-indicator{0%,35%,to{opacity:1}15%{opacity:.35}}@media (prefers-reduced-motion:reduce){.pix-avatar-hop,.pix-avatar-working,.pix-avatar-glance,.pix-avatar-working .pix-avatar-lights rect,.pix-avatar[data-pointing] .pix-avatar-hop{animation:none}.pix-avatar-tilt,.pix-avatar-gaze{transition:none;transform:none}}