/* Stars */
.star-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: -4px;
}

/* full star */
.star-icon:not(.empty):not(.half) {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23FFD700"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14l-5-4.87 6.91-1.01L12 2z"/></svg>');
}

/* half star */
.star-icon.half {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1.5 -1.5 27 27"><defs><linearGradient id="half-fill" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="50%" style="stop-color:%23FFD700;stop-opacity:1" /><stop offset="50%" style="stop-color:transparent;stop-opacity:1" /></linearGradient></defs><path fill="url(%23half-fill)" stroke="%23FFD700" stroke-width="1.5" d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14l-5-4.87 6.91-1.01L12 2z"/></svg>');
}

/* emty star */
.star-icon.empty {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1.5 -1.5 27 27" fill="none" stroke="%23FFD700" stroke-width="1.5"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14l-5-4.87 6.91-1.01L12 2z"/></svg>');
}

/* star size */
.star-icon-large {
 width: 1.1em;
 height: 1.1em
}

.star-icon-extralarge {
  width: 1.2em;
  height: 1.2em;
}

/* --- */

/* Badge */
.verified-badge {
  width: 1.3em;
  height: 1.3em;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  flex-shrink: 0;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="11" fill="%23000000"/><path d="M9.5 16.5L5.5 12.5l1.4-1.4 2.6 2.6 6.6-6.6 1.4 1.4z" fill="white"/></svg>');
}