/* YBX Motion v1.0.1 companion styles */
@keyframes ybx-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ybx-marquee{display:flex;width:max-content;animation:ybx-marquee 40s linear infinite}
.ybx-marquee:hover{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){
  [text-split],[data-ybx-motion]{opacity:1!important}
  [text-split] .word,[data-ybx-motion] .word{opacity:1!important;transform:none!important}
  .ybx-marquee{animation:none}
}