packages/ui/src/v2/components/loader-v2.css

[data-component="loader-v2"] {
  --_duration: 900ms;
  display: block;
  flex-shrink: 0;
  color: var(--v2-icon-icon-muted, #808080);
  animation: loader-v2-spin var(--_duration) linear infinite;
  transform-origin: center;
}

[data-component="loader-v2"] [data-slot="loader-v2-background"] {
  stroke: currentColor;
  opacity: 0.2;
}

[data-component="loader-v2"] [data-slot="loader-v2-progress"] {
  stroke: currentColor;
  stroke-linecap: round;
  transform: rotate(-90deg);
  transform-origin: center;
}

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

@media (prefers-reduced-motion: reduce) {
  [data-component="loader-v2"] {
    animation: none;
  }
}