.topbar{z-index:150;background-color:var(--bg-primary);align-items:center;width:100%;height:72px;display:flex;position:relative}.topbar .topbar-left{margin-bottom:-4px;margin-left:24px;text-decoration:none}.topbar .topbar-left img{cursor:pointer;color:#fff;width:max-content;height:36px}.topbar .topbar-middle{justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.topbar .topbar-middle button{cursor:pointer;height:36px;color:var(--text-primary);transition:var(--duration-fast) var(--ease-out);font-size:14px;font-weight:500;line-height:16px;font-family:var(--font-manrope);background-color:#0000;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:16px 12px;display:flex}.topbar .topbar-middle button:active{transform:scale(.97)}.topbar .topbar-middle button:hover{border:1px solid var(--border-primary)}.topbar .topbar-middle a,.topbar .menu-box a{text-decoration:none}.topbar .topbar-right{justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;right:24px}.menu-n-account{border:1px solid var(--border-primary);border-radius:50px;justify-content:center;align-items:center;padding:4px;display:flex}.menu-n-account .menu-toggle,.menu-n-account .user-account{cursor:pointer;width:28px;height:28px;transition:var(--duration-fast) var(--ease-out);border:1px solid #0000;border-radius:50px;justify-content:center;align-items:center;display:flex}:is(.menu-n-account .menu-toggle,.menu-n-account .user-account) .icon{color:var(--text-secondary)}.menu-n-account .menu-toggle:active,.menu-n-account .user-account:active{transform:scale(.92)}.menu-n-account .menu-toggle:hover,.menu-n-account .user-account:hover{border:1px solid var(--border-primary)}:is(.menu-n-account .menu-toggle:hover,.menu-n-account .user-account:hover) .icon{color:var(--text-primary)}.topbar .menu-box{z-index:100;border:1px solid var(--border-primary);background-color:var(--bg-primary);transform-origin:100% 0;width:150px;transition:opacity var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);border-radius:24px;padding:8px;position:absolute;top:64px;right:26px;box-shadow:0 8px 32px #00000014}.topbar .menu-box button{cursor:pointer;width:100%;height:36px;transition:var(--duration-fast) var(--ease-out);color:var(--text-primary);font-size:14px;font-weight:500;line-height:16px;font-family:var(--font-manrope);background-color:#0000;border:none;border-radius:16px;align-items:center;padding:8px 8px 8px 12px;display:flex}.topbar .menu-box button:active{transform:scale(.97)}.topbar .menu-box button:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.topbar .menu-box.closed{opacity:0;pointer-events:none;transform:scale(.95)}.topbar .menu-box.open{opacity:1;pointer-events:auto;transform:scale(1)}@media (max-width:900px){.topbar-left{cursor:default}.topbar .topbar-middle{display:none}.topbar-right{cursor:none}}