.language-switcher{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  gap:6px;
  margin-left:18px;
  white-space:nowrap;
  font:700 11px/1 Inter,Arial,sans-serif;
  letter-spacing:.06em;
}

.language-switcher a{
  color:inherit;
  text-decoration:none;
  opacity:.48;
  padding:8px 3px;
  border-bottom:2px solid transparent;
}

.language-switcher a.active{
  opacity:1;
  border-color:#00b8c8;
}

.language-switcher span{
  opacity:.28;
}

@media(max-width:900px){
  .site-header,
  .page-header{
    gap:10px;
  }

  .site-header .language-switcher,
  .page-header .language-switcher{
    margin-left:auto;
  }
}

@media(max-width:560px){
  .site-header,
  .page-header{
    overflow:visible;
  }

  .site-header .language-switcher,
  .page-header .language-switcher,
  .language-switcher{
    position:static;
    z-index:30;
    gap:2px;
    margin-left:auto;
    padding:3px;
    background:#0c171c;
    color:#fff;
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    box-shadow:0 8px 22px rgba(0,0,0,.18);
    font-size:10px;
    letter-spacing:.03em;
  }

  .language-switcher a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:32px;
    height:26px;
    padding:0 7px;
    border:0;
    border-radius:999px;
    opacity:.72;
  }

  .language-switcher a.active{
    background:#09c3d1;
    color:#071015;
    opacity:1;
  }

  .language-switcher span{
    display:none;
  }

  .site-header .header-cta,
  .page-header .nav-cta{
    margin-left:0;
    min-width:0;
    max-width:42vw;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}

@media(max-width:390px){
  .site-header .header-cta,
  .page-header .nav-cta{
    display:none;
  }
}