.mobile-menu-overlay { transition: opacity 0.4s ease, transform 0.4s ease; } .mobile-menu-overlay.active { opacity: 1 !important; transform: translate(0) !important; } .navbar-menu-button.active .menu-icon-line.top { transform: translateY(8px) rotate(45deg); } .navbar-menu-button.active .menu-icon-line.middle { opacity: 0; transform: scaleX(0); } .navbar-menu-button.active .menu-icon-line.bottom { transform: translateY(-8px) rotate(-45deg); } .menu-icon-line { transition: all 0.3s ease; transform-origin: center; } body.no-scroll { overflow: hidden; } .navbar.menu-open { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } .mobile-menu-overlay { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100vw !important; height: 100vh !important; height: 100dvh !important; }