.sx-mascot{display:inline-block;flex-shrink:0;overflow:visible;--sx-level:0;--sx-amp:0.5}.sx-mascot .eye-open,.sx-mascot .m-frown,.sx-mascot .m-open,.sx-mascot .m-smile,.sx-mascot .m-smirk,.sx-mascot .pupil,.sx-mascot .sx-actor,.sx-mascot [data-part]{transform-box:fill-box;transform-origin:center}.sx-mascot .sx-actor{transform-origin:50% 100%}.sx-mascot [data-part=ear-l]{transform-origin:85% 100%}.sx-mascot [data-part=ear-r]{transform-origin:15% 100%}.sx-mascot .eye-happy,.sx-mascot .eye-sleep,.sx-mascot .m-frown,.sx-mascot .m-open,.sx-mascot .m-smirk{display:none}.sx-mascot [data-part=dots],.sx-mascot [data-part=zzz]{opacity:0}.sx-mascot [data-part=ring]{opacity:0;transform:scale(1)}.sx-mascot[data-state=listening] [data-part=ear-l],.sx-mascot[data-state=listening] [data-part=ear-r]{transform:scale(calc(1.12 + var(--sx-level) * .25));transition:transform 90ms linear}.sx-mascot[data-state=listening] .eye-open{transform:scaleY(1.12)}.sx-mascot[data-state=listening] [data-part^=brow]{transform:translateY(-3px)}.sx-mascot[data-state=listening] .m-smile{display:none}.sx-mascot[data-state=listening] .m-open{display:inline;transform:scale(.5)}.sx-mascot[data-state=listening] [data-part=ring]{opacity:.3}.sx-mascot[data-state=thinking] .pupil{transform:translate(3.5px,-3.5px)}.sx-mascot[data-state=thinking] [data-part=brow-r]{transform:translateY(-6px) rotate(-8deg)}.sx-mascot[data-state=thinking] [data-part=brow-l]{transform:translateY(1px)}.sx-mascot[data-state=thinking] .sx-actor{transform:rotate(3deg)}.sx-mascot[data-state=thinking] [data-part=dots]{opacity:1}.sx-mascot[data-state=speaking] .m-smile{display:none}.sx-mascot[data-state=speaking] .m-open{display:inline;transform:scaleY(calc(.2 + var(--sx-amp) * .8));transition:transform 60ms linear}.sx-mascot[data-state=speaking] [data-part^=brow]{transform:translateY(-1.5px)}.sx-mascot[data-state=happy] .eye-open{display:none}.sx-mascot[data-state=happy] .eye-happy{display:inline}.sx-mascot[data-state=happy] .m-smile{transform:scale(1.25)}.sx-mascot[data-state=happy] [data-part^=brow]{transform:translateY(-4px)}.sx-mascot[data-state=sassy] .m-smile{display:none}.sx-mascot[data-state=sassy] .m-smirk{display:inline}.sx-mascot[data-state=sassy] [data-part=brow-l]{transform:translateY(-6px) rotate(8deg)}.sx-mascot[data-state=sassy] [data-part=brow-r]{transform:translateY(2px) rotate(4deg)}.sx-mascot[data-state=sassy] .eye-open{transform:scaleY(.78)}.sx-mascot[data-state=sassy] .sx-actor{transform:rotate(-5deg)}.sx-mascot[data-state=error] .m-smile{display:none}.sx-mascot[data-state=error] .m-frown{display:inline}.sx-mascot[data-state=error] [data-part=brow-l]{transform:translateY(-2px) rotate(-16deg)}.sx-mascot[data-state=error] [data-part=brow-r]{transform:translateY(-2px) rotate(16deg)}.sx-mascot[data-state=error] .pupil{transform:translateY(2px)}.sx-mascot[data-state=error] [data-part=ear-l]{transform:rotate(-14deg)}.sx-mascot[data-state=error] [data-part=ear-r]{transform:rotate(14deg)}.sx-mascot[data-state=sleeping] .eye-open{display:none}.sx-mascot[data-state=sleeping] .eye-sleep{display:inline}.sx-mascot[data-state=sleeping] [data-part^=brow]{transform:translateY(2px)}.sx-mascot[data-state=sleeping] .m-smile{transform:scale(.7)}.sx-mascot[data-state=sleeping] .sx-actor{transform:rotate(-3deg)}.sx-mascot[data-state=sleeping] [data-part=zzz]{opacity:1}.sx-mascot:not(.is-static)[data-state=idle] .sx-actor{animation:sx-breathe 3.2s ease-in-out infinite}.sx-mascot:not(.is-static)[data-state=idle] [data-part^=eye-]{animation:sx-blink 4.2s ease-in-out infinite}.sx-mascot:not(.is-static)[data-state=idle] [data-part=ear-l]{animation:sx-sway-l 6s ease-in-out infinite}.sx-mascot:not(.is-static)[data-state=idle] [data-part=ear-r]{animation:sx-sway-r 6s ease-in-out 1.5s infinite}.sx-mascot:not(.is-static)[data-state=listening] [data-part=ring]{animation:sx-ring 1.6s ease-out infinite}.sx-mascot:not(.is-static)[data-state=listening] [data-part^=eye-]{animation:sx-blink 5.5s ease-in-out infinite}.sx-mascot:not(.is-static)[data-state=thinking] .sx-actor{animation:sx-think-tilt 2.4s ease-in-out infinite}.sx-mascot:not(.is-static)[data-state=thinking] [data-part=dots] circle{transform-box:fill-box;transform-origin:center;animation:sx-dot 1.2s ease-in-out infinite}.sx-mascot:not(.is-static)[data-state=thinking] [data-part=dots] circle:nth-child(2){animation-delay:.2s}.sx-mascot:not(.is-static)[data-state=thinking] [data-part=dots] circle:nth-child(3){animation-delay:.4s}.sx-mascot:not(.is-static)[data-state=speaking] .sx-actor{animation:sx-bob .9s ease-in-out infinite}.sx-mascot:not(.is-static)[data-state=speaking][data-amp=auto] .m-open{animation:sx-flap .28s ease-in-out infinite alternate}.sx-mascot:not(.is-static)[data-state=speaking] [data-part^=eye-]{animation:sx-blink 4.6s ease-in-out infinite}.sx-mascot:not(.is-static)[data-state=happy] .sx-actor{animation:sx-bounce .5s ease-out 2}.sx-mascot:not(.is-static)[data-state=sassy] .pupil{animation:sx-roll 1.2s ease-in-out 1}.sx-mascot:not(.is-static)[data-state=error] .sx-actor{animation:sx-shiver .4s ease-in-out 1}.sx-mascot:not(.is-static)[data-state=sleeping] .sx-actor{animation:sx-breathe-slow 4.5s ease-in-out infinite}.sx-mascot:not(.is-static)[data-state=sleeping] [data-part=zzz]{animation:sx-zzz 3.6s ease-in-out infinite}.sx-mascot.is-static[data-state=speaking][data-amp=auto] .m-open{transform:scaleY(.55)}.sx-mascot.is-static,.sx-mascot.is-static *{animation:none!important;transition:none!important}@keyframes sx-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes sx-breathe-slow{0%,to{transform:rotate(-3deg) scale(1)}50%{transform:rotate(-3deg) scale(1.04)}}@keyframes sx-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes sx-sway-l{0%,70%,to{transform:rotate(0deg)}80%{transform:rotate(-7deg)}90%{transform:rotate(3deg)}}@keyframes sx-sway-r{0%,70%,to{transform:rotate(0deg)}80%{transform:rotate(7deg)}90%{transform:rotate(-3deg)}}@keyframes sx-ring{0%{transform:scale(.85);opacity:.45}to{transform:scale(1.12);opacity:0}}@keyframes sx-think-tilt{0%,to{transform:rotate(3deg)}50%{transform:rotate(1.5deg)}}@keyframes sx-dot{0%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes sx-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes sx-flap{0%{transform:scaleY(.2)}to{transform:scaleY(.95)}}@keyframes sx-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sx-roll{0%{transform:translate(0)}25%{transform:translate(3px,-3px)}50%{transform:translate(5px)}75%{transform:translate(3px,3px)}to{transform:translate(-2px,1px)}}@keyframes sx-shiver{0%,to{transform:translateX(0)}20%{transform:translateX(-2px)}40%{transform:translateX(2px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}@keyframes sx-zzz{0%,to{opacity:0;transform:translateY(4px)}40%,70%{opacity:1;transform:translateY(-2px)}}.sx-confetti-dot{position:absolute;inset-block-start:50%;inset-inline-start:50%;width:7px;height:7px;margin:-3.5px;border-radius:9999px;opacity:0;animation:sx-confetti .9s ease-out forwards}@keyframes sx-confetti{0%{transform:translate(0) scale(.4);opacity:1}to{transform:translate(var(--dx,0),var(--dy,-40px)) scale(1);opacity:0}}@media (prefers-reduced-motion:reduce){.sx-mascot,.sx-mascot *{animation:none!important;transition:none!important}.sx-mascot[data-state=speaking][data-amp=auto] .m-open{transform:scaleY(.55)}.sx-confetti-dot{display:none}}