{{! Moving headings (ADR 0047): the words in an endless row (motion/style.css), twice, the second copy hidden from screen readers and not editable; a dot, a slash or an icon after each word (style.css draws them). }}
<div {{@attrs}}><div class="sv-marquee{{#speed}} sv-marquee--{{speed}}{{/speed}}{{#direction}} sv-marquee--{{direction}}{{/direction}}"><ul class="sv-marquee__copy sv-ticker__list">{{#items}}<li class="sv-ticker__item"><span class="sv-ticker__text"{{@edit items.text}}>{{text}}</span>{{#separator}}<span class="sv-ticker__sep" aria-hidden="true"><span class="sv-ticker__glyph sv-glyph-{{separatorIcon}}"></span></span>{{/separator}}</li>{{/items}}</ul><ul class="sv-marquee__copy sv-ticker__list" aria-hidden="true">{{#items}}<li class="sv-ticker__item"><span class="sv-ticker__text">{{text}}</span>{{#separator}}<span class="sv-ticker__sep"><span class="sv-ticker__glyph sv-glyph-{{separatorIcon}}"></span></span>{{/separator}}</li>{{/items}}</ul></div></div>