.lang-btn{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--lang-btn-border, var(--line, rgba(255, 255, 255, .12)));border-radius:10px;background:var(--lang-btn-bg, var(--surface, #1c1c1e));color:var(--lang-btn-color, var(--text, #fff));cursor:pointer;flex:none;box-sizing:border-box}.lang-btn:hover{background:var(--lang-btn-hover, color-mix(in oklab, var(--lang-btn-bg, var(--surface, #1c1c1e)) 86%, var(--lang-btn-color, var(--text, #fff))))}.lang-btn:focus-visible{outline:2px solid var(--accent-text, var(--accent, #0071e3));outline-offset:2px}.lang-btn[aria-expanded=true]{background:var(--accent, #0071e3);border-color:var(--accent, #0071e3);color:var(--lang-btn-expanded-color, #fff)}.lang-btn svg{width:20px;height:20px;display:block}.lang-overlay{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-right)) 24px max(16px,env(safe-area-inset-left))}.lang-overlay[hidden]{display:none!important}.lang-backdrop{position:absolute;inset:0;background:#0000008c;border:0;padding:0;cursor:pointer}.lang-dialog{position:relative;z-index:1;width:min(440px,100%);max-height:min(80dvh,640px);display:flex;flex-direction:column;border-radius:16px;background:var(--lang-dialog-bg, var(--surface, var(--bg, #1c1c1e)));color:var(--lang-dialog-text, var(--text, #fff));border:1px solid var(--lang-dialog-line, var(--line, rgba(255, 255, 255, .12)));box-shadow:0 24px 60px -20px #000000a6;overflow:hidden;box-sizing:border-box}.lang-dialog-head{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:10px 10px 10px 18px;border-bottom:1px solid var(--lang-dialog-line, var(--line, rgba(255, 255, 255, .12)))}.lang-close{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer;padding:0}.lang-close:hover{background:#7f7f7f2e}.lang-close:focus-visible{outline:2px solid var(--accent-text, var(--accent, #0071e3));outline-offset:2px}.lang-close svg{width:18px;height:18px}.lang-list{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px;margin:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(var(--lang-rows-2, 17),auto);align-content:start;gap:2px}.lang-option{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:inherit;font:inherit;font-size:.9375rem;text-align:left;cursor:pointer;box-sizing:border-box}.lang-option:hover{background:#7f7f7f24}.lang-option:focus-visible{outline:2px solid var(--accent-text, var(--accent, #0071e3));outline-offset:-2px}.lang-option[aria-current=true]{background:color-mix(in oklab,var(--lang-check, var(--accent, #0071e3)) 18%,transparent);font-weight:650}.lang-option .check{width:16px;height:16px;flex:none;opacity:0}.lang-option[aria-current=true] .check{opacity:1;color:var(--lang-check, var(--accent, #0071e3))}.lang-option .name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:720px){.lang-dialog{width:min(620px,100%);max-height:min(calc(100dvh - 48px),720px)}.lang-list{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(var(--lang-rows-3, 12),auto)}.lang-option{min-height:40px}}@media(max-width:480px){.lang-overlay{place-items:end center;padding:0}.lang-dialog{width:100%;max-height:min(78dvh,620px);border-radius:16px 16px 0 0;border-left:0;border-right:0;border-bottom:0}.lang-list{grid-template-columns:1fr;grid-auto-flow:row;grid-template-rows:none}}