.identica-star-rating {
  display: inline-block;
}

.identica-star-rating > div {
  height: 14px;
  position: relative;
  width: 70px;
}

/* inactive */
.identica-star-rating > div:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNC40OCAxMy44MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM5ZDlkOWM7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTcuNzguNjdoME03LjI0LDEuNzMsOC42Nyw0LjU0YTEuNCwxLjQsMCwwLDAsMSwuNzVsMy4xMi40OUwxMC41OCw4YTEuNDMsMS40MywwLDAsMC0uMzksMS4yMWwuNSwzLjExTDcuODcsMTAuOWExLjQsMS40LDAsMCwwLTEuMjYsMEwzLjc5LDEyLjMzbC41LTMuMTFBMS40MywxLjQzLDAsMCwwLDMuOSw4TDEuNjYsNS43OGwzLjEyLS40OWExLjQyLDEuNDIsMCwwLDAsMS0uNzVMNy4yNCwxLjczTTcuMjQsMGEuMzguMzgsMCwwLDAtLjM1LjIybC0yLDMuODdhLjQyLjQyLDAsMCwxLS4yOS4yMUwuMzMsNWEuMzkuMzksMCwwLDAtLjIxLjY3TDMuMTksOC43MmEuNC40LDAsMCwxLC4xMS4zNGwtLjY4LDQuMjlhLjQuNCwwLDAsMCwuMzkuNDYuMzkuMzksMCwwLDAsLjE4LDBsMy44Ny0yYS40My40MywwLDAsMSwuMzYsMGwzLjg3LDJhLjM5LjM5LDAsMCwwLC4xOCwwLC40LjQsMCwwLDAsLjM5LS40NmwtLjY4LTQuMjlhLjQuNCwwLDAsMSwuMTEtLjM0bDMuMDctMy4wN0EuNC40LDAsMCwwLDE0LjE1LDVMOS44NSw0LjNhLjQyLjQyLDAsMCwxLS4yOS0uMjFMNy41OS4yMkEuMzguMzgsMCwwLDAsNy4yNCwwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiLz48L3N2Zz4=");
  background-repeat: repeat-x;
  bottom: 0;
  content: "";
  display: block;
  height: 14px;
  width: 14px;
  background-size: 14px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.identica-star-rating > div > span {
  display: block;
  text-indent: -10000px;
  width: 14px;
  height: 14px;
  position: absolute;
  overflow: hidden;
}

/* active */
.identica-star-rating > div > span:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNC40OCAxMy44MSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmOWIyMzM7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE0LjM2LDUuNjVBLjQuNCwwLDAsMCwxNC4xNSw1TDkuODUsNC4zYS40Mi40MiwwLDAsMS0uMjktLjIxTDcuNTkuMjJhLjM5LjM5LDAsMCwwLS43LDBsLTIsMy44N2EuNDIuNDIsMCwwLDEtLjI5LjIxTC4zMyw1YS4zOS4zOSwwLDAsMC0uMjEuNjdMMy4xOSw4LjcyYS40LjQsMCwwLDEsLjExLjM0bC0uNjgsNC4yOWEuNC40LDAsMCwwLC4zOS40Ni4zOS4zOSwwLDAsMCwuMTgsMGwzLjg3LTJhLjQzLjQzLDAsMCwxLC4zNiwwbDMuODcsMmEuMzkuMzksMCwwLDAsLjE4LDAsLjQuNCwwLDAsMCwuMzktLjQ2bC0uNjgtNC4yOWEuNC40LDAsMCwxLC4xMS0uMzRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIvPjwvc3ZnPg==");
  background-repeat: repeat-x;
  background-size: 14px;
  height: 14px;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  text-indent: 10000px;
  top: 0;
}