.dm-breadcrumbs {
	margin: 0 0 var(--dm-space-4, 16px);
	font-size: 13px;
	color: var(--dm-text-muted, #687386);
}

.dm-breadcrumbs__list {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: var(--dm-space-2, 8px);
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.dm-breadcrumbs__item {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	white-space: nowrap;
}

.dm-breadcrumbs__item:not(:last-child)::after {
	content: "/";
	margin-left: var(--dm-space-2, 8px);
	color: var(--dm-text-muted, #687386);
}

.dm-breadcrumbs a {
	color: var(--dm-text-secondary, #9aa4b2);
}

.dm-breadcrumbs a:hover {
	color: var(--dm-brand-bright, #c084fc);
}

.dm-breadcrumbs [aria-current="page"] {
	color: var(--dm-text-muted, #687386);
}

.dm-breadcrumbs:focus-visible,
.dm-breadcrumbs a:focus-visible {
	outline: var(--dm-focus, 2px solid #8b5cf6);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.dm-breadcrumbs,
	.dm-breadcrumbs a {
		scroll-behavior: auto;
		transition: none;
	}
}