.breadcrumb-ul {
	display: flex;
	gap: .25rem .75rem;
}

@media (max-width: 767.98px) {
	.breadcrumb-ul {
		flex-wrap: wrap;
	}
}

.breadcrumb-ul a {
	color: #3f5775;
	color: var(--breadcrumb-link-color, #3f5775);
}

	.breadcrumb-ul a:hover {
		-webkit-text-decoration: none;
		text-decoration: none;
		color: #007caa;
		color: var(--breadcrumb-link-hover-color, #007caa);
	}

.breadcrumb-ul .breadcrumb-li {
	font-size: .875rem;
	color: #6f8197;
	color: var(--breadcrumb-path-color, #6f8197);
	height: calc(1.5em + 0px);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: clip;
	overflow-clip-margin: .25rem;
	display: flex;
	gap: .75rem;
}

	.breadcrumb-ul .breadcrumb-li span,
	.breadcrumb-ul .breadcrumb-li a {
		max-width: 50ch;
		font-weight: 400;
	}

	.breadcrumb-ul .breadcrumb-li:not(:first-child):before {
		content: "/";
		color: #9fabba;
		color: var(--breadcrumb-separator-color, #9fabba);
		display: inline-flex;
	}

	.breadcrumb-ul .breadcrumb-li:not(:last-child) {
		flex-shrink: 0;
	}

	.breadcrumb-ul .breadcrumb-li:last-child {
		flex-shrink: 1;
	}