.lang-switch{position:relative;display:inline-block}.lang-switch__trigger{display:inline-flex;align-items:center;gap:.5rem;height:2.25rem;padding:0 .625rem 0 .375rem;border:1px solid rgba(255,255,255,.12);border-radius:9999px;background:rgba(255,255,255,.04);color:var(--cream);font-size:.8125rem;font-weight:600;line-height:1;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.lang-switch__trigger:hover{background:rgba(255,255,255,.08);border-color:color-mix(in oklab,var(--gold) 40%,transparent)}.lang-switch__trigger:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.lang-switch__code{letter-spacing:.04em}.lang-switch__chevron{width:.875rem;height:.875rem;opacity:.55;transition:transform .18s ease}.lang-switch.is-open .lang-switch__chevron{transform:rotate(180deg)}.lang-switch__flag{box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}.lang-switch__flag-fallback{background:rgba(255,255,255,.1);color:var(--cream);font-size:.5rem;font-weight:700}.lang-switch__menu{position:absolute;right:0;top:calc(100% + .5rem);z-index:60;display:flex;min-width:11rem;flex-direction:column;gap:2px;padding:.3125rem;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;background:var(--night-soft);box-shadow:0 18px 40px -12px rgba(0,0,0,.65);visibility:hidden;opacity:0;transform:translateY(-4px) scale(.97);transition:opacity .16s ease,transform .16s ease,visibility .16s}.lang-switch--drop-up .lang-switch__menu{top:auto;bottom:calc(100% + .5rem);transform:translateY(4px) scale(.97)}.lang-switch.is-open .lang-switch__menu{visibility:visible;opacity:1;transform:none}.lang-switch__option{display:flex;width:100%;align-items:center;gap:.625rem;padding:.5rem .625rem;border:0;border-radius:.5rem;background:transparent;color:color-mix(in oklab,var(--cream) 75%,transparent);font-size:.8125rem;text-align:left;cursor:pointer;transition:background-color .15s ease,color .15s ease}.lang-switch__option:hover{background:rgba(255,255,255,.06);color:var(--cream)}.lang-switch__option:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.lang-switch__option.is-active{color:var(--gold)}.lang-switch__label{flex:1}.lang-switch__check{width:.875rem;height:.875rem}