XF 2.1 Code help

[Rettep]

Hello! Can you please tell me why this code works:

/* #### User Banners #### */
.userBanner.userBanner--Owner
{
    &:before {
        .m-faBase();
        .m-faContent(@fa-var-star);
        padding-right: 4px;
    }
}

But this doesn't:

/* #### User Banners #### */
.userBanner.userBanner--Owner
{
    &:before {
        .m-faBase();
        .m-faContent(@fa-var-star);
        padding-right: 4px;
    }
}

.userBanner.userBanner--HeadOfStaff
{
    &:before {
        .m-faBase();
        .m-faContent(@fa-user-shield);
        padding-right: 4px;
    }
}

 

[Rettep]

@fa-user-shield is this one: https://fontawesome.com/icons/user-shield?style=solid

 

[Rettep]

@Brogan do you know the solution?