.track-mark {
    position: relative;
    width: 100vw;
    max-width: 100%;
    height: 50px;
    overflow-x: hidden;
    overflow-y: hidden;
    text-transform: none !important;
    font-size: var(--textsize, 32px); /* Agregado: Tamaño del texto personalizado */
    line-height: var(--lineheight, 50px); /* Agregado: Altura de línea personalizada */
}

.track-mark .track {
    position: absolute;
    white-space: nowrap;
    will-change: transform;
    animation: track-mark var(--seconds, 30s) linear infinite; /* Agregado: Segundos de animación personalizados */
}

@keyframes track-mark {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

@keyframes track-mark-invert {
    0% {
        transform: translateX(-50%);
    }
    100% {
        transform: translateX(0);
    }
}