style.css

.cube-rate{list-style:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;max-width:100%}.cube-rate-justify{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.cube-rate-item{position:relative;width:32px;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;margin-right:6px}.cube-rate-item:after{content:"";display:block;padding:50% 0}.cube-rate-item:last-child{margin-right:0}.cube-rate-item .cube-rate-item-def{position:absolute;width:100%;height:100%;background-size:100%;background-repeat:no-repeat;background-position:50%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAsVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADHx8cAAADt7e2ysrJ6enoAAADu7u7MzMzBwcGHh4cAAAAAAADa2trS0tLExMS+vr42NjYAAADv7+/r6+vq6uro6Ojm5ubKysq8vLwAAADr6+vf39/c3NzPz8+1tbWrq6vo6Ojm5ubOzs6vr6+RkZHj4+Pi4uLV1dW4uLienp6ampplZWVWVlbv7+8EiCYnAAAAOnRSTlMAPCsDJgsGOg4hNyMapgj3jGQX/K2eah4Sx7eim0ow/fHv6uGqlzTz0820j4Xo5LGJcNzYvZR7eFpV7G3f4gAAAcpJREFUSMeVVulyskAQdBZwWQ4F5FREjUeiMdd3JvP+DxZCUVskzMrSf+mu3pqZnmGigG1PxoGxcXw7DK1xBsvLKAsLcANjLMwXxNjU589gg7iAmb7BAWv4rr7BAmvMYapr4GODlabF9MugseB6Fu4KW5SZnsEcW2y5oSEQCUocNSwMfo8ST86wRVZiB4/ewPtzj++6gr3j2bSJYUcuc9Zvj3v8hl9BunaYG3VkhhWJmpq+xucdkrg7H16/ZCKyapmA8OoXdziIp8K/hiDqQQjuURPbwGwKHzzr8feBmDTw4EGH/wCyxhEUw/wCoolEDn+G+EvIv60V/nKbH3P7x55wDrf4vmP1cnlK1PzkNCPmqCpV/GNFRs+oLor3MMWQWyEt+FBF2wtowb9ctV6WiicJheC0V8xEpUgzII050IL8DRVQHJeM7px6FbBCOXj0qeDbDmfXzffziVzy753YHx3n2Mn5mmpddJXRLXlmGBkvZdj/U61z47aICRdGU2bBk3l7KajWVb+xxmIFrvSfurBqbsWZUW2rP238li4lJhw2tSsnbn+KGIM569XChJhsnff3AozsqMVgGfRbx1JJ77uztN860775syIFn72pvWujU85XAAAAAElFTkSuQmCC)}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-rate-item .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAvVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACxsbGQkJCenp4AAADu7u7i4uKVlZWIiIgAAADm5uajo6OTk5N1dXVlZWXn5+fc3Nza2trW1tbPz8+urq7t7e3j4+PT09PCwsJMTEzr6+vo6Ojh4eHf39/Ly8u/v7+5ubmqqqqamprr6+vR0dGnp6daWlrY2NjGxsaAgIArKyvp6em1tbXv7+8lBY1eAAAAPnRSTlMAPQI5EicFOwgLFzUeMiQsGw6LcHov+tl1ayHhfnJhWubNx7+ziPbdup9R8evW0ayblIV387aCVsKjZ0fujx+LC04AAAL3SURBVFjDrZjXcuJAFAXdGgkJZXIwYGywCc457c7/f9bKwFIEoxkJ9TPVdUo6dy6jEw0qlZNiiKJiPBUoFxMIrCI8ZSgmkkW1WkQkB26G4BQQ6FLKJ8ICAg2lnGCXjhSFPMmEHt2jA01kwu2xkUJ6ckEd/xhPyaa1FJ0jjCNE3STQijb+UYHu5IqLYyL5PMs1feK8HkNwLteM8Izcgdpygxpu7kAXm6LXvJFi+nKLDm7OQB/bonuCPCKXmtyhg5kjkMd0V/RJo4hACYPMkYyyx3hfNKNRNrQVpm95sAy0HwkCyzedVJ2TKAKWDP7KX6mescAOrNh09qfTjK2GzYKz3mx02pQHaU5GD/X/ukYYm6XVHo3DhmDB+/PDtJUodLhqTR/b7ywQia5yYtrAvP84vr2SmXm5HT/W5oBtJpFs6k15BM06orLYyYL2S37PdR9RXr0tj85NXs9NB89Zv7SAwTCfZzggKG28/gbvp3k8p3Mapa0+R3xPsntuv4mMncmw4Dyr5wKs/VkJYZTNU4Xu72c91Ywe/9AhzaW+5xLcw4cZT7qeN+yUQ8606emOReJJoSKoX2mMRftnLFIpC/rqPIuxUOB4zNTPORkLJSY1legMR2tTP6pEz1pbyVIXfKb1H9dDeaKcE6k9Jebqkx/b0HjWdalkQFkp6vKpM6+uUtTgTi16xVKufhuNETnFU98XB1IDUFXb1Tvc2pjKOr7qiGb4yjrur6VWK3slSyB3uP+Cr/vdfw+IjKM/7kAQQGe8cwAoKunzIDeY1iAwE38AtenWkaSoZLR5axj1wVv93vWg/7GRVHHvFlyv12gbhGusm+oKaK+X8YQg/S58JpfcPYOIja3SxwLqqwFqplfS5W35wusgfGNvfnwBvWUZaqmVDLn/maQe2N3Sr/Xo2vD2U7WH1EoGtOTwaa35VRUClzfyIq2SBvypAqGT+iAtoHqdVskKHcBaaFSqedpOigGrrPV1KgLclNGPlJp1+ojwsCjTd0JzS/QPzjyulaV+8pQAAAAASUVORK5CYII=)}}.cube-rate-item_active .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAilBMVEUAAAD/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyoEd/G7AAAALXRSTlMA+fUzFQ/vioT9vJE9tqNmLRsL2KuYe005JiID6ebhoJtxbF/qzMSxWx9FQgn3q32nAAABYUlEQVRIx5XV2XKDMAwFUJt9h5BAyL5vbe///14zNMShWNg+T8wgwSAZiRGShJmJUrN4G7CNEm7AzCS+ABAuDBJmeMr04xchnvhSO2GHVqUbv+Ro8YlmQoUXXy9+wrsEy9FKiPEW6MQ7lkjwXKbm40Ot9wJh/aNMCNBzVDz+++ihZ5Mn8lK5TR5Ha0htojhvxOeX9slPt1Dapv7JLhnzQxgIfbbaw0C1EnVREp0/QNOBvZw4NPA7e5tbULLmvbnlQcFrWI+9xqhNMfgvR3s3fUh+tClIF0d6nK4gRC41UAkPJpeDMCfnF4EaN+RXX+XxLt3klTThCwRqudQgUKMgBYFaFR5IU+kWwafzGZ9kR+MOwavLsvYUrYtFFQO3LXNgjY7xSxcev9/vxLw7fsP48u8erya9M7/nVOuSdk5ly0EtsnbSFUwQs2ZWSLf8DUAu2eWpzQh2hB37L2vYiGTfXf0Cn7ynb0Flqc0AAAAASUVORK5CYII=)}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.cube-rate-item_active .cube-rate-item-def{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAApVBMVEUAAAD/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uyr/uypACjwZAAAANnRSTlMA+/T4lygF8CQaCQPp39ShckQv2s63pz0RDe7lw6yPgX14aGJcTjMXyZxsILyyVFFJQIiFOYkbrXkuAAACJ0lEQVRYw62Y55KCMBSFQxMRxEKx17XvWrad93+03UFHRTC5Sfx+M9/AwD0nF0ag02GvIUle41kBq5eI9sDoFZ42AMNh+qT4p6HvcQz8Y7xrixrIsHU9VQMZlqcpsnFhrOfxLFww11qiMa5MdDxrE1fcnoboC3fM1D1dE3cENWXRBDl2qp6eixyDiqJohgfe1Dy1AA9EvpKoiQILpRsaoECoIpqjhKW8p1JHCRt50RtKacneTztCKUOnQlU4h8koMvAUK0ynx6rPTcPlLI0tkDDjxuxUDHKv1dxuTEhjbrbNlncp9p097EOL/tDeddjSwguwlox9utDG/cwOCQE0CdqXMq1Di3r1+tJCaBB7d+G8gTLDbi4zEiiyrz1MRgolGoXR820oMOaUjwhCZ+4gh/G0VRaG1Fgc2VNOptRYcPghB0GwEhyGB+SxEPAegUDoMSEtEKiqNLVqUY5A4JsgIoXTh9izptWHLxQdQaItFP2CxFwoGhJzSOTxidMWifdFIl3hOY3ISbjncaHvOBEytD/JHj3XfPnRj2OU4HBFUxQID4wdQkBun0gKSbjIHsFfFGZ5yxU9RPZgXrlW8XwgsQVU8/nezPV6rRnkWo23mi5ww50WruxNXeLZ3b4FznfpDHS/brM45YhinLHG66fBN7ZwJuFsVsb56W2PW1jb82V9zs+0TNMQdo2TZiqH20QjhxFo77mf5AjJihH5+eD8Cko7TIJWTvQHI0vKWTT1X7EAAAAASUVORK5CYII=)}}