/**
 * /stats/ (тест): лого по центру, спиннер на 25% от низа.
 */

body.ea-body--app-loading {
	overflow: hidden;
}

body.ea-body--app-loading #bx-workarea,
body.ea-body--app-loading .ea-footer-shell {
	visibility: hidden;
}

.ea-app-loading-overlay {
	position: fixed;
	inset: 0;
	z-index: 10000;
	background-color: #f9f9f7;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.35s ease, visibility 0.35s ease;
}

body.ea-body--app-loading .ea-app-loading-overlay {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

body.ea-app-loading-ready .ea-app-loading-overlay {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.ea-app-loading-overlay__logo-slot {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 52px;
	width: min(320px, 88vw);
}

.ea-app-loading-overlay__logo {
	display: block;
	max-height: 52px;
	max-width: 100%;
	object-fit: contain;
	opacity: 0;
	transition: opacity 0.45s ease;
}

.ea-app-loading-overlay__logo.ea-app-loading-overlay__logo--ready {
	opacity: 1;
}

.ea-app-loading-overlay__spinner-wrap {
	position: absolute;
	bottom: 25%;
	left: 50%;
	transform: translateX(-50%);
}

.ea-app-loading-overlay__spinner {
	display: block;
	box-sizing: border-box;
	width: 28px;
	height: 28px;
	border: 3px solid #dbeafe;
	border-top-color: var(--ea-brand-primary, #17a48b);
	border-radius: 50%;
	animation: ea-app-loading-spin 0.75s linear infinite;
}

@media (min-width: 768px) {
	.ea-app-loading-overlay__logo-slot {
		min-height: 96px;
		width: min(360px, 88vw);
	}

	.ea-app-loading-overlay__logo {
		max-height: 96px;
	}
}

@keyframes ea-app-loading-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.ea-app-loading-overlay {
		transition: none;
	}

	.ea-app-loading-overlay__logo {
		opacity: 1;
		transition: none;
	}

	.ea-app-loading-overlay__spinner {
		animation: none;
	}
}