.prio-tag {
    display       : inline-flex;
    align-items   : center;
    padding       : 0.15em 0.5em;
    font-size     : 0.75em;
    border-radius : 0.4em;
    font-weight   : 500;
    text-transform: capitalize;
    &.critical {
        color      : #fff;
        background : var(--b-color-red);
    }
    &.high {
        color      : var(--b-color-deep-orange);
        background : color-mix(in oklab, var(--b-color-deep-orange), transparent 85%);
    }
    &.medium {
        color      : var(--b-color-orange);
        background : color-mix(in oklab, var(--b-color-orange), transparent 85%);
    }
    &.low {
        color      : var(--b-color-green);
        background : color-mix(in oklab, var(--b-color-green), transparent 85%);
    }
}

.b-resource-avatar {
    background-color : var(--b-primary-40);
    box-shadow       : 0 0 2px #00000090;
}