.login-logo{flex-direction:column;width:100%;display:flex}.login-logo__head{pointer-events:none;direction:ltr;height:290px;transition:height .48s cubic-bezier(.3,.75,.2,1);position:relative}.login-logo__place{transform-origin:50% 0;width:150px;margin-left:-75px;transition:transform .48s cubic-bezier(.3,.75,.2,1),top .48s cubic-bezier(.3,.75,.2,1);position:absolute;top:40px;left:50%}.login-logo--dock .login-logo__head{height:118px}.login-logo--dock .login-logo__place{top:0;transform:scale(.46)}.login-logo--gone .login-logo__head{height:0;transition:none}.login-logo--gone .login-logo__place{opacity:0}.login-logo__svg{width:150px;height:158px;display:block;overflow:visible}.login-logo__name{text-align:center;white-space:nowrap;opacity:0;width:200%;margin-top:20px;font-family:Cairo,sans-serif;font-size:58px;font-weight:800;line-height:1.2;transition:opacity .4s cubic-bezier(.2,.8,.3,1),transform .4s cubic-bezier(.2,.8,.3,1);position:absolute;top:100%;left:-50%;transform:translateY(20px)}.login-logo__eye{transform-box:fill-box;transform-origin:50%;transition:transform .4s cubic-bezier(.2,.8,.3,1)}.login-logo__mouth{stroke-dasharray:150;stroke-dashoffset:150px;transition:stroke-dashoffset .4s cubic-bezier(.2,.8,.3,1)}.login-logo--smiled .login-logo__name{opacity:1;transform:none}.login-logo--smiled .login-logo__eye{transform:translateY(-10px)scaleY(.72)}.login-logo--smiled .login-logo__mouth{stroke-dashoffset:0}.login-logo__mood{transform-origin:50% 60%;position:relative}.login-logo__mood--happy{animation:.46s cubic-bezier(.3,.7,.3,1) login-logo-happy}.login-logo__mood--happy .login-logo__eye{animation:.46s login-logo-eyes-happy}.login-logo__mood--shake{animation:.44s login-logo-shake}.login-logo__mood--shake .login-logo__eye{animation:.7s login-logo-eyes-sad}.login-logo__mood--shake .login-logo__mouth{animation:.7s login-logo-mouth-flat}.login-logo__mood--think{animation:.7s ease-in-out infinite login-logo-bob}.login-logo__mood--think .login-logo__eye{animation:1.4s ease-in-out infinite login-logo-eyes-look}.login-logo__mood--wave{transform-origin:50% 100%;animation:.9s login-logo-wave}.login-logo__mood--exit{animation:.35s ease-in forwards login-logo-exit}.login-logo__form>*,.login-logo__form .login-logo-steps>*>*{animation:.38s cubic-bezier(.2,.8,.3,1) backwards login-logo-rise}.login-logo__form>:nth-child(2){animation-delay:60ms}.login-logo__form .login-logo-steps>*>:first-child{animation-delay:.12s}.login-logo__form .login-logo-steps>*>:nth-child(2){animation-delay:.18s}.login-logo__form .login-logo-steps>*>:nth-child(3){animation-delay:.24s}.login-logo__form .login-logo-steps>*>:nth-child(4){animation-delay:.3s}.login-logo__form .login-logo-steps>*>:nth-child(5){animation-delay:.36s}.login-logo__form .login-logo-steps>*>:nth-child(6){animation-delay:.42s}.login-logo__form .login-logo-steps>*>:nth-child(7){animation-delay:.48s}.login-logo__form .login-logo-steps>*>:nth-child(8){animation-delay:.54s}.login-logo__form--leaving{animation:.26s forwards login-logo-form-out}.login-logo--still .login-logo__head,.login-logo--still .login-logo__place,.login-logo--still .login-logo__name,.login-logo--still .login-logo__eye,.login-logo--still .login-logo__mouth{transition:none}.login-logo--still .login-logo__form>*,.login-logo--still .login-logo__form .login-logo-steps>*>*{animation:none}@keyframes login-logo-happy{35%{transform:translateY(-12px)scale(1.05)}70%{transform:translateY(3px)scale(.98)}}@keyframes login-logo-eyes-happy{0%,to{transform:translateY(-10px)scaleY(.72)}40%{transform:translateY(-16px)scaleY(.4)}}@keyframes login-logo-shake{15%{transform:translate(-12px)rotate(-3deg)}35%{transform:translate(11px)rotate(3deg)}55%{transform:translate(-8px)}75%{transform:translate(5px)}}@keyframes login-logo-eyes-sad{0%,to{transform:translateY(-10px)scaleY(.72)}20%,70%{transform:none}}@keyframes login-logo-mouth-flat{0%,to{stroke-dashoffset:0}20%,70%{stroke-dashoffset:150px}}@keyframes login-logo-bob{50%{transform:translateY(-7px)}}@keyframes login-logo-eyes-look{0%,to{transform:translateY(-10px)scaleY(.72)}25%{transform:translate(-16px,-10px)scaleY(.72)}75%{transform:translate(16px,-10px)scaleY(.72)}}@keyframes login-logo-wave{20%{transform:rotate(-9deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(3deg)}}@keyframes login-logo-exit{to{opacity:0;transform:scale(1.12)}}@keyframes login-logo-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes login-logo-form-out{to{opacity:0;transform:translateY(-8px)}}