.ui-textarea{--input-padding:20px 20px 20px 0;--input-label-padding:4px;display:flex}.ui-textarea__field{background-color:var(--surface-white);border-bottom:2px solid var(--surface-black-t10);box-sizing:border-box;display:flex;height:auto;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:0;line-height:138%;max-width:calc(100% - var(--input-padding)*2 - var(--input-label-padding)*2);overflow:hidden;padding:0;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:64px;min-width:auto;outline:none;padding:var(--input-padding);position:relative;resize:none;width:100%}.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)}