.breadcrumbs {
	list-style: none;
	padding: 0.35em 0.5em;
	line-height: 1.4em;
	font-size: 0.8625rem;
	display: flex;
	align-items: stretch;
	max-width: 100%;
	overflow-x: auto;
	background-color: var(--panel-light);
	border-radius: 0.7em;
	/* border-bottom: var(--border-thin); */
}

.breadcrumbs-item {
	padding: 0;
	margin: 0;
	display: inline;
	flex-shrink: 0;
}

.breadcrumbs-item a {
	text-decoration: none;
	padding: 0.125em 0.45em;
	display: inline-flex;
	align-items: center;
	flex-direction: row;
	border-radius: 0.5em;
	height: 100%;
	color: inherit;
}

.breadcrumbs-item:not(:last-of-type) a:hover {
	background-color: var(--primary);
	color: var(--contrast, var(--dark));
}

.breadcrumbs-item:not(:first-of-type)::before {
	content: "/";
}

.breadcrumbs-item:last-of-type a {
	opacity: 0.75;
}