.lang{flex-shrink:0;position:relative}.lang-btn{cursor:pointer;height:40px;font-family:var(--font-mono-display), var(--font-display);letter-spacing:.08em;color:var(--color-lilac);background:var(--color-void-2);box-shadow:inset 0 0 0 3px var(--color-amethyst);align-items:center;gap:7px;padding:0 11px;font-size:17px;font-weight:400;display:inline-flex}.lang-btn:hover,.lang-btn[aria-expanded=true]{box-shadow:inset 0 0 0 3px var(--color-lilac), 0 0 14px 2px #c7a8ff66}.lang-caret{background:linear-gradient(currentColor,currentColor) 0 0/6px 2px no-repeat,linear-gradient(currentColor,currentColor) 2px 2px/2px 2px no-repeat;width:6px;height:4px}.lang-btn[aria-expanded=true] .lang-caret{transform:scaleY(-1)}.lang-pop{z-index:60;background:var(--color-void-2);min-width:168px;box-shadow:inset 0 0 0 3px var(--color-amethyst), 6px 6px 0 #0000008c;padding:6px;animation:.16s steps(3,end) both lang-in;position:absolute;top:calc(100% + 8px);right:0}@keyframes lang-in{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.lang-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.lang-opt{color:var(--color-haze);align-items:baseline;gap:12px;padding:9px 10px;display:flex}.lang-opt b{min-width:34px;font-family:var(--font-mono-display), var(--font-display);letter-spacing:.08em;color:var(--color-lilac);font-size:17px;font-weight:400}.lang-opt span{font-size:15px}.lang-opt:hover,.lang-opt:focus-visible{color:#fff3e6;background:#9b6ae62e}.lang-opt[aria-current=true]{color:#fff3e6;background:#efc29a1f;box-shadow:inset 3px 0 #efc29a}.lang-row .lang-list{flex-direction:row;gap:10px}.lang-row li{flex:1}.lang-row .lang-opt{flex-direction:column;align-items:center;gap:4px;padding:12px 6px;box-shadow:inset 0 0 0 3px #3b2566}.lang-row .lang-opt[aria-current=true]{box-shadow:inset 0 0 0 3px #efc29a}.lang-row .lang-opt b{min-width:0;font-size:15px}.lang-row .lang-opt span{font-size:13px}@media (prefers-reduced-motion:reduce){.lang-pop{animation:none}}