#mpro-bar{
    width:100%;
    overflow:hidden;
    position:relative;
    z-index:999;
    height:42px;
    display:flex;
    align-items:center;
    border-bottom:1px solid rgba(255,255,255,0.1);
}

.mpro-track{
    white-space:nowrap;
    display:inline-block;
    padding-left:100%;
    animation:mpro-scroll linear infinite;
}

.mpro-link{
    color:inherit !important;
    text-decoration:none !important;
    font-size:14px;
    font-weight:700;
    letter-spacing:0.5px;
}

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

    100%{
        transform:translateX(-100%);
    }
}

@media(max-width:767px){

    #mpro-bar{
        height:36px;
    }

    .mpro-link{
        font-size:12px;
    }
}









#mpro-bar{
    width:100%;
    min-height:40px;

    background:var(--mpro-bg);
    color:var(--mpro-color);

    overflow:hidden;
    position:relative;
    z-index:10;

    display:flex;
    align-items:center;
}

.mpro-inner{
    white-space:nowrap;
    width:max-content;

    animation:mpro-scroll linear infinite;
}

.mpro-link{
    color:inherit !important;
    text-decoration:none !important;

    font-size:14px;
    font-weight:600;

    display:inline-block;

    padding-left:100vw;
}

@keyframes mpro-scroll{

    0%{
        transform:translateX(0);
    }

    100%{
        transform:translateX(-100%);
    }
}

@media(max-width:767px){

    #mpro-bar{
        min-height:34px;
    }

    .mpro-link{
        font-size:12px;
    }
}