Loader

<div class="loader-wrapper">
  <div class="loader">
    <app-icon [icon]="'icon-spinner'" [size]="100"> </app-icon>
  </div>
</div>

@use 'shared' as *;

:host {
  display: block;
}
.loader-wrapper {
  display: grid;
  place-items: center;
  height: 100vh;
}

@media (prefers-reduced-motion: no-preference) {
  .loader {
    animation: spinner infinite 2s linear;
    transform-origin: center;
  }
}

@keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}