.breadcrumbs {
	display: flex;
	gap: 0.25rem;
	align-items: center;
	font-size: 0.875rem;

	.breadcrumbs__item {
		display: flex;
		gap: inherit;
		align-items: center;
		color: var(--color-surface-200);

		.breadcrumbs__separator {
			color: var(--color-surface-500);
		}

		&:last-child {
			.breadcrumbs__link {
				color: var(--color-surface-400);
			}
		}
	}
}