@kanton-basel-stadt/designsystem/dist/assets/css/components/icons/loading-spinner.css

Unplugin to install the digital design system of the canton of Basel-Stadt

@keyframes rotateBaselStab {
  0% {
    transform: rotate3d(0, 10, 0, 0deg);
  }
  50% {
    transform: rotate3d(0, 10, 0, 180deg);
  }
  100% {
    transform: rotate3d(0, 10, 0, 360deg);
  }
}

.loading-spinner {
  @apply w-[120px] h-[166.994926301px]; /* Calculated height */

  & * {
    transform-origin: center;
  }

  & :nth-child(1) {
    animation: 3s infinite rotateBaselStab;
  }

  & :nth-child(2) {
    animation: 3s infinite rotateBaselStab;
    animation-delay: 100ms;
  }

  & :nth-child(3) {
    animation: 3s infinite rotateBaselStab;
    animation-delay: 200ms;
  }

  & :nth-child(4) {
    animation: 3s infinite rotateBaselStab;
    animation-delay: 300ms;
  }

  & :nth-child(5) {
    animation: 3s infinite rotateBaselStab;
    animation-delay: 400ms;
  }
}