Template:WMF Footer/styles.css

.wmf-footer-container {
	min-height: 9.5rem;
	background: #54595D;
	color: var(--color-inverted, #fff);
	padding: 2.375rem 3.25rem 2rem 3.25rem;
	flex-wrap: wrap;
	gap: 1.5rem 3.25rem;
	align-items: center;
}

@media screen {
	html.skin-theme-clientpref-night .wmf-footer-container {
		background: var( --background-color-interactive, #27292d);
		color: var(--color-base, #fff);
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .wmf-footer-container {
		background: var( --background-color-interactive, #27292d);
		color: var(--color-base, #fff);
	}
}

/* main page wikimedia messages override busting */
@media screen {
	html.skin-theme-clientpref-night body.page-Main_Page .wmf-footer-container.wmf-footer-container {
		background: var( --background-color-interactive, #27292d) !important;
		color: var(--color-base, #fff) !important;
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os body.page-Main_Page .wmf-footer-container.wmf-footer-container {
		background: var( --background-color-interactive, #27292d) !important;
		color: var(--color-base, #fff) !important;
	}
}

.wmf-footer-left {
	flex: 4;
	min-width: min-content;
}

.wmf-footer-right {
	min-width: 10rem;
	flex: 8;
}

.wmf-footer-right > p {
	font-family: 'Helvetica Neue', 'Helvetica', 'Liberation Sans', 'Arial', sans-serif;
	font-size: 0.875rem;
	line-height: 175%;
}