.cass{display:block;overflow:visible}.cass *{transform-box:view-box}.cass__b{animation:cass-float 3.6s ease-in-out infinite}.cass__b,.cass__badge{transform-origin:100px 34px}.cass__badge{transition:transform .52s var(--ease-spring)}.cass[data-state=cheers] .cass__badge,.cass[data-state=happy] .cass__badge{transform:translateY(-9px) scale(1.06)}.cass[data-state=thinking] .cass__badge{transform:translateY(-3px)}.cass[data-state=sleeping] .cass__badge{transform:translateY(4px) scale(.94)}@keyframes cass-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-5px) rotate(3deg)}}.cass__body{transform-origin:100px 160px;animation:cass-breathe 4.2s ease-in-out infinite}@keyframes cass-breathe{0%,to{transform:scaleY(1) translateY(0)}50%{transform:scaleY(1.018) translateY(-1.5px)}}.cass__ear{transition:transform .42s var(--ease-spring)}.cass__ear--l{transform-origin:40px 118px}.cass__ear--r{transform-origin:160px 118px}.cass[data-state=listening] .cass__ear--l{transform:rotate(-13deg) translateY(-4px) scale(1.07)}.cass[data-state=listening] .cass__ear--r{transform:rotate(13deg) translateY(-4px) scale(1.07)}.cass[data-state=sleeping] .cass__ear--l{transform:rotate(16deg) translateY(5px)}.cass[data-state=sleeping] .cass__ear--r{transform:rotate(-16deg) translateY(5px)}.cass__lid{transform-origin:100px 86px;transition:transform .52s var(--ease-spring)}.cass[data-state=cheers] .cass__lid,.cass[data-state=happy] .cass__lid{transform:translateY(-11px) rotate(-6deg)}.cass[data-state=thinking] .cass__lid{transform:translateY(-4px) rotate(4deg)}.cass__steam{transition:opacity .34s var(--ease-out)}.cass[data-state=cheers] .cass__steam,.cass[data-state=happy] .cass__steam{opacity:.85}.cass[data-state=cheers] .cass__steam-1,.cass[data-state=happy] .cass__steam-1{animation:cass-steam 2.1s ease-in-out infinite}.cass[data-state=cheers] .cass__steam-2,.cass[data-state=happy] .cass__steam-2{animation:cass-steam 2.1s ease-in-out .35s infinite}.cass[data-state=cheers] .cass__steam-3,.cass[data-state=happy] .cass__steam-3{animation:cass-steam 2.1s ease-in-out .7s infinite}@keyframes cass-steam{0%{transform:translateY(4px) scaleY(.7);opacity:0}35%{opacity:.9}to{transform:translateY(-16px) scaleY(1.15);opacity:0}}.cass__pupils{transition:transform .26s var(--ease-out)}.cass__lids{transform-origin:100px 108px;transform:scaleY(0);animation:cass-blink 6.5s ease-in-out infinite}@keyframes cass-blink{0%,92%,to{transform:scaleY(0)}95%,97%{transform:scaleY(1)}}.cass[data-state=sleeping] .cass__lids{animation:none;transform:scaleY(1)}.cass__mouth{transition:d .3s var(--ease-out)}.cass[data-state=cheers] .cass__mouth,.cass[data-state=happy] .cass__mouth{d:path("M88 136q12 11 24 0")}.cass[data-state=thinking] .cass__mouth{d:path("M92 139h16")}.cass[data-state=sleeping] .cass__mouth{d:path("M94 138q6 4 12 0")}.cass__arm{transition:transform .46s var(--ease-spring)}.cass__arm--l{transform-origin:56px 132px}.cass__arm--r{transform-origin:144px 132px}.cass[data-state=cheers] .cass__arm--r{transform:rotate(-58deg);animation:cass-wave 1s ease-in-out 3}@keyframes cass-wave{0%,to{transform:rotate(-58deg)}50%{transform:rotate(-76deg)}}.cass[data-state=happy] .cass__arm--l{transform:rotate(14deg)}.cass[data-state=happy] .cass__arm--r{transform:rotate(-14deg)}.cass__foot{transform-origin:center bottom}.cass[data-state=thinking] .cass__foot--r{animation:cass-tap .62s ease-in-out infinite}@keyframes cass-tap{0%,70%,to{transform:translateY(0) rotate(0deg)}85%{transform:translateY(-4px) rotate(-9deg)}}.says{position:relative;display:inline-block;max-width:22rem;background:var(--cream);color:var(--ink);border:var(--keyline-thick) solid var(--ink);border-radius:8px;padding:.7rem .95rem;box-shadow:var(--lift-sm)}.says:after,.says:before{content:"";position:absolute;left:1.6rem;bottom:-13px;width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:13px solid var(--ink)}.says:after{bottom:-8px;border-top-color:var(--cream)}.says--right:after,.says--right:before{left:auto;right:1.6rem}@media (prefers-reduced-motion:reduce){.cass[data-state=cheers] .cass__arm--r,.cass__b,.cass__badge,.cass__body,.cass__foot--r,.cass__lids,.cass__steam-1,.cass__steam-2,.cass__steam-3{animation:none!important}.cass__lids{transform:scaleY(0)}.cass[data-state=cheers] .cass__steam,.cass[data-state=happy] .cass__steam{opacity:.7}}