.bnmtf .bnmtf__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--bnmtf-gap, 10px);
	margin: 0;
	padding: 0;
	list-style: none;
}

.bnmtf__item {
	flex: 0 0 auto;
}

.bnmtf .bnmtf__link,
.bnmtf .bnmtf__link:focus {
	display: inline-flex;
	align-items: center;
	min-height: 42px;
	padding: 11px 20px;
	border: 1px solid var(--color-border, #e3e3e8);
	border-radius: var(--radius-full, 999px);
	background-color: var(--color-surface, #ffffff);
	color: var(--color-foreground, #22222a);
	font-family: var(--font-body, inherit);
	font-weight: 700;
	font-size: var(--text-button-sm, 0.9375rem);
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	transition: border-color var(--motion-fast, 150ms), background-color var(--motion-fast, 150ms), color var(--motion-fast, 150ms);
}

.bnmtf .bnmtf__link:hover {
	border-color: var(--color-foreground, #22222a);
	color: var(--color-foreground, #22222a);
}

.bnmtf .bnmtf__link.is-current,
.bnmtf .bnmtf__link.is-current:hover,
.bnmtf .bnmtf__link.is-current:focus {
	border-color: var(--color-primary, #da2576);
	background-color: var(--color-primary, #da2576);
	color: var(--color-on-primary, #ffffff);
}

@media (max-width: 767px) {
	.bnmtf--scroll-yes .bnmtf {
		margin-inline: calc(var(--bnmtf-edge, 20px) * -1);
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.bnmtf--scroll-yes .bnmtf::-webkit-scrollbar {
		display: none;
	}

	.bnmtf--scroll-yes .bnmtf .bnmtf__list {
		flex-wrap: nowrap;
		width: max-content;
		padding-inline: var(--bnmtf-edge, 20px);
		padding-block: 4px;
	}
}