.profile-dropdown{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;--neo-control-height:48px;height:var(--neo-control-height);gap:8px;background-color:rgba(0,0,0,0);border-radius:8px;color:#fff;cursor:pointer;transition:background-color var(--dur-hover) var(--ease-micro),box-shadow var(--dur-hover) var(--ease-micro)}.profile-dropdown.size-xs{--neo-control-height:32px}.profile-dropdown.size-sm{--neo-control-height:40px}.profile-dropdown.size-md{--neo-control-height:48px}.profile-dropdown.size-lg{--neo-control-height:56px}.profile-dropdown.open{background:hsla(0,0%,100%,.06);box-shadow:var(--shadow-control)}@media(hover:hover)and (pointer:fine){.profile-dropdown:hover{background:hsla(0,0%,100%,.06)}}.profile-dropdown .profile{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;font-weight:400}.profile-dropdown .profile .avatar{width:calc(var(--neo-control-height) - 18px);height:calc(var(--neo-control-height) - 18px);border-radius:50%;box-shadow:var(--ring-content-any)}.profile-dropdown .profile .profile-avatar-fallback{padding:8px;color:#ff7800}.profile-dropdown .profile .label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px}.profile-dropdown .hitbox{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:8px 16px;border-radius:inherit;color:inherit;transition:transform var(--dur-press) var(--ease-micro)}.profile-dropdown .hitbox:active{transform:scale(var(--press-scale-subtle))}.profile-dropdown .handle{--neo-icon-box:24px;width:24px;height:24px;color:hsla(0,0%,100%,.6);transform:rotate(0);border-radius:50%;transition:transform var(--dur-hover) var(--ease-out)}.profile-dropdown .handle.rotate{transform:rotate(180deg)}.profile-dropdown .item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:0;flex-wrap:nowrap;font-weight:400;width:100%;gap:8px;font-size:14px;white-space:nowrap}.profile-dropdown .item img,.profile-dropdown .item svg{height:16px;flex:1 1}.profile-dropdown .item .neo-icon{--neo-icon-box:16px;color:hsla(0,0%,100%,.6)}.profile-dropdown .item .label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex:0 1;white-space:nowrap;font-size:14px;font-weight:400}.profile-dropdown .options{position:absolute;display:flex;flex-direction:column;top:100%;right:0;z-index:9000;padding:8px 0;background:#3e3a45;box-shadow:var(--shadow-overlay);border-radius:8px;max-height:512px;opacity:1;overflow:hidden;cursor:auto;transform-origin:top right;animation:neoProfileDropdownIn var(--dur-hover) var(--ease-out)}.profile-dropdown .options .item,.profile-dropdown .options a{box-sizing:content-box;height:24px;width:auto;padding:12px 16px;text-decoration:none;font-size:16px;color:#fff;cursor:pointer;text-align:start}@media(hover:hover)and (pointer:fine){.profile-dropdown .options .item:hover,.profile-dropdown .options a:hover{background:hsla(0,0%,100%,.06)}}.profile-dropdown .options .item img,.profile-dropdown .options .item svg,.profile-dropdown .options a img,.profile-dropdown .options a svg{height:24px;width:24px;flex:0 1}.profile-dropdown .options.closing{animation:neoProfileDropdownOut var(--dur-press) var(--ease-out) forwards;pointer-events:none}.profile-dropdown .options .profile-large{box-sizing:content-box;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:48px;padding:12px 16px;font-weight:400;gap:12px}.profile-dropdown .options .profile-large .avatar{width:48px;height:48px;border-radius:8px;box-shadow:var(--ring-content-any)}.profile-dropdown .options .profile-large .profile-avatar-fallback--large{width:48px;height:48px}.profile-dropdown .options .profile-large .details{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly;flex:1 1}.profile-dropdown .options .profile-large .details .username{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;font-size:16px;gap:4px}.profile-dropdown .options .profile-large .details .status{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;font-size:14px;color:hsla(0,0%,100%,.78);white-space:nowrap}.profile-dropdown .options hr{width:100%;height:1px;border:none;border-top:1px solid hsla(0,0%,100%,.12)}.profile-dropdown .options.hidden{display:none}@keyframes neoProfileDropdownIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes neoProfileDropdownOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(.98)}}