Why are these properties crossed out during adaptation?

Question

HTML

When, when adapting to [email protected], I specify new properties for some class, they are crossed out if they have the same properties, if you set new properties, then everything is in order.
Here is the scss file:

Here is the media file:

And here is the adaptation itself, where it crosses out:

Answer 1

Incorrect order of properties in compiled CSS.
media should be after the normal state.

Answer 2

so style inheritance