.TopBarUserMenu{position:relative;flex:none}.TopBar-button{display:flex;cursor:pointer;align-items:center;gap:.25rem;padding:.25rem .25rem .25rem .5rem}@media (pointer:coarse){.TopBar-button{min-height:var(--tap-min,2.75rem)}}.TopBar-button{border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(var(--c-border-default)/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--c-surface)/var(--tw-bg-opacity));--tw-shadow:0px 1px 2px 0px rgb(var(--c-shadow)/calc(0.05 * var(--shadow-k, 1)));--tw-shadow-colored:0px 1px 2px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.TopBar-button.active,.TopBar-button:hover{--tw-border-opacity:1;border-color:rgb(var(--c-accent-border)/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--c-accent-50)/var(--tw-bg-opacity))}.TopBarMenu{position:absolute;right:0;top:100%;z-index:500;margin-top:.5rem;display:flex;flex-direction:column;border-radius:1.125rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(var(--c-border-default)/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--c-surface)/var(--tw-bg-opacity));padding:.5rem;--tw-shadow:0px 4px 10px -2px rgb(var(--c-shadow)/calc(0.06 * var(--shadow-k, 1))),0px 16px 36px -8px rgb(var(--c-shadow)/calc(0.14 * var(--shadow-k, 1)));--tw-shadow-colored:0px 4px 10px -2px var(--tw-shadow-color),0px 16px 36px -8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);min-width:13.75rem;max-width:calc(100vw - 2rem)}.TopBarMenu-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .375rem;text-align:left}@media (pointer:coarse){.TopBarMenu-link{min-height:var(--tap-min,2.75rem)}}.TopBarMenu-link{border-radius:.625rem;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.TopBarMenu-link:hover{--tw-bg-opacity:1;background-color:rgb(var(--c-accent-50)/var(--tw-bg-opacity))}.TopBarMenu-theme{padding-left:.375rem;padding-right:.375rem;padding-top:.5rem}.NotificationSymbol{display:inline-flex;align-items:center;justify-content:center;height:1rem;width:1rem;border-radius:9999px}.NotificationSymbol.size--s{height:1.25rem;width:1.25rem}.NotificationSymbol.size--xs{height:.5rem;width:.5rem}