.menu-item{position:relative}.menu-item a,.menu-item button{position:relative}.menu-item a,.menu-item button,.submenu{transition:all .3s cubic-bezier(.4,0,.2,1)}.submenu{transform:translateY(10px);opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s}.menu-item:before{content:"";position:absolute;top:100%;left:0;width:100%;height:20px;background:transparent}.menu-item:hover .submenu{transform:translateY(0);opacity:1;visibility:visible;pointer-events:all;transition-delay:.1s}.submenu:before{content:"";position:absolute;top:-20px;left:0;width:100%;height:20px;background:transparent}.submenu-item{position:relative;transform:translateX(-10px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition-delay:calc(var(--index) * 50ms);overflow:hidden}.submenu-item:after,.submenu-item:before{content:"";position:absolute;top:0;width:2px;height:100%;background:#2563eb;transition:transform .3s cubic-bezier(.4,0,.2,1)}.submenu-item:before{left:0;transform:translateX(-100%)}.submenu-item:after{right:0;transform:translateX(100%)}.submenu-item.active:after,.submenu-item.active:before,.submenu-item:hover:after,.submenu-item:hover:before{transform:translateX(0)}.submenu-item:hover{background-color:rgba(59,130,246,.05)}.menu-item:hover .submenu-item{transform:translateX(0);opacity:1}.chevron-icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.menu-item.active .chevron-icon,.menu-item:hover .chevron-icon{transform:rotate(-180deg)}.menu-item.active a,.menu-item.active button{background-color:#fff;color:#2563eb}.submenu-item.active{transform:translateX(0);opacity:1;color:#2563eb;font-weight:500;background-color:#eff6ff}