/*PRODUCT RATING*/

.starRating:not(old){
    display        : inline-block;
    width          : 7.5em;
    height         : 1em;
    overflow       : hidden;
    vertical-align : bottom;
}

.starRating:not(old) > input{
    margin-right : -100%;
    opacity      : 0;
    width:auto;
}

.starRating:not(old) > label{
    display         : block;
    float           : right;
    position        : relative;
    background      : url('/application/themes/default/assets/star-off.svg');
    background-size : contain;
    padding: 0;
}

.starRating:not(old) > label:before{
    content         : '';
    display         : block;
    width           : 1em;
    height          : 1em;
    background      : url('/application/themes/default/assets/star-on.svg');
    background-size : contain;
    opacity         : 0;
    transition      : opacity 0.2s linear;
}

.starRating:not(old) > label:hover:before,
.starRating:not(old) > label:hover ~ label:before,
.starRating:not(:hover) > :checked ~ label:before{
    opacity : 1;
}