.custom-loading-mask {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}

.custom-wheel-and-hamster {
	--dur: 1s;
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.custom-wheel-and-hamster .wheel {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 30px 0 0 0;
	border-radius: 50%;
	position: absolute;
	top: 25px;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 1.2px;
}

.custom-wheel-and-hamster .wheel {
	text-align: center;
	z-index: 102;
}

.custom-wheel-and-hamster .wheel .loading-text {
	padding-top: 2px;
}

.custom-wheel-and-hamster .spinner {
	width: 56px;
	height: 56px;
	display: grid;
	border: 4.5px solid #0000;
	border-radius: 50%;
	border-color: #dbdcef #0000;
	animation: spinner-e04l1k 1s infinite linear;
}

.custom-wheel-and-hamster .spinner::before,
.custom-wheel-and-hamster .spinner::after {
	content: "";
	grid-area: 1/1;
	margin: 2.2px;
	border: inherit;
	border-radius: 50%;
}

.custom-wheel-and-hamster .spinner::before {
	border-color: red #0000;
	animation: inherit;
	animation-duration: 0.5s;
	animation-direction: reverse;
}

.custom-wheel-and-hamster .spinner::after {
	margin: 8.9px;
}

.custom-wheel-and-hamster  .custom-loading-bottom-close {
	transform: translateY(46px);
	cursor: pointer;
	position: relative;
	z-index: 103;
}

@keyframes spinner-e04l1k {
	100% {
		transform: rotate(1turn);
	}
}