.js-language{font:500 12px system-ui,sans-serif;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:4px;min-height:36px;padding:5px 7px;flex-shrink:0;cursor:pointer}
.js-language:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.topbar>.page{gap:12px}
@media(max-width:640px){.topbar .page{gap:8px}.topbar .brand img{width:64px;height:auto}.topbar .brand .prod{font-size:14px}.topbar .nav{margin-left:auto;gap:8px}.topbar .nav a{font-size:12px}.js-language{padding:5px;min-width:49px}.topbar .theme{flex-shrink:0}}
@media(max-width:640px){.topbar .nav #login-link:not([hidden]){display:inline-flex}.topbar .nav #login-link:not([hidden])+.enter{display:none}}