.messages-enter-active,.messages-leave-active{-webkit-transition:all .6s ease;transition:all .6s ease;-webkit-transform-origin:left bottom;transform-origin:left bottom}.messages-enter,.messages-leave-to{opacity:0;-webkit-transition-duration:.6s;transition-duration:.6s;-webkit-transform:translateX(-30px);transform:translateX(-30px);-webkit-transform-origin:left bottom;transform-origin:left bottom}.fade-in-from-left-move{-webkit-transition:-webkit-transform .6s ease;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}.fade-in-from-left-leave-active{position:absolute}.fade-in-from-left-enter-active,.fade-in-from-left-leave-active{-webkit-transition:all .6s ease;transition:all .6s ease;-webkit-transform-origin:left bottom;transform-origin:left bottom}.fade-in-from-left-enter,.fade-in-from-left-leave-to{opacity:0;-webkit-transform:translateX(-40px);transform:translateX(-40px);-webkit-transform-origin:left bottom;transform-origin:left bottom}.fade-in-from-right-enter-active,.fade-in-from-right-leave-active{-webkit-transition:all .5s ease;transition:all .5s ease}.fade-in-from-right-enter,.fade-in-from-right-leave-to{opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}.pop-up-in-enter-active,.pop-up-in-leave-active{-webkit-transition:all .15s ease;transition:all .15s ease;-webkit-transform-origin:right bottom;transform-origin:right bottom}.pop-up-in-enter,.pop-up-in-leave-to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .2s;transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}.record-btn-with-progress{padding:0 10px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.has-mouse .record-btn-with-progress:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.record-btn-with-progress .progress-line{position:absolute;z-index:999;margin-top:-4px;margin-left:-4px}