.mars-title-scroller-container{
    height: 100vh;
}

.mars-title-scroller-title{
    text-align: center;
    width: 100%;
    padding-top: 20vh;
}

.mars-title-scroller-scroller{
    width: 15%;
    display: flex;
    align-items: center;
    margin-top: 40vh;
}

.mars-title-scroller-scroller-wrapper{
    width: 100%;
    transform: rotate(270deg);

}

.mars-title-scroller-scroller-text{
    font-weight: 600;
    
    width: 100%;
    color: var(--wp--preset--color--white);
}

@keyframes fillMars{

    0%{
        width: 20%;

    }

    60%{
        width: 100%;


    }

    100%{
        width: 20%;


    }
}

.mars-title-scroller-scroller-scroller-container{
    width: 100%;
    height: 2px;
    background-color: rgba(255,255,255,.5);
    position: relative;
}

.mars-title-scroller-scroller-filler{
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: white;
    top: 0;
    right: 0;
    animation: fillMars 3s   infinite  ;
}

@media (max-width:576px){
    
    .mars-title-scroller-scroller{
        display: none;
    }
}