html[data-lang=en] .lang[data-lang=ko],
html[data-lang=ko] .lang[data-lang=en] {
  display: none;
}

.lang > :first-child {
  margin-top: 0;
}

.lang > :last-child {
  margin-bottom: 0;
}

header[data-big] .lang-toggle {
  margin-top: -4px;
}

.lang-toggle {
  display: inline-flex;
  align-items: stretch;
  border: 1px solid var(--light-gray);
  border-color: color-mix(in srgb, currentColor 35%, transparent);
  border-radius: 999px;
  overflow: hidden;
  font-family: var(--body);
  line-height: 1;
}

.lang-toggle button {
  appearance: none;
  border: none;
  background: none;
  color: inherit;
  font: inherit;
  font-size: var(--small);
  letter-spacing: var(--track-caps);
  padding: 6px 11px;
  cursor: pointer;
  opacity: 0.6;
  transition: background var(--transition), opacity var(--transition);
}

.lang-toggle button:hover {
  opacity: 0.9;
}

.lang-toggle button[aria-pressed=true] {
  opacity: 1;
  font-weight: var(--bold);
  background: color-mix(in srgb, currentColor 18%, transparent);
}

.lang-toggle button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -2px;
}

/*# sourceMappingURL=lang.css.map */