.doc-lang-nav{flex:none;display:flex}.doc-lang{--doc-lang-w:58px;--doc-lang-h:30px;--doc-lang-thumb:24px;width:var(--doc-lang-w);height:var(--doc-lang-h);border-radius:var(--gp-r-pill);background:var(--gp-edge);font-family:var(--gp-f-body);transition:background-color var(--gp-d-state) var(--gp-ease-state);flex:none;font-weight:700;line-height:1;display:block;position:relative}.doc-lang[data-lang=zh]{background:var(--gp-m-500)}.doc-lang-thumb{width:var(--doc-lang-thumb);height:var(--doc-lang-thumb);background:var(--gp-face);color:var(--gp-ink);letter-spacing:.02em;box-shadow:var(--gp-ring-shn), 1.5px 1.5px 0 0 var(--gp-shn);transition:transform var(--gp-d-tab) var(--gp-spring-tab), background-color var(--gp-d-state) var(--gp-ease-state), color var(--gp-d-state) var(--gp-ease-state), box-shadow var(--gp-d-state) var(--gp-ease-state);border-radius:50%;place-items:center;font-size:10.5px;display:grid;position:absolute;top:3px;left:3px}.doc-lang[data-lang=zh] .doc-lang-thumb{transform:translateX(calc(var(--doc-lang-w) - var(--doc-lang-thumb) - 6px));background:var(--gp-m-on);color:var(--gp-m-500);letter-spacing:0;box-shadow:var(--gp-ring-m), 1.5px 1.5px 0 0 var(--gp-m-sh);font-size:12px}.doc-lang-other{width:calc(var(--doc-lang-w) - var(--doc-lang-thumb) - 3px);color:var(--gp-ink-3);place-items:center;font-size:12px;display:grid;position:absolute;top:0;bottom:0;right:0}.doc-lang[data-lang=zh] .doc-lang-other{color:var(--gp-m-on);opacity:.75;letter-spacing:.02em;font-size:10.5px;left:0;right:auto}@media (prefers-reduced-motion:reduce){.doc-lang,.doc-lang-thumb{transition:none}}