.marquee{align-items:center;gap:1rem;display:flex}.marquee__viewport{flex:1;padding-right:20px;overflow:hidden;-webkit-mask-image:linear-gradient(270deg,#0000 0,#000 30px 100%);mask-image:linear-gradient(270deg,#0000 0,#000 30px 100%)}.marquee__inner{white-space:nowrap;animation:linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(10%)}to{transform:translate(-50%)}}