SOLVED: Balloon.css (tooltip) confusion

@thomas and @timmse - The documention in Bricks Academy vs the Balloon.css is inconsistent - particularly position.
image

vs

It appears that the actual implementation is different than any documentation.

There ARE two variables in the CSS being used:
--bricks-tooltip-bg: red;
--bricks-tooltip-text: white;

However, there are a bunch of other settings that require more complex CSS as described here.

Can you add documenation for this? And also consider making this feature more usable by adding variables for font-family, font-size