.mufasa-si-pagination-hidden {
	display: none !important;
}

.mufasa-si {
	--mufasa-si-color: currentColor;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	width: 100%;
	margin: 32px 0;
	clear: both;
	text-align: center;
}

.mufasa-si [hidden] {
	display: none !important;
}

.mufasa-si__loader {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	opacity: 0.8;
}

.mufasa-si__spinner {
	width: 22px;
	height: 22px;
	border: 2px solid var(--mufasa-si-color);
	border-right-color: transparent;
	border-radius: 50%;
	animation: mufasa-si-spin 0.7s linear infinite;
}

.mufasa-si__button {
	cursor: pointer;
}

.mufasa-si__end {
	margin: 0;
	font-size: 14px;
	opacity: 0.7;
}

.mufasa-si-item-new {
	animation: mufasa-si-in 0.35s ease both;
}

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

@keyframes mufasa-si-in {
	from {
		opacity: 0;
		transform: translateY(12px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mufasa-si__spinner {
		animation-duration: 2s;
	}

	.mufasa-si-item-new {
		animation: none;
	}
}