nav.breadcrumb {
	inline-size: 100%;
	max-inline-size: calc(var(--width-vp-max) + 6rem);
	margin-inline: auto;
	display: flex;
	gap: var(--gap-xs7);
	opacity: 1;
	padding-inline: 3.5rem;
}

@media screen and (max-width: 1025px) {
	nav.breadcrumb {
		padding-inline: var(--gutter);
	}
}
nav.breadcrumb ul {
	display: flex;
	gap: var(--gap-xs7);
	margin-top: var(--gap-xs5);
	flex-wrap: wrap;
}
@media screen and (max-width: 1025px) {
	nav.breadcrumb ul {
		margin-top: var(--gap-xs7);
	}
}

nav.breadcrumb ul * {
	color: white;
	font-size: var(--text-s);
	transition-duration: 0s;
}
nav.breadcrumb ul a {
	text-decoration: underline;
}
@media screen and (max-width: 1025px) {
	body.show-menu .breadcrumb * {
		color: var(--base) !important;
	}
}

.breadcrumb__separator {
	pointer-events: none;
}

@media screen and (max-width: 1025px) {
	.breadcrumb__item--current {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: calc(100vw - calc(var(--gutter) * 2.5));
	}
}