@charset "UTF-8";

@keyframes spinner {
	0% {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(359deg);
	}
}

i.icon.loading,
i.icon.loading::after,
i.icon.loading::before {
	position: relative;
	width: 20px;
	height: 20px;
	display: block;
	box-sizing: border-box;
}

i.icon.loading::after,
i.icon.loading::before {
	content: "";
	position: absolute;
	border-radius: 100px;
}

i.icon.loading::before {
	border: 3px solid transparent;
	border-top-color: currentColor;
	animation: spinner 1s cubic-bezier(0.6, 0, 0.4, 1) infinite;
}

i.icon.loading::after {
	opacity: 0.2;
	border: 3px solid;
}
