nav{--menu-base:#bdbdbd;--menu-hover:rgb(66, 25, 128);--menu-active:rgb(98, 40, 185);--menu-gradient:linear-gradient(
      to top,
      #00000050 5%,
      #00000000 50%,
      #ffffff40 55%,
      #ffffff60 100%
    );--menu-gradient-hover:linear-gradient(
      to top,
      #FFFFFF33 5%,
      #00000000 50%,
      #ffffff40 55%,
      #ffffff60 100%
    );--animation_speed:1.0s;--size-height:40px}nav>ul{list-style:none;height:var(--size-height)}nav>ul:after{content:"";clear:both;display:block}nav>ul>li{flex:1;height:var(--size-height);background:var(--menu-base)var(--menu-gradient);border-top:1px solid #8b8b8b;border-right:2px solid #929292;border-bottom:1px solid #666;border-left:1px solid #dbdbdb;text-align:center;transition:calc(var(--animation_speed) * .125)background ease-in-out}nav>ul>li:hover{background:var(--menu-hover)var(--menu-gradient-hover)}nav>ul>li:hover>a{color:var(--font-color-lightest) !important}nav>ul>li>a{text-decoration:none;color:var(--font-color-dark) !important;font-weight:700;text-transform:uppercase;font-size:6px}nav>ul>li>ul{float:none;text-align:left;background:linear-gradient(135deg,#443ab3 0%,#0d0027 100%);border:4px ridge #c3c3c4;border-radius:8px;top:12px;z-index:100;transition:calc(var(--animation_speed) * .25)height,calc(var(--animation_speed) * .33)border cubic-bezier(0,1,0,1)}nav>ul>li>ul>li:hover::before{content:'';position:absolute;margin-top:8px;left:-1.5rem;height:24px;width:36px;background-image:url(/images/menu/cursor-final-fantasy-7-glove.png);background-size:cover;z-index:101;animation:cursor-wiggle .125s infinite alternate ease-in}nav>ul>li>ul>li{cursor:none !important}nav>ul>li>ul>li:hover{cursor:none !important}nav>ul>li>ul>li>a{cursor:none !important}nav>ul>li>ul>li>a:hover{cursor:none !important}nav>ul>li>ul>li>a{line-height:2rem;color:#fff}nav>ul>li>ul{border:0 ridge #c3c3c4;overflow:hidden}nav>ul>li:hover>ul{border:4px ridge #c3c3c4;overflow:visible}nav>ul>li>ul>li{cursor:pointer;list-style-type:none;height:0;transition:calc(var(--animation_speed) * .15)height cubic-bezier(.73,.32,.34,1.5)}nav>ul>li:hover>ul>li{list-style-type:none;height:36px}@keyframes cursor-wiggle{0%{transform:translateX(0)}100%{transform:translateX(-2px)}}