Bug de código para menu Mobile (CSS, HTML e JS)

Na hora de criar aquelas barrinhas brancas do Menu, mas elas não aparecem, porém não consigo encontrar o erro

Acho que está no código abaixo, que coloquei pra vocês verem! BUT se não for o suficiente, https://github.com/isaolivcld/nextWebsite o projeto inteiro está no meu git. Agradeço desde já!

Já revisei o código inteiro pelo menos 3x, e não consegui achar a solução

div class="navbar__toggle" id="mobile-menu">
                <span class="bar"></span> <span class="bar"></span>
                <span class="bar"></span>
            </div>

 .navbar__toggle.bar{
        width: 25px;
        height: 3px;
        margin: 5px auto;
        transition: all 0.3s ease-in-out;
        background: #fff;
    }

.navbar__toggle .bar {
        display: block;
        cursor: pointer;
        }