.ui-textarea{--input-padding:20px;--input-label-padding:4px;display:flex;min-height:120px}.ui-textarea__field{background-color:var(--surface-white);border:2px solid var(--surface-black-t10);box-sizing:border-box;display:flex;height:inherit;min-width:136px;position:relative;transition:var(--primary-transition) background-color;width:100%}.ui-textarea__field label{-webkit-box-orient:vertical;-webkit-line-clamp:1;background-color:var(--surface-white);color:var(--subtle-text2);display:-webkit-box;font-size:16px;left:var(--input-padding);line-height:138%;max-width:calc(100% - var(--input-padding)*2 - var(--input-label-padding)*2);overflow:hidden;padding:0 var(--input-label-padding);position:absolute;text-overflow:ellipsis;top:32px;transform:translateY(-50%);transition:var(--secondary-transition);width:-moz-fit-content;width:fit-content}.ui-textarea__field textarea{background-color:transparent;border:none;box-sizing:border-box;color:var(--body-text);height:inherit;margin:var(--input-padding);min-width:auto;outline:none;position:relative;resize:none;width:100%}.ui-textarea__field textarea::-webkit-scrollbar{width:20px}.ui-textarea__field textarea::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--surface-black-t10);border:6px solid transparent;border-radius:0}.ui-textarea__field textarea::-moz-placeholder{color:var(--subtle-text2);opacity:0;-moz-transition:var(--secondary-transition) opacity;transition:var(--secondary-transition) opacity}.ui-textarea__field textarea::placeholder{color:var(--subtle-text2);opacity:0;transition:var(--secondary-transition) opacity}.ui-textarea.--gray .ui-textarea__field,.ui-textarea.--gray .ui-textarea__field label{background-color:var(--surface-ground-t5)}.ui-textarea.contain .ui-textarea__field label,.ui-textarea.focus .ui-textarea__field label{top:0;transform:translateY(calc(-50% - 1px))}.ui-textarea.focus .ui-textarea__field{border-color:var(--primary)}.ui-textarea.focus .ui-textarea__field textarea::-moz-placeholder{opacity:1}.ui-textarea.focus .ui-textarea__field textarea::placeholder{opacity:1}.ui-textarea.unvalid .ui-textarea__field{border-color:var(--secondary-danger)}