[Bug] Edited Styles get applied to every domain

[handsomelancer]

Bug Report

Bug Description

Whenever i edit a UC style it gets applied to all other websites as well.

Screenshots

Style for satckoverflow being applied to GitHub as well

CSS Code

Just for example, following gets applied to all websites instead of just StackOverflow

/* ==UserStyle==
@name           StackOverflow - Atom One Dark
@namespace      USO Archive
@author         tekami
@description    `A StackOverflow theme based on the popular Atom One Dark theme.`
@version        20230508.21.11
@license        CC-BY-4.0
@preprocessor   uso
==/UserStyle== */

/* My edit */
.js-consent-banner {
    display: none;
}

/* The actual style code starts here */
@-moz-document domain("stackoverflow.com") {
    html {
        ...

System Information

• OS: Ubuntu 23.04
• Browser: Firefox 113
• Stylus Version: 1.5.30

Additional Context

I have tried removing my edits and then it works as it should, i.e., the styles gets applied to only the described domains. Then if i edit them again, the same happens, it gets applied to all other websites as well.

I have tried restarting Firefox after the edits but still the same issue.

[pabli24]

You need to put your edits inside the @-moz-document domain("stackoverflow.com") otherwise your edit is global and applied everywhere

@-moz-document domain("stackoverflow.com") {
/* My edit */
.js-consent-banner {
    display: none;
}

    html {
        ...

Its also better to make a completely separate style for your edits so the main style can be still updated by the original author without any problems