/* Flow bootstrap spinner — single DOM node in index.html (#rr-app-loading), not duplicated in React. */

/* Hidden while `#root` shows route content; toggled in Loading.tsx */
.rr-app-loading--hidden {
  display: none;
}

.rr-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: var(--rr-card-content-min-height);
}

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

/* `rotate` instead of `transform` avoids extra compositor promotion in @keyframes. */
@keyframes rr-loading-spin {
  to {
    rotate: 1turn;
  }
}