.react-marquee-ticker{display:flex;align-items:center;flex-direction:row}.react-marquee-ticker-list-wrapper{flex:1;overflow:hidden}.react-marquee-ticker-list{display:block;white-space:normal;margin-top:0}.react-marquee-ticker .ticker-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;overflow:hidden}.react-marquee-ticker .ticker-mask{overflow:hidden;display:flex;align-items:center}.react-marquee-ticker .ticker-text{display:inline-block;transform:translate(0);will-change:transform;line-height:normal;font-size:14px;width:100%;overflow:hidden}.react-marquee-ticker .ticker-text.marquee{animation:textMarquee var(--marquee-duration) linear forwards}.react-marquee-ticker-auto-marquee .ticker-mask{white-space:nowrap}.react-marquee-ticker-auto-marquee .ticker-text{white-space:nowrap;width:auto;overflow:initial;text-overflow:initial}.react-marquee-ticker-single-line .ticker-text{white-space:nowrap;text-overflow:ellipsis}@keyframes textMarquee{0%{transform:translate(0)}to{transform:translate(var(--scroll-x))}}.container{display:flex;flex-direction:column;gap:30px;flex-wrap:wrap;max-width:960px;margin:20px;font-size:14px}.block{display:flex;gap:20px;border-bottom:2px solid #eee;padding-bottom:25px}.block:last-child{border-bottom:none}pre.demo-code{margin-top:0;border-radius:8px;flex:1}.left{width:500px;margin-bottom:10px}.left>h1{margin-top:0}.preview{align-self:flex-start;padding:0 10px;width:300px;background:#f7f7f7;border-radius:5px}.prefix{font-size:12px;display:flex;align-items:center;margin-right:8px}.suffix{font-size:12px;color:#999;padding-left:8px}