@font-face { font-family: "Geist Mono"; src: url(fonts/geist-mono-latin-wght-normal.woff2) format("woff2"); font-weight: 100 900; font-display: swap; }

.logo-mask {
  display: block;
  aspect-ratio: 340.2 / 66.7;
  background: currentColor;
  -webkit-mask: url(logo.svg) center / contain no-repeat;
  mask: url(logo.svg) center / contain no-repeat;
}
:focus-visible { outline: 3px solid var(--focus, #fff); outline-offset: 4px; border-radius: 4px; }
.window { --focus: #6d3fe0; }
.visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.topbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.lang { display: flex; gap: 4px; font: 500 14px var(--code); }
.lang a { color: rgba(255, 255, 255, .62); text-decoration: none; padding: 6px 9px; border-radius: 6px; }
.lang a:hover { color: #fff; }
.lang a[aria-current] { color: #fff; background: rgba(255, 255, 255, .12); }