.cloud-face{display:block;overflow:visible}.cloud-face *{transform-box:fill-box;transform-origin:50%}.cf-gaze{transition:transform .26s cubic-bezier(.22,1,.36,1)}.cf-mood{transition:transform .26s cubic-bezier(.34,1.56,.64,1)}@media (prefers-reduced-motion:no-preference){.cloud-face[data-animate=always] .cf-body,.cloud-face[data-animate=hover]:hover .cf-body{transform-origin:50% 100%;animation:4.2s ease-in-out infinite cf-breathe}.cloud-face[data-animate=always] .cf-blink,.cloud-face[data-animate=hover]:hover .cf-blink{animation:5.4s infinite cf-blink}.cloud-face[data-mood=thinking] .cf-mood{animation:2.6s ease-in-out infinite cf-think}.cloud-face[data-mood=happy] .cf-body,.cloud-face[data-mood=love] .cf-body{animation:.9s cubic-bezier(.34,1.56,.64,1) cf-hop}.cloud-face[data-mood=love] .cf-mood{animation:.9s ease-in-out infinite cf-pulse}.cloud-face[data-mood=sleepy] .cf-body{transform-origin:50% 100%;animation:6s ease-in-out infinite cf-breathe}}@keyframes cf-breathe{0%,to{transform:translateY(0)rotate(0)scale(1)}25%{transform:translateY(-2px)rotate(-1.2deg)scale(.99,1.02)}50%{transform:translateY(-3px)rotate(0)scale(.985,1.025)}75%{transform:translateY(-1px)rotate(1.2deg)scale(.99,1.02)}}@keyframes cf-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}@keyframes cf-think{0%,to{transform:translate(-5px,-3px)}50%{transform:translate(5px,-3px)}}@keyframes cf-hop{0%{transform:translateY(0)scale(1)}35%{transform:translateY(-9px)scale(.97,1.05)}to{transform:translateY(0)scale(1)}}@keyframes cf-pulse{0%,to{transform:scale(1.12)}50%{transform:scale(1.28)}}.cloud-face[data-mood=happy] .cf-mood{transform:scaleY(.5)translateY(2px)}.cloud-face[data-mood=love] .cf-mood{transform:scale(1.15)}.cloud-face[data-mood=sad] .cf-mood{transform:rotate(14deg)translateY(5px)scaleY(.9)}.cloud-face[data-mood=unsure] .cf-mood{transform:rotate(-11deg)translate(-3px)}.cloud-face[data-mood=sleepy] .cf-mood{transform:scaleY(.22)translateY(3px)}.cloud-face[data-mood=thinking] .cf-mood{transform:translateY(-3px)}