.dev-w-breadcrumbs {
	width: 100%;
}

.dev-w-breadcrumbs__list {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0;
	padding: 0;
	column-gap: 13px;
	list-style: none;
}

.dev-w-breadcrumbs__item,
.dev-w-breadcrumbs__separator {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
}

.dev-w-breadcrumbs__item--home,
.dev-w-breadcrumbs__item--archive,
.dev-w-breadcrumbs__separator {
	flex: 0 0 auto;
}

.dev-w-breadcrumbs__item--current {
	min-width: 0;
	flex: 1 1 auto;
}

.dev-w-breadcrumbs__home {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #d9d9d9;
	line-height: 1;
	text-decoration: none;
}

.dev-w-breadcrumbs__home-icon {
	display: inline-flex;
	font-size: 28px;
	line-height: 1;
}

.dev-w-breadcrumbs__home-icon svg,
.dev-w-breadcrumbs__separator svg {
	display: block;
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.dev-w-breadcrumbs__home-image {
	display: block;
	width: 28px;
	height: 28px;
	object-fit: contain;
}

.dev-w-breadcrumbs__separator {
	color: #d9d9d9;
	font-size: 14px;
	line-height: 1;
}

.dev-w-breadcrumbs__archive-link {
	color: #202020;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.35;
	text-decoration: none;
	transition: color 0.2s ease;
}

.dev-w-breadcrumbs__archive-link:hover,
.dev-w-breadcrumbs__archive-link:focus-visible {
	color: #000;
	text-decoration: none;
}

.dev-w-breadcrumbs__current {
	min-width: 0;
	color: #111;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

@media (max-width: 767px) {
	.dev-w-breadcrumbs__list {
		align-items: flex-start;
	}

	.dev-w-breadcrumbs__home,
	.dev-w-breadcrumbs__separator {
		margin-top: 0.15em;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dev-w-breadcrumbs__archive-link {
		transition: none;
	}
}