.generic-loader {
	width: 50px;
	height: 50px;
	display: grid;
	animation: s4 4s infinite;
}
.generic-loader::before,
.generic-loader::after {
	content: "";
	grid-area: 1/1;
	border: 8px solid;
	border-radius: 50%;
	border-color: var(--main-bg-color) var(--main-bg-color) #0000 #0000;
	mix-blend-mode: darken;
	animation: s4 1s infinite linear;
}
.generic-loader::after {
	border-color: #0000 #0000 #e4e4ed #e4e4ed;
	animation-direction: reverse;
}

@keyframes s4 {
	100% {
		transform: rotate(1turn);
	}
}