/* Spinner (shadcn/ui spinner): lucide's loader-circle, turning — shadcn's
/*   <Loader2Icon role="status" aria-label="Loading" className="size-4 animate-spin" />
/* as an icon:
/*   <span class="icon ui-spinner" role="status" aria-label="Loading"></span>
/* aria-hidden instead when the words beside it say what is loading. Inside a ui-button,
/* ui-badge or ui-alert it sizes itself as their icons do. */
@layer ui {
  .ui-spinner {
    --icon-size: 1rem;
    --svg: url("/assets/loader-circle-8aa26afc.svg");

    animation: ui-spin 1s linear infinite;
  }

  @keyframes ui-spin {
    to { rotate: 360deg; }
  }
}