@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{width:max-content;animation:60s linear infinite marquee;display:flex}.animate-marquee:hover{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.animate-marquee{animation:none}}.marquee-fade{--fade:12%;--solid:88%;-webkit-mask-image:linear-gradient(to right, transparent 0%, #000 var(--fade), #000 calc(100% - var(--fade)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0%, #000 var(--fade), #000 calc(100% - var(--fade)), transparent 100%);mask-image:linear-gradient(to right, transparent 0%, #000 var(--fade), #000 calc(100% - var(--fade)), transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}