/*
Ability Esports — Empty / Loading / Error state components.
*/

.ae-state {
	padding: var(--ae-space-2xl) var(--ae-space-lg);
	text-align: center;
	color: var(--ae-color-text-secondary);
}

.ae-state--error {
	color: var(--ae-color-error);
}

.ae-state--loading {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--ae-space-sm);
}

.ae-state__spinner {
	width: var(--ae-space-xl);
	height: var(--ae-space-xl);
	border-radius: var(--ae-radius-pill);
	border: var(--ae-border-width-thick) solid var(--ae-color-border-default);
	border-top-color: var(--ae-color-brand-primary);
	animation: ae-spin var(--ae-duration-shimmer) var(--ae-ease-linear) infinite;
}

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

@media (prefers-reduced-motion: reduce) {
	.ae-state__spinner {
		animation: none;
	}
}