.br-theme-fontawesome-emotions5 .br-widget {
    height: 28px;
    white-space: nowrap;
}

.br-theme-fontawesome-emotions5 .br-widget a {
    font-family: 'Font Awesome 5 pro';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    margin-right: 8px;
    font-size: 200%;
    padding: 8px;
}

.br-theme-fontawesome-emotions5 .br-widget a.br-selected.br-current {
    background-color: rgb(229, 255, 0);
    color: black !important;
    border-radius: 8px;
    box-shadow: 1px 1px 8px silver;
}

.br-theme-fontawesome-emotions5 .br-widget a:after {
    content: '\f005';
    color: #d2d2d2;
}

.br-theme-fontawesome-emotions5 .br-widget a.br-active:after {
    color: inherit;
}

.br-theme-fontawesome-emotions5 .br-widget a.br-selected:after {
    color: inherit;
}

.br-theme-fontawesome-emotions5 .br-widget .br-current-rating {
    display: none;
}

.br-theme-fontawesome-emotions5 .br-readonly a {
    cursor: default;
}

@media print {
    .br-theme-fontawesome-emotions5 .br-widget a:after {
        content: '\f006';
        color: black;
    }
    .br-theme-fontawesome-emotions5 .br-widget a.br-active:after,
    .br-theme-fontawesome-emotions5 .br-widget a.br-selected:after {
        content: '\f005';
        color: black;
    }
}

.br-theme-fontawesome-emotions5 .br-widget a:nth-child(1):after {
    content: '\f5b4';
    color: red;
}

.br-theme-fontawesome-emotions5 .br-widget a:nth-child(2):after {
    content: '\f119';
    color: rgb(179, 108, 2);
}

.br-theme-fontawesome-emotions5 .br-widget a:nth-child(3):after {
    content: '\f11a';
    color: rgb(190, 162, 1);
}

.br-theme-fontawesome-emotions5 .br-widget a:nth-child(4):after {
    content: '\f118';
    color: rgb(34, 84, 97);
}

.br-theme-fontawesome-emotions5 .br-widget a:nth-child(5):after {
    content: '\f59a';
    color: green;
}