.bit-mascot{display:inline-block;flex:none;vertical-align:middle;overflow:visible;shape-rendering:crispEdges;image-rendering:pixelated;isolation:isolate}.bit-mascot :is(g,path,rect){stroke:none}.bit-mascot :is(.bit-closed-eyes,.bit-thinking-eyes,.bit-happy-eyes,.bit-attention-eyes,.bit-thinking-mouth,.bit-attention-mouth){display:none}.bit-mascot[data-state=attention] :is(.bit-neutral-eyes,.bit-smile),.bit-mascot[data-state=happy] .bit-neutral-eyes,.bit-mascot[data-state=thinking] :is(.bit-neutral-eyes,.bit-smile){display:none}.bit-mascot[data-state=attention] :is(.bit-attention-eyes,.bit-attention-mouth),.bit-mascot[data-state=happy] .bit-happy-eyes,.bit-mascot[data-state=thinking] :is(.bit-thinking-eyes,.bit-thinking-mouth){display:inline}.bit-mascot[data-animated=true][data-state=idle] .bit-neutral-eyes{animation:bit-open-eyes 8s step-end infinite}.bit-mascot[data-animated=true][data-state=idle] .bit-closed-eyes{display:inline;visibility:hidden;animation:bit-close-eyes 8s step-end infinite}.bit-mascot[data-animated=true][data-state=idle] .bit-spark{animation:bit-idle-spark 8s step-end infinite}.bit-mascot[data-animated=true][data-state=thinking] .bit-thinking-eyes{animation:bit-consider 2.4s step-end infinite}.bit-mascot[data-animated=true][data-state=thinking] .bit-spark{animation:bit-think-spark 1.2s step-end infinite}.bit-mascot[data-animated=true][data-state=thinking] .bit-bar{animation:bit-bars 1.2s step-end infinite}.bit-mascot[data-animated=true][data-state=thinking] .bit-bar-two{animation-delay:.2s}.bit-mascot[data-animated=true][data-state=thinking] .bit-bar-three{animation-delay:.4s}.bit-mascot[data-animated=true][data-state=happy] .bit-body{animation:bit-hop .8s step-end 1}.bit-mascot[data-animated=true][data-state=happy] .bit-wave-hand{animation:bit-wave .8s step-end 1}.bit-mascot[data-animated=true][data-state=happy] .bit-spark{animation:bit-celebrate .8s step-end 1}.bit-mascot[data-animated=true][data-variant=micro] .bit-spark{animation:none}.bit-mascot[data-animated=true][data-interactive=true][data-state=idle]:hover .bit-wave-hand,:is(button,a):is(:hover,:focus-visible) .bit-mascot[data-animated=true][data-interactive=true][data-state=idle] .bit-wave-hand{animation:bit-wave .8s step-end 1}@keyframes bit-open-eyes{0%,41%,44%,to{visibility:visible}42%,43%{visibility:hidden}}@keyframes bit-close-eyes{0%,41%,44%,to{visibility:hidden}42%,43%{visibility:visible}}@keyframes bit-idle-spark{0%,68%,88%,to{transform:translateY(0)}72%,84%{transform:translateY(-1px)}}@keyframes bit-consider{0%,68%,to{transform:translateX(0)}42%,62%{transform:translateX(-1px)}}@keyframes bit-think-spark{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes bit-bars{0%,to{fill:#c8f45a}50%{fill:#699b20}}@keyframes bit-hop{0%,to{transform:translateY(0)}12%{transform:translateY(1px)}25%{transform:translateY(-1px)}38%,50%{transform:translateY(-3px)}63%{transform:translateY(-1px)}75%{transform:translateY(1px)}88%{transform:translateY(0)}}@keyframes bit-wave{0%,to{transform:translate(0)}15%{transform:translate(-1px,-1px)}30%,60%{transform:translate(-2px,-2px)}45%,75%{transform:translate(-1px,-3px)}90%{transform:translateY(-1px)}}@keyframes bit-celebrate{0%,to{transform:translateY(0)}30%,60%{transform:translateY(-1px)}}.bit-mascot[data-pose=resting] .bit-posture{transform:translate(-14px,65px) rotate(-90deg)}.bit-mascot[data-pose=resting] :is(.bit-spark,.bit-neutral-eyes){visibility:hidden}.bit-mascot[data-pose=resting] .bit-closed-eyes{display:inline;visibility:visible}.bit-mascot[data-pose=waking] .bit-closed-eyes{display:inline;visibility:hidden}.bit-mascot[data-pose=waking][data-animated=true] .bit-posture{animation:bit-rise 2.4s linear both;will-change:transform}.bit-mascot[data-pose=waking][data-animated=true] .bit-neutral-eyes{animation:bit-wake-eyes 2.4s step-end both}.bit-mascot[data-pose=waking][data-animated=true] .bit-closed-eyes{animation:bit-wake-lids 2.4s step-end both}.bit-mascot[data-pose=waking][data-animated=true] .bit-spark{animation:bit-wake-spark 2.4s linear both}@keyframes bit-rise{0%,14%{transform:translate(-14px,65px) rotate(-90deg);animation-timing-function:cubic-bezier(.4,0,.7,.7)}26%{transform:translate(-19px,54px) rotate(-75deg)}38%{transform:translate(-20px,44px) rotate(-60deg)}50%{transform:translate(-18px,29px) rotate(-45deg)}62%{transform:translate(-13px,16px) rotate(-30deg)}74%{transform:translate(-7px,6px) rotate(-15deg);animation-timing-function:cubic-bezier(.3,.5,.7,1)}94%,to{transform:translate(0) rotate(0deg)}}@keyframes bit-wake-eyes{0%,12%{visibility:hidden}13%,to{visibility:visible}}@keyframes bit-wake-lids{0%,12%{visibility:visible}13%,to{visibility:hidden}}@keyframes bit-wake-spark{0%,76%{opacity:0;transform:translateY(3px);visibility:hidden}88%{opacity:.6;transform:translateY(1px);visibility:visible}to{opacity:1;transform:translateY(0);visibility:visible}}@media (prefers-reduced-motion:reduce){.bit-mascot,.bit-mascot *{animation:none!important;transition:none!important}.bit-mascot[data-pose=waking] .bit-posture{transform:none}.bit-mascot[data-pose=waking] :is(.bit-neutral-eyes,.bit-spark){visibility:visible}.bit-mascot[data-pose=waking] .bit-closed-eyes{visibility:hidden}}@media (forced-colors:active){.bit-mascot{forced-color-adjust:none}}@media print{.bit-mascot,.bit-mascot *{animation:none!important}}.ping-mascot{display:inline-block;flex:none;vertical-align:middle;overflow:visible;shape-rendering:crispEdges;image-rendering:pixelated;isolation:isolate}.ping-mascot :is(g,path,rect){stroke:none}.ping-mascot :is(.ping-closed-eyes,.ping-thinking-eyes,.ping-happy-eyes,.ping-attention-eyes,.ping-thinking-mouth,.ping-attention-mouth){display:none}.ping-mascot[data-state=attention] :is(.ping-neutral-eyes,.ping-smile),.ping-mascot[data-state=happy] .ping-neutral-eyes,.ping-mascot[data-state=thinking] :is(.ping-neutral-eyes,.ping-smile){display:none}.ping-mascot[data-state=attention] :is(.ping-attention-eyes,.ping-attention-mouth),.ping-mascot[data-state=happy] .ping-happy-eyes,.ping-mascot[data-state=thinking] :is(.ping-thinking-eyes,.ping-thinking-mouth){display:inline}.ping-mascot[data-animated=true][data-state=idle] .ping-neutral-eyes{animation:ping-open-eyes 7s step-end infinite}.ping-mascot[data-animated=true][data-state=idle] .ping-closed-eyes{display:inline;visibility:hidden;animation:ping-close-eyes 7s step-end infinite}.ping-mascot[data-animated=true][data-state=idle] .ping-wave-two{animation:ping-wave 3.5s step-end infinite}.ping-mascot[data-animated=true][data-state=thinking] .ping-wave-one{animation:ping-wave 1s step-end infinite}.ping-mascot[data-animated=true][data-state=thinking] .ping-wave-two{animation:ping-wave 1s step-end .5s infinite}.ping-mascot[data-animated=true][data-state=thinking] .ping-send{animation:ping-send 1s step-end infinite}.ping-mascot[data-animated=true][data-state=happy] :is(.ping-body,.ping-head){animation:ping-hop .8s step-end 1}.ping-mascot[data-animated=true][data-state=attention] .ping-waves{animation:ping-wave .6s step-end 3}.ping-mascot[data-animated=true][data-variant=micro] .ping-waves{animation:none}@keyframes ping-open-eyes{0%,46%,49%,to{visibility:visible}47%,48%{visibility:hidden}}@keyframes ping-close-eyes{0%,46%,49%,to{visibility:hidden}47%,48%{visibility:visible}}@keyframes ping-wave{0%,to{opacity:1}50%{opacity:0}}@keyframes ping-send{0%,to{transform:translateX(0)}50%{transform:translateX(1px)}}@keyframes ping-hop{0%,to{transform:translateY(0)}25%{transform:translateY(-1px)}50%{transform:translateY(-3px)}75%{transform:translateY(-1px)}}.ping-mascot[data-animated=true][data-state=happy] .ping-head{animation:ping-hop-head .8s step-end 1}@keyframes ping-hop-head{0%,to{transform:translateY(-1px) scale(2)}25%{transform:translateY(-2px) scale(2)}50%{transform:translateY(-4px) scale(2)}75%{transform:translateY(-2px) scale(2)}}@media (prefers-reduced-motion:reduce){.ping-mascot,.ping-mascot *{animation:none!important;transition:none!important}}@media (forced-colors:active){.ping-mascot{forced-color-adjust:none}}@media print{.ping-mascot,.ping-mascot *{animation:none!important}}