.textareaContainer{gap:var(--spacing-xs);flex-direction:column;display:flex}.textareaContainer.fullWidth{width:100%}.textareaContainer .label{font-size:var(--font-xs);width:fit-content;color:var(--text);margin-right:1.2em;font-weight:200}.textareaContainer .textareaWrap{border:1px solid var(--border-50);border-radius:var(--radius-lg,1rem);padding:var(--spacing-sm);background:0 0;align-items:flex-start;transition:all .3s;display:flex}.textareaContainer .textareaWrap:focus-within{background:var(--surface)}.textareaContainer .textareaWrap.error{border-color:var(--error)}.textareaContainer .textareaWrap.error:focus-within{box-shadow:0 0 0 4px color-mix(in srgb,var(--error)10%,transparent)}.textareaContainer .textareaWrap.disabled{opacity:.6;cursor:not-allowed;background:color-mix(in srgb,var(--surface)50%,transparent)}.textareaContainer .textareaWrap .textarea{min-width:0;color:var(--text);font-size:var(--font-sm);background:0 0;border:none;outline:none;flex:1;width:100%;padding:0;font-family:inherit;line-height:1.5}.textareaContainer .textareaWrap .textarea::placeholder{color:var(--text);opacity:.3}.textareaContainer .textareaWrap .textarea:disabled{cursor:not-allowed}.textareaContainer .textareaHint{font-size:var(--font-xs);color:var(--text);opacity:.6;text-align:right}.textareaContainer .textareaHint.hintError{color:var(--accent);opacity:1;animation:.4s shakeAnimTextarea}@keyframes shakeAnimTextarea{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}
