/* ============================================================
   INFINURE — Anillo Pico Loader (versión standalone para HTML demos)
   Mirror EXACTO de `src/brand-loader/brand-loader.css`. Mantener
   sincronizados — la fuente única vive en `src/brand-loader/`.
   ============================================================ */

@keyframes infinure-loader-spin {
  to { transform: rotate(360deg); }
}

.infinure-loader {
  display: inline-block;
  flex-shrink: 0;
  transform-box: view-box;
  transform-origin: 50% 50%;
  animation: infinure-loader-spin var(--loader-dur, 1.4s) linear infinite;
  color: var(--fg, currentColor);
  vertical-align: middle;
}

.infinure-loader--sm { width: 16px; height: 16px; }
.infinure-loader--md { width: 24px; height: 24px; }
.infinure-loader--lg { width: 56px; height: 56px; }

.infinure-loader--default { color: var(--fg); }
.infinure-loader--accent  { color: var(--accent); }
.infinure-loader--ok      { color: var(--success); }
.infinure-loader--warn    { color: var(--warn); }
.infinure-loader--err     { color: var(--danger); }

@media (prefers-reduced-motion: reduce) {
  .infinure-loader { animation-duration: 3s; }
}