.db-marquee{overflow:hidden;padding-block:clamp(18px,2.4vw,30px);border-block:1px solid transparent}
.db-marquee--accent{background:var(--db-primary);color:var(--db-on-primary)}
.db-marquee--dark{background:var(--db-ink);color:#fff}
.db-marquee--outline{background:var(--db-bg);color:transparent;-webkit-text-stroke:1.5px var(--db-heading);border-color:var(--db-line)}
.db-marquee__track{display:flex;width:max-content}
.db-marquee__group{display:flex;align-items:center;flex:none}
.db-marquee__item{font:800 clamp(2rem,5vw,4.4rem)/1 var(--db-f-head);letter-spacing:-.04em;white-space:nowrap;padding-inline:.35em}
.db-marquee__sep{font-size:clamp(1.2rem,2.4vw,2rem);-webkit-text-stroke:0;color:currentColor}
.db-marquee--outline .db-marquee__sep{color:var(--db-primary)}
{% if theme.effects.animations %}@media (prefers-reduced-motion:no-preference){
  .db-marquee__track{animation:db-marquee var(--t,40s) linear infinite}
  .db-marquee--slow{--t:70s}.db-marquee--fast{--t:24s}
  .db-marquee--reverse .db-marquee__track{animation-direction:reverse}
  .db-marquee:hover .db-marquee__track{animation-play-state:paused}
}
@keyframes db-marquee{to{transform:translateX(-50%)}}{% endif %}