.auth-header{background-color:var(--palette-headfoot-background)}.user-func .visitor-function{float:left;padding:6px 0}.user-func div.avatar{float:left;margin-left:12px}.user-func .avatar{position:relative;height:36px;width:36px}.user-func .topbar-menu-container{position:absolute;right:0;top:44px}.user-func .topbar-menu{border:1px solid rgba(0,0,0,.1);box-shadow:0 0 4px rgba(0,0,0,.2),0 0 2px rgba(0,0,0,.1);background-color:var(--palette-box2-background);border-radius:8px;display:flex;flex-direction:column;width:300px;padding:8px 0}.user-func .single-item{display:flex;flex-direction:column;justify-content:center}.user-func .single-item .text{color:var(--palette-text);cursor:pointer;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:0;text-align:left;text-decoration:none;border:0;background:transparent;padding:10px 16px}.user-func .avatar .avatar-container{display:block;height:100%;width:100%;background-color:rgba(255,255,255,.2);border-radius:50%;overflow:hidden;position:relative}.user-func .avatar .avatar-container:before{content:"";z-index:1;display:block;position:absolute;height:calc(100% - 2px);width:calc(100% - 2px);left:1px;top:1px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.user-func .nested-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer;padding:10px 16px}.user-func .plain-text-item{display:flex;flex-direction:column;justify-content:center;padding:10px 16px}.user-func .plain-text-item .text{color:var(--palette-text-normal);font-size:12px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:0;text-align:left}.user-func .single-item:hover{background-color:var(--palette-box2-background-hover)}