/*
 * Marquee ticker styles.
 *
 * The ticker animates a horizontal scroll of .lexx-chip elements inside
 * .lexx-marquee-track via requestAnimationFrame in ticker.js. CSS handles
 * layout + LTR direction (chips render LTR even on RTL pages so the
 * animation direction is consistent).
 */

.lexx-marquee-section {
	overflow: hidden !important;
}

.lexx-marquee-wrap {
	overflow: hidden !important;
	position: relative;
	direction: ltr !important;
}

.lexx-marquee-track {
	animation: none !important;
	-webkit-animation: none !important;
	will-change: transform;
	display: flex;
	flex-wrap: nowrap;
	white-space: nowrap;
	direction: ltr !important;
}

.lexx-chip {
	white-space: nowrap !important;
	flex-shrink: 0;
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	direction: ltr !important;
	unicode-bidi: plaintext !important;
}

.lexx-chip > span {
	display: inline-flex !important;
	align-items: center;
	flex-shrink: 0;
}