@media (max-width: 640px) {
  .topbar .language-selector,
  .top .lang {
    max-height: 50px;
    overflow: hidden;
    opacity: 1;
    transform: translateY(0);
    transform-origin: top;
    transition:
      max-height 220ms ease,
      opacity 160ms ease,
      transform 220ms ease,
      padding 220ms ease,
      border-width 220ms ease;
  }

  .topbar.mobile-language-hidden .nav,
  .top.mobile-language-hidden .wrap {
    row-gap: 0;
  }

  .mobile-language-hidden .language-selector,
  .mobile-language-hidden .lang {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    opacity: 0;
    transform: translateY(-6px);
    pointer-events: none;
  }
}

@media (max-width: 640px) and (prefers-reduced-motion: reduce) {
  .topbar .language-selector,
  .top .lang {
    transition: none;
  }
}