.ticker-track {
    box-sizing: content-box;
    flex: 0 0 auto;
    width: max-content;
    gap: 0;
    padding-left: 100%;
    animation-name: ticker-single-message;
}

@keyframes ticker-single-message {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}

@media (prefers-reduced-motion: reduce) {
    .ticker-track {
        flex: 1 1 auto;
        min-width: 0;
        width: auto;
        padding: 0 14px;
        animation: none;
        white-space: normal;
    }

    .ticker-track span {
        flex: 1 1 auto;
        min-width: 0;
        overflow-wrap: anywhere;
    }
}