.ghv-language-suggestion{
  position:fixed;
  top:62px;
  right:18px;
  z-index:115;
  width:min(430px,calc(100vw - 36px));
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 13px;
  border:1px solid rgba(128,128,128,.22);
  border-radius:14px;
  background:var(--zon-body-bg-color);
  background:color-mix(in srgb,var(--zon-body-bg-color) 96%,#fff 4%);
  color:var(--zon-common-text-color);
  box-shadow:0 16px 45px rgba(0,0,0,.28);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-8px) scale(.985);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
.ghv-language-suggestion.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}
.ghv-language-suggestion__flag{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:var(--zon-search-bg-color);
  font-size:22px;
  line-height:1;
}
.ghv-language-suggestion__body{min-width:0;flex:1;}
.ghv-language-suggestion__body strong{
  display:block;
  margin:0 0 7px;
  font-size:13px;
  line-height:1.25;
  font-weight:800;
  color:var(--zon-common-text-color);
}
.ghv-language-suggestion__actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.ghv-language-suggestion__switch,
.ghv-language-suggestion__stay,
.ghv-language-suggestion__close{
  appearance:none;
  border:0;
  font:inherit;
  cursor:pointer;
}
.ghv-language-suggestion__switch{
  padding:6px 10px;
  border-radius:8px;
  background:linear-gradient(110deg,var(--ghv-brand-cyan,#18c7f3),var(--ghv-brand-purple,#7b4dff));
  color:#fff;
  font-size:11px;
  font-weight:800;
  line-height:1.2;
}
.ghv-language-suggestion__stay{
  padding:6px 8px;
  background:transparent;
  color:var(--zon-muted-color,#888);
  font-size:11px;
  font-weight:700;
  line-height:1.2;
}
.ghv-language-suggestion__stay:hover{color:var(--zon-common-text-color);}
.ghv-language-suggestion__close{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:transparent;
  color:var(--zon-muted-color,#888);
  font-size:20px;
  line-height:1;
}
.ghv-language-suggestion__close:hover{background:var(--zon-search-bg-color);color:var(--zon-common-text-color);}
@media(max-width:800px){
  .ghv-language-suggestion{
    top:58px;
    left:10px;
    right:10px;
    width:auto;
    padding:10px 11px;
    gap:9px;
    border-radius:12px;
  }
  .ghv-language-suggestion__flag{width:34px;height:34px;flex-basis:34px;font-size:19px;}
  .ghv-language-suggestion__body strong{font-size:12px;margin-bottom:6px;}
  .ghv-language-suggestion__switch,.ghv-language-suggestion__stay{font-size:10.5px;padding:5px 8px;}
  .ghv-language-suggestion__close{width:25px;height:25px;flex-basis:25px;}
}
@media(prefers-reduced-motion:reduce){
  .ghv-language-suggestion{transition:none;}
}
