{% comment %}
Inline HTMX loading spinner. Hidden by default; HTMX reveals it via the
`.htmx-indicator` opacity rule while the element named by a paired
`hx-indicator` is in flight.

Args:
  spin_id  (str|None)  — element id, so a control can target it: hx-indicator="#that-id"
  css      (str|None)  — extra utility classes (default sizing is h-3.5 w-3.5)

Usage:
  <input … hx-indicator="#my-spin">
  {% include "components/inline_spinner.html" with spin_id="my-spin" %}
{% endcomment %}
<svg {% if spin_id %}id="{{ spin_id }}"{% endif %}
     class="htmx-indicator shrink-0 animate-spin text-ruforum-primary {{ css|default:'h-3.5 w-3.5' }}"
     viewBox="0 0 24 24" fill="none" aria-hidden="true">
  <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
  <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
</svg>