Limiting CSS impact to local display

[MJR42]

Have a look at /var/www/css/moode.css in the section /* Pi 7" Touch */

Hi Tim, thanks for pointing me there.

There are many different @media sections, based on width, height, orientation. How are they kept separate? Is the total impact of moode.css @media rules the cumulative effect of all that apply? Is there a heirarchy of order?

BTW, I'm seeing duplicated code in moode.css. Line 462 to 465 and again line 466 to 469. Both sections say 
@media (width:896px) and (height:414px) {
    #playback-queue {margin-left:calc(env(safe-area-inset-left) - 2rem);}
    #playback-cover {margin-right:calc(env(safe-area-inset-right) - 2rem);}
}