textarea[data-v-846b9d04] {
    font-size: 14px;
    line-height: 18px;
    padding: 13px 8px;
    resize: none;
    border: none;
    outline: none;
    color: #333
}

.TTalk_message_content .TTalk_message_area .tt-input[data-v-846b9d04] {
    height: 88px
}

.TTalk_message_content .tt-input[data-v-846b9d04] {
    width: 100%;
    display: inline-block;
    height: 48px;
    background: #fff;
    border-radius: 4px
}

.TTalk_message_content .tt-input input[type=text][data-v-846b9d04] {
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    margin: 0 0 1em;
    padding: 1em;
    border: 1px solid #fff;
    border-radius: 4px;
    resize: none;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    background: #fff;
    box-shadow: none;
    position: unset
}

.TTalk_message_content .tt-input input[type=text][required][data-v-846b9d04]:focus, .TTalk_message_content .tt-input textarea[type=textarea][required][data-v-846b9d04]:focus {
    border-color: #2c51ef !important
}

.TTalk_message_content .tt-input input[type=text][required]:focus + label[placeholder][data-v-846b9d04]:before, .TTalk_message_content .tt-input textarea[type=textarea][required]:focus + label[placeholder][data-v-846b9d04]:before {
    color: #2c51ef !important;
    font-size: 14px
}

.TTalk_message_content .tt-input input[type=text][required]:focus + label[placeholder][data-v-846b9d04]:before, .TTalk_message_content .tt-input input[type=text][required]:valid + label[placeholder][data-v-846b9d04]:before {
    transition-duration: .2s;
    -webkit-transform: translateY(-24px);
    -ms-transform: translateY(-24px);
    -moz-transform: translateY(-24px);
    height: 21px;
    line-height: 21px
}

.TTalk_message_content .tt-input input[type=text][required][data-v-846b9d04]:valid, .TTalk_message_content .tt-input textarea[type=textarea][required][data-v-846b9d04]:valid {
    border-color: #333
}

.TTalk_message_content .tt-input input[type=text][required]:valid + label[placeholder][data-v-846b9d04]:before, .TTalk_message_content .tt-input textarea[type=textarea][required]:valid + label[placeholder][data-v-846b9d04]:before {
    color: #333;
    font-size: 14px
}

.TTalk_message_content .tt-input input[type=text][required]:invalid + label[placeholder][alt][data-v-846b9d04]:before, .TTalk_message_content .tt-input textarea[type=textarea][required]:invalid + label[placeholder][alt][data-v-846b9d04]:before {
    content: attr(alt)
}

.TTalk_message_content .tt-input input[type=text][required] + label[placeholder][data-v-846b9d04] {
    display: block;
    pointer-events: none;
    margin-top: -50px;
    margin-bottom: calc(-46px - 1em);
    font-size: 16px;
    font-weight: 400
}

.TTalk_message_content .tt-input input[type=text][required] + label[placeholder][data-v-846b9d04]:before, .TTalk_message_content .tt-input textarea[type=textarea][required] + label[placeholder][data-v-846b9d04]:before {
    content: attr(placeholder);
    display: inline-block;
    margin: 0 calc(1em + 2px);
    padding: 0 10px;
    color: #ddd;
    white-space: nowrap;
    transition: .3s ease-in-out;
    background-image: linear-gradient(180deg, #fff, #fff);
    background-size: 100% 4px;
    background-repeat: no-repeat;
    background-position: 0 55%
}

.TTalk_message_content textarea[type=textarea][required] + label[placeholder][data-v-846b9d04]:before {
    background-position: 0 70% !important
}

.TTalk_message_content textarea[type=textarea][data-v-846b9d04] {
    box-sizing: border-box;
    width: 100%;
    height: 89px;
    margin: 0 0 1em;
    padding: 1em;
    border: 1px solid #fff;
    border-radius: 4px;
    resize: none;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    background: transparent;
    box-shadow: none
}

.TTalk_message_content textarea[type=textarea][required]:focus + label[placeholder][data-v-846b9d04]:before, .TTalk_message_content textarea[type=textarea][required]:valid + label[placeholder][data-v-846b9d04]:before {
    transition-duration: .2s;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -moz-transform: translateY(-26px)
}

.TTalk_message_content textarea[type=textarea][required] + label[placeholder][data-v-846b9d04] {
    display: block;
    pointer-events: none;
    margin-top: -90px;
    margin-bottom: calc(-86px - 1em);
    font-size: 16px;
    font-weight: 400
}

textarea[disabled][data-v-846b9d04] {
    cursor: not-allowed
}