freeradical.zone - Gradient border from top by edd

/* ==UserStyle==
@name           freeradical.zone - Gradient border from top
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A border to mark what kind of toot (public, unlisted, private, direct) a toot is more noticeably. Requires :has() pseudo-attribute
@author         @edd@freeradical.zone
==/UserStyle== */
@-moz-document domain("freeradical.zone") {
    article:has(.status__wrapper-public) {
        border-right-style: solid;
        border-right-width: 4px;
        border-image: linear-gradient(-45deg, #fff, #88CCEE 90%) 1;
    }
    article:has(.status__wrapper-unlisted) {
        border-right-style: solid;
        border-right-width: 4px;
        border-image: linear-gradient(-45deg, #fff, #332288 90%) 1;
    }
    article:has(.status__wrapper-private) {
        border-right-style: solid;
        border-right-width: 4px;
        border-image: linear-gradient(-45deg, #fff, #44AA99 90%) 1;
    }
    article:has(.status__wrapper-direct) {
        border-right-style: solid;
        border-right-width: 4px;
        border-image: linear-gradient(-45deg, #fff, #117733 90%) 1;
    }