CSS styles acting differently in development vs production

[rtman]

hey I'm having trouble with this package showing correctly in production, whereas it works correctly in development.

basically these two classes seem to the issue:

.mm-popup {
    display: none;
}

.mm-popup--visible {
    display: block;
}

In development it works, but in production .mm-popup--visible is always set to display: none;
it looks like it isn't even taking .mm-pop--visible into consideration and just using .mm-popup.

If I try and set it like this

.mm-popup .mm-popup--visible {
    display: block;
}

The opposite happens, it works in development but not in production.

Thoughts?

[rtman]

If anyone else is wondering this, it was fixed by using .mm-popup.mm-pop--visible instead of .mm-popup .mm-pop--visible