.loading-area {
	background: #101010;
	z-index: 999999;
	transition: opacity 180ms ease, visibility 180ms ease;
}

.loading-area.is-hidden {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.loading-box {
	background-color: #101010;
}

.loading-pic {
	display: flex;
	justify-content: center;
}

.cssload-loader {
	width: auto;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	transform: none;
	-webkit-transform: none;
	animation: none;
	-webkit-animation: none;
}

.cssload-loader::before,
.cssload-loader::after {
	display: none;
}

.cssload-loader img {
	width: 165px;
	max-width: 44vw;
	height: auto;
	display: block;
	animation: abdLoaderPulse 900ms ease-in-out infinite;
}

.cssload-loader span {
	width: 72px;
	height: 3px;
	display: block;
	background: #ffc400;
	overflow: hidden;
	position: relative;
}

.cssload-loader span::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -35%;
	width: 35%;
	background: #ffffff;
	animation: abdLoaderBar 850ms ease-in-out infinite;
}

@keyframes abdLoaderPulse {
	0%, 100% { opacity: 0.78; transform: scale(0.98); }
	50% { opacity: 1; transform: scale(1); }
}

@keyframes abdLoaderBar {
	0% { left: -35%; }
	100% { left: 100%; }
}