The @supports rule allows you to check if the browser supports a particular feature and apply styles based on that. You can create compound conditions using the not, and, or logical operators.
@supports
not
and
or
@supports { /* specific rules */ }