.app-loading {
  --app-loading-border-color: #d9d9d9;
  --app-loading-accent-color: #d04a02;

  display: grid;
  min-height: 160px;
  place-items: center;
  width: 100%;
}

.app-loading--bootstrap {
  min-height: 100vh;
}

.app-loading__spinner {
  animation: app-loading-spin 0.8s linear infinite;
  border: 3px solid var(--app-loading-border-color);
  border-radius: 50%;
  border-top-color: var(--app-loading-accent-color);
  height: 32px;
  width: 32px;
}

@keyframes app-loading-spin {
  to {
    transform: rotate(360deg);
  }
}