.div_loader {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 100;
	justify-content: center;
	align-items: center;
	/*
	background-color: rgba(180, 180, 180, 0.0);
	*/
	background-color: rgba(255, 255, 255, 0.8);
}

.loader_the_dots3 {
	--dot_color: blue;
	--dots_speed: 1.5s;
	height: 100px;
	width: 60px;
	aspect-ratio: 2;
	--_g: no-repeat radial-gradient(circle closest-side,var(--dot_color) 90%,#0000);
	background: 
		var(--_g) 0%   50%,
		var(--_g) 50%  50%,
		var(--_g) 100% 50%;
	background-size: calc(100%/3) 50%;
	animation: l3 var(--dots_speed) infinite linear;
}
@keyframes l3 {
	20%{background-position:0%   0%, 50%  50%,100%  50%}
	40%{background-position:0% 100%, 50%   0%,100%  50%}
	60%{background-position:0%  50%, 50% 100%,100%   0%}
	80%{background-position:0%  50%, 50%  50%,100% 100%}
}