/* Keeps each message centered while the two-panel track loops seamlessly. */
.kbm-ticker__track {
	display: flex;
	width: 200%;
	animation: kbm-ticker-scroll 26s linear infinite;
}

.kbm-ticker__track span {
	display: block;
	flex: 0 0 50%;
	width: auto;
	box-sizing: border-box;
	padding-inline: 28px;
	text-align: center;
}

@keyframes kbm-ticker-scroll {
	to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
	.kbm-ticker__track {
		width: 100%;
		animation: none;
	}

	.kbm-ticker__track span {
		flex: 0 0 100%;
	}

	.kbm-ticker__track span + span {
		display: none;
	}
}