Tab page injecting CSS into website's runtime

I am devloping my sign in option with tab pages. But if i style the body this directly affect website body. How to prevent this? I don't want to inject my CSS into website.

tabs/signin.tsx

tabs/signin.tsx

tabs/signin.tsx

tabs/signin.tsx

import './signin.css'

export default Signin = () => {...}

import './signin.css'

export default Signin = () => {...}

import './signin.css'

export default Signin = () => {...}

import './signin.css'

export default Signin = () => {...}

tabs/signin.css

tabs/signin.css

tabs/signin.css

tabs/signin.css

body{
 background: red;
}

body{
 background: red;
}

body{
 background: red;
}

body{
 background: red;
}

AsifOP•3/17/24, 6:51 AM

@lab can you help me with it?