W

(function() { const openBtn = document.getElementById('bar-open'); const overlay = document.getElementById('bar-overlay'); const modal = document.getElementById('bar-modal'); const closeBtn = document.getElementById('bar-close'); function openModal() { overlay.style.display = 'block'; requestAnimationFrame(() => modal.classList.add('open')); openBtn.setAttribute('aria-expanded', 'true'); document.body.style.overflow = 'hidden'; closeBtn.focus({ preventScroll: true }); } function closeModal() { modal.classList.remove('open'); setTimeout(() => { overlay.style.display = 'none'; }, 180); openBtn.setAttribute('aria-expanded', 'false'); document.body.style.overflow = ''; } openBtn.addEventListener('click', function(e) { e.preventDefault(); openModal(); }); closeBtn.addEventListener('click', closeModal); overlay.addEventListener('click', function(e) { if (e.target === overlay) closeModal(); }); document.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeModal(); }); })();