.lang-globe{flex-direction:column;align-items:center;width:100%;display:flex}.lang-globe__search{z-index:200;width:min(320px,100%);position:relative}.lang-globe__results{background:var(--bg-color);border:1px solid var(--border-color-weak);border-radius:var(--radius-lg);box-shadow:var(--box-shadow-strong);padding:var(--space-1);position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.lang-globe__results button{align-items:baseline;gap:var(--space-2);border-radius:var(--radius-md);width:100%;font-size:var(--text-sm);color:var(--text-color-highlight);cursor:pointer;text-align:left;background:0 0;border:none;padding:.45rem .6rem;display:flex}.lang-globe__results button:hover{background:var(--secondary-extra-weak)}.lang-globe__results button span{font-size:var(--text-xs);color:var(--text-color-extra-weak)}.lang-globe__stage{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:400px;position:relative;overflow:hidden}.lang-globe__stage:active{cursor:grabbing}.lang-globe__node{letter-spacing:.01em;color:var(--text-color);cursor:pointer;white-space:nowrap;will-change:transform, opacity;background:0 0;border:none;padding:.15rem .3rem;font-size:.85rem;position:absolute;top:0;left:0}.lang-globe__node--major{font-size:1.05rem}.lang-globe--slim .lang-globe__node{font-size:.78rem}.lang-globe--slim .lang-globe__node--major{font-size:.95rem}.lang-globe__node--hit{color:var(--accent)}.lang-globe__node--on{color:var(--accent);font-weight:600}.lang-globe__detected{letter-spacing:.03em;text-transform:uppercase;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:.2rem;padding:.08rem .4rem;font-size:.62rem;display:inline-flex}.lang-globe__selected{margin-top:var(--space-1);align-items:baseline;gap:.6rem;display:flex}.lang-globe__selected-native{font-family:var(--font-serif-landing);font-size:var(--text-xl);color:var(--text-color-highlight)}.lang-globe__selected-english{font-size:var(--text-sm);color:var(--text-color-weak);align-items:center;gap:.45rem;display:flex}@media (width<=600px){.lang-globe__stage{height:320px}}