.marquee{--marquee-gap:72px;--marquee-duration:90s;--marquee-height:88px;background:var(--bg);position:relative;overflow:hidden}.marquee[data-speed=fast]{--marquee-duration:36s}.marquee-track{width:max-content;animation:marquee-rtl var(--marquee-duration) linear infinite;display:flex}.marquee[data-direction=reverse] .marquee-track{animation-direction:reverse}.marquee[data-hover=pause]:hover .marquee-track,.marquee[data-hover=pause]:focus-within .marquee-track{animation-play-state:paused}.marquee-cell{height:var(--marquee-height);flex:none;align-items:center;padding-inline-end:var(--marquee-gap);display:flex}.marquee[data-sizing=uniform] .devs-logo{--logo-h:24px}.marquee[data-edges=fade]:before,.marquee[data-edges=fade]:after{content:"";z-index:1;pointer-events:none;width:min(160px,18%);position:absolute;inset-block:0}.marquee[data-edges=fade]:before{background:linear-gradient(to right, var(--bg), transparent);left:0}.marquee[data-edges=fade]:after{background:linear-gradient(to left, var(--bg), transparent);right:0}@keyframes marquee-rtl{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width:640px){.marquee{--marquee-gap:44px;--marquee-height:64px}}@media (prefers-reduced-motion:reduce){.marquee{overflow-x:auto}.marquee-track{animation:none}}.marquee-demo{margin-top:48px}.marquee-demo>h2{font:500 17px / 1.3 var(--sans);color:var(--ink)}.marquee-demo>p{font:400 14px / 1.5 var(--sans);color:var(--ink-3);margin-top:4px}.marquee-demo-rows{border-block:1px solid var(--line);margin-top:16px}.marquee-demo-rows>.marquee+.marquee{border-top:1px solid var(--line)}