.nav{position:fixed;width:100%;height:100px;top:0;left:0;background:#000;padding:25px 0;z-index:100}.nav-container{display:flex;justify-content:space-between;width:var(--max-width);margin:0 auto}.nav-item{height:48px;cursor:pointer}.nav-item p{font-size:16px;line-height:48px;color:#fff}.nav-title{display:flex;justify-content:flex-start}.nav-title .nav-item{margin-right:16px}.nav-title .home p{font-size:24px;font-weight:700}.nav-footer{display:flex;justify-content:flex-end}.nav-footer .nav-item{min-width:80px;margin-left:16px}.nav-footer .user{margin-left:16px;display:flex;justify-content:flex-end;align-items:center}.nav-footer .user img{width:35px;height:35px;margin-right:16px}.nav-footer .user p{color:#fff}.nav-footer .sign-in{display:flex;justify-content:space-between;align-items:center;width:100px;height:32px;padding-left:4px;padding-right:8px;background:#fff;border-radius:40px}.nav-footer .sign-in .tele-icon{opacity:.9;width:24px;height:24px;margin-right:8px;border-radius:24px}.nav-footer .sign-in p{width:100%;height:32px;line-height:32px;text-align:center;color:rgb(var(--dynamic-light-blue));font-weight:700}.nav-footer .header-address{height:16px;margin-top:16px;display:flex;justify-content:space-between}.nav-footer .connect-button{width:7.5rem;height:46px;background-color:#10b981;background-image:linear-gradient(350deg,#14a655,#22a99c);font-size:20px;color:#fff;padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer}.dropdown{top:30px}.menu-drawer{background-color:#000!important;border-right:1px solid #32305a;padding-left:35px}.menu-drawer p{color:#a8a5b8}.menu-drawer .ant-drawer-body{padding:30px 0 0}.menu-title{display:flex;justify-content:space-between;width:100%;margin-bottom:30px}.menu-title .poster{width:136px}.menu-item{display:flex;justify-content:flex-start;height:30px;margin-bottom:30px;cursor:pointer}.menu-item svg{width:20px;fill:#a8a5b8;margin-right:15px}.menu-item p{font-size:16px;line-height:30px}.menu-item .iconfont{line-height:30px;margin-right:16px;color:#a8a5b8}.selected{border-right:2px solid #b565df}.selected p{color:#b565df}.selected svg{fill:#b565df}.selected .iconfont{color:#b565df}@media screen and (max-width:750px){.nav-footer .user p{font-size:12px;white-space:nowrap}.nav-footer .user img{width:28px;height:28px}}@media screen and (max-width:500px){.learn-bots{display:none}.nav-title .home p{font-size:16px;line-height:1.5}}@media screen and (max-width:375px){.get-listed{display:none}}