.kw-footer [data-footer-language] {
  width: min(180px, 100%);
  align-self: start;
}
.kw-footer .footer-language-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 31px;
  padding: 9px 12px;
  border: 0;
  border-radius: 8px;
  background: rgb(255 255 255 / 6%);
  color: rgb(255 255 255 / 50%);
  line-height: 1;
}
.footer-language-trigger img { transform: scaleY(-1); margin-right: -.55px; }
.footer-language-trigger[aria-expanded="true"] img { transform: none; }
@media (prefers-reduced-motion: no-preference) {
  .footer-language-trigger img { transition: transform 150ms ease; }
}

/* Search field, rows and surface follow the country picker from the brief. */
#footer-language-panel {
  position: fixed;
  inset: auto;
  z-index: 60;
  width: min(232px, calc(100vw - 24px));
  max-height: var(--panel-room, calc(100dvh - 24px));
  margin: 0;
  padding: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid rgb(33 33 33 / 8%);
  border-radius: 12px;
  background: #fff;
  color: var(--ink);
  font: inherit;
}
#footer-language-panel:not(:popover-open) { display: none; }
@media (max-width: 680px) {
  .kw-footer [data-footer-language] { width: 100%; }
  #footer-language-panel { width: var(--language-trigger-width); }
}
#footer-language-panel input {
  display: block;
  width: 100%;
  height: 37px;
  padding: 12px;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--ink);
  font: inherit;
  line-height: 13px;
}
#footer-language-panel input::placeholder { color: rgb(33 33 33 / 50%); }
#footer-language-options { padding: 4px; }
#footer-language-options [role="option"] {
  display: flex;
  align-items: center;
  height: 37px;
  padding: 0 12px;
  border-radius: 8px;
  color: rgb(33 33 33 / 60%);
  cursor: pointer;
}
#footer-language-options [aria-selected="true"],
#footer-language-options [data-active] { background: var(--paper); color: var(--ink); }
#footer-language-panel [data-language-empty] { margin: 0; padding: 12px; color: rgb(33 33 33 / 60%); }
@media (forced-colors: active) {
  #footer-language-options [data-active] { outline: 1px solid Highlight; }
}