/* TRU Animated Divider. Lines stay hairline-thin at any width via non-scaling strokes. */
.tru-divider {
	--tru-divider-color: var(--tru-taupe);
	display: flex;
	color: var(--tru-divider-color);
	line-height: 0;
}

.tru-divider svg {
	display: block;
	width: min(100%, 420px);
	height: auto;
	overflow: visible;
}

.tru-divider svg :is(path, circle) {
	vector-effect: non-scaling-stroke;
}

.tru-divider--sprig svg,
.tru-divider--arch svg,
.tru-divider--orbit svg {
	width: 140px;
}

.tru-divider--strands svg {
	width: 100%;
	max-width: 480px;
}