<style>
    #rec421665674 {position: fixed; top: 0; left: 0; width: 100%;z-index: 100000; opacity: 0; visibility: hidden; transform: translateX(100%); transition: opacity 0s, transform 0.8s ease;}
    #rec421665674 .tn-atom__sbs-anim-wrapper {animation-delay: 0.6s!important;}
    .menu__close, .menu__open {cursor: pointer;}
</style>
<script>
document.addEventListener('DOMContentLoaded', (event) => {
    const menu = document.querySelector('#rec421665674');
    const burger = document.querySelector('.menu__open');
    const close = document.querySelector('.menu__close');
    const sbs = document.querySelectorAll('.menu--elem');
    const link = document.querySelectorAll('.menu--elem a');
    
    const menuDurDesc = 0;
    if (!menu) console.log('Неправильно указан ID меню');
    if (!burger) console.log('Не существует кнопки открыть на странице');
    if (!close) console.log('Не существует кнопки закрыть на странице');
    if(!link) console.log('В меню нет ссылок');
    
    const del = setInterval(function() {
        sbs.forEach(el => {
            el.classList.remove('t-sbs-anim_started');
        });
    }, 100);
    const s = setTimeout(() => {
        clearInterval(del);
    }, 300);
    
    function run () {
        sbs.forEach(el => {
            el.classList.add('t-sbs-anim_started');
        });
    }
    
    function stop () {
        sbs.forEach(el => {
            setTimeout(() => {
                el.classList.remove('t-sbs-anim_started');
            }, 500);
        });
    }
    
    function openMenu () {
        document.body.style.overflow = "hidden";
        menu.style.visibility = "visible";
        menu.style.opacity = '1';
        menu.style.transform = "translateX(0)";
        run();
    }
    
    function closeMenu () {
        menu.style.transform = "translateX(100%)";
        setTimeout(() => {
            menu.style.opacity = "0";
            menu.style.visibility = "hidden";
        }, 500);
        document.body.style.overflow = "";
    };
    
    burger.addEventListener('click', (e) => {
        openMenu();
        run();
    });
    
    close.addEventListener('click', (e) => {
        stop();
        closeMenu();
    });
    
    link.forEach(el => {
        el.addEventListener('click', (e) => {
            e.preventDefault;
            window.history.pushState({}, null, window.location.pathname); 
            closeMenu();
        });
    });
});
</script>