.nav-chain {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}

.nav-chain ul {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	list-style: none;
	width: max-content;
	max-width: none;
	margin: 0;
	padding: 0;
}

.nav-chain ul li {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	margin: 0;
	white-space: nowrap;
}

.nav-chain ul li:not(:last-child)::after {
	content: "/";
	margin: 0 8px;
}

.nav-chain__current {
	min-width: 0;
	max-width: min(50vw, 320px);
}

.nav-chain__current span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}