input.css

@supports (display: flex) {
    a {
        color: red;
    }
}

@supports (display: grid) and (display: flex) and (display: flex) {
    a {
        color: red;
    }
}

@supports (display: grid) or (display: flex) or (display: flex) {
    a {
        color: red;
    }
}

@supports (((display: flex))) {
    a {
        color: red;
    }
}

@supports (((not (((display: grid)))))) {
    div {
        float: right;
    }
}

@supports (((transform-origin: 5% 5%))) {
    div {
        float: right;
    }
}

@supports (((display: grid))) and (((not (((display: inline-grid)))))) {
    div {
        float: right;
    }
}

@supports (((display: grid))) and (((display: flex))){
    a {
        color: red;
    }
}

@supports ((display: flex) or (display: grid)) or (display: table) or (display: inline-grid) {
    div {
        color: red;
    }
}

@supports (display: flex) or ((display: grid) or (display: table)) or (display: inline-grid) {
    div {
        color: red;
    }
}

@supports (display: flex) or (display: grid) or ((display: table) or (display: inline-grid)) {
    div {
        color: red;
    }
}

@supports ((display: flex) and (display: grid)) and (display: table) and (display: inline-grid) {
    div {
        color: red;
    }
}

@supports (display: flex) and ((display: grid) and (display: table)) and (display: inline-grid) {
    div {
        color: red;
    }
}

@supports (display: flex) and (display: grid) and ((display: table) and (display: inline-grid)) {
    div {
        color: red;
    }
}

@supports ((display: flex) and (display: grid)) or (display: table) or (display: inline-grid) {
    div {
        color: red;
    }
}

@supports ((display: flex) or (display: grid)) and (display: table) and (display: inline-grid) {
    div {
        color: red;
    }
}

@supports (display: flex) and ((display: grid) or (display: table)) and (display: inline-grid) {
    div {
        color: red;
    }
}

@supports (display: flex) or ((display: grid) and (display: table)) or (display: inline-grid) {
    div {
        color: red;
    }
}

@supports (display: flex) and (display: grid) and ((display: table) or (display: inline-grid)) {
    div {
        color: red;
    }
}

@supports (display: flex) or (display: grid) or ((display: table) and (display: inline-grid)) {
    div {
        color: red;
    }
}

@supports (display: flex !important) {
    div {
        color: red;
    }
}

@supports ((display: grid) and (display: table)) or ((display: flex) and (display: inline)) {
    a {
        color: red;
    }
}

@supports ((display: grid) or (display: table)) and ((display: flex) or (display: inline)) {
    a {
        color: red;
    }
}

@supports ((display: grid) and (display: table)) and ((display: flex) and (display: inline)) {
    a {
        color: red;
    }
}

@supports ((display: grid) or (display: table)) or ((display: flex) or (display: inline)) {
    a {
        color: red;
    }
}

@supports ((display: grid) or (display: table)) or ((display: flex) and (display: inline)) {
    a {
        color: red;
    }
}

@supports ((display: grid) and (display: table)) and ((display: flex) or (display: inline)) {
    a {
        color: red;
    }
}

@supports ((display: grid) and (display: table)) or ((display: flex) or (display: inline)) {
    a {
        color: red;
    }
}

@supports (((((display: grid) and (display: table))))) or (((((display: flex) or (display: inline))))) {
    a {
        color: red;
    }
}


@supports ((display: grid) or (display: table)) and ((display: flex) and (display: inline)) {
    a {
        color: red;
    }
}

@supports (((((display: grid) or (display: table))))) and (((((display: flex) and (display: inline))))) {
    a {
        color: red;
    }
}

@supports ((display: grid) and ((display: table) and (display: flex))) and (display: inline-table) {
    a {
        color: red;
    }
}

@supports ((display: grid) or ((display: table) or (display: flex))) or (display: inline-table) {
    a {
        color: red;
    }
}

@supports ((display: grid) or ((display: table) and (display: flex))) or (display: inline-table) {
    a {
        color: red;
    }
}

@supports ((display: grid) and ((display: table) or (display: flex))) and (display: inline-table) {
    a {
        color: red;
    }
}

@supports (animation: fade 3s cubic-bezier(0.25, 0.1, 0.25, 1)) {
    a {
        /* it is safe to compress inside block */
        animation: fade 3s cubic-bezier(0.25, 0.1, 0.25, 1)
    }
}