.user-menu-trigger{cursor:pointer;border-radius:50%;align-items:center;padding:2px;transition:box-shadow .2s;display:inline-flex;position:relative}.user-menu-trigger:hover{box-shadow:0 0 0 2.5px color-mix(in srgb, var(--portal-primary) 50%, transparent)}.user-menu-trigger--active{box-shadow:0 0 0 2.5px var(--portal-primary)}.user-tiered-menu.p-tieredmenu{min-width:180px;overflow:hidden;border:1px solid var(--surface-border)!important;border-radius:14px!important;padding:.35rem!important;box-shadow:0 4px 6px -1px #00000012,0 10px 28px -5px #0000001f,0 0 0 1px #00000008!important}.user-tiered-menu.p-tieredmenu .p-menuitem{border-radius:8px;overflow:hidden}.user-tiered-menu.p-tieredmenu .p-menuitem .p-menuitem-link{gap:.75rem;border-radius:8px!important;padding:.6rem .85rem!important;transition:background .15s!important}.user-tiered-menu.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-icon{background:color-mix(in srgb, var(--portal-primary) 10%, transparent);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,color .15s;display:flex;color:var(--portal-primary)!important;font-size:.78rem!important}.user-tiered-menu.p-tieredmenu .p-menuitem .p-menuitem-link .p-menuitem-text{color:var(--text-color);font-size:.875rem;font-weight:500}.user-tiered-menu.p-tieredmenu .p-menuitem .p-menuitem-link:not(.p-disabled):hover{background:color-mix(in srgb, var(--portal-primary) 8%, transparent)!important}.user-tiered-menu.p-tieredmenu .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon{background:var(--portal-primary)!important;color:#fff!important}.user-tiered-menu.p-tieredmenu .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text{color:var(--portal-primary)}.user-tiered-menu.p-tieredmenu .p-menuitem .p-menuitem-link:focus{box-shadow:none!important}.user-tiered-menu.p-tieredmenu .p-menuitem-separator{border-top-color:var(--surface-border)!important;margin:.3rem .5rem!important}.user-tiered-menu.p-tieredmenu .p-menuitem:first-child .p-menuitem-link .p-menuitem-icon{background:color-mix(in srgb, var(--portal-primary) 15%, transparent)}.user-tiered-menu.p-tieredmenu .p-menuitem:first-child .p-menuitem-link .p-menuitem-text{font-weight:700}html[data-portal-theme=dark] .user-tiered-menu.p-tieredmenu{box-shadow:0 4px 6px -1px #0000004d,0 10px 28px -5px #0006!important}