Why can't I save my custom CSS code on the Dawn theme?

[arnaudco]

I tried to add this custom CSS code on my header (Dawn theme):

.section-header:not(:hover)
> :not([style*="display: none"])
.header__heading-logo {
filter: invert(1);
}

However I am not able to save it, I get this error: Online Store editor session can't be published.

Is there any reason for blocking a such css ?

[cjfritz9]

Hey Arnaudco,

Did you ever figure this out? I just encountered this in the Dawn theme as well. I'm unable to save changes whenever I use filter in custom css.

[arnaudco]

Still not completely, I use this:
.header__heading-logo {
-webkit-filter: invert();
}

I am checking browser compatibilty.