{% spaceless %}
  <span class="rate-group">
    {% if rating_class(rating) == 'rate-target' %}
      <svg class="rate-box rate-target" viewBox="0 0 16 16">
        <circle cx="8" cy="8" r="7"></circle>
        <circle cx="8" cy="8" r="3"></circle>
      </svg>
    {% else %}
      <svg class="rate-box {{ rating_class(rating) }}" viewBox="0 0 16 16">
        <circle cx="8" cy="8" r="7"></circle>
        <path clip-path="url(#rating-clip)"
          d="M0 16v-{{ (rating_progress(rating) * 16)|round(2) }}h16 0v16z"></path>
      </svg>
    {% endif %}
    <span class="rating {{ rating_class(rating) }}">{{ rating.rating|default(rating) }}</span>
  </span>
{% endspaceless %}