.sgh-wrap{width:100%;display:block}
.sgh-heading{display:block;margin:0;padding:0}
.sgh-source{display:inline}
.sgh-line{
	--sgh-active:#252525;
	--sgh-inactive:#b5b5b5;
	--sgh-softness:12%;
	display:block;
	color:transparent;
	background-image:linear-gradient(
		90deg,
		var(--sgh-active) 0%,
		var(--sgh-active) var(--sgh-progress,0%),
		var(--sgh-inactive) calc(var(--sgh-progress,0%) + var(--sgh-softness)),
		var(--sgh-inactive) 100%
	);
	background-repeat:no-repeat;
	background-size:100% 100%;
	-webkit-background-clip:text;
	background-clip:text;
}
.sgh-word{display:inline}
.sgh-space{white-space:pre}
@media (prefers-reduced-motion:reduce){
	.sgh-line{
		color:var(--sgh-active);
		background:none;
		-webkit-background-clip:initial;
		background-clip:initial;
	}
}
