/* CSS Keyframe Animation */ @keyframes translateX { to { transform: translateX(-100%); } } [data-css-marquee-list] { animation: translateX 30s linear infinite; } /* Lumos fix */ .marquee-css__list { flex: none; min-width: max-content; } .marquee-css__item { flex: none; } .marquee-css__item-svg { display: block; flex: none; width: 1em; height: 1em; max-width: none; } /* Soft fade edges */ .marquee-css { overflow: hidden; -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%); mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%); }