Template:Langinfo/styles.css

.langinfo {
	background: var(--background-color-neutral-subtle,whitesmoke);
	color: inherit;
	border: 1px solid var(--border-color-muted,lightgrey);
	border-radius: 0.2em;
	float: right;
	padding: 0.5em;
}

@media (max-width: 768px) { /* For mobile */
	.langinfo {
		float: none;
		display: block;
		margin: 0 auto 1em auto;
		width: 100%;
	}
}

.langinfo caption {
	text-align: center;
}

.langinfo code {
	background: transparent;
	border: 0;
	padding: 0;
}

.langinfo td {
	vertical-align: top;
}

.langinfo span[lang="mnc"],
.langinfo span[lang="sjo"] {
	font-family: "Abkai Xanyan", "Abkai Xanyan LA", "Abkai Xanyan VT",
		"Abkai Xanyan XX", "Abkai Xanyan SC", "Abkai Buleku",
		"Daicing White", "Mongolian BT", "Mongolian Baiti",
		"Mongolian Universal White", "Noto Sans Mongolian";
	font-size: 1.6rem;
	max-height: min-content;
	vertical-align: text-top;
	writing-mode: vertical-lr;
}

.rtl .langinfo {
	float: left;
}