:root {
	--Breadcrumbs-background: transparent;
	--Breadcrumbs-font: 14px var(--base-font-family);
	--Breadcrumbs-item-color: inherit;
	--Breadcrumbs-item-hover-color: inherit;
	--Breadcrumbs-delimiter: '\00a0\003e\00a0';
	--Breadcrumbs-delimiter-color: inherit;
	--Breadcrumbs-delimiter-font: normal 14px var(--base-font-family);
}

.Breadcrumbs {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0;
	background-color: var(--Breadcrumbs-background);
}

.Breadcrumbs-item {
	display: inline-block;
	font: var(--Breadcrumbs-font);
	color: var(--Breadcrumbs-item-color);

	& + &:before {
		content: var(--Breadcrumbs-delimiter);
		font: var(--Breadcrumbs-delimiter-font);
		color: var(--Breadcrumbs-delimiter-color);
	}
}

.Breadcrumbs-item:hover,
.Breadcrumbs-item:focus,
.Breadcrumbs-item:active {
	color: var(--Breadcrumbs-item-hover-color);
}