.hnv2-loading-spinner {
  display: block;
  width: var(--hnv2-loading-spinner-size, 64px);
  aspect-ratio: 1;
  border: 2px solid var(--trade-hnv2-color-accent-soft);
  border-block-start-color: var(--trade-hnv2-color-accent);
  border-inline-end-color: var(--trade-hnv2-color-accent);
  border-radius: 50%;
  animation: hnv2-loading-spinner-spin 700ms linear infinite;
}

@keyframes hnv2-loading-spinner-spin {
  to {
    transform: rotate(1turn);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hnv2-loading-spinner {
    animation: none;
  }
}