/* Loading-Indicator und Fehlermeldung für ak86-reference-popup. */

.ak86-reference-loader,
.ak86-reference-message {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.6em;
	min-height: 8em;
	padding: 1em;
	text-align: center;
}

.ak86-reference-loader::before {
	content: "";
	width: 1.2em;
	height: 1.2em;
	border: 2px solid currentColor;
	border-top-color: transparent;
	border-radius: 50%;
	animation: ak86-reference-spin 0.8s linear infinite;
}

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

@media ( prefers-reduced-motion: reduce ) {
	.ak86-reference-loader::before {
		animation: none;
	}
}