:root{
	--si2-breadcrumbs-item-padding: 8px 0;
	--si2-breadcrumbs-font-family: "Roboto", Sans-serif;
	--si2-breadcrumbs-item-default-color: #a0a5aa;
	--si2-breadcrumbs-item-hover-color: #2C3578;
	--si2-breadcrumbs-item-current-color: #000;
	--si2-breadcrumbs-item-max-width: 340px;
}
.si2-breadcrumbs{
	width: fit-content;
}
.si2-breadcrumbs ul.breadcrumbs{
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}
.si2-breadcrumbs ul.breadcrumbs > * {
	margin: 0;
	float: left;
}
.si2-breadcrumbs ul.breadcrumbs > *:first-child:before {
	content: " ";
	margin: 0;
}
.si2-breadcrumbs ul.breadcrumbs > *:before {
	content: ">";
	color: #aaaaaa;
	margin: 0 0.5rem;
	position: relative;
}

.si2-breadcrumbs ul.breadcrumbs li.breadcrumbs-item a{
	padding: var(--si2-breadcrumbs-item-padding, 8px 0);
	color: var(--si2-breadcrumbs-item-default-color, #737373);
	font-family: var(--si2-breadcrumbs-font-family, "Roboto", Sans-serif);
}
.si2-breadcrumbs ul.breadcrumbs li.breadcrumbs-item a:hover,
.si2-breadcrumbs ul.breadcrumbs li.breadcrumbs-item a:active {
	color: var(--si2-breadcrumbs-item-hover-color, #2C3578);
}
.si2-breadcrumbs ul.breadcrumbs li.breadcrumbs-item.current-item {
	padding: 0;
}

.si2-breadcrumbs ul li.breadcrumbs-item a span[property="name"] {
	padding: var(--si2-breadcrumbs-item-padding, 8px 0);
	display: inline-block;
	margin-top: -3px;
	vertical-align: middle;
	max-width: var(--si2-breadcrumbs-item-max-width, 340px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--si2-breadcrumbs-item-current-color, #2E2E2E);
}