.main-menu{gap:2px;list-style:none;display:flex}.menu-item{cursor:pointer;position:relative}.submenu-container{margin-top:10px;position:relative}.submenu{opacity:0;pointer-events:none;width:500px;list-style:none;transition:opacity,transform;position:absolute;top:100%;left:0;transform:translateY(-10px)}.submenu.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.submenu.hidden{opacity:0;pointer-events:none}.submenu-item{opacity:0;animation:forwards fadeIn}.submenu.hidden .submenu-item{animation:forwards fadeOut}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}