span.highlight-green {
    white-space: normal;
    overflow: hidden;
    display: inline;
    --highlight-translate-x: .5rem;
    --highlight-translate-y: .5rem;
    --highlight-gradient-stops: ;
    --highlight-gradient-to-position: ;
    --highlight-gradient-from-position: ;
    transform: translate(var(--highlight-translate-x), var(--highlight-translate-y)) rotate(0) skew(0) skewY(0) scaleX(1) scaleY(1);
    background-image: linear-gradient(to bottom, var(--highlight-gradient-stops));
    --highlight-gradient-from: #dcfce7 var(--highlight-gradient-from-position);
    --highlight-gradient-to: rgb(220 252 231 / 0) var(--highlight-gradient-to-position);
    --highlight-gradient-stops: var(--highlight-gradient-from), var(--highlight-gradient-to);
    --highlight-gradient-from-position: 35%;
    --highlight-gradient-to: rgb(187 247 208 / 0) var(--highlight-gradient-to-position);
    --highlight-gradient-stops: var(--highlight-gradient-from), #bbf7d0 var(--highlight-gradient-via-position), var(--highlight-gradient-to);
    --highlight-gradient-via-position: 55%;
    --highlight-gradient-to: #bbf7d0 var(--highlight-gradient-to-position);
    background-repeat: no-repeat;
}

span.highlight-red {
    white-space: normal;
    display: inline;
    --highlight-translate-x: .5rem;
    --highlight-translate-y: .5rem;
    --highlight-gradient-stops: ;
    --highlight-gradient-to-position: ;
    --highlight-gradient-from-position: ;
    transform: translate(var(--highlight-translate-x), var(--highlight-translate-y)) rotate(0) skew(0) skewY(0) scaleX(1) scaleY(1);
    background-image: linear-gradient(to bottom, var(--highlight-gradient-stops));
    --highlight-gradient-from: #fecaca var(--highlight-gradient-from-position);
    --highlight-gradient-to: rgb(254 202 202 / 0) var(--highlight-gradient-to-position);
    --highlight-gradient-stops: var(--highlight-gradient-from), var(--highlight-gradient-to);
    --highlight-gradient-from-position: 35%;
    --highlight-gradient-to: rgb(248 113 113 / 0) var(--highlight-gradient-to-position);
    --highlight-gradient-stops: var(--highlight-gradient-from), #f6d7d7 var(--highlight-gradient-via-position), var(--highlight-gradient-to);
    --highlight-gradient-via-position: 55%;
    --highlight-gradient-to: #f6d7d7 var(--highlight-gradient-to-position);
    background-repeat: no-repeat;
}