& {
	--default-ntp-background-color: white;
	--ntp-background-color: var(--default-ntp-background-color);

	--chrtheme-ntp-background-alignment: 50% 100%;
	--chrtheme-ntp-background-repeat: no-repeat;

	&:not([geckium-sixtyeight]) {
		@media (prefers-color-scheme: dark) {
			--default-ntp-background-color: black;
		}
	}

	// Custom theme support
	// lwtheme
	&[gkthemed]:not([gkchrthemed]) {
		--ntp-background-color:			var(--newtab-background-color);
		--ntp-background-image:			var(--lwt-gknewtab-background-image, var(--lwt-gknewtab-image));
		--ntp-background-size:			var(--lwt-gknewtab-background-size);
		--ntp-background-position:		var(--lwt-gknewtab-background-position);
		--ntp-background-position-x: 	var(--lwt-gknewtab-background-position-x);
		--ntp-background-position-y: 	var(--lwt-gknewtab-background-position-y);
		--ntp-background-repeat:		var(--lwt-gknewtab-background-repeat);

		@media (prefers-color-scheme: dark) {
			--ntp-background-image:	var(--lwt-gknewtab-background-image-dark, var(--lwt-gknewtab-background-image, var(--lwt-gknewtab-image)));
		}

		body {
			image-rendering: var(--lwt-gknewtab-image-rendering);

			&[style*="--lwt-gknewtab-background-position-y"] {
				background-position-x: var(--lwt-gknewtab-background-position-x);
			}
			&[style*="--lwt-gknewtab-background-position-y"] {
				background-position-x: var(--lwt-gknewtab-background-position-y);
			}
		}
	}

	// chrtheme
	&[gkthemed][gkchrthemed] {
		--ntp-background-color: 	var(--chrtheme-ntp-background);
		--ntp-background-image:		var(--chrtheme-theme-ntp-background);
		--ntp-background-position:	var(--chrtheme-ntp-background-alignment);
		--ntp-background-repeat:	var(--chrtheme-ntp-background-repeat);
	}

	// GTK+
	//   blame >=115 for gkthemed being here too
	&[gksystheme="gtk"]:not([gkthemed], [gkchrthemed]) {
		--ntp-background-color: Field;

		body {
			color: FieldText;
		}
	}
}


body {
	margin: 10px 8px;
	background-attachment:	fixed; // Create the parallax scrolling effect
	background-image:		var(--ntp-background-image);
	background-color:		var(--ntp-background-color);
	background-size:		var(--ntp-background-size);
	background-position:	var(--ntp-background-position);
	background-repeat:		var(--ntp-background-repeat);
	color: black;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	
	@media (-moz-platform: linux) {
		font: message-box;
	}

	@media (prefers-color-scheme: dark) {
		color: white;
	}
}

.content,
.extensionsmessage {
	box-sizing: content-box;
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
	padding: 10px;
}

.content {
	border-radius: 5px;
	background-color: rgb(238, 238, 238);
	color: black;

	@media (prefers-color-scheme: dark) {
		background-color: rgb(33, 33, 33);
		color: white;
	}
}