Why are there two equal class definitions created by Bricks?

Hi,
I still try to understand the basics and what is Bricks doing in the background and what CSS is created.

Now I found that my custom class “.card” is shown in the browser inspector two times (as “inline”).

The definitions are exactly the same, except for one difference in the first line:

/* GLOBAL CLASSES CSS */

/* BREAKPOINT: Desktop (BASE) */
.card {
[...]
}

and the other one:

/* BREAKPOINT: Desktop (BASE) */
.card {
[...]
}

So for what reason is this?

BTW: Changing some values of my “.card” class was no longer displayed correctly in the builder, even after reloading the canvas. Only after a tab-reload in the browser the preview was correct. I don’t use any caching plugin while developing. Happend in Bricks 1.8.1.

Thanks for any hint!
Juergen

I’ve got exactly the same thing. Why are some custom classes in the html and not in an external css file as that is what is set and why are they repeated twice? The first set is in and the second set is in .