.lang-toggle{box-sizing:border-box;color:#ffffffc7;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff1a;border:1px solid #ffffff38;border-radius:999px;flex:none;grid-template-columns:1fr 1fr;align-items:center;width:88px;height:38px;padding:3px;transition:background-color .2s,border-color .2s;display:grid;position:relative;box-shadow:inset 0 1px 2px #00000040}.lang-toggle:after{content:"";position:absolute;inset:-6px}.lang-toggle:hover{background:#ffffff29;border-color:#fff6}.lang-toggle:focus-visible{outline-offset:3px;outline:2px solid #8fb0ff}.lang-toggle__knob{background:var(--on-brand);border-radius:999px;width:calc(50% - 3px);transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;bottom:3px;left:3px;transform:translate(0);box-shadow:0 2px 8px #00000059}.lang-toggle[aria-checked=true] .lang-toggle__knob{transform:translate(100%)}.lang-toggle__label{z-index:1;letter-spacing:.12em;place-items:center;height:100%;padding-left:.12em;font-size:12.5px;font-weight:700;line-height:1;transition:color .2s;display:grid;position:relative}.lang-toggle[aria-checked=false] .lang-toggle__label--en,.lang-toggle[aria-checked=true] .lang-toggle__label--ar{color:var(--navy)}@media (prefers-reduced-motion:reduce){.lang-toggle,.lang-toggle__knob,.lang-toggle__label{transition:none}}
