Rainbow Border for some about pages

@-moz-document url(about:addons),
			   url(about:config),
			   url(about:profiles),
			   url(about:preferences),
			   url(about:support),
			   url(about:translations#src=detect) {

    :root {
        --rainbow: linear-gradient(45deg, red 0%, orange 16.66%, yellow 33.33%, green 50%, blue 66.66%, indigo 83.33%, violet 100%) !important;
    }

    input[type="search"],
    #about-config-search[type="search"] {
        outline: none !important;
        border-color: transparent !important;
        border-width: 2px !important;
        background:
            linear-gradient(
                var(--input-text-background-color),
                var(--input-text-background-color)
            ) padding-box,
            var(--rainbow) border-box !important;
    }

	.action-box,
	.label-wrapper,
	table,
	tr,
	td,
	#about-translations-source-section,
	#about-translations-target-section,
	.about-translations-select,
	.select-wrapper {
		background:
			linear-gradient(
				var(--background-color-box),
				var(--background-color-box)
			) padding-box,
			var(--rainbow) border-box !important;
		border-color: transparent !important;
		border-width: 1px !important;
	}
}

@-moz-document url(about:addons),
			   url(about:preferences) {
	.card,
	.action-box,
	hr,
	moz-card,
	.article.moz-card {
		background:
			linear-gradient(
				var(--background-color-box),
				var(--background-color-box)
			) padding-box,
			var(--rainbow) border-box !important;
		border-color: transparent !important;
		border-width: 2px !important;
	}
}