.textarea{display:block;margin-bottom:25px;position:relative;width:100%}.textarea__label{color:#22334459;font-size:20px;left:0;line-height:54px;max-width:100%;overflow:hidden;padding-left:0;padding-right:0;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;transition:font-size .2s linear,line-height .2s linear;white-space:nowrap;z-index:4}@media screen and (max-width:767px){.textarea__label{font-size:18px}}.textarea__field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-bottom:1px solid #d0d0e8;border-radius:0;box-shadow:none;color:#234c;display:block;font-size:20px;font-weight:400;height:120px;letter-spacing:.4px;outline:none;padding:18px 0 0;resize:none;text-overflow:ellipsis;transition:border-color .2s ease;white-space:nowrap;width:100%}@media screen and (max-width:767px){.textarea__field{font-size:18px;line-height:22px}}.textarea__field:focus{border-color:#0956b3}.textarea__field:focus+.textarea__label{font-size:14px;line-height:25px}@media screen and (max-width:767px){.textarea__field:focus+.textarea__label{line-height:20px}}.textarea__field:disabled{background:#f8f8f8}.textarea--error .textarea__field:invalid{border-color:#f7002f}.textarea__error{color:#f7002f;display:none;font-size:14px;left:0;line-height:16px;padding-top:2px;position:absolute;top:100%}.textarea:hover .textarea__field{border-color:#0956b3}.textarea--filled .textarea__label{font-size:14px;line-height:25px}@media screen and (max-width:767px){.textarea--filled .textarea__label{line-height:20px}}.textarea--filled .textarea__field{border-color:#0956b3}