.nav-item{position:relative;font-weight:400}.nav-item:hover{--tw-text-opacity:1;color:rgb(51 108 255/var(--tw-text-opacity,1))}.nav-item:hover:after{--tw-scale-x:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.one{top:0;animation-delay:.1s}.one,.two{transition:all .3s}.two{top:10px}.menu-wrapper:hover .menu-bar.active{animation:none}.active .one{top:50%;left:0;transform:rotate(45deg)}.active .two{top:50%;left:0;transform:rotate(-45deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media(max-width:1024px){nav{transition:opacity .3s ease-in-out}nav.fade-enter{animation:fadeIn .3s forwards}nav.fade-exit{animation:fadeOut .3s forwards}}