.ac-scene{position:relative;width:550px;height:450px;overflow:hidden}.ac-ground{position:absolute;left:0;right:0;bottom:0;height:40px;z-index:0;pointer-events:none}.ac-ground span{position:absolute;bottom:2px;height:16px;border-radius:50%;background:rgba(45,49,66,.22);filter:blur(7px)}.ac-ground:after{content:"";position:absolute;left:-24px;right:-24px;bottom:0;height:8px;background:radial-gradient(ellipse 50% 100% at 50% 50%,rgba(45,49,66,.14),transparent 75%);filter:blur(4px)}.ac-eyes{position:absolute;display:flex}.ac-eyes--slow{transition:all .6s ease-out}.ac-eyes--fast{transition:all .2s ease-out}.ac-eyeball{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;transition:height .15s ease,border-radius .3s ease,transform .3s ease}.ac-pupil{border-radius:50%;transition:transform .1s ease-out}.ac-mouth{position:absolute;background-color:#2d2d2d;transition:left .6s ease-out,top .6s ease-out,width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.ac-mouth--purple{width:24px;height:8px;border-radius:0 0 12px 12px}.ac-mouth--purple.is-typing{width:7px;height:32px;border-radius:0;transform:translateX(8.5px) translateY(-28px) var(--counter-skew,skewX(0deg))}.ac-mouth--purple.is-sad{border-radius:12px 12px 0 0}.ac-mouth--purple.is-happy{width:30px;height:16px;border-radius:0 0 15px 15px}.ac-mouth--orange{width:26px;height:13px;border-radius:0 0 13px 13px;transition:left .2s ease-out,top .2s ease-out,width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.ac-mouth--orange.is-typing{width:14px;height:14px;border-radius:50%;transform:translateX(6px)}.ac-mouth--orange.is-sad{border-radius:13px 13px 0 0}.ac-mouth--orange.is-happy{width:32px;height:18px;border-radius:0 0 16px 16px}.ac-mouth-line{position:absolute;transition:all .2s ease-out}.ac-mouth-line__path{d:path("M0 6 Q10 12, 20 15 Q30 17, 40 17 Q50 17, 60 15 Q70 12, 80 6");transition:d .5s cubic-bezier(.4,0,.2,1)}.ac-mouth-line__path--wavy{d:path("M0 10 Q10 2, 20 10 Q30 18, 40 10 Q50 2, 60 10 Q70 18, 80 10")}.ac-mouth-line__path--happy{d:path("M0 2 Q10 10, 20 14 Q30 18, 40 18 Q50 18, 60 14 Q70 10, 80 2")}.ac-shake-a{animation:ac-shake-head-a .8s cubic-bezier(.36,.07,.19,.97) both}.ac-shake-b{animation:ac-shake-head-b .8s cubic-bezier(.36,.07,.19,.97) both}@keyframes ac-shake-head-a{0%,to{translate:0 0}10%{translate:-9px 0}20%{translate:7px 0}30%{translate:-6px 0}40%{translate:5px 0}50%{translate:-4px 0}60%{translate:3px 0}70%{translate:-2px 0}80%{translate:1px 0}90%{translate:-.5px 0}}@keyframes ac-shake-head-b{0%,to{translate:0 0}10%{translate:-9px 0}20%{translate:7px 0}30%{translate:-6px 0}40%{translate:5px 0}50%{translate:-4px 0}60%{translate:3px 0}70%{translate:-2px 0}80%{translate:1px 0}90%{translate:-.5px 0}}.ac-black-hint{position:absolute;top:-38px;right:-10px;z-index:12;padding:6px 12px;border-radius:12px 12px 12px 4px;background:#fff;color:#2d2d2d;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 8px 18px rgba(0,0,0,.3);animation:ac-hint-in .3s ease-out both}@keyframes ac-hint-in{0%{opacity:0;transform:translateY(6px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}