#menu-container ul li.active .menu-btn:before{height:3px;opacity:1}#menu-container ul li .menu-btn{position:relative}#menu-container ul li .menu-btn:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0px;background-color:var(--sm-primary);opacity:0;transition:height .3s ease-in-out,opacity .3s ease-in-out}#menu-container li .menu-detail{opacity:0}#menu-container li.active .menu-detail{opacity:1}#nav-server aside a{color:var(--title-small);transition:color .2s ease-in-out,background-color .2s ease-in-out;position:relative}#nav-server aside a .iconfont{transition:all .2s ease-in-out;margin-right:10px;opacity:0}#nav-server aside a:before{content:"";position:absolute;top:0;left:0;width:0px;height:100%;background-color:var(--sm-primary);opacity:0;transition:width .3s ease-in-out,opacity .3s ease-in-out}#nav-server aside a.server-active{color:var(--sm-primary);background:rgba(var(--sm-primary-rgb),.1);font-weight:600}#nav-server aside a.server-active .iconfont{opacity:1;margin-right:0}#nav-server aside a.server-active:before{width:3px;opacity:1}#nav-server .server-content-item{transition:margin-left .3s ease-in-out,opacity .3s ease-in-out;max-height:calc(100vh - 170px);overflow-y:auto}.nav-support .custom-border:before{content:"";position:absolute;top:calc(50% - 40px);right:0;width:1px;height:80px;background:var(--smile-gray-tertiary)}.nav-support .custom-border:last-child:before{display:none}
