<svg version="1.0" width="1.5em" height="1.5em" viewBox="0 0 128 35" class="loading-dots-icon">
	<g
		><circle fill="var(--text-color-alt)" cx="17.5" cy="17.5" r="17.5" /><animate
			attributeName="opacity"
			dur="600ms"
			begin="0s"
			repeatCount="indefinite"
			keyTimes="0;0.167;0.5;0.668;1"
			values="0.3;1;1;0.3;0.3"
		/></g
	>
	<g
		><circle fill="var(--text-color-alt)" cx="110.5" cy="17.5" r="17.5" /><animate
			attributeName="opacity"
			dur="600ms"
			begin="0s"
			repeatCount="indefinite"
			keyTimes="0;0.334;0.5;0.835;1"
			values="0.3;0.3;1;1;0.3"
		/></g
	>
	<g
		><circle fill="var(--text-color-alt)" cx="64" cy="17.5" r="17.5" /><animate
			attributeName="opacity"
			dur="600ms"
			begin="0s"
			repeatCount="indefinite"
			keyTimes="0;0.167;0.334;0.668;0.835;1"
			values="0.3;0.3;1;1;0.3;0.3"
		/></g
	>
</svg>

<style>
	.loading-dots-icon {
		display: inline-block;
		position: relative;
		margin-top: -0.1em;
		margin-bottom: -0.4em;
	}
</style>
