.chispi{--chispi-ink:#0f172a;--chispi-glow:#60a5fa;--chispi-code:#7dd3fc;--chispi-key:#bfdbfe;--chispi-led:#93c5fd;--chispi-scale:1.5}:root[data-chispi-gate] .chispi[data-layers]:not([data-scene=ready]){opacity:0}.chispi-bot-antenna{stroke:currentColor}.chispi-bot-fill{fill:currentColor}.chispi-ink{stroke:var(--chispi-ink)}path.chispi-ink{fill:none}.chispi-bot-eye{fill:#fff}.chispi-bot-lid{opacity:0}.chispi-glow{fill:var(--chispi-glow);mix-blend-mode:screen;opacity:.18}.chispi-lens{opacity:.55}.chispi-code rect{fill:var(--chispi-code)}.chispi-key{fill:var(--chispi-key);opacity:0}.chispi-led{fill:none;stroke:var(--chispi-led);stroke-width:10px;opacity:.5}.chispi-agents{clip-path:polygon(46.667% -31.25%,125% -31.25%,125% 135.417%,82.083% 135.417%,82.083% 77.604%,87.667% 45.417%,62% 46.667%,46.667% 47.083%)}.chispi-agent,.chispi-burst-agent{--px:calc(100%/46);transform-origin:50% 65.2174%;width:3.83333%;height:4.79167%;transform:translate(calc((var(--x1) - 23)*var(--px)),calc((var(--y1) - 30)*var(--px)))scale(var(--chispi-scale));position:absolute;top:0;left:0;overflow:visible}.chispi-agent-extra,.chispi-burst-agent{display:none}@media not (min-width:48rem){.chispi-burst-agent{display:none!important}}.dark .chispi-agent,.dark .chispi-burst-agent,.dark .chispi-mini-bot{filter:drop-shadow(0 0 3px)}.chispi-mini-bot{--chispi-ink:#0f172a}.chispi-mini-bot[data-asleep] .chispi-bot-lid{opacity:1}.chispi-lid-dim{fill:var(--chispi-ink);opacity:.62}.chispi[data-mood] .chispi-led{opacity:.15}.chispi[data-mood=resting] .chispi-bot-lid{opacity:1}.chispi-zz{fill:currentColor;transform-box:fill-box;transform-origin:0 100%;font-weight:700}@media (prefers-reduced-motion:no-preference){.chispi[data-animate] .chispi-glow{animation:2s ease-in-out infinite alternate chispi-glow}.chispi[data-animate] .chispi-code{animation:1.5s steps(6,end) infinite chispi-scroll}.chispi[data-animate] .chispi-paw-left{animation:chispi-type-left var(--chispi-cycle)ease-in-out var(--d)infinite}.chispi[data-animate] .chispi-paw-right{animation:chispi-type-right var(--chispi-cycle)ease-in-out var(--d)infinite}.chispi[data-animate] .chispi-key{animation:chispi-key calc(var(--chispi-cycle)*2)linear var(--d)infinite}.chispi[data-rest] :is(.chispi-paw,.chispi-key){animation:none}.chispi[data-animate] .chispi-led{animation:2s ease-in-out infinite chispi-led}.chispi[data-animate] .chispi-agent{animation:chispi-fly 6s cubic-bezier(.3,.7,.4,1)calc(var(--delay) - 3.3s)infinite both}.chispi[data-animate] .chispi-agent-extra{display:block}.chispi[data-animate] .chispi-bot-lid{animation:chispi-blink 6s calc(var(--delay,0s) - 3.3s)infinite}.chispi[data-animate][data-burst] .chispi-burst-agent{animation:chispi-burst 1.2s cubic-bezier(.3,.7,.4,1)var(--delay)both;display:block}.chispi[data-mood] :is(.chispi-paw,.chispi-led,.chispi-agent,.chispi-bot-lid){animation:none}.chispi[data-animate][data-mood=resting] .chispi-led{animation:2.4s ease-in-out 2 chispi-breathe}.chispi[data-animate][data-mood=resting] .chispi-zz{animation:chispi-zz 2.6s ease-out var(--d)both}.chispi[data-paused] *{animation-play-state:paused!important}}@keyframes chispi-breathe{0%,to{opacity:.15}50%{opacity:.8}}@keyframes chispi-zz{0%{opacity:0;transform:translate(-20px,30px)scale(.6)}40%{opacity:1}to{opacity:1;transform:none}}@keyframes chispi-glow{to{opacity:.4}}@keyframes chispi-scroll{0%{transform:translateY(0)}to{transform:translateY(var(--scroll))}}@keyframes chispi-type-left{0%,30%,to{transform:none}15%{transform:translateY(-9%)rotate(-6deg)}}@keyframes chispi-type-right{0%,30%,to{transform:none}15%{transform:translateY(-9%)rotate(6deg)}}@keyframes chispi-key{0%,1%{opacity:0}2%,14%{opacity:.9}15%,to{opacity:0}}@keyframes chispi-led{50%{opacity:.95}}@keyframes chispi-fly{0%{transform:translate(calc((var(--x0) - 23)*var(--px)),calc(var(--y0)*var(--px)))scale(calc(.4*var(--chispi-scale)));opacity:0}8%{opacity:1}25%{transform:translate(calc((var(--x0) - 23)*var(--px)),calc((var(--y0) - 78)*var(--px)))scale(var(--chispi-scale))}55%{transform:translate(calc((var(--x1) - 23)*var(--px)),calc((var(--y1) - 30)*var(--px)))scale(var(--chispi-scale))rotate(-6deg);opacity:1}75%{transform:translate(calc((var(--x1) - 10)*var(--px)),calc((var(--y1) - 52)*var(--px)))scale(var(--chispi-scale))rotate(4deg);opacity:0}to{opacity:0}}@keyframes chispi-blink{0%,40%,44%,to{opacity:0}42%{opacity:1}}@keyframes chispi-burst{0%{transform:translate(calc((var(--x0) - 23)*var(--px)),calc(var(--y0)*var(--px)))scale(calc(.4*var(--chispi-scale)));opacity:0}15%{opacity:1}40%{transform:translate(calc((var(--x0) - 23)*var(--px)),calc((var(--y0) - 94)*var(--px)))scale(var(--chispi-scale))}80%{opacity:1}to{transform:translate(calc((var(--x1) - 23)*var(--px)),calc((var(--y1) - 30)*var(--px)))scale(calc(.7*var(--chispi-scale)))rotate(12deg);opacity:0}}
