.language-selector{display:flex;flex-direction:row;align-items:center;justify-content:center;min-width:88px;width:max-content;height:var(--neo-control-height);border:none;border-radius:8px;background-color:var(--surface);box-shadow:var(--shadow-input);color:#fff;cursor:pointer;position:relative;transition:background-color var(--dur-hover) var(--ease-micro),box-shadow var(--dur-hover) var(--ease-micro)}.language-selector,.language-selector.size-xs{--neo-control-height:32px}.language-selector.size-sm{--neo-control-height:40px}.language-selector.size-md{--neo-control-height:48px}.language-selector.size-lg{--neo-control-height:56px}.language-selector .hitbox{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;color:inherit}@media(hover:hover)and (pointer:fine){.language-selector:hover{background-color:var(--surface-hover);box-shadow:var(--shadow-input-hover)}}.language-selector.open{background-color:var(--surface-hover);box-shadow:inset 0 0 0 1px #ff7800}.language-selector:active{background-color:var(--surface-press)}.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:400;width:auto}.language-selector .item.compact .label{font-size:13px;letter-spacing:.04em}.language-selector .options{position:absolute;display:flex;flex-direction:column;min-width:100%;width:max-content;top:32px;left:0;z-index:9000;padding:0;background:#3e3a45;box-shadow:var(--shadow-overlay);border-radius:8px;transform-origin:top center;animation:neoLanguageSelectorIn var(--dur-hover) var(--ease-out)}.language-selector .options .item{justify-content:flex-start;padding:12px 16px;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%,.06)}}.language-selector .options .item[aria-selected=true]{color:#ff7800;background:var(--surface-press)}.language-selector .options.closing{animation:neoLanguageSelectorOut var(--dur-press) var(--ease-out) forwards;pointer-events:none}.language-selector .options.hidden{display:none}@keyframes neoLanguageSelectorIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes neoLanguageSelectorOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(.98)}}