[data-i18n-selector][hidden] {
  display: none !important;
}

.site-language-selector {
  position: relative;
  margin-inline-start: auto;
}

.site-language-selector__button {
  min-block-size: 2.75rem;
  padding-inline: 0.85rem;
  border: 1px solid rgba(46, 230, 255, 0.52);
  border-radius: 0.5rem;
  background: rgba(7, 16, 29, 0.92);
  color: #effcff;
  font: inherit;
  cursor: pointer;
}

.site-language-selector__button:hover,
.site-language-selector__button:focus-visible {
  border-color: #2ee6ff;
  color: #2ee6ff;
}

.site-language-selector__menu {
  position: absolute;
  inset-block-start: calc(100% + 0.5rem);
  inset-inline-end: 0;
  z-index: 50;
  min-inline-size: 11rem;
  padding: 0.4rem;
  border: 1px solid currentColor;
  border-radius: 0.75rem;
  background: #07100d;
}

.site-language-selector__menu[hidden] {
  display: none;
}

.site-language-selector__menu a {
  display: block;
  padding-block: 0.6rem;
  padding-inline: 0.75rem;
  text-align: start;
}

[dir="rtl"] .site-language-selector__menu {
  inset-inline-start: 0;
  inset-inline-end: auto;
}

[data-i18n-ltr],
[dir="rtl"] code,
[dir="rtl"] kbd,
[dir="rtl"] samp,
[dir="rtl"] input[type="url"] {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: start;
}

@media (max-width: 860px) {
  .site-language-selector {
    inline-size: 100%;
    margin-inline: 0;
  }

  .site-language-selector__button,
  .site-language-selector__menu {
    inline-size: 100%;
  }
}