:root{--lpi-lsf-top:96px;--lpi-lsf-right:clamp(14px,2.4vw,34px)}
body .lpi-language-switcher{
  position:fixed!important;
  inset:auto var(--lpi-lsf-right) auto auto!important;
  top:var(--lpi-lsf-top)!important;
  z-index:650!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:4px!important;
  width:max-content!important;
  max-width:calc(100vw - 28px)!important;
  margin:0!important;
  padding:5px!important;
  transform:none!important;
  float:none!important;
  border:1px solid rgba(89,99,107,.20)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 8px 24px rgba(34,45,54,.14)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-sizing:border-box!important;
}
body .lpi-language-switcher a,
body .lpi-language-switcher>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:32px;
  padding:0 10px;
  border:1px solid transparent;
  border-radius:999px;
  color:#59636b!important;
  background:transparent;
  text-decoration:none!important;
  font-size:12px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  box-sizing:border-box;
}
body .lpi-language-switcher a.is-active{
  color:#fff!important;
  background:#66727a!important;
  border-color:#66727a!important;
}
body .lpi-language-switcher .is-disabled{opacity:.34}
body.lpi-lsf-has-global-switcher .lpi-language-nav{display:none!important}

@media(max-width:767px){
  :root{--lpi-lsf-right:max(58px,calc(env(safe-area-inset-right,0px) + 58px))}
  body .lpi-language-switcher{
    min-width:0!important;
    max-width:calc(100vw - 76px)!important;
    padding:4px!important;
    transition:max-width .16s ease,box-shadow .16s ease!important;
  }
  body .lpi-language-switcher a,
  body .lpi-language-switcher>span{
    min-width:38px;
    height:30px;
    padding:0 9px;
    font-size:11px;
  }
  body .lpi-language-switcher:not(.is-expanded) a:not(.is-active),
  body .lpi-language-switcher:not(.is-expanded)>span{display:none!important}
  body .lpi-language-switcher:not(.is-expanded) a.is-active{cursor:pointer}
  body .lpi-language-switcher.is-expanded{box-shadow:0 10px 28px rgba(34,45,54,.22)!important}
}

@media(min-width:768px){
  body .lpi-language-switcher{right:var(--lpi-lsf-right)!important}
}

@media(prefers-reduced-motion:reduce){body .lpi-language-switcher{transition:none!important}}