.loader-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: none;
	background: rgba(255, 255, 255, 0.78);
	backdrop-filter: blur(2px);
	box-sizing: border-box;
}

.loader-overlay.show {
	display: block;
}

.loader-card {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: min(340px, calc(100vw - 36px));
	padding: 30px 28px 28px;
	border: 1px solid var(--aeps-border);
	border-radius: 12px;
	background: #fff;
	text-align: center !important;
	box-shadow: 0 16px 36px rgba(16, 25, 49, 0.16);
	box-sizing: border-box;
}

.loader-logo {
	width: 180px;
	max-width: 74%;
	height: auto;
	display: block;
	margin: 0 auto 18px;
}

.loader-spinner {
	width: 38px;
	height: 38px;
	margin: 0 auto 16px;
	border: 4px solid #e7edf7;
	border-top-color: var(--aeps-blue);
	border-right-color: var(--aeps-red);
	border-radius: 50%;
	animation: loader-spin 0.8s linear infinite;
}

.loader-text {
	margin: 0;
	color: var(--aeps-navy);
	font-size: 1rem;
	font-weight: 800;
	text-transform: capitalize;
}

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