.lang-flag {
	width: 26px;
	height: 26px;
	object-fit: cover;
	border-radius: 50%;
	/* ring, so flags with white in them stay bounded on a white surface */
	box-shadow: 0 0 0 1px var(--tb-border-cool);
}

.lang-picker-toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 4px 10px;
	border: 1px solid var(--tb-border-cool);
	border-radius: var(--tb-radius-pill);
	background: var(--tb-surface);
	box-shadow: var(--tb-shadow-btn);
	color: var(--tb-text);
	font-weight: 700;
	font-size: 0.9rem;
}

.lang-picker-option {
	text-decoration: none;
	white-space: nowrap;
}

.lang-picker-option:hover {
	text-decoration: underline;
}