.infinity-scroll__container {
	width: 100%;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	background: #000;
	color: #fff;
}

.infinity-scroll__items {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: fit-content;
	gap: 30px;
	white-space: nowrap;
	animation: loop 0s linear infinite;
}

#top-bar > .container {
	overflow: hidden;
}

.fade {
	width: 100%;
	position: absolute;
	background: linear-gradient(
		90deg,
		#000,
		transparent 30%,
		transparent 90%,
		#000
	);
	inset: 0;
	pointer-events: none;
}

@keyframes loop {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-50%, 0, 0); } // Ensure it scrolls the full distance
}


.infinity-scroll__item {
	display: flex;
	align-items: center;
	gap: 0 0.2rem;
	color: #FFF;
	font-size: .9rem;
	padding: 0 0.5rem;
	border-radius: 0.4rem;
	white-space: nowrap;

}