.scrollingtext-wrapper {
    width: 100%;
    overflow: hidden;
    background: var(--scrollingtext-bg, #1a1a1a);
    color: var(--scrollingtext-color, #ffffff);
    white-space: nowrap;
    border: none;
}

.scrollingtext-track {
    display: inline-flex;
    width: max-content;
}

.scrollingtext-track.scrollingtext-animate {
    animation: scrollingtext-scroll var(--scrollingtext-duration) linear infinite;
}

.scrollingtext-content {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    padding-right: var(--scrollingtext-gap, 64px);
    font-size: var(--scrollingtext-fs, 16px);
    font-weight: var(--scrollingtext-fw, 500);
    color: var(--scrollingtext-color, #ffffff);
}

@keyframes scrollingtext-scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(var(--scrollingtext-distance));
    }
}