.cobi{--cobi-ez:cubic-bezier(.65,0,.35,1);line-height:0;display:inline-block}.cobi svg{display:block;overflow:visible}.cobi .cobi-b{fill:var(--color-adm-accent);transition:fill .4s}.cobi .cobi-shadow{fill:currentColor;opacity:.2;transform-box:fill-box;transform-origin:50%;transition:opacity .3s}.cobi .cobi-sq{transform-origin:60px 90px}.cobi .cobi-self{transform-origin:60px 60px}.cobi .cobi-float{animation:3s ease-in-out infinite cobi-float}@keyframes cobi-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.cobi .cobi-body{x:30px;y:30px;rx:30px;width:60px;height:60px;transition:x .4s var(--cobi-ez),y .4s var(--cobi-ez),width .4s var(--cobi-ez),height .4s var(--cobi-ez),rx .4s var(--cobi-ez)}.cobi .cobi-rot{transform-origin:60px 60px}.cobi .cobi-s{transition:transform .5s var(--cobi-ez)}.cobi .cobi-side{opacity:0;transition:opacity .25s}.cobi .cobi-arm{transform-origin:60px 60px}.cobi .cobi-moon{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .3s,transform .3s cubic-bezier(.3,1.4,.4,1);transform:scale(.2)}.cobi .cobi-track,.cobi .cobi-prog{fill:none;stroke:var(--color-adm-accent);stroke-width:4.5px;opacity:0;transition:opacity .3s}.cobi .cobi-prog{stroke-linecap:round;stroke-dasharray:0 100;transform-origin:60px 60px;transform:rotate(-90deg)}.cobi .cobi-conf circle,.cobi .cobi-tally circle,.cobi .cobi-ping{opacity:0;transform-box:fill-box;transform-origin:50%}.cobi .cobi-conf .cobi-k{fill:currentColor}.cobi .cobi-wave rect{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .25s}.cobi .cobi-twin{fill:currentColor;opacity:0}.cobi .cobi-zz text{fill:currentColor;opacity:0;font-weight:500}.cobi .cobi-tilt{transform-origin:60px 60px;transition:transform .4s cubic-bezier(.3,1.3,.4,1)}.cobi .cobi-face{transition:opacity .2s}.cobi .cobi-eyes{transition:transform .35s cubic-bezier(.3,.7,.3,1)}.cobi .cobi-e{opacity:0;transition:opacity .15s}.cobi .cobi-e.cobi-open{opacity:1}.cobi .cobi-open rect{fill:var(--color-adm-surface);transform-box:fill-box;transform-origin:50%;transition:opacity .15s;animation:3.4s infinite cobi-blink}.cobi .cobi-wide circle{fill:var(--color-adm-surface)}@keyframes cobi-blink{0%,91%,to{transform:scaleY(1)}95%{transform:scaleY(.12)}}.cobi .cobi-ln path{stroke:var(--color-adm-surface);stroke-width:4.5px;stroke-linecap:round;fill:none}@keyframes cobi-spin{to{transform:rotate(360deg)}}@keyframes cobi-donehop{0%{transform:translateY(0)scale(1.18,.82)}35%{transform:translateY(-30px)scale(.93,1.09)}70%{transform:translateY(0)scale(1.12,.88)}to{transform:translateY(0)scale(1)}}@keyframes cobi-pop{0%{transform:scale(1)}35%{transform:scale(1.12)}to{transform:scale(1)}}.cobi[data-mood=hello] .cobi-open{opacity:0}.cobi[data-mood=hello] .cobi-happy{opacity:1}.cobi[data-mood=hello] .cobi-float{animation:none}.cobi[data-mood=hello] .cobi-sq{animation:.8s cobi-donehop}.cobi[data-mood=hello] .cobi-tilt{animation:.9s ease-in-out .5s cobi-wave}@keyframes cobi-wave{0%,to{transform:rotate(0)}20%{transform:rotate(-15deg)}40%{transform:rotate(13deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(8deg)}}.cobi[data-mood=listen] .cobi-tilt{transform:rotate(-10deg)}.cobi[data-mood=listen] .cobi-eyes{transform:translateY(-3px)}.cobi[data-mood=listen] .cobi-float{animation:none}.cobi[data-mood=listen] .cobi-sq{animation:2.4s ease-in-out infinite cobi-nod}@keyframes cobi-nod{0%,55%,to{transform:translateY(0)scale(1)}68%{transform:translateY(3px)scale(1.03,.96)}80%{transform:translateY(0)scale(1)}90%{transform:translateY(2px)scale(1.02,.98)}}.cobi[data-mood=talk] .cobi-open,.cobi[data-mood=done] .cobi-open{opacity:0}.cobi[data-mood=talk] .cobi-happy,.cobi[data-mood=done] .cobi-happy{opacity:1}.cobi[data-mood=talk] .cobi-float{animation:none}.cobi[data-mood=talk] .cobi-sq{animation:.28s ease-in-out infinite alternate cobi-jig}@keyframes cobi-jig{0%{transform:scale(1.06,.95)}to{transform:scale(.96,1.05)}}.cobi[data-mood=done] .cobi-float{animation:none}.cobi[data-mood=done] .cobi-sq{animation:.8s cobi-donehop}.cobi[data-mood=sleep] .cobi-open{opacity:0}.cobi[data-mood=sleep] .cobi-closed{opacity:1}.cobi[data-mood=sleep] .cobi-float{animation:4.5s ease-in-out infinite cobi-sleep}@keyframes cobi-sleep{0%,to{transform:scale(1)}50%{transform:scale(1.04,.97)}}.cobi[data-mood=sleep] .cobi-eyes{transform:translateY(3px)}.cobi[data-mood=sleep] .cobi-zz text{animation:3s ease-in-out infinite cobi-zz}.cobi[data-mood=sleep] .cobi-zz text:nth-child(2){animation-delay:1.5s}@keyframes cobi-zz{0%{opacity:0;transform:translateY(6px)}30%{opacity:.75}to{opacity:0;transform:translate(7px,-10px)}}.cobi[data-mood=surprised] .cobi-open{opacity:0}.cobi[data-mood=surprised] .cobi-wide{opacity:1}.cobi[data-mood=surprised] .cobi-float{animation:none}.cobi[data-mood=surprised] .cobi-sq{animation:.5s cubic-bezier(.3,.7,.3,1) cobi-jump}@keyframes cobi-jump{0%{transform:scale(1.12,.88)}40%{transform:translateY(-16px)scale(.93,1.09)}to{transform:translateY(0)scale(1)}}.cobi[data-mood=curious] .cobi-tilt{transform:rotate(13deg)}.cobi[data-mood=curious] .cobi-eyes{transform:translate(4px,-2px)}.cobi[data-mood=curious] .cobi-open rect{animation:none}.cobi[data-mood=curious] .cobi-open .cobi-e1{transform:scaleY(.75)}.cobi[data-mood=curious] .cobi-open .cobi-e2{transform:scaleY(1.3)}.cobi[data-mood=wink] .cobi-open .cobi-e2{opacity:0}.cobi[data-mood=wink] .cobi-winkr{opacity:1}.cobi[data-mood=wink] .cobi-tilt{transform:rotate(-7deg)}.cobi[data-mood=wink] .cobi-sq{animation:.5s ease-out cobi-pop}.cobi[data-mood=celebrate] .cobi-open{opacity:0}.cobi[data-mood=celebrate] .cobi-happy{opacity:1}.cobi[data-mood=celebrate] .cobi-float{animation:none}.cobi[data-mood=celebrate] .cobi-sq{animation:.8s infinite cobi-donehop}.cobi[data-mood=celebrate] .cobi-conf circle{animation:1.1s ease-out infinite cobi-conf}@keyframes cobi-conf{0%{opacity:1;transform:translate(0)scale(.4)}70%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1);opacity:0}}.cobi[data-mood=wait] .cobi-eyes{animation:3s ease-in-out infinite cobi-waitlook}@keyframes cobi-waitlook{0%,40%,90%,to{transform:translate(0)}52%,78%{transform:translate(5px,-5px)}}.cobi[data-mood=wait] .cobi-float{animation:none}.cobi[data-mood=wait] .cobi-sq{animation:1.3s infinite cobi-tap}@keyframes cobi-tap{0%,62%,to{transform:translateY(0)}72%{transform:translateY(-6px)}82%{transform:translateY(0)}90%{transform:translateY(-3px)}}.cobi[data-mood=ask] .cobi-tilt{transform:rotate(-8deg)}.cobi[data-mood=ask] .cobi-eyes{transform:translate(3px,-3px)}.cobi[data-mood=ask] .cobi-ping{opacity:1;animation:1s ease-in-out infinite cobi-ping}@keyframes cobi-ping{0%,to{transform:scale(1)}50%{transform:scale(1.45)}}.cobi[data-mood=think] .cobi-tilt{transform:rotate(7deg)}.cobi[data-mood=think] .cobi-eyes{animation:1.8s ease-in-out infinite alternate cobi-look}@keyframes cobi-look{0%{transform:translate(-6px,-5px)}to{transform:translate(6px,-5px)}}.cobi[data-mood=search] .cobi-moon{opacity:1;transform:scale(1)}.cobi[data-mood=search] .cobi-arm{animation:cobi-spin 1.3s var(--cobi-ez) infinite}.cobi[data-mood=search] .cobi-eyes{animation:cobi-scan 1.3s var(--cobi-ez) infinite}@keyframes cobi-scan{0%,to{transform:translate(5px,-4px)}25%{transform:translate(5px,4px)}50%{transform:translate(-5px,4px)}75%{transform:translate(-5px,-4px)}}.cobi[data-mood=read] .cobi-tilt{transform:rotate(4deg)}.cobi[data-mood=read] .cobi-eyes{animation:2.6s linear infinite cobi-read}@keyframes cobi-read{0%{transform:translate(-6px,-4px)}28%{transform:translate(6px,-4px)}33%{transform:translate(-6px)}61%{transform:translate(6px)}66%{transform:translate(-6px,4px)}94%{transform:translate(6px,4px)}to{transform:translate(-6px,-4px)}}.cobi[data-mood=crunch] .cobi-s1{transform:translate(-37px)}.cobi[data-mood=crunch] .cobi-s2{transform:translate(18.5px,32px)}.cobi[data-mood=crunch] .cobi-s3{transform:translate(18.5px,-32px)}.cobi[data-mood=crunch] .cobi-rot{animation:2.2s linear infinite cobi-spin}.cobi[data-mood=crunch] .cobi-open rect,.cobi[data-mood=progress] .cobi-open rect{animation:none;transform:scaleY(.5)}.cobi[data-mood=crunch] .cobi-float,.cobi[data-mood=progress] .cobi-float{animation:none}.cobi[data-mood=write] .cobi-body{x:53.5px;y:53.5px;rx:6.5px;width:13px;height:13px}.cobi[data-mood=write] .cobi-face{opacity:0}.cobi[data-mood=write] .cobi-side{opacity:1}.cobi[data-mood=write] .cobi-float{animation:none}.cobi[data-mood=write] .cobi-shadow,.cobi[data-mood=translate] .cobi-shadow,.cobi[data-mood=send] .cobi-shadow,.cobi[data-mood=voice] .cobi-shadow{opacity:0}.cobi[data-mood=write] .cobi-hop{animation:1s ease-in-out infinite cobi-hop3}.cobi[data-mood=write] .cobi-hop.cobi-h2{animation-delay:.15s}.cobi[data-mood=write] .cobi-hop.cobi-h3{animation-delay:.3s}@keyframes cobi-hop3{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.cobi[data-mood=translate] .cobi-float{animation:none}.cobi[data-mood=translate] .cobi-self{animation:cobi-selfswap 2.2s var(--cobi-ez) infinite}.cobi[data-mood=translate] .cobi-twin{animation:cobi-twin 2.2s var(--cobi-ez) infinite}@keyframes cobi-selfswap{0%,to{transform:translate(0)scale(1)}18%,44%{transform:translate(-21px)scale(.6)}56%,82%{transform:translate(21px)scale(.6)}}@keyframes cobi-twin{0%,to{opacity:0;transform:translate(0)}18%,44%{opacity:1;transform:translate(21px)}56%,82%{opacity:1;transform:translate(-21px)}}.cobi[data-mood=send] .cobi-float{animation:none}.cobi[data-mood=send] .cobi-eyes{transform:translate(5px)}.cobi[data-mood=send] .cobi-self{animation:1.7s infinite cobi-send}@keyframes cobi-send{0%,14%{transform:translate(0)scale(1)}24%{animation-timing-function:cubic-bezier(.6,0,.9,.5);transform:translate(-9px)scale(.9,1.08)}46%{transform:translate(190px)scale(1.4,.78)}47%{animation-timing-function:cubic-bezier(.1,.6,.3,1);transform:translate(-190px)scale(1.4,.78)}74%,to{transform:translate(0)scale(1)}}.cobi[data-mood=save] .cobi-float{animation:none}.cobi[data-mood=save] .cobi-open{opacity:0}.cobi[data-mood=save] .cobi-closed{opacity:1}.cobi[data-mood=save] .cobi-sq{animation:1.4s infinite cobi-save}@keyframes cobi-save{0%,18%{transform:scale(1)}36%,52%{transform:scale(1.32,.52)}70%{transform:translateY(-12px)scale(.9,1.12)}86%,to{transform:translateY(0)scale(1)}}.cobi[data-mood=sync] .cobi-float{animation:none}.cobi[data-mood=sync] .cobi-self{animation:cobi-flip 1.3s var(--cobi-ez) infinite}@keyframes cobi-flip{0%,to{transform:scaleX(1)}50%{transform:scaleX(-1)}}.cobi[data-mood=count] .cobi-eyes{transform:translateY(-5px)}.cobi[data-mood=count] .cobi-tally circle{animation:2.4s infinite cobi-tally}.cobi[data-mood=count] .cobi-tally circle:nth-child(2){animation-delay:.45s}.cobi[data-mood=count] .cobi-tally circle:nth-child(3){animation-delay:.9s}@keyframes cobi-tally{0%{opacity:0;transform:scale(.2)}8%{opacity:1;transform:scale(1.3)}16%{transform:scale(1)}55%{opacity:1;transform:scale(1)}66%,to{opacity:0;transform:scale(1)}}.cobi[data-mood=progress] .cobi-track{opacity:.22}.cobi[data-mood=progress] .cobi-prog{opacity:1;animation:3.2s ease-in-out infinite cobi-prog}@keyframes cobi-prog{0%{stroke-dasharray:0 100}85%,to{stroke-dasharray:100 0}}.cobi[data-mood=voice] .cobi-tilt{transform:rotate(-8deg)}.cobi[data-mood=voice] .cobi-wave rect{opacity:1;animation:.45s ease-in-out infinite alternate cobi-wavebar}.cobi[data-mood=voice] .cobi-wave rect:nth-child(2){animation-delay:.12s}.cobi[data-mood=voice] .cobi-wave rect:nth-child(3){animation-delay:.27s}.cobi[data-mood=voice] .cobi-wave rect:nth-child(4){animation-delay:60ms}.cobi[data-mood=voice] .cobi-wave rect:nth-child(5){animation-delay:.2s}@keyframes cobi-wavebar{0%{transform:scaleY(.4)}to{transform:scaleY(2)}}.cobi[data-mood=work] .cobi-float{animation:none}.cobi[data-mood=work] .cobi-sq{animation:.8s infinite cobi-bounce}@keyframes cobi-bounce{0%,to{animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translateY(0)scale(1.16,.84)}18%{transform:translateY(-8px)scale(.92,1.1)}50%{animation-timing-function:cubic-bezier(.6,0,.8,.4);transform:translateY(-26px)scale(1)}82%{transform:translateY(-8px)scale(.92,1.1)}}.cobi[data-mood=work] .cobi-shadow{animation:.8s infinite cobi-shadow}@keyframes cobi-shadow{0%,to{opacity:.28;transform:scale(1.15)}50%{opacity:.1;transform:scale(.6)}}.cobi[data-mood=confused] .cobi-tilt{transform:rotate(-13deg)}.cobi[data-mood=confused] .cobi-eyes{animation:.45s ease-in-out 2 cobi-shake}@keyframes cobi-shake{0%,to{transform:translate(0)}25%{transform:translate(5px)}75%{transform:translate(-5px)}}.cobi[data-mood=error] .cobi-open,.cobi[data-mood=offline] .cobi-open{opacity:0}.cobi[data-mood=error] .cobi-sad,.cobi[data-mood=offline] .cobi-closed{opacity:1}.cobi[data-mood=error] .cobi-float,.cobi[data-mood=offline] .cobi-float{animation:none}.cobi[data-mood=error] .cobi-sq{transition:transform .5s var(--cobi-ez);transform:scale(1.07,.93)}.cobi[data-mood=error] .cobi-eyes,.cobi[data-mood=offline] .cobi-eyes{transform:translateY(3px)}.cobi[data-mood=offline] .cobi-b{fill:var(--color-adm-icon)}@media (prefers-reduced-motion:reduce){.cobi *{transition:none!important;animation:none!important}}@property --cobi-ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.cobi-ring,.cobi-ring-glow{border-radius:inherit;pointer-events:none;opacity:0;background:conic-gradient(from var(--cobi-ring-angle),var(--color-adm-accent),color-mix(in srgb,var(--color-adm-accent) 35%,var(--color-adm-surface)),color-mix(in srgb,var(--color-adm-accent) 12%,var(--color-adm-surface)),color-mix(in srgb,var(--color-adm-accent) 70%,var(--color-adm-surface)),var(--color-adm-accent));transition:opacity .35s;position:absolute;inset:-1.5px}.cobi-ring[data-on],.cobi-ring-glow[data-on]{animation:3.2s linear infinite cobi-ring-turn}.cobi-ring{-webkit-mask-composite:xor;padding:1.5px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.cobi-ring[data-on]{opacity:1}.cobi-ring-glow{filter:blur(14px)}.cobi-ring-glow[data-on]{opacity:.38}@keyframes cobi-ring-turn{to{--cobi-ring-angle:360deg}}.cobi-peek{pointer-events:none;position:absolute;overflow:hidden}.cobi-peek>.cobi{transition:transform .45s cubic-bezier(.3,1.5,.4,1);position:absolute;bottom:0;left:0;transform:translateY(100%)}.cobi-peek[data-on]>.cobi{transform:translateY(var(--cobi-peek-sunk))}@media (prefers-reduced-motion:reduce){.cobi-ring,.cobi-ring-glow,.cobi-peek>.cobi{transition:none!important;animation:none!important}}
