.message-panel {
    font-size: 14px;
}

.message__text {
    height: 30px;
    position: absolute;
    white-space: nowrap;
    width: max-content;
    text-align: left;

    animation: none;
    padding-left: 0;
}

.message__text span {
    margin-right: 40px;
}

.message__text__animation {
    /* duration overridden from JS */
    animation-name: scroll-left;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    padding-left: 100%;
}

@keyframes scroll-left {
    0%   {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}