/**
 * Docs shell — breadcrumb trail.
 */

.sd-breadcrumb {
	font-size: 16px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 24px;
	color: var(--sd-text-muted);
	gap: 8px;
}

.sd-breadcrumb__item {
	text-decoration: none;
	color: var(--sd-text-muted);
}

a.sd-breadcrumb__item:hover {
	color: var(--sd-text);
}

.sd-breadcrumb__sep {
	color: var(--sd-border-strong);
}

.sd-breadcrumb__current {
	color: var(--sd-text);
}