.scroller-text{background-color:#000;max-width:100%}.scroller-text__inner{box-sizing:border-box;display:flex;gap:1rem;overflow:hidden}.scroller-text__inner>li{flex:1 0 auto;min-width:150px;padding:1rem}.scroller-text[data-animated=true]{overflow:hidden}.scroller-text[data-animated=true] .scroller-text__inner{animation:scroll var(--_animation-duration,40s) var(--_animation-direction,forwards) linear infinite;flex-wrap:nowrap;width:max-content}.scroller-text[data-direction=right]{--_animation-direction:reverse}.scroller-text[data-direction=left]{--_animation-direction:forwards}.scroller-text[data-speed=slow]{--_animation-duration:20s}@media screen and (min-width:640px){.scroller-text[data-speed=slow]{--_animation-duration:40s}}@media screen and (min-width:1024px){.scroller-text[data-speed=slow]{--_animation-duration:50s}}@media screen and (min-width:1200px){.scroller-text[data-speed=slow]{--_animation-duration:80s}}@keyframes scroll{to{transform:translate(calc(-50% - .5rem))}}.scroller-text .text-list{list-style:none;margin:0;padding-inline:0}.scroller-text .text-list li{align-items:center;color:#fff;display:flex;font-family:Geist,sans-serif;font-weight:700;justify-content:center;padding:.375rem 2rem}.scroller-text.scroller-text--paused .scroller-text__inner{animation-play-state:paused}