/* Shared top bar for every Brace logo-direction page. Do not edit from a direction worker. */
.ld-bar{position:fixed;inset:0 0 auto 0;height:44px;z-index:9000;display:flex;align-items:center;gap:4px;padding:0 14px;
  font:500 13px/1 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:0;
  background:rgba(12,12,14,.72);color:#f2f2f2;backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);
  border-bottom:1px solid rgba(255,255,255,.08)}
.ld-bar a{color:inherit;text-decoration:none;padding:8px 10px;border-radius:8px;min-height:28px;display:inline-flex;align-items:center;opacity:.72}
.ld-bar a:hover,.ld-bar a:focus-visible{opacity:1;background:rgba(255,255,255,.08);outline:none}
.ld-bar a[aria-current="page"]{opacity:1;background:rgba(255,255,255,.14)}
.ld-bar .ld-home{font-weight:700;opacity:1;margin-right:auto}
.ld-bar .ld-k{font-weight:700;margin-right:6px;opacity:.6}
@media (max-width:560px){.ld-bar .ld-name{display:none}.ld-bar .ld-k{margin-right:0;opacity:1}}