.site-language-switch {
  display: inline-grid;
  grid-template-columns: repeat(2, 56px);
  height: 36px;
  border: 2px solid var(--outline, #0e0e14);
  background: rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4);
  overflow: hidden;
  flex: none;
}

.site-language-switch button {
  min-width: 0;
  height: 32px;
  padding: 0 8px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
  font-family: var(--pixel, 'Zpix', ui-monospace, monospace);
  font-size: 14px;
  line-height: 32px;
  letter-spacing: 0;
  text-align: center;
  text-shadow: none;
  appearance: none;
}

.site-language-switch button + button {
  border-left: 2px solid rgba(255, 255, 255, 0.12);
}

.site-language-switch button:hover:not(.active) {
  background: rgba(255, 255, 255, 0.09);
}

.site-language-switch button.active,
.site-language-switch button[aria-pressed='true'] {
  background: var(--earth, #f2bf33);
  color: #2a1c08;
}

.site-language-switch button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -4px;
}

[data-zh] {
  display: none;
}

html[lang='zh'] [data-en] {
  display: none;
}

html[lang='zh'] [data-zh] {
  display: revert;
}