.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);font-size:14px;font-weight:500;line-height:16px;font-family:var(--font-manrope);background-color:#0000;border:none;border-radius:12px;justify-content:center;align-items:center;padding:16px 12px;transition:all .15s ease-in-out;display:flex}.topbar .topbar-middle button:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.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;border-radius:50px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s ease-in-out;display:flex}:is(.menu-n-account .menu-toggle,.menu-n-account .user-account) .icon{color:var(--text-secondary)}.menu-n-account .menu-toggle:hover,.menu-n-account .user-account:hover{background-color:var(--bg-secondary)}: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);border-radius:24px;width:150px;padding:8px;position:absolute;top:64px;right:26px;box-shadow:0 4px 12px #0000000d}.topbar .menu-box button{cursor:pointer;width:100%;height:36px;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;transition:all .2s ease-in-out;display:flex}.topbar .menu-box button:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.topbar .menu-box .line-separator{background-color:var(--border-primary);width:100%;height:1px;margin:8px 0}.topbar .menu-box .theme-toggle-container-under-menubox,.topbar .menu-box .line-separator{display:none}.topbar .menu-box.closed{display:none}.topbar .menu-box.open{display:block}@media (max-width:900px){.topbar-left{cursor:default}.topbar .topbar-middle{display:none}.topbar-right{cursor:none}.topbar-right .theme-toggle-container{display:none}.topbar .menu-box .theme-toggle-container-under-menubox,.topbar .menu-box .line-separator{display:flex}}