.bdh-in-page-nav {
	position: relative;
	z-index: 20;
	max-width: 100%;
}

.bdh-in-page-nav--sticky {
	position: sticky;
}

.bdh-in-page-nav__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.bdh-in-page-nav__item {
	flex: 0 0 auto;
}

.bdh-in-page-nav__title {
	margin: 0;
}

.bdh-in-page-nav__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition-property: color, background-color, border-color, box-shadow;
	transition-duration: var(--bdh-nav-transition-duration, 0.2s);
}

.bdh-in-page-nav__number {
	display: inline-block;
	flex: 0 0 auto;
}

.bdh-in-page-nav__label {
	display: inline-flex;
	align-items: center;
	min-width: 0;
}

.bdh-in-page-nav--all-device-scroll {
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-inline: contain;
	scrollbar-width: none;
}

.bdh-in-page-nav--all-device-scroll::-webkit-scrollbar {
	display: none;
}

.bdh-in-page-nav--all-device-scroll .bdh-in-page-nav__list {
	flex-flow: row nowrap !important;
	justify-content: flex-start !important;
	width: max-content;
	min-width: 100%;
}

.bdh-in-page-nav__link:focus-visible {
	outline: var(--bdh-nav-focus-outline, 2px solid currentColor);
	outline-offset: var(--bdh-nav-focus-offset, 3px);
}

@media (max-width: 767px) {
	.bdh-in-page-nav--mobile-scroll {
		overflow-x: auto;
		overflow-y: hidden;
		overscroll-behavior-inline: contain;
		scrollbar-width: thin;
	}

	.bdh-in-page-nav--mobile-scroll .bdh-in-page-nav__list {
		flex-flow: row nowrap !important;
		justify-content: flex-start !important;
		width: max-content;
		min-width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.bdh-in-page-nav__link {
		transition-duration: 0s !important;
	}
}