<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
fieldset .rating, .rating label { margin: 0; padding: 0; }
.rating {
    border: none;
    float: none;
    margin-left: -5px;
    width: 200px;
}

.rating button {
    float: right;
    margin-left: 5px;
    padding: 1px 9px;
    margin-top: 7px;
    height: 22px;
    border: 0;
    width: 50px;
    border-radius: 3px;
    background: #ffce44;
    color: white;
}
.rating button:hover {
  background: #FF9800;
}
.rating &gt; input { display: none; } 
.rating &gt; label:before { 
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.rating &gt; .half:before { 
    content: "\f089";
    position: absolute;
}

.rating &gt; label { 
    color: #ddd; 
    float: right; 
}

.rating &gt; input:checked ~ label, 
.rating:not(:checked) &gt; label:hover,  
.rating:not(:checked) &gt; label:hover ~ label { color: #FFD700;  }

.rating &gt; input:checked + label:hover, 
.rating &gt; input:checked ~ label:hover,
.rating &gt; label:hover ~ input:checked ~ label, 
.rating &gt; input:checked ~ label:hover ~ label { color: #FFED85;  }     </pre></body></html>