.top .language-picker {
  position: relative;
  flex: none;
  padding: 0;
  display: block;
}
.language-picker::after { content: none; }
.top .language-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 40px;
  height: 43px;
  font: inherit;
  line-height: normal;
  padding: 10px 15px;
  list-style: none;
  cursor: pointer;
  user-select: none;
}
.language-trigger::-webkit-details-marker { display: none; }
.language-trigger svg { transition: transform 180ms ease; }
.language-picker[open] .language-trigger { background: #504f76; }
.language-picker[open] .language-trigger svg { transform: rotate(180deg); }
.language-trigger:focus-visible, .language-menu a:focus-visible {
  outline: 2px solid #a78bfa;
  outline-offset: 3px;
}
.language-menu {
  position: absolute;
  z-index: 40;
  top: calc(100% + 10px);
  right: 0;
  width: 176px;
  padding: 6px;
  border: 1px solid #48445f;
  border-radius: 14px;
  background: #242438;
  box-shadow: 0 12px 32px #0006;
  font: inherit;
}
.language-menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 12px;
  border-radius: 9px;
  color: #e4e2f1;
  line-height: 20px;
  transition: background 180ms ease, color 180ms ease;
}
.language-menu a:hover, .language-menu a:focus-visible { background: #38354f; color: #fff; }
.language-menu a[aria-current="true"] { background: #403553; color: #e1d3ff; }
.language-check { color: #ba9bff; }
@media (max-width: 560px) {
  .top .language-trigger { font-size: 13px; gap: 8px; min-height: 38px; height: 38px; padding: 9px 11px; }
  .language-menu { width: 164px; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .language-trigger svg, .language-menu a { transition: none; }
}