.timeline {
	list-style: none;
	padding-left: 0;
}

.timeline li {
	position: relative;
	padding-left: 2em;
}

	.timeline li::before {
		position: absolute;
		left: 0;
		top: 0.4em;
		
		width: 1em;
		height: 1em;
		
		border-radius: 50%;
		background-color: var(--color__violet);
		
		content: "";
	}
	
	.timeline li::after {
		position: absolute;
		left: 0.4em;
		top: 0.4em;
		
		width: 0.2em;
		height: 100%;
		
		background-color: var(--color__violet);
		
		content: "";
	}
	
	.timeline li:last-child::after {
		top: auto;
		bottom: calc(100% - (var(--spacing) * 2));
	}

.timeline li + li {
	padding-top: var(--spacing);
}

.timeline li + li::before {
	top: calc(var(--spacing) + 0.4em);
}