.user-menu{display:inline-flex;position:relative}.user-menu__trigger{background:var(--global-color-primitive-surface-650);cursor:pointer;border:1px solid #ffffff1f;border-radius:9px;align-items:center;gap:8px;padding:4px 10px 4px 4px;transition:border-color .2s;display:flex}.user-menu__trigger:hover{border-color:var(--global-color-hairline-strong)}.user-menu__trigger .avatar{width:28px;height:28px;box-shadow:none;border:none}.user-menu__trigger .avatar__notification-badge{min-width:16px;height:16px;font-family:var(--global-fontFamily-barlow);background-color:var(--global-color-primitive-brand-red);border-color:var(--global-color-primitive-surface-650);padding:0 4px;font-size:9px;font-weight:700;top:-3px;right:-3px}.user-menu__username{font-family:var(--global-fontFamily-barlow);color:var(--global-color-primitive-text-100);white-space:nowrap;font-size:13px;font-weight:600;line-height:1}.user-menu__caret{color:var(--global-color-primitive-text-400);justify-content:center;align-items:center;transition:transform .2s;display:flex}.user-menu__caret svg{width:11px;height:11px}.user-menu__caret--open{transform:rotate(180deg)}.user-menu__dropdown{background:var(--global-color-primitive-surface-700);width:218px;box-shadow:var(--global-shadow-menu);z-index:100;border:none;border-radius:10px;padding:6px;animation:.15s ease-out userMenuFadeIn;position:absolute;top:calc(100% + 9px);right:0}@keyframes userMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-menu__item{width:100%;font-family:var(--global-fontFamily-barlow);color:#cfcfd4;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:11px;padding:9px 11px;font-size:13.5px;font-weight:600;transition:background-color .15s,color .15s;display:flex}.user-menu__item:hover{background:var(--global-color-primitive-surface-650);color:var(--white)}.user-menu__item--logout,.user-menu__item--logout:hover{color:var(--global-color-primitive-red-500,red)}.user-menu__item--logout:hover{background:var(--global-color-tint-red-bg)}.user-menu__badge{background-color:var(--global-color-primitive-brand-red);min-width:20px;height:20px;color:var(--white);font-family:var(--global-fontFamily-barlow);border-radius:10px;justify-content:center;align-items:center;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;display:flex}@media (max-width:768px){.user-menu__username{display:none}.user-menu__trigger{gap:var(--global-spacing-2,8px);padding:4px 6px 4px 4px}}