.profile-menu { position: relative; flex-shrink: 0; font-family: inherit; line-height: 1.5; }
.profile-menu [hidden] { display: none !important; }
.profile-menu .profile-menu-trigger { display: grid; place-items: center; position: relative; width: 42px; height: 42px; padding: 3px; background: #fff; border: 1px solid #e1e1e6; border-radius: 50%; cursor: pointer; color: #18181b; }
.profile-menu-trigger:hover { border-color: #9c9ca6; }
.profile-menu .profile-menu-avatar { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #f0eee9; color: #51422e; font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1; }
.profile-menu .profile-menu-avatar-guest { background: #f3f3f5; position: relative; }
.profile-menu-avatar-guest::before { content: ''; position: absolute; top: 6px; width: 7px; height: 7px; border: 1.5px solid #606069; border-radius: 50%; }
.profile-menu-avatar-guest::after { content: ''; position: absolute; bottom: 5px; width: 15px; height: 8px; border: 1.5px solid #606069; border-bottom: 0; border-radius: 9px 9px 0 0; }
.profile-menu .profile-menu-dot { position: absolute; bottom: 1px; right: 0; width: 9px; height: 9px; border: 2px solid #fafafa; border-radius: 50%; background: #238448; }
.profile-menu .profile-dropdown { position: absolute; right: 0; top: calc(100% + 12px); z-index: 100; width: min(264px, calc(100vw - 32px)); padding: 6px; background: #fff; border: 1px solid #e8e8ec; border-radius: 13px; box-shadow: 0 10px 36px #18181b16; text-align: left; }
.profile-menu-identity { padding: 12px 12px 14px; margin-bottom: 4px; border-bottom: 1px solid #e8e8ec; }
.profile-menu-identity strong { display: block; color: #18181b; font-size: 13px; font-weight: 600; }
.profile-menu-identity span { display: block; margin-top: 3px; font-size: 12px; color: #606069; overflow-wrap: anywhere; }
.profile-menu .profile-dropdown a, .profile-menu .profile-dropdown button { display: flex; align-items: center; width: 100%; min-height: 42px; margin: 0; padding: 9px 12px; border: 0; border-radius: 7px; background: transparent; color: #18181b; font: inherit; font-size: 14px; text-decoration: none; text-align: left; cursor: pointer; }
.profile-menu .profile-dropdown a:hover, .profile-menu .profile-dropdown button:hover { background: #f5f5f7; }
.profile-menu .profile-dropdown .profile-menu-signout { margin-top: 4px; border-top: 1px solid #e8e8ec; border-radius: 0 0 7px 7px; }
.profile-menu :is(button,a):focus-visible { outline: 2px solid #2869ce; outline-offset: 2px; }
.profile-menu .profile-fallback { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #e1e1e6; border-radius: 50%; font-size: 12px; text-decoration: none; }