:root {
	--focus: 102, 36, 226;
	--basefont: "Cartograph CF";
	--semibold: "Cartograph CF DemiBold";
	--scrollbarSize: 15px;
	--W10close_Red_h: 232, 18, 35;
	--W10close_Red_p: 241, 112, 121;
	--clientBG: 26, 26, 26;
	--header_dark: 20, 20, 20;
	--online: 93, 178, 255;
	--ingame: 130, 186, 0;
	--offline: 145, 145, 145;
	--golden: 255, 255, 99;
	--scrollbarSize: 15px;
	--textentry: 39, 39, 39;
	--frameBorder: 15, 15, 15;
	--bgGameList: 38, 38, 38;
	--white03: 255, 255, 255, 0.03;
	--white05: 255, 255, 255, 0.05;
	--white08: 255, 255, 255, 0.08;
	--white10: 255, 255, 255, 0.1;
	--white12: 255, 255, 255, 0.12;
	--white20: 255, 255, 255, 0.2;
	--white24: 255, 255, 255, 0.24;
	--white25: 255, 255, 255, 0.25;
	--white35: 255, 255, 255, 0.35;
	--white45: 255, 255, 255, 0.45;
	--white50: 255, 255, 255, 0.5;
	--white75: 255, 255, 255, 0.75;
	--white: 255, 255, 255;
	--black05: 255, 255, 255, 0.05;
	--black10: 0, 0, 0, 0.1;
	--black12: 0, 0, 0, 0.12;
	--black20: 0, 0, 0, 0.2;
	--black24: 0, 0, 0, 0.24;
	--black25: 0, 0, 0, 0.25;
	--black45: 0, 0, 0, 0.45;
	--black50: 0, 0, 0, 0.5;
	--black75: 0, 0, 0, 0.75;
	--black: 0, 0, 0;
	--arrow_up: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAgMAAADUwp+1AAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlMAQIDntwj7AAAAJUlEQVQI12OAgxQGBsaVDAxsbg4MkowTGFKAcAKDBIMDAwtMBQBYIAP5KnftSQAAAABJRU5ErkJggg==);
	--arrow_down: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAgMAAADUwp+1AAAACVBMVEUAAAD///////9zeKVjAAAAA3RSTlMAQIDntwj7AAAAJElEQVQI12OAAQcGFoYJDBIMKUAoyTiBgc3NgYFxJVAiBa4EAFbgA/lztmmEAAAAAElFTkSuQmCC);
}

body {
	background: rgb(26, 26, 26);
	/* Making this into a variable and using a light theme makes it almost white */
}

::-webkit-scrollbar {
	width: var(--scrollbarSize) !important;
}

::-webkit-scrollbar-thumb {
	background: rgba(var(--white05)) !important;
	border: none !important;
	border-radius: 0 !important;
}

::-webkit-scrollbar-thumb:hover {
	background-color: rgba(var(--white10)) !important;
	border-radius: 0px !important;
}

::-webkit-scrollbar-button:single-button {
	height: 16px;
	border-radius: 0px;
	background-color: none;
	border: 2px solid transparent;
	display: block;
}

::-webkit-scrollbar-button:hover {
	background-color: rgba(var(--white05));
}

/* Up */
::-webkit-scrollbar-button:vertical:decrement {
	background-image: var(--arrow_up);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* Down */
::-webkit-scrollbar-button:vertical:increment {
	background-image: var(--arrow_down);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
