<template>
  <Icon
    name="hugeicons:loading-03"
    :class="$style.component"
  />
</template>

<style module>
  @keyframes spin {
    0% {
      rotate: 0;
    }

    100% {
      rotate: 360deg;
    }
  }

  .component {
    animation: spin 1s linear infinite;
  }

  @media (prefers-reduced-motion: reduce) {
    .component {
      animation: none;
    }
  }
</style>
