.language-selector{width:72px;height:32px;border:1px solid hsla(0,0%,100%,.6);border-radius:8px;background-color:rgba(0,0,0,0);cursor:pointer;position:relative;transition:background-color var(--dur-press) var(--ease-micro)}.language-selector,.language-selector .hitbox{display:flex;flex-direction:row;align-items:center;justify-content:center}.language-selector .hitbox{width:100%;height:100%}.language-selector:focus-visible{outline:none;border-radius:8px;box-shadow:0 0 0 3px var(--brand-200)}.language-selector .open{background-color:hsla(0,0%,100%,.12)}@media(hover:hover)and (pointer:fine){.language-selector:hover{background-color:hsla(0,0%,100%,.12)}}.language-selector .item{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;width:100%;gap:8px}.language-selector .item img,.language-selector .item svg{height:16px;flex:1 1}.language-selector .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:300;width:24px}.language-selector .options{position:absolute;display:flex;flex-direction:column;width:72px;top:32px;left:-1px;z-index:9000;padding:0;background:#3a3840;border:1px solid hsla(0,0%,100%,.12);border-radius:8px;transform-origin:top center;animation:neoLanguageSelectorIn var(--dur-hover) var(--ease-out)}.language-selector .options .item{padding:12px 0;transition:background-color var(--dur-press) var(--ease-micro)}@media(hover:hover)and (pointer:fine){.language-selector .options .item:hover{background:hsla(0,0%,100%,.12)}}.language-selector .options.hidden{display:none}@keyframes neoLanguageSelectorIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-dropdown{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:8px 16px;height:48px;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)}.profile-dropdown.open{background:hsla(0,0%,100%,.06)}@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:300}.profile-dropdown .profile .avatar{width:30px;height:30px;border-radius:50%}.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;transition:transform var(--dur-press) var(--ease-micro)}.profile-dropdown .hitbox:active{transform:scale(.98)}.profile-dropdown .handle{width:24px;height:24px;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:300;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 .label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex:0 1;white-space:nowrap;font-size:14px;font-weight:300}.profile-dropdown .options{position:absolute;display:flex;flex-direction:column;top:100%;right:0;z-index:9000;padding:8px 0;background:#3a3840;border:1px solid hsla(0,0%,100%,.12);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}@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 .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:300;gap:12px}.profile-dropdown .options .profile-large .avatar{width:48px;height:48px;border-radius:8px}.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)}}