.eControls .eTextArea {
    width: 100%;

    & .k-textarea,
    & .form-control__textarea {
        width: 100%;
        border-radius: var(--radius-lg);
        border: 1px solid var(--gray-300);
        background: transparent;
        font-weight: 600;
        min-height: 40px;

        &:has( .input-validation-error) {
            border-color: var(--error-500);
        }
    }

    & .k-input-solid.k-focus,
    & .k-input-solid:focus,
    & .form-control__textarea:focus {
        border: 1px solid var(--brand-600);
        box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 -2px 0 0 rgba(10, 13, 18, 0.05) !important;

        &:has( .input-validation-error) {
            border-color: var(--error-500);
        }
    }
}
