How is manual editing of styles blocked in devtools?

Question

css

I used to pay attention that the styles assigned by the browser are, as it were, blocked and they cannot be edited in devtools. But how does React make them block? Ordinary same styles in classes. How to block them?
Here they are, gray and italic (means blocked)

Site - https://design.bulb.co.uk/patterns/heading

Answer 1

This means that they are overridden by a higher priority class / style

Answer 2

Have you tried googling? google =
> Styled Component styles disabled in Chrome
DevTools in DevTools." Hence the conclusion: you need to edit CSSOM-based styles - use Firefox.