.bnmtk {
	position: relative;
	min-width: 0;
}

.bnmtk__rows {
	display: flex;
	flex-direction: column;
	gap: var(--bnmtk-row-gap, 10px);
	overflow: hidden;
	direction: ltr;
	-webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--bnmtk-fade, 160px), #000 calc(100% - var(--bnmtk-fade, 160px)), transparent 100%);
	mask-image: linear-gradient(to right, transparent 0, #000 var(--bnmtk-fade, 160px), #000 calc(100% - var(--bnmtk-fade, 160px)), transparent 100%);
}

.bnmtk__row {
	display: flex;
	gap: var(--bnmtk-gap, 10px);
	width: max-content;
}

.bnmtk .bnmtk__track {
	display: flex;
	flex: 0 0 auto;
	gap: var(--bnmtk-gap, 10px);
	margin: 0;
	padding: 0;
	list-style: none;
	animation: bnmtk-scroll-3807 var(--bnmtk-dur, 60s) linear infinite;
}

.bnmtk__row--reverse .bnmtk__track {
	animation-direction: reverse;
}

.bnmtk:hover .bnmtk__track,
.bnmtk.is-paused .bnmtk__track {
	animation-play-state: paused;
}

@keyframes bnmtk-scroll-3807 {
	to {
		transform: translateX(calc(-100% - var(--bnmtk-gap, 10px)));
	}
}

.bnmtk__item {
	flex: 0 0 auto;
	padding: 10px 16px;
	border: 1px solid var(--bnmtk-border, var(--color-border, #e3e3e8));
	border-radius: var(--radius-full, 999px);
	background-color: var(--bnmtk-bg, var(--color-surface, #ffffff));
	color: var(--bnmtk-color, var(--color-foreground, #22222a));
	font-family: var(--font-label, inherit);
	font-weight: 500;
	font-size: var(--text-label, 0.9375rem);
	line-height: 1.3;
	letter-spacing: 0.02em;
	white-space: nowrap;
	unicode-bidi: isolate;
}

.bnmtk .bnmtk__toggle,
.bnmtk .bnmtk__toggle:hover {
	position: absolute;
	inset-block-start: -8px;
	inset-inline-start: 50%;
	z-index: 2;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.bnmtk .bnmtk__toggle:focus,
.bnmtk .bnmtk__toggle:focus-visible {
	width: auto;
	height: auto;
	margin: 0;
	padding: 8px 16px;
	overflow: visible;
	clip-path: none;
	transform: translateX(50%);
	border: 1px solid var(--color-foreground, #22222a);
	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-xs, 0.8125rem);
	line-height: 1.2;
	cursor: pointer;
}

.bnmtk[dir="ltr"] .bnmtk__toggle:focus,
.bnmtk[dir="ltr"] .bnmtk__toggle:focus-visible {
	transform: translateX(-50%);
}

@media (prefers-reduced-motion: reduce) {
	.bnmtk__rows {
		padding-inline: 20px;
		-webkit-mask-image: none;
		mask-image: none;
	}

	.bnmtk__row {
		width: auto;
		justify-content: center;
	}

	.bnmtk .bnmtk__track {
		flex: 1 1 auto;
		flex-wrap: wrap;
		justify-content: center;
		animation: none;
	}

	.bnmtk .bnmtk__track[aria-hidden="true"],
	.bnmtk .bnmtk__toggle {
		display: none;
	}
}