.cc-txtarea{position:relative;text-align:left;padding-top:25px;display:flex}.cc-txtarea::before{content:"";position:absolute;top:25px;bottom:0;left:0;right:0;background-color:#f2f2f2;border:0 none;border-bottom:1px solid #f2f2f2;border-radius:8px;z-index:0}
.cc-txtarea textarea{font-family:Roboto,sans-serif,arial,Helvetica;font-size:18px;line-height:1.3;color:#333;background-color:transparent;border:0 none;border-bottom:1px solid transparent;border-radius:8px;padding:16px 32px 16px 24px;width:0;height:112px;min-height:54px;flex:1 1 auto;outline:0;position:relative;resize:vertical;box-shadow:none;z-index:2}
.cc-txtarea.prefixed textarea{border-bottom-left-radius:0}.cc-txtarea textarea:focus{border-bottom-color:#b9b9b9}.cc-txtarea label{font-size:14px;color:#81909d;position:absolute;top:0;left:0;transition:all .3s;z-index:1}
.cc-txtarea textarea:placeholder-shown+label{font-size:14px;top:42px;left:24px}.cc-txtarea textarea:focus+label,.cc-txtarea textarea:not(:placeholder-shown)+label{font-size:14px;left:0;top:0}.cc-txtarea .placeholder{position:absolute;top:42px;left:0;color:#b9b9b9;opacity:0;z-index:0;transition:opacity .5s}
.cc-txtarea textarea:focus:placeholder-shown ~ .placeholder{opacity:1}.cc-txtarea .error{font-size:12px;line-height:1;color:#b42527;position:absolute;top:84px;right:0;z-index:1;display:none}.cc-txtarea.valid::after,.cc-txtarea.invalid::after{font-family:"ccicon";text-align:center;position:absolute;width:16px;height:16px;border-radius:10px}
.cc-txtarea.valid::after{content:"\e905";font-size:10px;color:#fff;line-height:1.7;background-color:#00b46f;bottom:20px;right:10px}.cc-txtarea.invalid::after{content:"\e90c";color:#e40613;font-size:20px;line-height:1;right:10px;bottom:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.cc-txtarea.invalid .error{display:block}.cc-txtarea.valid textarea{border-bottom-color:#00b46f}.cc-txtarea.invalid textarea{border-bottom-color:#e40613}