/*
 * The neutral dual-arc treatment.
 *
 * Its ground carries no image tint. The animated SVG is the image's own
 * background, so a larger link or figure cannot enlarge it and no JavaScript
 * overlay has to be inserted after the first paint. The server renders the
 * loading class and the base scaffold script removes it when the image arrives.
 */
img.lvi-scaffold.lvi-loading,
img.lvi-scaffold-alpha.lvi-loading {
	background-color: var(--lvi-dual-arc-ground, #ededed);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-width='2'%3E%3Cpath stroke='%236c7075' d='M14 2a12 12 0 0 1 10.39 6'/%3E%3Cpath stroke='%23a7aaad' d='M14 26a12 12 0 0 1-10.39-6'/%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 14 14' to='360 14 14' dur='1.15s' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 28px 28px;
}

@media (prefers-reduced-motion: reduce) {
	img.lvi-scaffold.lvi-loading,
	img.lvi-scaffold-alpha.lvi-loading {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-width='2'%3E%3Cpath stroke='%236c7075' d='M14 2a12 12 0 0 1 10.39 6'/%3E%3Cpath stroke='%23a7aaad' d='M14 26a12 12 0 0 1-10.39-6'/%3E%3C/g%3E%3C/svg%3E");
	}
}