.b-bryntum {
    --rank-color : var(--b-primary);
}

.fa-check-circle {
    color : var(--b-color-green);
}

.fa-times-circle {
    color : var(--b-color-red);
}

.rank {
    padding       : 0.25em;
    color         : #fff;
    width         : 3em;
    text-align    : center;
    background    : var(--rank-color);
    clip-path     : polygon(0 50%, 10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%);
}

.high {
    --rank-color : var(--b-color-deep-orange);
}

.low {
    --rank-color : var(--b-color-green );
}