:root{
  --qlang-surface:#ffffff;
  --qlang-line:#e6e8ec;
  --qlang-text:#323744;
  --qlang-gold:#b0894a;
  --qlang-primary:#101418;
}

.lang-switch{
  display:inline-flex;
  align-items:center;
  gap:8px;
  max-width:min(70vw,260px);
  background:var(--qlang-surface);
  border:1px solid var(--qlang-line);
  border-radius:99px;
  padding:7px 14px;
  font-size:13px;
  line-height:1.2;
  color:var(--qlang-text);
  font-family:inherit;
  box-shadow:0 2px 16px 7px rgba(43,43,43,.03);
}

.lang-switch svg{
  width:16px;
  height:16px;
  flex:0 0 auto;
  color:var(--qlang-gold);
}

.lang-switch select{
  border:0;
  background:transparent;
  font:inherit;
  color:inherit;
  font-size:13px;
  outline:none;
  cursor:pointer;
  padding:0;
  width:100%;
  max-width:200px;
  text-overflow:ellipsis;
}

.lang-switch select:focus-visible{
  outline:2px solid var(--qlang-primary);
  outline-offset:3px;
  border-radius:8px;
}

#google_translate_element{
  position:absolute;
  left:-9999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
}

body>.skiptranslate,
.goog-te-banner-frame.skiptranslate{
  display:none !important;
}

body{
  top:0 !important;
}

@media (max-width:640px){
  .lang-switch{
    padding:6px 12px;
    max-width:min(64vw,220px);
  }
  .lang-switch select{
    max-width:150px;
  }
}
