.loading-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--app-spacing-md);
  padding: var(--app-spacing-2xl) var(--app-spacing-lg);
  color: var(--app-color-text-muted);
  text-align: center;
}

.loading-state__spinner {
  width: 36px;
  height: 36px;
  border: 3px solid var(--app-color-border-strong);
  border-top-color: var(--app-color-primary);
  border-radius: var(--app-radius-full);
  animation: app-spin 0.8s linear infinite;
}

.loading-state__label {
  margin: 0;
  font-size: var(--app-font-size-sm);
}