.breadcrumbs {
	display: flex;
	white-space: nowrap;
	overflow-x: auto;
	margin-right: -1em;
	margin-left: -1em;
	padding-right: 1em;
	padding-left: 1em;
}
@media (min-width: 375px) {
	.breadcrumbs {
		margin-right: -2em;
		margin-left: -2em;
		padding-right: 2em;
		padding-left: 2em;
	}
}
@media (min-width: 768px) {
	.breadcrumbs {
		margin-right: 0;
		margin-left: 0;
		padding-left: 0;
		padding-right: 0;
		flex-flow: row wrap;
	}
}
.breadcrumbs::-webkit-scrollbar {
	width: 0;
	height: 0;
}
.breadcrumbs .item {
	color: rgba(0, 0, 0, 0.50);
}
.breadcrumbs .item+.item {
	margin-left: 0.5em;
}
.breadcrumbs .item+.item:before {
	content: "/";
	margin-right: 0.5em;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.50);
}
.breadcrumbs .item:not(.current):hover {
	text-decoration: none;
	color: var(--black)
}