/*!
 * Utilities/Colors
 */

.bg-black {
	background-color: #000 !important;
}

.text-black {
	caret-color: #000 !important;
	color: #000 !important;
}

.border-black {
	--x-sys-color-outline: var(--x-ref-palette-black) !important;
}

.bg-white {
	background-color: #fff !important;
}

.not\:hover\:not\:focus\:bg-white:not(:hover):not(:focus) {
	background-color: #fff !important;
}

.text-white {
	caret-color: #fff !important;
	color: #fff !important;
}

.border-white {
	--x-sys-color-outline: var(--x-ref-palette-white) !important;
}

.bg-transparent {
	background-color: transparent !important;
}

.not\:hover\:not\:focus\:bg-transparent:not(:hover):not(:focus) {
	background-color: transparent !important;
}

.text-transparent {
	caret-color: transparent !important;
	color: transparent !important;
}

.bg-inherit {
	background-color: inherit !important;
}

.text-inherit {
	caret-color: inherit !important;
	color: inherit !important;
}

.not\:hover\:not\:focus\:text-inherit:not(:hover):not(:focus) {
	caret-color: inherit !important;
	color: inherit !important;
}

.bg-gradient-russian-flag {
	background: linear-gradient(-180deg, #fff 33.333333%, #0052b4 33.333333%, #0052b4 66.666666%, #d80027 66.666666%) !important;
}