/* Markup: <div class="ld-ring"></div> */

/* Set --ink to your foreground colour (defaults to currentColor here). */
:root { --ink: currentColor; }

/* 01 Aero-Dyn — orbital ring */
.ld-ring {
  width: 48px; height: 48px;
  border-radius: 50%;
  border: 3px solid color-mix(in srgb, var(--ink) 18%, transparent);
  border-top-color: var(--ink);
  animation: spin 0.9s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }