Board Thread:Support Requests - Designing Your Wiki/@comment-37896274-20191004010915/@comment-37896274-20191015205908

I am recieving an error in the CSS that states:

Unknown @rule: @supports

How do I fix this to cause the code to work properly?

This is what I have so far:

.pi-theme-meiko .pi-title, .pi-theme-meiko .pi-header, .pi-theme-meiko .pi-navigation, .pi-theme-meiko .pi-navigation a, [data-theme="meiko"] selector { background: #CC3333; color: #6C0218; text-shadow: 2px 0 0 #D8D8D8, -2px 0 0 #D8D8D8, 0 2px 0 #D8D8D8, 0 -2px 0 #F2F2F2, 1px 1px #F2F2F2, -1px -1px 0 #F2F2F2, 1px -1px 0 #F2F2F2, -1px 1px 0 #D8D8D8; } @supports (-webkit-background-clip: text) and (-webkit-text-fill-color: transparent) { selector { background-color:transparent background-image: linear-gradient(to bottom right, red, crimson); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 2px 0 0 #D8D8D8, -2px 0 0 #D8D8D8, 0 2px 0 #D8D8D8, 0 -2px 0 #F2F2F2, 1px 1px #F2F2F2, -1px -1px 0 #F2F2F2, 1px -1px 0 #F2F2F2, -1px 1px 0 #D8D8D8; } }

Themes CSS