.language-toggle{
  --language-toggle-width:190px;
  position:fixed;
  right:max(1rem,env(safe-area-inset-right));
  bottom:max(1rem,env(safe-area-inset-bottom));
  z-index:90;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.language-toggle-options{
  width:var(--language-toggle-width);
  max-width:var(--language-toggle-width);
  display:flex;
  align-items:center;
  gap:2px;
  overflow:hidden;
  padding:4px;
  border:1px solid rgba(10,10,10,.12);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  box-shadow:0 12px 32px rgba(0,33,77,.14);
  opacity:1;
  transform:translateX(0);
  transform-origin:right center;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  transition:
    max-width .28s cubic-bezier(.2,.7,.2,1),
    padding .28s cubic-bezier(.2,.7,.2,1),
    border-width .28s cubic-bezier(.2,.7,.2,1),
    opacity .18s ease,
    transform .28s cubic-bezier(.2,.7,.2,1);
}
.language-toggle-option{
  min-width:44px;
  min-height:44px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#6a6a6a;
  font:650 .7rem "Montserrat",-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.04em;
  cursor:pointer;
  transition:background .2s,color .2s;
}
.language-toggle-option:hover{color:#00214d;background:#f6f6f4}
.language-toggle-option[aria-pressed="true"]{color:#fff;background:#00214d}
.language-toggle-option:focus-visible,
.language-toggle-handle:focus-visible{
  outline:2px solid #b88d42;
  outline-offset:2px;
}
.language-toggle-handle{
  position:relative;
  width:44px;
  min-width:44px;
  height:52px;
  display:none;
  place-items:center;
  padding:0;
  border:0;
  background:transparent;
  cursor:default;
}
.language-toggle-handle::before{
  content:"";
  position:absolute;
  top:50%;
  right:-1rem;
  width:30px;
  height:46px;
  border:1px solid rgba(10,10,10,.12);
  border-right:0;
  border-radius:999px 0 0 999px;
  background:rgba(255,255,255,.94);
  box-shadow:-8px 8px 24px rgba(0,33,77,.12);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  transform:translateY(-50%);
}
.language-toggle-handle::after{
  content:"";
  position:absolute;
  top:50%;
  right:-12px;
  width:8px;
  height:8px;
  border:solid #00214d;
  border-width:0 2px 2px 0;
  transform:translateY(-50%) rotate(135deg);
}
.language-toggle.is-stowed .language-toggle-handle{display:grid}
.language-toggle.is-stowed .language-toggle-options{
  max-width:0;
  padding-inline:0;
  border-inline-width:0;
  opacity:0;
  pointer-events:none;
  transform:translateX(.75rem);
}
@media(hover:hover){
  .language-toggle.is-stowed:hover .language-toggle-options{
    max-width:var(--language-toggle-width);
    padding-inline:4px;
    border-inline-width:1px;
    opacity:1;
    pointer-events:auto;
    transform:translateX(0);
  }
}
.language-toggle.is-stowed:focus-within .language-toggle-options{
  max-width:var(--language-toggle-width);
  padding-inline:4px;
  border-inline-width:1px;
  opacity:1;
  pointer-events:auto;
  transform:translateX(0);
}
@media(max-width:760px){
  .language-toggle{
    right:50%;
    bottom:max(.65rem,env(safe-area-inset-bottom));
    flex-direction:column;
    transform:translateX(50%);
  }
  .language-toggle-options{
    max-height:54px;
    transform-origin:center bottom;
    transition:
      max-height .28s cubic-bezier(.2,.7,.2,1),
      padding .28s cubic-bezier(.2,.7,.2,1),
      border-width .28s cubic-bezier(.2,.7,.2,1),
      opacity .18s ease,
      transform .28s cubic-bezier(.2,.7,.2,1);
  }
  .language-toggle-handle{
    width:72px;
    height:44px;
  }
  .language-toggle-handle::before{
    top:auto;
    right:50%;
    bottom:-.65rem;
    width:70px;
    height:26px;
    border:1px solid rgba(10,10,10,.12);
    border-bottom:0;
    border-radius:999px 999px 0 0;
    transform:translateX(50%);
    background:rgba(255,255,255,.94);
    box-shadow:0 -8px 24px rgba(0,33,77,.12);
  }
  .language-toggle-handle::after{
    top:auto;
    right:auto;
    bottom:calc(-.65rem + 2px);
    left:50%;
    transform:translateX(-50%) rotate(-135deg);
  }
  .language-toggle.is-stowed .language-toggle-options{
    max-width:var(--language-toggle-width);
    max-height:0;
    padding-block:0;
    border-block-width:0;
    transform:translateY(.75rem);
  }
  .language-toggle.is-stowed:focus-within .language-toggle-options{
    max-height:54px;
    padding-block:4px;
    border-block-width:1px;
    transform:translateY(0);
  }
  .language-toggle.is-stowed.is-open .language-toggle-options{
    max-height:54px;
    padding-block:4px;
    border-block-width:1px;
    opacity:1;
    pointer-events:auto;
    transform:translateY(0);
  }
  .language-toggle.is-stowed.is-open .language-toggle-handle::after{
    transform:translateX(-50%) rotate(45deg);
  }
}
@media print{.language-toggle{display:none!important}}
@media(prefers-reduced-motion:reduce){
  .language-toggle-options,
  .language-toggle-option{transition:none}
}
