.DotsFadeLoader {
	width: 3em;
	height: 3em;
	display: grid;
	grid-template-rows: repeat(3, 1fr);
	grid-template-columns: repeat(3, 1fr);
	justify-items: center;
	align-items: center;

	& > div {
		width: 0.5em;
		height: 0.5em;
		background-color: #3cefff;
		border-radius: 50%;
		animation: fade 1.5s alternate ease-in-out infinite;
	}

	& > div:nth-of-type(2),
	& > div:nth-of-type(4) {
		animation-delay: 0.25s;
	}

	& > div:nth-of-type(3),
	& > div:nth-of-type(5),
	& > div:nth-of-type(7) {
		animation-delay: 0.5s;
	}

	& > div:nth-of-type(6),
	& > div:nth-of-type(8) {
		animation-delay: 0.75s;
	}

	& > div:nth-of-type(9) {
		animation-delay: 1s;
	}

	@keyframes fade {
		to {
			opacity: 0.2;
		}
	}
}