Need help with Textarea height

Hello all,

I’m missing something simple I’m sure, but for some damn reason, I can’t find it.

I’m trying to decrease the displayed height of the textarea.

I tried setting the rows in the form itself:
[textarea reg-note x2 placeholder "Optional Note Space"]

I put it in a div and tried with CSS:
<div class="pn-note"> [textarea reg-note x2 placeholder "Optional Note Space"]</div>
and

.pn-note {
	max-height: 125px; !important
}

I tried giving it an id and addressing it that way with ccs:
[textarea reg-note x2 id:2022-reg-note placeholder "Leave an optional note if you like."]
and

#2022-reg-note {
	max-height: 125px; !important
}

I tried all three at once…nothing.

I removed the other fields in the form to no avail. All CSS edits are being placed in my theme’s Customizing Additional CSS function.

What the heck am I doing wrong?

Can anyone lend me a hand on this one…super frustrated:-)~

Cheers!

The page I need help with: [log in to see the link]