Why does my CSS @container with a CSS global variable work when the @container is INSIDE the CSS rule rather than the rule inside the @container?

I have created a CSS global variable (–debug) and an @container.

Why does my CSS @container with a CSS global variable work when the @container is INSIDE the CSS rule rather than the rule inside the @container?

I have created a CSS global variable (–debug) and an @container.