.fx-language { position: relative; flex: none; margin-inline-end: 8px; color: #20302b; }
.fx-language summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 6px; min-height: 40px; padding-inline: 8px; white-space: nowrap; border-radius: 5px; }
.fx-language summary::-webkit-details-marker { display: none; }
.fx-language summary:hover, .fx-language summary:focus-visible { color: #216b49; background: #f0f6f2; }
.fx-language svg { width: 17px; height: 17px; }
.fx-language-menu { position: absolute; z-index: 20; inset-inline-end: 0; top: calc(100% + 3px); min-width: max-content; padding: 4px; background: #fff; border: 1px solid #dce7df; box-shadow: 0 5px 16px #16302226; border-radius: 6px; }
.fx-language-menu a { display: block; padding: 9px 12px; border-radius: 4px; }
.fx-language-menu a:hover, .fx-language-menu a:focus-visible, .fx-language-menu a[aria-current] { background: #edf5ef; color: #216b49; }
.fx-language-short { display: none; }
@media (max-width: 1350px) {
  .fx-language-long { display: none; }
  .fx-language-short { display: inline; }
}
@media (max-width: 480px) {
  .fx-language { margin-inline-end: 2px; }
  .fx-language summary { padding-inline: 5px; }
}
.fx-language summary { max-width: 125px; }
.fx-language svg { flex: none; }
.fx-language-long { overflow: hidden; text-overflow: ellipsis; }
.fx-language-menu { min-width: 158px; max-height: min(55vh, 380px); overflow-y: auto; overscroll-behavior: contain; }