@charset "ISO-8859-1";

.loader-container {
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 5rem;
}

.loader-bar {
	animation: loading infinite 1s;
	background: var(--azul-100);
	width: 1rem;
	height: 3rem;
	margin: 0 .2rem;
}

.loader-bar:nth-child(1) {
	animation-delay: .4s;
}

.loader-bar:nth-child(2) {
	animation-delay: 0.7s;
}

.loader-bar:nth-child(3) {
	animation-delay: 0.9s;
}

.loader-bar:nth-child(4) {
	animation-delay: .3s;
}

.loader-bar:nth-child(5) {
	animation-delay: 0.5s;
}

.loader-bar:nth-child(6) {
	animation-delay: 0.25s;
}

.loader-bar:nth-child(7) {
	animation-delay: 0.6s;
}
.loader-bar:nth-child(14) {
	animation-delay: 0.4s;
}

.loader-bar:nth-child(13) {
	animation-delay: 0.7s;
}

.loader-bar:nth-child(12) {
	animation-delay: 0.9s;
}

.loader-bar:nth-child(11) {
	animation-delay: 0.3s;
}

.loader-bar:nth-child(10) {
	animation-delay: 0.5s;
}

.loader-bar:nth-child(9) {
	animation-delay: 0.25s;
}

.loader-bar:nth-child(8) {
	animation-delay: 0.6s;
}

@keyframes loading { 
	25% {
		height: 1rem;
		background-color: lightgrey;
	}
	75% {
		height: 3rem;
		background-color:lightgrey;
	}
}