.razom.monvelUi.textarea{display:inline-block}.razom.monvelUi.textarea.fluid,.razom.monvelUi.textarea.fluid textarea{width:100%}@media(hover:hover){.razom.monvelUi.textarea:not(.disabled):not(.readOnly) .inputWrapper:hover textarea:not(:focus){border-color:#c8cdd2}.razom.monvelUi.textarea:not(.disabled):not(.readOnly) .inputWrapper:hover .title{color:#14191e}}@media(hover:none){.razom.monvelUi.textarea:not(.disabled):not(.readOnly) .inputWrapper:active textarea:not(:focus){border-color:#c8cdd2}.razom.monvelUi.textarea:not(.disabled):not(.readOnly) .inputWrapper:active .title{color:#14191e}}.razom.monvelUi.textarea.value .title{font-family:TT Norms Pro,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif}@supports(font-variation-settings:normal){.razom.monvelUi.textarea.value .title{font-family:TT Norms Pro VF,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif}}.razom.monvelUi.textarea.value .title{font-style:normal;font-weight:450;font-variation-settings:"wght" 400,"slnt" 0;font-size:13px;line-height:16px;letter-spacing:0;padding-bottom:0;top:1px;left:1px;padding-top:7px}.razom.monvelUi.textarea.value textarea:focus~.clear,.razom.monvelUi.textarea.value textarea:not(:disabled):active~.clear,.razom.monvelUi.textarea.value:not(.disabled):not(.readOnly) .inputWrapper:hover .clear{visibility:visible;opacity:1}.razom.monvelUi.textarea.error .inputWrapper{margin-bottom:4px}.razom.monvelUi.textarea.error textarea{border-color:#e1194b}.razom.monvelUi.textarea.hint .inputWrapper{margin-bottom:4px}.razom.monvelUi.textarea.disabled:not(.readOnly) textarea:disabled{border-color:#e6ebf0;background-color:#f6f9fc;color:#c8cdd2}.razom.monvelUi.textarea.disabled:not(.readOnly) .title{color:#c8cdd2}.razom.monvelUi.textarea.disabled:not(.readOnly) .inputWrapper:before{background-color:#f6f9fc}.razom.monvelUi.textarea.readOnly textarea,.razom.monvelUi.textarea.readOnly textarea:focus,.razom.monvelUi.textarea.readOnly textarea:not(:disabled):active{background-color:#fff;border-radius:0;border-color:#fff #fff #c8cdd2}.razom.monvelUi.textarea .inputWrapper{position:relative}.razom.monvelUi.textarea .inputWrapper:before{display:block;position:absolute;opacity:1;top:1px;left:1px;content:"";height:27px;width:calc(100% - 48px);background-color:#fff;border-top-left-radius:12px;transition:all .3s ease,height 0s ease}.razom.monvelUi.textarea textarea{font-family:TT Norms Pro,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif}@supports(font-variation-settings:normal){.razom.monvelUi.textarea textarea{font-family:TT Norms Pro VF,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif}}.razom.monvelUi.textarea textarea{font-style:normal;font-weight:600;font-variation-settings:"wght" 520,"slnt" 0;font-size:16px;line-height:24px;letter-spacing:0;margin:0;padding:23.5px 46px 8px 15px;width:100%;outline:none;background-color:#fff;border:1px solid #e6ebf0;border-radius:12px;color:#14191e;resize:none;box-sizing:border-box;vertical-align:bottom;scrollbar-width:thin;scrollbar-color:#e6ebf0 hsla(0,0%,100%,0);transition:all .3s ease,height 0s ease}.razom.monvelUi.textarea textarea::placeholder{font-family:TT Norms Pro,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif}@supports(font-variation-settings:normal){.razom.monvelUi.textarea textarea::placeholder{font-family:TT Norms Pro VF,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif}}.razom.monvelUi.textarea textarea::placeholder{font-style:normal;font-weight:450;font-variation-settings:"wght" 400,"slnt" 0;font-size:16px;line-height:24px;letter-spacing:0;opacity:0;color:#c8cdd2;transition:all .3s ease,height 0s ease}.razom.monvelUi.textarea textarea:focus,.razom.monvelUi.textarea textarea:not(:disabled):active{border-color:#00c8fa}.razom.monvelUi.textarea textarea:focus~.title,.razom.monvelUi.textarea textarea:not(:disabled):active~.title{font-family:TT Norms Pro,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif}@supports(font-variation-settings:normal){.razom.monvelUi.textarea textarea:focus~.title,.razom.monvelUi.textarea textarea:not(:disabled):active~.title{font-family:TT Norms Pro VF,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif}}.razom.monvelUi.textarea textarea:focus~.title,.razom.monvelUi.textarea textarea:not(:disabled):active~.title{font-style:normal;font-weight:450;font-variation-settings:"wght" 400,"slnt" 0;font-size:13px;line-height:16px;letter-spacing:0;padding-bottom:0;top:1px;left:1px;padding-top:7px;color:#14191e}.razom.monvelUi.textarea textarea:focus::placeholder,.razom.monvelUi.textarea textarea:not(:disabled):active::placeholder{opacity:1}.razom.monvelUi.textarea textarea::-webkit-scrollbar{width:8px;cursor:pointer}.razom.monvelUi.textarea textarea::-webkit-scrollbar-track{margin-top:16px;margin-bottom:16px;border:3px solid hsla(0,0%,100%,0);background:hsla(0,0%,100%,0)}.razom.monvelUi.textarea textarea::-webkit-scrollbar-thumb{box-shadow:inset 0 0 10px 10px #e6ebf0;border-left:2px solid hsla(0,0%,100%,0);border-right:2px solid hsla(0,0%,100%,0)}.razom.monvelUi.textarea .title{font-family:TT Norms Pro,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif}@supports(font-variation-settings:normal){.razom.monvelUi.textarea .title{font-family:TT Norms Pro VF,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif}}.razom.monvelUi.textarea .title{font-style:normal;font-weight:450;font-variation-settings:"wght" 400,"slnt" 0;font-size:16px;line-height:24px;letter-spacing:0;position:absolute;top:1px;left:1px;width:calc(100% - 42px);padding:15.5px 16px 0 15px;border-radius:12px;color:#64696e;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;z-index:3;transition:all .3s ease}.razom.monvelUi.textarea .clear{visibility:hidden;opacity:0;position:absolute;top:16px;right:16px;color:#c8cdd2;z-index:2;transition:all .3s ease}.razom.monvelUi.textarea .clear .icon-component{cursor:pointer}.razom.monvelUi.textarea .hintText{font-family:TT Norms Pro,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif}@supports(font-variation-settings:normal){.razom.monvelUi.textarea .hintText{font-family:TT Norms Pro VF,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif}}.razom.monvelUi.textarea .hintText{font-style:normal;font-weight:450;font-variation-settings:"wght" 400,"slnt" 0;font-size:13px;line-height:16px;letter-spacing:0;padding:0 16px;color:#64696e}.razom.monvelUi.textarea .errorText{font-family:TT Norms Pro,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif}@supports(font-variation-settings:normal){.razom.monvelUi.textarea .errorText{font-family:TT Norms Pro VF,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif}}.razom.monvelUi.textarea .errorText{font-style:normal;font-weight:450;font-variation-settings:"wght" 400,"slnt" 0;font-size:13px;line-height:16px;letter-spacing:0;padding:0 16px;color:#e1194b}.razom.monvelUi.textarea.medium textarea:focus~.title,.razom.monvelUi.textarea.medium textarea:not(:disabled):active~.title,.razom.monvelUi.textarea.medium.value .title{font-family:TT Norms Pro,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif}@supports(font-variation-settings:normal){.razom.monvelUi.textarea.medium textarea:focus~.title,.razom.monvelUi.textarea.medium textarea:not(:disabled):active~.title,.razom.monvelUi.textarea.medium.value .title{font-family:TT Norms Pro VF,Arial,Roboto,Helvetica Neue,Noto Sans,Open Sans,Ubuntu,sans-serif}}.razom.monvelUi.textarea.medium textarea:focus~.title,.razom.monvelUi.textarea.medium textarea:not(:disabled):active~.title,.razom.monvelUi.textarea.medium.value .title{font-style:normal;font-weight:450;font-variation-settings:"wght" 400,"slnt" 0;font-size:16px;line-height:24px;letter-spacing:0;visibility:hidden;opacity:0;padding:7.5px 7px 0 11px}.razom.monvelUi.textarea.medium textarea{padding:8px 24px 8px 11px;border-radius:8px}.razom.monvelUi.textarea.medium .title{padding:7.5px 7px 0 11px;opacity:1}.razom.monvelUi.textarea.medium .clear{top:8px;right:8px}.razom.monvelUi.textarea.medium .errorText,.razom.monvelUi.textarea.medium .hintText{padding:0 12px}.razom.monvelUi.textarea.medium.readOnly textarea{border-radius:0}.razom.monvelUi.textarea.medium .inputWrapper:before{display:none}