.c-breadcrumb {
	padding-bottom: 4px; // make sure total height will be divisible by 8
 }

.c-breadcrumb__list {
	margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}


.c-breadcrumb__item {
	display: flex;
	align-items: center;

	&:nth-child(n+2) {
		& .c-breadcrumb__icon {
			display: flex;
			align-items: center;
			justify-content: center;
			width: space(3);
			height: space(3);
			margin-right: space(1);
			color: palette(primary, 500);
		}
	}
}

.c-breadcrumb__link {
	color: palette(neutral, 700);
	text-decoration: none;
	margin-right: space(2);

	.c-breadcrumb__item--last & {
		@include font-weight(semiBold);
	}
}


.c-breadcrumb__icon {
	margin-left: space(-1);
}