[data-ratings] {
  width: 0;
  height: 0;
  opacity: 0;
  display: inline-block;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  color: yellow;
  -webkit-transition: color .5s;
  transition: color .5s;
  vertical-align: top; }
  [data-ratings] svg {
    width: 30px;
    height: 30px;
    fill: currentColor; }
  [data-ratings] .ratings-empty,
  [data-ratings] .ratings-full {
    position: absolute;
    color: inherit;
    overflow: hidden;
    vertical-align: top; }