> small is in ◉ --muted color.
::before has content: "\n" to force a line break.
::after has content: "\n" to force a line break.
:has(> :is(input, textarea, button)) have a pointer cursor.
:has(> :is(input, textarea, select, button):disabled) are in ◉ --muted color and have a not-allowed
cursor.
:has(> :is(input, textarea, select):required) automatically prepend a ◉ --danger asterisk (*).
It's advisable to utilize the <label><input></label> pattern so matcha.css
can automatically detect whether the <input> is required or not (which is not possible when using the <label for><input> pattern instead).