@mixin current {
	.timeline-step-title {
		color: var(--palettes-700, var(--palettes-product-700));

		&::before {
			background-color: var(--palettes-700, var(--palettes-product-700));
			box-shadow: 0 0 0 var(--pr-t-spacings-50) var(--palettes-200, var(--palettes-product-200));
			color: var(--palettes-neutral-0);
		}
	}

	~ .timeline-step {
		.timeline-step-title {
			color: var(--palettes-neutral-600);

			&::before {
				background-color: var(--palettes-neutral-200);
				color: var(--palettes-neutral-600);
			}
		}
	}
}