html.theme-switching,
html.theme-switching body,
html.theme-switching body *{
  transition:
    background-color .34s ease,
    color .26s ease,
    border-color .34s ease,
    box-shadow .34s ease,
    fill .26s ease,
    stroke .26s ease!important;
}

.language-switch{
  position:relative;isolation:isolate;display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr))
}
.language-switch::before{
  content:"";position:absolute;z-index:-1;top:3px;bottom:3px;left:3px;
  width:calc((100% - 6px)/2);border-radius:999px;background:var(--white);
  box-shadow:0 1px 4px #0000000f;
  transition:transform .26s cubic-bezier(.22,.68,0,1.15),background-color .3s ease
}
.language-switch:has(button:nth-child(2)[aria-pressed="true"])::before{transform:translateX(100%)}
.language-switch button{
  transition:
    background-color .22s ease,
    color .22s ease,
    transform .22s ease,
    box-shadow .22s ease!important;
}
.language-switch button[aria-pressed="true"]{
  background:transparent;box-shadow:none;
}
.language-switch button:active{
  transform:scale(.94);
}

@media(prefers-reduced-motion:reduce){
  html.theme-switching,
  html.theme-switching body,
  html.theme-switching body *{
    transition:none!important;
  }
  .language-switch button,.language-switch::before{transition:none!important}
}