::-webkit-scrollbar-thumb { background-color: var(--clr-hidden-scrollbar); }

:root {
	scrollbar-color: var(--clr-hidden-scrollbar) transparent;
		
	--clr-bg: var(--clr-hidden-bg); /* Red: #421919; Dark Red: #270e0e; Gray: #202020 */
	--clr-last-updated: var(--clr-hidden-last-updated); /*#949596*/

	--filter-header: var(--filter-hidden-header) !important;
	--clr-h1-supertitle: var(--clr-hidden-h1-supertitle);
	--clr-h1-dropshadow: var(--clr-hidden-h1-dropshadow);
	--clr-h1-subtitle: var(--clr-hidden-h1-subtitle);
	--clr-summary-shadow: var(--clr-hidden-summary-shadow);
	--clr-nav: var(--clr-hidden-nav);

	--filter-theme-toggler: var(--filter-hidden-theme-toggler) !important;

	#loading-screen {
		--clr-loading-screen: var(--clr-hidden-loading-screen);
		--clr-loading-screen-to: var(--clr-hidden-loading-screen-to);
	}
}

/* PAGE hiddenISHED Banner */
/*html::before {
	content: "o.o HIDDEN PAGE o.o HIDDEN PAGE o.o HIDDEN PAGE o.o";
	position: absolute;
	color: var(--clr-last-updated);
	left: -100px;
	animation: page-hiddenished-banner-slanted 3.6s infinite linear;
	background-color: var(--clr-hidden-banner-bg);
	padding: 4px 0;

	line-height: 1.5rem;
	letter-spacing: .2px;
	word-spacing: 1px;

	font-family: monospace;
	font-size: 16px;

	pointer-events: none;
	white-space: nowrap;
}*/

/*@media screen and (max-width: 700px) {
	html::before {
		content: "o.o HIDDEN PAGE o.o HIDDEN PAGE o.o HIDDEN PAGE o.o HIDDEN PAGE o.o HIDDEN PAGE o.o HIDDEN PAGE o.o HIDDEN PAGE o.o HIDDEN PAGE o.o";
		animation: page-hiddenished-banner 3.6s infinite linear;
	}
}*/

@keyframes page-hiddenished-banner-slanted {
	0% {
		transform: rotate(-22.5deg) translateX(0px);
	}
	100% {
		transform: rotate(-22.5deg) translateX(-160px); /* Every char = 10px*/
	}
}

@keyframes page-hiddenished-banner {
	0% {
		transform: translateX(0px);
	}
	100% {
		transform: translateX(-160px); /* Every char = 10px*/
	}
}