Не работает боковая панель в мобильных браузерах Firefox ⇐ CSS

[Anonymous]

Боковая панель моего веб-сайта не работает в мобильных браузерах Firefox
Вот видео, которое я снял по этому поводу. и
Эта ссылка предназначена для моего сайта.
/* css related to sidebar */

.side-bar {
flex: 0 0 var(--fb-sidebar-fixed);
background-color: var(--clr-neutral-700);
z-index: 9999;
}

.side-bar.hidden {
margin-left: calc(-1 * var(--fb-sidebar-fixed));
}
@media only screen and (max-width: 800px) {
.side-bar.hidden {
transform: translateX(-100%);
margin-left: 0;
}

.side-bar {
position: fixed;
transition: transform var(--as-nav) ease;
top: 0;
bottom: 0;
transform: translateX(0);
width: var(--fb-sidebar-fixed);
}
}


Подробнее здесь: https://stackoverflow.com/questions/785 ... x-browsers