.componentBreadcrumbs {
	list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem;
}
.componentBreadcrumbs li {
	display: flex; align-items: center; gap: .5rem;
	font-size: .8rem; font-weight: 400; color: var(--color-primary-light);
}
.componentBreadcrumbs li.active {font-weight: 700; color: var(--color-primary);}
.componentBreadcrumbs i {font-size: .65rem; color: var(--color-primary-light);}
.componentBreadcrumbs a {color: var(--color-primary-light);}
.componentBreadcrumbs a:hover {text-decoration: underline; color: var(--color-primary);}