.kibi-mascot{display:inline-flex;align-items:center;justify-content:center;flex:none;color:#151716;vertical-align:middle;isolation:isolate}
.kibi-mascot svg{display:block;width:100%;height:100%;overflow:visible}
.kibi-mascot .kibi-head{transform-box:fill-box;transform-origin:52% 62%}
.kibi-mascot .kibi-eyes{transform-box:fill-box;transform-origin:50% 50%}
.kibi-mascot[data-kibi-state="idle"] .kibi-head{animation:kibi-breathe 5.2s ease-in-out infinite}
.kibi-mascot[data-kibi-state="idle"] .kibi-eyes{animation:kibi-blink 7s ease-in-out infinite}
.kibi-mascot[data-kibi-state="blink"] .kibi-eyes{animation:kibi-single-blink .32s ease-in-out}
.kibi-mascot[data-kibi-state="thinking"] .kibi-head{animation:kibi-think 2.2s ease-in-out infinite}
.kibi-mascot[data-kibi-state="thinking"] .kibi-eyes{animation:kibi-look 2.2s ease-in-out infinite}
.kibi-mascot[data-kibi-state="success"] .kibi-head{animation:kibi-nod .7s cubic-bezier(.2,.7,.3,1) 2}
.kibi-mascot[data-kibi-state="attention"] .kibi-head{animation:kibi-listen 1.2s ease-in-out 2}
@keyframes kibi-breathe{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-1.8px) rotate(-1.1deg)}}
@keyframes kibi-blink{0%,44%,48%,100%{transform:scaleY(1)}45.5%,46.5%{transform:scaleY(.1)}}
@keyframes kibi-single-blink{0%,100%{transform:scaleY(1)}45%,65%{transform:scaleY(.1)}}
@keyframes kibi-think{0%,100%{transform:rotate(0)}45%,65%{transform:rotate(-7deg) translateY(-1px)}}
@keyframes kibi-look{0%,100%{transform:translate(0,0)}45%,65%{transform:translate(2px,-2px)}}
@keyframes kibi-nod{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(2px) rotate(5deg)}65%{transform:translateY(-2px) rotate(-2deg)}}
@keyframes kibi-listen{0%,100%{transform:rotate(0)}28%,65%{transform:rotate(8deg)}45%{transform:rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.kibi-mascot .kibi-head,.kibi-mascot .kibi-eyes{animation:none!important;transform:none!important}}