.text-area{--text-area-radius:.375rem;--text-area-border-width:1px;--text-area-border-focus:2px;gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.text-area__header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.text-area__label-row{align-items:center;gap:var(--spacing-xs);display:flex}.text-area__label{color:var(--color-neutral-10);cursor:default}.text-area__required{color:var(--color-neutral-10)}.text-area__counter{color:var(--color-neutral-50);white-space:nowrap;flex-shrink:0}.text-area__tooltip-btn{cursor:pointer;color:var(--color-primary);background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;transition:color .15s;display:inline-flex}.text-area__tooltip-btn:hover{color:var(--color-primary-40)}.text-area__tooltip-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:.125rem}.text-area__field{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border-radius:var(--text-area-radius);box-shadow:0 0 0 var(--text-area-border-width) var(--color-neutral-80);color:var(--color-neutral-10);resize:vertical;box-sizing:border-box;border:none;outline:none;transition:box-shadow .15s,background .15s}.text-area__field::placeholder{color:var(--color-neutral-50)}.text-area__field:hover:not(:disabled),.text-area__field:focus:not(:disabled){box-shadow:0 0 0 var(--text-area-border-focus) var(--color-neutral-10)}.text-area--disabled .text-area__field{background:var(--color-neutral-90);box-shadow:none;cursor:not-allowed;color:var(--color-neutral-50);resize:none}.text-area--disabled .text-area__field::placeholder,.text-area--disabled .text-area__label,.text-area--disabled .text-area__counter{color:var(--color-neutral-50)}.text-area--error .text-area__field{box-shadow:0 0 0 var(--text-area-border-width) var(--color-feedback-red)}.text-area--error .text-area__field:hover:not(:disabled),.text-area--error .text-area__field:focus:not(:disabled){box-shadow:0 0 0 var(--text-area-border-focus) var(--color-neutral-10)}.text-area__helper{color:var(--color-neutral-50)}.text-area__error{color:var(--color-feedback-red)}