/*
====================================================================================================
1. GLOBAL
====================================================================================================
*/

*, *::before, *::after {
	box-sizing: 		border-box;
}

html {
	overflow-y: 		auto;
	scrollbar-gutter: 	stable;
}

body {
	background-color: 	#000000;
	border: 			none;
	color: 				#000000;
	font-family: 		Arial;
	font-size: 			calc(12px * var(--font));
	margin: 			0px;
	max-width: 			100%;
	overflow-x: 		hidden;
	padding: 			0px;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 			inherit;
	font-weight: 		bold;
	margin: 			0px;
	padding:			0px;
}

img {
	border: 			none;
	display: 			block;
	height: 			auto;
	margin: 			0px;
	max-width: 			100%;
	padding:			0px;
}

input {
	border: 			none;
	font-family: 		inherit;
	font-size: 			inherit;
	margin: 			0px;
	padding: 			0px;
}

button {
	font-family: 		inherit;
	font-size: 			inherit;
	margin: 			0px;
	padding: 			0px;
	border: 			none;
}

/*
====================================================================================================
2. MASTER FLEX CONTAINER
====================================================================================================
*/

.CONTAINER_MASTER {
	align-items: 		center;
	background-color:	#111111;
	border:				none;
	display:			flex;
	flex-direction: 	column;
	flex-wrap:			wrap;
	height:				fit-content;
	justify-content:	center;
	margin: 			0px auto;
	max-width: 			1280px;
	padding:			0px;
	position:			relative;
	width: 				100%;
}

/*
====================================================================================================
3. CONTAINERS
====================================================================================================
*/

/*
MAIN BODY
*/

.CONTAINER_LEADERBOARD_LIST {
	list-style-type: 	none;
	margin: 			0px;
	padding: 			0px;
	width: 				100%;
	display: 			flex;
	flex-direction: 	column;
}

.CONTAINER_FOOTER {
	align-items: 		center;
	border:				none;
	display:			flex;
	flex-direction: 	column;
	height:				fit-content;
	justify-content:	center;
	padding:			0px;
	position:			relative;
	width: 				100%;
}

.CONTAINER_SEARCH_RESULTS {
	align-items: 		center;
	background-color:	#999999;
	border-radius: 		calc(4px * var(--scale));
	border-top: 			calc(4px * var(--scale)) solid #333333;
	box-sizing:			border-box;
	color:				#FFFFFF;
	display:			flex;
	flex-direction: 	column;
	flex-wrap:			wrap;
	height:				fit-content;
	justify-content:	center;
	margin:				0px; 
	padding-bottom: 	calc(24px * var(--scale));
	position:			relative;
	width:				100%;

}

.CONTAINER_QUESTION_SECTION_1 {
	align-items: 		center;
	background-color:	#333333;
	border-radius: 		calc(4px * var(--scale)) calc(4px * var(--scale)) 0px 0px;
	border: 			calc(4px * var(--scale)) solid #333333;
	border-bottom: 		none;
	box-sizing:			border-box;
	color:				#FFFFFF;
	display:			flex;
	flex-direction: 	column;
	flex-wrap:			wrap;
	height:				fit-content;
	justify-content:	center;
	margin-top:			calc(24px * var(--font)); 
	padding-bottom: 	0px;
	position:			relative;
	width:				100%;
/*	box-shadow: 		inset 0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;*/
}

.CONTAINER_QUESTION_SECTION_2 {
	align-items: 		center;
	background-color:	#666666;
	border-radius: 		0px 0px calc(4px * var(--scale)) calc(4px * var(--scale));
	border: 			calc(4px * var(--scale)) solid #333333;
	box-sizing:			border-box;
	color:				#FFFFFF;
	display:			flex;
	flex-direction: 	column;
	flex-wrap:			wrap;
	height:				fit-content;
	justify-content:	center;
/*	margin-top:			calc(24px * var(--font)); */
	padding-bottom: 	0px;
	position:			relative;
	width:				100%;
	box-shadow: 		inset 0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;
}




.CONTAINER_MAIN_BODY_QUESTION_PAGE {
	align-items: 		center;
	background-color:	#444444;
	border-radius: 		calc(4px * var(--scale));
	border: 			calc(4px * var(--scale)) solid #333333;
	box-sizing:			border-box;
	color:				#FFFFFF;
	display:			flex;
	flex-direction: 	column;
	flex-wrap:			wrap;
	height:				fit-content;
	justify-content:	center;
	padding-bottom: 	0px;
	position:			relative;
	width:				75%;
	margin: 			0px;
	box-shadow:			inset 0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;
}

.CONTAINER_QUESTION_PAGE_STATS {
	align-items: 		center;
	background-color:	#444444;
	border-radius: 		calc(4px * var(--scale));
	border: 			calc(4px * var(--scale)) solid #333333;
	box-sizing:			border-box;
	color:				#FFFFFF;
	display:			flex;
	flex-direction: 	column;
	flex-wrap:			wrap;
	height:				fit-content;
	justify-content:	center;
	padding-bottom: 	0px;
	position:			relative;
	width:				75%;
	margin: 			0px;
	box-shadow:			inset 0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;
}

.CONTAINER_QUESTION_PAGE_EXTRA_STATS {
	align-items: 		center;
	background-color:	#444444;
	border-radius: 		calc(4px * var(--scale));
	border: 			calc(4px * var(--scale)) solid #333333;
	box-sizing:			border-box;
	color:				#FFFFFF;
	display:			flex;
	flex-direction: 	column;
	flex-wrap:			wrap;
	height:				fit-content;
	justify-content:	center;
	padding-bottom: 	0px;
	position:			relative;
	width:				75%;
	margin-bottom: 		calc(24px * var(--font));
	box-shadow:			inset 0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;
}

.CONTAINER_SECTION_REPORT_QUESTION {
	align-items: 		center;
	background-color:	#444444;
	border-radius: 		calc(4px * var(--scale));
	border: 			calc(4px * var(--scale)) solid #333333;
	box-sizing:			border-box;
	color:				#FFFFFF;
	display:			flex;
	flex-direction: 	column;
	flex-wrap:			wrap;
	height:				fit-content;
	justify-content:	center;
	margin-bottom: 		calc(24px * var(--font));
	padding-bottom: 	0px;
	position:			relative;
	width:				75%;
/*	box-shadow:			inset 0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;*/
}

.CONTAINER_SECTION_NEXT_QUESTION {
	align-items: 		center;
	background-color:	#444444;
	border-radius: 		calc(4px * var(--scale));
	border: 			calc(4px * var(--scale)) solid #333333;
	box-sizing:			border-box;
	color:				#FFFFFF;
	display:			flex;
	flex-direction: 	column;
	flex-wrap:			wrap;
	height:				fit-content;
	justify-content:	center;
/*	margin-bottom: 		calc(24px * var(--font));*/
	padding-bottom: 	0px;
	position:			relative;
	width:				75%;
/*	box-shadow:			inset 0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;*/
}
.CONTAINER_SECTION_NEXT_QUESTION a {
	text-decoration: 	none;
}

.CONTAINER_VOTE_BUTTONS_YES_NO {
	align-items: 		center;
	background-color:	#444444;
	border-radius: 		calc(4px * var(--scale));
	border: 			calc(4px * var(--scale)) solid #333333;
	box-sizing:			border-box;
	color:				#FFFFFF;
	display:			flex;
	flex-direction: 	column;
	flex-wrap:			wrap;
	height:				fit-content;
	justify-content:	center;
/*	margin-top:			calc(24px * var(--font)); */
	padding-bottom: 	0px;
	position:			relative;
	width:				75%;
	margin: 			0px;
/*	box-shadow:			inset 0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;*/
}

.CONTAINER_QUESTION_STATS {
	align-items: 		center;
	background-color:	#444444;
	border-radius: 		calc(4px * var(--scale));
	border: 			calc(4px * var(--scale)) solid #333333;
	box-sizing:			border-box;
	color:				#FFFFFF;
	display:			flex;
	flex-direction: 	column;
	flex-wrap:			wrap;
	height:				fit-content;
	justify-content:	center;
/*	margin-top:			calc(24px * var(--font)); */
	padding-bottom: 	0px;
	position:			relative;
	width:				75%;
	margin: 			0px;
	box-shadow:			inset 0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;
}

/*
LEADERBOARD
*/

.CONTAINER_LEADERBOARD {
	align-items: 		center;
	background-color: 	#999999;
	border-radius: 		calc(4px * var(--scale));
	border: 			calc(4px * var(--scale)) solid #333333;
	box-sizing:			border-box;
	color:				#FFFFFF;
	display:			flex;
	flex-direction: 	column;
	flex-wrap:			wrap;
	height:				fit-content;
	justify-content:	center;
	margin:				0px;
	padding:			0px;
	position:			relative;
	width:				100%;
}

.CONTAINER_SEARCH_ENGINE_FRAME {
	align-items: 		center;
	border-radius: 		calc(4px * var(--scale)) calc(4px * var(--scale)) 0px 0px;
	border: 			calc(4px * var(--scale)) solid #333333;
	border-bottom: 		none;
	box-sizing:			border-box;
	color:				#FFFFFF;
	display:			flex;
	flex-direction: 	column;
	flex-wrap:			wrap;
	height:				fit-content;
	justify-content:	center;
	margin:				0px;
	padding:			0px;
	position:			relative;
	width:				100%;
}


.CONTAINER_MAIN_BODY {
	align-items: 		center;
	background-color:	#999999;
	border-radius: 		calc(4px * var(--scale));
	border: 			calc(4px * var(--scale)) solid #333333;
	box-sizing:			border-box;
	color:				#FFFFFF;
	display:			flex;
	flex-direction: 	column;
	flex-wrap:			wrap;
	height:				fit-content;
	justify-content:	center;
	margin:				0px; 
	padding-bottom: 	calc(24px * var(--scale));
	position:			relative;
	width:				100%;

}

.CONTAINER_QUESTION_SUBMISSION_FRAME {
	align-items: 		center;
	border-radius: 		calc(4px * var(--scale));
	border: 			calc(4px * var(--scale)) solid #333333;
	border-bottom: 		none;
	box-sizing:			border-box;
	color:				#FFFFFF;
	display:			flex;
	flex-direction: 	column;
	flex-wrap:			wrap;
	height:				fit-content;
	justify-content:	center;
	margin:				0px;
	padding:			0px;
	position:			relative;
	width:				100%;
}

.CONTAINER_INFORMATIVE_PAGE {
	align-items: 		center;
	border-radius: 		calc(4px * var(--scale));
	border: 			calc(4px * var(--scale)) solid #333333;
	box-sizing:			border-box;
	color:				#FFFFFF;
	background-color: 	#666666;
	display:			flex;
	flex-direction: 	column;
	flex-wrap:			wrap;
	height:				fit-content;
	justify-content:	center;
	margin:				0px;
	padding-bottom:		calc(24px * var(--font));
	position:			relative;
	width:				100%;
}

.CONTAINER_INFORMATIVE_SECTION {
	align-items: 		center;
	border-radius: 		calc(4px * var(--scale));
	border: 			calc(4px * var(--scale)) solid #333333;
	box-sizing:			border-box;
	color:				#FFFFFF;
	background-color: 	#666666;
	display:			flex;
	flex-direction: 	column;
	flex-wrap:			wrap;
	height:				fit-content;
	justify-content:	center;
	margin:				0px;
	padding:			0px;
	position:			relative;
	width:				75%;
}

.ROW_INFO_PAGE_SUBSECTION {
	display:			flex;
	position:			relative;
	flex-wrap:			wrap;
	flex-direction: 	row;
	justify-content:	center;
	align-items: 		center;
	line-height: 		1.25;
	width: 				100%;
	height: 			fit-content;
	background-color: 	#444444;
	color: 				#FFFFFF;
	font-size: 			calc(12px * var(--font));
	font-weight: 		normal;
	margin:				0px;
	box-sizing:			border-box;
	padding:			calc(4px * var(--font));
}

.ROW_INFO_PAGE_TEXT {
	display:			flex;
	position:			relative;
	flex-wrap:			wrap;
	flex-direction: 	row;
	justify-content:	left;
	align-items: 		center;
	line-height: 		1.25;
	width: 				100%;
	height: 			fit-content;
	color: 				#CCCCCC;
	font-size: 			calc(12px * var(--font));
	font-weight: 		normal;
	margin:				0px;
	box-sizing:			border-box;
	padding:			calc(4px * var(--font));
}
.ROW_INFO_PAGE_TEXT a:link{
	text-decoration: 	none;
	color: 				#FFFFFF;
}
.ROW_INFO_PAGE_TEXT a:visited{
	text-decoration: 	none;
	color: 				#FFFFFF;
}
.ROW_INFO_PAGE_TEXT a:hover{
	text-decoration: 	underline;
	color: 				#66CCFF;
}
.ROW_INFO_PAGE_TEXT a:active{
	text-decoration: 	underline;
	color: 				#66CCFF;
}

.CONTAINER_SEARCH_LEADERBOARD {
	align-items: 		center;
	border-radius: 		0px 0px calc(4px * var(--scale)) calc(4px * var(--scale));
	border-left: 		calc(4px * var(--scale)) solid #333333;
	border-right: 		calc(4px * var(--scale)) solid #333333;
	border-bottom: 		calc(4px * var(--scale)) solid #333333;
	box-sizing:			border-box;
	background-color: 	#FF9999;
	color:				#000000;
	display:			flex;
	flex-direction: 	column;
	flex-wrap:			wrap;
	height:				fit-content;
	justify-content:	center;
	margin:				0px;
	padding:			0px;
	position:			relative;
	width:				100%;
}

.CONTAINER_RANDOM_LEADERBOARD_FRAME {
	align-items: 		center;
	border-radius: 		calc(4px * var(--scale));
	border: 			calc(4px * var(--scale)) solid #333333;
	box-sizing:			border-box;
	color:				#FFFFFF;
	display:			flex;
	flex-direction: 	column;
	flex-wrap:			wrap;
	height:				fit-content;
	justify-content:	center;
	margin:				0px;
	padding:			0px;
	position:			relative;
	width:				100%;
}


/*
ASK A QUESTION
*/



.CONTAINER_SEARCH_ENGINE_BOX {
	align-items: 		center;
	background-color:	#666666;
	border-bottom:		calc(4px * var(--scale)) solid #333333;
	box-shadow: 		inset 0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;
	box-sizing: 		border-box;
	display:			flex;
	flex-direction: 	column;
	height: 			fit-content;
	justify-content: 	center;
	padding:			0px;
	width:				100%;
}

.CONTAINER_QUESTION_SUBMISSION_BOX {
	align-items: 		center;
	background-color:	#666666;
	border-bottom:		calc(4px * var(--scale)) solid #333333;
	box-shadow: 		inset 0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;
	box-sizing: 		border-box;
	display:			flex;
	flex-direction: 	column;
	height: 			fit-content;
	justify-content: 	center;
	padding:			0px;
	width:				100%;
}

/*
RANDOM QUESTIONS
*/

.CONTAINER_RANDOM_QUESTIONS {
	align-items: 		left;
	background-color:	#666666;
	border-radius: 		calc(4px * var(--scale));
	border:				calc(4px * var(--scale)) solid #333333;
	box-sizing: 		border-box;
	display:			flex;
	flex-direction: 	column;
	height: 			fit-content;
	justify-content: 	center;
	margin-left: 		calc(4px * var(--scale));
	margin-right: 		calc(4px * var(--scale));
	max-width: 			97.5%;
	min-width: 			calc(240px * var(--scale));
	padding:			0px;
	width:				fit-content;
}

/*
LOGO
*/

.CONTAINER_LOGO {
	align-items: 		center;
	border:				none;
	display: 			flex;
	flex-direction: 	row;
	flex-shrink: 		0;
	justify-content: 	center;
	margin:				0px; 
	padding:			0px;
	position: 			relative;
	width: 				100%;
	overflow:			hidden;
	transform:			translateZ(0);
}
.CONTAINER_LOGO a {
	align-items: 		center;
	display:			flex;
	height:				calc(60px * var(--font));
	justify-content: 	center;
	width:				calc(60px * var(--font));
}
.CONTAINER_LOGO img {
	height: 			auto;
	width: 				100%;
}

/*
NAVIGATION BAR
*/

.CONTAINER_NAV_BAR {
	align-content: 		space-evenly;
	align-items: 		center;
	background-color:	#333333;
	border-radius: 		calc(4px * var(--scale));
	box-sizing:			border-box;
	display:			flex;
	flex-direction: 	row;
	flex-wrap:			wrap;
	height: 			fit-content;
	justify-content:	space-evenly;
	margin:				0px; 
	padding-bottom: 	calc(4px * var(--scale));
	padding-top: 		calc(4px * var(--scale));
	position:			relative;
	text-align: 		center;
	width: 				100%;
}

/*
TAB
*/

.CONTAINER_SECTION_TAB {
	align-items: 		center;
	background-color:	#333333;
	border-radius: 		calc(4px * var(--scale)) calc(4px * var(--scale)) 0px 0px;
	box-sizing:			border-box;
	color:				#FFFFFF;
	display:			flex;
	flex-direction: 	row;
	font-family: 		"Impact", "Arial Black", sans-serif;
	font-weight:		normal;
	font-size: 			calc(16px * var(--font));
	height: 			calc(24px * var(--font));
	justify-content:	center;
	letter-spacing: 	calc(.5px * var(--font));
	line-height: 		1.0;
	margin-top:			calc(24px * var(--font));
	padding-left:		calc(8px * var(--font));
	padding-right:		calc(8px * var(--font));
	position:			relative;
	text-align: 		center;
	text-shadow: 		0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;
	white-space: 		nowrap; 
	width: 				fit-content;
}

.CONTAINER_STATS_TAB {
	align-items: 		center;
	background-color:	#333333;
	border-radius: 		calc(4px * var(--scale)) calc(4px * var(--scale)) 0px 0px;
	box-sizing:			border-box;
	color:				#CCCCCC;
	display:			flex;
	flex-direction: 	row;
	font-family: 		"Impact", "Arial Black", sans-serif;
	font-weight:		normal;
	font-size: 			calc(16px * var(--font));
	height: 			calc(24px * var(--font));
	justify-content:	center;
	letter-spacing: 	calc(.5px * var(--font));
	line-height: 		1.0;
	margin-top:			calc(24px * var(--font));
	padding-left:		calc(8px * var(--font));
	padding-right:		calc(8px * var(--font));
	position:			relative;
	text-align: 		center;
	text-shadow: 		0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;
	white-space: 		nowrap; 
	width: 				fit-content;
}

.CONTAINER_KEEP_GOING_TAB {
	align-items: 		center;
	background-color:	#333333;
	border-radius: 		calc(4px * var(--scale)) calc(4px * var(--scale)) 0px 0px;
	box-sizing:			border-box;
	color:				#CCCCCC;
	display:			flex;
	flex-direction: 	row;
	font-family: 		"Impact", "Arial Black", sans-serif;
	font-weight:		normal;
	font-size: 			calc(16px * var(--font));
	height: 			calc(24px * var(--font));
	justify-content:	center;
	letter-spacing: 	calc(.5px * var(--font));
	line-height: 		1.0;
	margin-top:			calc(24px * var(--font));
	padding-left:		calc(8px * var(--font));
	padding-right:		calc(8px * var(--font));
	position:			relative;
	text-align: 		center;
	text-shadow: 		0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;
	white-space: 		nowrap; 
	width: 				fit-content;
}

.CONTAINER_VOTING_TAB {
	align-items: 		center;
	background-color:	#333333;
	border-radius: 		calc(4px * var(--scale)) calc(4px * var(--scale)) 0px 0px;
	box-sizing:			border-box;
	color:				#CCCCCC;
	display:			flex;
	flex-direction: 	row;
	font-family: 		"Impact", "Arial Black", sans-serif;
	font-weight:		normal;
	font-size: 			calc(16px * var(--font));
	height: 			calc(24px * var(--font));
	justify-content:	center;
	letter-spacing: 	calc(.5px * var(--font));
	line-height: 		1.0;
	margin-top:			calc(24px * var(--font));
	padding-left:		calc(8px * var(--font));
	padding-right:		calc(8px * var(--font));
	position:			relative;
	text-align: 		center;
	text-shadow: 		0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;
	white-space: 		nowrap; 
	width: 				fit-content;
}

.CONTAINER_INFO_TAB {
	align-items: 		center;
	background-color:	#333333;
	border-radius: 		calc(4px * var(--scale)) calc(4px * var(--scale)) 0px 0px;
	box-sizing:			border-box;
	color:				#CC99FF;
	display:			flex;
	flex-direction: 	row;
	font-family: 		"Impact", "Arial Black", sans-serif;
	font-weight:		normal;
	font-size: 			calc(16px * var(--font));
	height: 			calc(24px * var(--font));
	justify-content:	center;
	letter-spacing: 	calc(.5px * var(--font));
	line-height: 		1.00;
	margin-top:			calc(24px * var(--font));
	padding-left:		calc(8px * var(--font));
	padding-right:		calc(8px * var(--font));
	position:			relative;
	text-align: 		center;
	text-shadow: 		0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;
	white-space: 		nowrap; 
	width: 				fit-content;
}


.CONTAINER_REPORT_TAB {
	align-items: 		center;
	background-color:	#333333;
	border-radius: 		calc(4px * var(--scale)) calc(4px * var(--scale)) 0px 0px;
	box-sizing:			border-box;
	color:				#CCCCCC;
	display:			flex;
	flex-direction: 	row;
	font-family: 		"Impact", "Arial Black", sans-serif;
	font-weight:		normal;
	font-size: 			calc(16px * var(--font));
	height: 			calc(24px * var(--font));
	justify-content:	center;
	letter-spacing: 	calc(.5px * var(--font));
	line-height: 		1.0;
	margin-top:			calc(24px * var(--font));
	padding-left:		calc(8px * var(--font));
	padding-right:		calc(8px * var(--font));
	position:			relative;
	text-align: 		center;
	text-shadow: 		0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;
	white-space: 		nowrap; 
	width: 				fit-content;
}


/*
QUESTION TIPS
*/

.CONTAINER_QUESTION_TIPS {
	align-items: 		center;
	border:				none;
	box-sizing: 		border-box;
	display:			flex;
	flex-direction: 	column;
	height: 			fit-content;
	justify-content: 	center;
	margin:				0px;
	padding: 			0px;
	width:				fit-content;
}

/*
QUESTION INPUT
*/

.CONTAINER_QUESTION_INPUT {
	align-items: 		center;
	border:				none;
	box-sizing: 		border-box;
	color: 				#CCCCCC;
	display:			flex;
	font-weight:		normal;
	height: 			calc(48px * var(--font));
	justify-content: 	center;
	line-height: 		1.0;
	margin:				0px;
	padding: 			0px;
	width:				100%;
}
.CONTAINER_QUESTION_INPUT input{
	background-color: 	#333333;
	border:				calc(2px * var(--font)) solid #999999;
	color: 				#FFFFFF;
	height: 			calc(24px * var(--font));
	outline: 			none;
	text-align: 		center;
	width: 				calc(160px * var(--scale));
	transition: 		border-color 0.1s ease-in-out;

}
.CONTAINER_QUESTION_INPUT input:invalid {
	background-color: 	#FFCCCC;
}
.CONTAINER_QUESTION_INPUT input:focus {
	border:				calc(2px * var(--font)) solid #66CC66;
	transition: 		border-color 0.1s ease-in-out;
}
.CONTAINER_QUESTION_INPUT input[type="text"]::placeholder {
	color: 				#FFFFFF;
}





.CONTAINER_SEARCH_INPUT {
	align-items: 		center;
	border:				none;
/*	box-shadow: 		inset 0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;*/
/*	background-color: 	#666666;*/
	box-sizing: 		border-box;
	color: 				#CCCCCC;
	display:			flex;
	font-weight:		normal;
	height: 			calc(48px * var(--font));
	justify-content: 	center;
	line-height: 		1.0;
	margin:				0px;
	padding: 			0px;
	width:				100%;
}
.CONTAINER_SEARCH_INPUT input{
	background-color: 	#333333;
	border:				calc(2px * var(--font)) solid #999999;
	color: 				#FFFFFF;
	height: 			calc(24px * var(--font));
	outline: 			none;
	text-align: 		center;
	width: 				calc(160px * var(--scale));
	transition: 		border-color 0.1s ease-in-out;

}
.CONTAINER_SEARCH_INPUT input:invalid {
	background-color: 	#FFCCCC;
}
.CONTAINER_SEARCH_INPUT input:focus {
	border:				calc(2px * var(--font)) solid #66CC66;
	transition: 		border-color 0.1s ease-in-out;
}
.CONTAINER_SEARCH_INPUT input[type="text"]::placeholder {
	color: 				#FFFFFF;
}





.CONTAINER_USER_INFORMATION {
	background-color: 	#FF0000;
	display:			none;
}




.CONTAINER_ANSWER_SCALE_ROW {
	display:			flex;
	position:			relative;
	flex-wrap:			wrap;
	flex-direction: 	row;

	justify-content:	center;
	align-items: 		center;
	text-align: 		center;

	width: 				100%;
	height: 			fit-content;

/*	background-color:	#66CC66;*/

	margin:				0px;
	padding:			0px;

	border:				none;
	box-sizing:			border-box;
/*	box-shadow:			inset 0px calc(1px * var(--scale)) calc(1px * var(--scale)) #000000;*/
}

.CONTAINER_SCALE_ARROW_ROW {
	display:			flex;
	position:			relative;
	flex-wrap:			wrap;
	flex-direction: 	row;

	justify-content:	center;
	align-items: 		center;
	text-align: 		center;
	line-height: 		1.0;

	width: 				100%;
	height: 			fit-content;

/*	background-color:	#996666;*/
	color: 				#999999;

	font-size: 			calc(12px * var(--font));
	font-weight: 		bold;

	margin:				0px;
/*	padding-bottom:		calc(16px * var(--font));*/

/*	border-bottom:		calc(4px * var(--scale)) solid #333333;*/
	box-sizing:			content-box;
/*	box-shadow:			inset 0px calc(1px * var(--scale)) calc(1px * var(--scale)) #000000;*/
/*	text-shadow: 		0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;*/
}

.CONTAINER_SCALE_ARROW_ROW img{
	height: 			calc(16px * var(--scale));
	width: 				calc(16px * var(--scale));
}

.CONTAINER_QUESTION_TEXT {
	display:			flex;
	position:			relative;
	flex-wrap:			wrap;
	flex-direction: 	row;

	justify-content:	center;
	align-items: 		center;
	text-align: 		center;

	width: 				100%;
	min-height: 		calc(48px * var(--font));
	height: 			fit-content;

/*	background-color:	#669966;*/
	color: 				#99FFCC;

	word-spacing: 		calc(1px * var(--font));

	font-size: 			calc(16px * var(--font));
	font-weight: 		bold;
	line-height: 		1.25;
	margin:				0px;
	padding:			calc(4px * var(--font));

/*	border-bottom:		calc(4px * var(--scale)) solid #333333;*/
	box-sizing:			border-box;
/*	box-shadow:			inset 0px calc(1px * var(--scale)) calc(1px * var(--scale)) #000000;*/
	text-shadow: 		0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;
}


.CONTAINER_COMMUNITY_TEXT {
	align-items: 		center;
	box-sizing:			content-box;
	color: 				#999999;
	display:			flex;
	flex-direction: 	row;
	flex-wrap:			wrap;
	font-size: 			calc(16px * var(--font));
	font-weight: 		bold;
	height: 			calc(24px * var(--font));
	justify-content:	center;
	line-height: 		1.0;
	margin-top:			calc(12px * var(--font));
	position:			relative;
	text-align: 		center;
	width: 				100%;
}


.CONTAINER_ANSWER_TEXT {
	align-items: 		center;
	box-sizing:			content-box;
	color: 				#3399FF;
	display:			flex;
	flex-direction: 	row;
	flex-wrap:			wrap;
	font-size: 			calc(16px * var(--font));
	font-weight: 		bold;
	height: 			calc(32px * var(--font));
	justify-content:	center;
	line-height: 		1.0;
	padding:			0px;
	position:			relative;
	text-align: 		center;
	text-shadow: 		0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;
	width: 				100%;
/*	background-color:	#666699;*/
}


.CONTAINER_STATS_SECTION {
	align-items: 		center;
	box-sizing:			border-box;
	display:			flex;
	flex-direction: 	row;
	flex-wrap:			wrap;
	font-size: 			calc(12px * var(--font));
	font-weight: 		bold;
	height: 			fit-content;
	justify-content:	center;
	line-height: 		1.0;
	margin:				0px;
	position:			relative;
	text-align: 		center;
	width: 				100%;
}

.CONTAINER_TIMESTAMP {
	align-items: 		center;
/*	box-shadow:			inset 0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;*/
	box-sizing:			border-box;
	display:			flex;
	flex-direction: 	row;
	flex-wrap:			wrap;
	font-size: 			calc(12px * var(--font));
	font-weight: 		bold;
	height: 			fit-content;
	justify-content:	center;
	line-height: 		1.0;
	margin:				0px;
	position:			relative;
	text-align: 		center;
	width: 				100%;
}

.ROW_STAT_INFORMATION {
	display:			flex;
	position:			relative;
	flex-wrap:			wrap;
	flex-direction: 	row;

	justify-content:	center;
	align-items: 		center;
	text-align: 		center;
	line-height: 		1.0;

	width: 				100%;
	height: 			calc(24px * var(--font));

/*	background-color:	#996666;*/
	color: 				#CCCCCC;

	font-size: 			calc(12px * var(--font));
	font-weight: 		bold;

	margin:				0px;


/*	border-bottom:		calc(4px * var(--scale)) solid #333333;*/
	box-sizing:			border-box;
/*	box-shadow:			inset 0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;*/
/*	text-shadow: 		0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;*/
}

.ROW_TIMESTAMP {
	display:			flex;
	position:			relative;
	flex-wrap:			wrap;
	flex-direction: 	row;
	font-family: 		"Courier New", Courier, monospace;
	justify-content:	center;
	align-items: 		center;
	text-align: 		center;
	line-height: 		1.0;

	width: 				100%;
	height: 			calc(24px * var(--font));

/*	background-color:	#333333;*/
	color: 				#666666;

	font-size: 			calc(12px * var(--font));
	font-weight: 		bold;

	margin:				0px;


/*	border-bottom:		calc(4px * var(--scale)) solid #333333;*/
	box-sizing:			border-box;
/*	box-shadow:			inset 0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;*/
/*	text-shadow: 		0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;*/
}

.ROW_VOTING_BUTTONS {
	display:			flex;
	position:			relative;
	flex-wrap:			wrap;
	flex-direction: 	row;

	justify-content:	center;
	align-items: 		center;
	text-align: 		center;
	line-height: 		1.0;

	width: 				100%;
	height: 			calc(72px * var(--font));

/*	background-color:	#996666;*/
	color: 				#FFFFFF;

	font-size: 			calc(24px * var(--font));
	font-weight: 		bold;

	margin:				0px;


/*	border-bottom:		calc(4px * var(--scale)) solid #333333;*/
	box-sizing:			border-box;
	box-shadow:			inset 0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;
/*	text-shadow: 		0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;*/
}



/*
====================================================================================================
4. ROWS
====================================================================================================
*/

/*
HEADER TITLE
*/

.ROW_HEADER_TITLE {
	align-items: 		center;
	display: 			flex;
	flex-direction: 	row;
	flex-wrap:			nowrap;
	font-size: 			calc(24px * var(--font));
	height:				calc(24px * var(--font));
	justify-content: 	center;
	position: 			relative;
	width: 				100%;
	font-weight: 		bold;
}

/*
HEADER SLOGAN
*/

.ROW_HEADER_SLOGAN {
	align-items: 		center;
	color: 				#999999;
	display: 			flex;
	flex-direction: 	row;
	flex-wrap:			nowrap;
	height:				calc(24px * var(--font));
	justify-content: 	center;
	position: 			relative;
	width: 				100%;
	font-weight: 		bold;
}

/*
QUESTION TIPS
*/

.ROW_QUESTION_TIPS {
	align-items: 		center;
	border:				none;
	box-sizing: 		border-box;
	color: 				#999999;
	display:			flex;
	font-weight:		normal;
	height: 			calc(20px * var(--font));
	justify-content: 	center;
	line-height: 		1.0;
	width:				fit-content;
}

/*
QUESTION TIPS
*/

.ROW_QUESTION_TIPS_ANON {
	align-items: 		center;
	border:				none;
	box-sizing: 		border-box;
	color: 				#999999;
	display:			flex;
	font-weight:		normal;
	height: 			calc(24px * var(--font));
	justify-content: 	center;
	line-height: 		1.0;
	width:				fit-content;
}

.ROW_QUESTION_TIPS_ANON img{
	height: 			calc(16px * var(--font));
}

/*
STATUS BANNER / ERROR MESSAGES
*/

.ROW_STATUS_BANNER {
	align-items: 		center;
	background-color: 	#666666;
	border:				none;
	box-sizing: 		border-box;
	color: 				#999999;
	display:			flex;
	font-weight:		normal;
	height: 			calc(24px * var(--font));
	justify-content: 	center;
	line-height: 		1.00;
	margin:				0px;
	width:				100%;
	box-shadow: 		inset 0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;
}

/*
LEADERBOARD PARENT
*/

.ROW_INFO_STRIP_PARENT {
	align-items: 		center;
	background-color: 	#666666;
	border-bottom: 		calc(4px * var(--scale)) solid #333333;
	box-shadow: 		inset 0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;
	box-sizing: 		border-box;
	color: 				#000000;
	display:			flex;
	font-weight:		normal;
	height: 			fit-content;
	justify-content: 	center;
	line-height: 		1.0;
	margin:				0px;
	padding: 			0px;
	width:				100%;
	flex-direction: 	column;
}

.ROW_INFO_STRIP_SEARCH_PARENT {
	align-items: 		center;
	background-color: 	#666666;
	border-top: 		calc(4px * var(--scale)) solid #333333;
	box-shadow: 		inset 0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;
	box-sizing: 		border-box;
	color: 				#000000;
	display:			flex;
	font-weight:		normal;
	height: 			fit-content;
	justify-content: 	center;
	line-height: 		1.0;
	margin:				0px;
	padding: 			0px;
	width:				100%;
	flex-direction: 	column;
}

.ROW_LEADERBOARD_PARENT {
	align-items: 		center;
	background-color: 	#666666;
	border-bottom: 		calc(4px * var(--scale)) solid #333333;
	box-shadow: 		inset 0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;
	box-sizing: 		border-box;
	color: 				#000000;
	display:			flex;
	font-weight:		normal;
	height: 			fit-content;
	justify-content: 	center;
	line-height: 		1.0;
	margin:				0px;
	padding: 			0px;
	width:				100%;
	flex-direction: 	row;
}
.ROW_LEADERBOARD_PARENT:last-child {
	border-bottom: 		none;
}

/*
LEADERBOARD INFO
*/

.ROW_INFO_STRIP {
	align-items: 		center;
	border:				none;
	box-sizing: 		border-box;
	color: 				#999999;
	background-color: 	#333333;
	display:			flex;
	font-weight:		normal;
	height: 			calc(16px * var(--font));
	justify-content: 	center;
	line-height: 		1.0;
	margin:				0px;
	padding: 			0px;
	width:				100%;
}

/*
LEADERBOARD RANK
*/

.ROW_LEADERBOARD_RANK {
	align-items: 		center;
	box-sizing: 		border-box;
	color: 				#99FF99;
	display:			flex;
	font-family: 		"Impact", "Arial Black", sans-serif;
	font-weight:		normal;
	height: 			calc(32px * var(--font));
	justify-content: 	center;
	letter-spacing: 	calc(1px * var(--font));
	line-height: 		1.0;
	margin:				0px;
	padding: 			0px;
	text-shadow: 		0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;
	width:				10%;
}
.ROW_LEADERBOARD_RANK img{
	height: 			calc(16px * var(--font));
}

/*
LEADERBOARD QUESTION
*/

.ROW_LEADERBOARD_QUESTION {
	align-items: 		center;
	border:				none;
	box-sizing: 		border-box;
	color: 				#000000;
	display:			flex;
	font-weight:		normal;
	height: 			calc(32px * var(--font));
	word-spacing: 		calc(1px * var(--font));
	justify-content: 	left;
	line-height: 		1.0;
	margin:				0px;
	padding: 			0px;
	width:				80%;
}
.ROW_LEADERBOARD_QUESTION a {
	white-space: 		nowrap;
	overflow: 			hidden;
	text-overflow: 		ellipsis;
}
.ROW_LEADERBOARD_QUESTION a:link{
	text-decoration: 	none;
	color: 				#FFFFFF;
}
.ROW_LEADERBOARD_QUESTION a:visited{
	text-decoration: 	none;
	color: 				#FFFFFF;
}
.ROW_LEADERBOARD_QUESTION a:hover{
	text-decoration: 	underline;
	color: 				#66CCFF;
}
.ROW_LEADERBOARD_QUESTION a:active{
	text-decoration: 	underline;
	color: 				#66CCFF;
}

.ROW_SEARCH_RESULTS {
	align-items: 		center;
	border:				none;
	box-sizing: 		border-box;
	color: 				#000000;
	display:			flex;
	font-weight:		normal;
	height: 			calc(24px * var(--font));
	justify-content: 	left;
	line-height: 		1.0;
	margin:				0px;
	padding: 			0px;
	width:				80%;
}
.ROW_SEARCH_RESULTS a {
	white-space: 		nowrap;
	overflow: 			hidden;
	text-overflow: 		ellipsis;
}
.ROW_SEARCH_RESULTS a:link{
	text-decoration: 	none;
	color: 				#FFFFFF;
}
.ROW_SEARCH_RESULTS a:visited{
	text-decoration: 	none;
	color: 				#FFFFFF;
}
.ROW_SEARCH_RESULTS a:hover{
	text-decoration: 	underline;
	color: 				#66CCFF;
}
.ROW_SEARCH_RESULTS a:active{
	text-decoration: 	underline;
	color: 				#66CCFF;
}

.ROW_NO_SEARCH_RESULTS {
	align-items: 		center;
	border:				none;
	box-sizing: 		border-box;
	color: 				#FFFFFF;
	display:			flex;
	font-weight:		normal;
	height: 			calc(24px * var(--font));
	justify-content: 	center;
	line-height: 		1.0;
	margin:				0px;
	padding: 			0px;
	width:				80%;
}




/*
LEADERBOARD DATA
*/

.ROW_LEADERBOARD_DATA {
	align-items: 		center;
	box-sizing: 		border-box;
	color: 				#CCCCCC;
	display:			flex;
	font-family: 		"Courier New", Courier, monospace;
	font-weight:		normal;
	height: 			calc(32px * var(--font));
	justify-content: 	right;
	line-height: 		1.0;
	margin:				0px;
	padding-right: 		calc(2px * var(--font));
	width:				10%;
}

/*
RANDOM QUESTIONS PARENT
*/

.ROW_RANDOM_QUESTIONS_PARENT {
	align-items: 		center;
	background-color: 	#666666;
	border-bottom: 		calc(4px * var(--scale)) solid #333333;
	box-sizing: 		border-box;
	color: 				#000000;
	display:			flex;
	font-weight:		normal;
	height: 			fit-content;
	justify-content: 	left;
	line-height: 		1.0;
	margin:				0px;
	padding: 			0px;
	width:				100%;
	box-shadow: 		inset 0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;
}
.ROW_RANDOM_QUESTIONS_PARENT:last-child {
	border-bottom: 		none;
}

.ROW_MASTER_REROLL_PARENT {
	align-items: 		center;
	background-color: 	#333333;
	box-sizing: 		border-box;
	border-bottom: 		calc(4px * var(--scale)) solid #333333;
	color: 				#000000;
	display:			flex;
	font-weight:		normal;
	height: 			fit-content;
	justify-content: 	center;
	line-height: 		1.0;
	margin:				0px;
	padding: 			0px;
	width:				100%;
}


/*
RANDOM QUESTIONS ICON
*/








.ROW_MASTER_REROLL_DICE {
	align-items: 		center;
	box-sizing: 		border-box;
	background-color: 	#444444;
	color: 				#99FF99;
	border-radius: 		calc(4px * var(--scale));
	display:			flex;
	font-weight:		normal;
	height: 			calc(32px * var(--font));
	justify-content: 	center;
	line-height: 		1.0;
	margin:				0px;
	padding: 			0px;
	box-shadow: 		inset 0px calc(1px * var(--font)) calc(1px * var(--font)) #000000;
	width:				calc(32px * var(--font));
	cursor: 			pointer;
}

.ROW_MASTER_REROLL_DICE img {
	height: 			calc(24px * var(--font));
	width: 				calc(24px * var(--font));
}

.ROW_MASTER_REROLL_DICE:hover img {
	filter: 			drop-shadow(0px calc(1px * var(--font)) calc(2px * var(--font)) #FFFFFF);
	transition: 		filter 0.1s ease-in-out;
}
.ROW_MASTER_REROLL_DICE img:active {
	transform:			translateY(calc(2px * var(--font)));
}








.ROW_RANDOM_LEADERBOARD_QUESTION {
	align-items: 		center;
	border:				none;
	box-sizing: 		border-box;
	color: 				#000000;
	display:			flex;
	font-weight:		normal;
	height: 			calc(24px * var(--font));
	justify-content: 	left;
	line-height: 		1.0;
	margin:				0px;
	padding: 			0px;
	width:				90%;
}
.ROW_RANDOM_LEADERBOARD_QUESTION a {
	white-space: 		nowrap;
	overflow: 			hidden;
	text-overflow: 		ellipsis;
}
.ROW_RANDOM_LEADERBOARD_QUESTION a:link{
	text-decoration: 	none;
	color: 				#FFFFFF;
}
.ROW_RANDOM_LEADERBOARD_QUESTION a:visited{
	text-decoration: 	none;
	color: 				#FFFFFF;
}
.ROW_RANDOM_LEADERBOARD_QUESTION a:hover{
	text-decoration: 	underline;
	color: 				#66CCFF;
}
.ROW_RANDOM_LEADERBOARD_QUESTION a:active{
	text-decoration: 	underline;
	color: 				#66CCFF;
}












.ROW_SUBMIT_BUTTON {
	align-items: 		center;
	border:				none;
	box-sizing: 		border-box;
	color: 				#FFFFFF;
	display:			flex;
	font-size: 			calc(12px * var(--font));
	font-weight:		normal;
	height: 			calc(36px * var(--font));
	justify-content: 	center;
	line-height: 		1.0;
	margin:				0px;
	padding: 			0px;
	width:				100%;
}

.ROW_SEARCH_BUTTON {
	align-items: 		center;
	border:				none;
	box-sizing: 		border-box;
	color: 				#FFFFFF;
	display:			flex;
	font-size: 			calc(12px * var(--font));
	font-weight:		normal;
	height: 			calc(48px * var(--font));
	justify-content: 	center;
	line-height: 		1.0;
	margin:				0px;
	padding: 			0px;
	width:				100%;
}





.ROW_ANSWER_SCALE_COLUMN {
	display:			flex;
	position:			relative;
	flex-wrap:			wrap;
	flex-direction: 	row;

	justify-content:	left;
	align-items: 		center;
	text-align: 		center;

	width: 				calc(16px * var(--scale));
	height: 			calc(16px * var(--scale));

	margin:				0px;
	padding:			0px;
	border:				calc(1px * var(--scale)) solid #000000;
	box-sizing:			border-box;
/*	box-shadow:			inset 0px 0px calc(4px * var(--scale)) #666666;*/

}

.ROW_SCALE_ARROW {
	align-items: 		center;
	box-sizing:			border-box;
	display:			flex;
	flex-direction: 	row;
	flex-wrap:			wrap;
	height: 			calc(16px * var(--scale));
/*	background-color: 	#336699;*/
	justify-content:	center;
	margin:				0px;
	padding:			0px;
	position:			relative;
	text-align: 		center;
	visibility: 		hidden;
	width: 				calc(16px * var(--scale));
}

.ROW_SCALE_ARROW_VISIBLE {
	visibility: 		visible;
}

.ROW_DATA_TITLE {
	align-items: 		center;
	box-sizing:			border-box;
	color: 				#999999;
	display:			flex;
	flex-direction: 	row;
	flex-wrap:			wrap;
/*	height: 			calc(24px * var(--font));*/
	justify-content:	right;
	margin:				0px;
	padding-right:		calc(2px * var(--font));
	position:			relative;
	width: 				50%;
}

.ROW_DATA_VALUE {
	align-items: 		center;
	box-sizing:			border-box;
	color: 				#FFFFFF;
	display:			flex;
	flex-direction: 	row;
	flex-wrap:			wrap;
/*	height: 			calc(24px * var(--font));*/
	justify-content:	left;
	margin:				0px;
	padding-left:		calc(2px * var(--font));
	position:			relative;
	width: 				50%;
}

.ROW_DATA_VALUE img {
	height: 			calc(16px * var(--font));
	width: 				calc(16px * var(--font));
}

.ROW_VOTE_YES {
	align-items: 		center;
	box-sizing:			border-box;
	color: 				#FFFFFF;
	display:			flex;
	flex-direction: 	row;
	flex-wrap:			wrap;
	height: 			calc(48px * var(--font));
	justify-content:	center;
	margin:				0px;
	padding:			0px;
	position:			relative;
	width: 				50%;
}

.ROW_VOTE_NO {
	align-items: 		center;
	box-sizing:			border-box;
	color: 				#FFFFFF;
	display:			flex;
	flex-direction: 	row;
	flex-wrap:			wrap;
	height: 			calc(48px * var(--font));
	justify-content:	center;
	margin:				0px;
	padding:			0px;
	position:			relative;
	width: 				50%;
}











/*
====================================================================================================
6. BUTTONS
====================================================================================================
*/

.BUTTON_NAV {
	align-items: 		center;
	background-color:	#3399FF;
	border-radius: 		calc(4px * var(--scale));
	border:				0px;
	box-shadow: 		0px calc(1px * var(--font)) calc(2px * var(--font)) #000000;
	color:				#FFFFFF;
	display:			flex;
	flex-direction: 	column;
	height: 			fit-content;
	justify-content:	center;
	margin:				0px;
	padding:			0px;
	text-align: 		center;
	transition: 		background-color 0.1s ease-in-out;
	width: 				fit-content;
}

.BUTTON_NAV:hover {
	box-shadow: 		0px 0px calc(2px * var(--font)) calc(1px * var(--font)) #FFFFFF;
	cursor: 			pointer;
}

.BUTTON_NAV img{
	display: 			block;
	flex-shrink: 		0;
	height: 			calc(24px * var(--font));
	margin: 			calc( 4px * var(--font));
	width: 				calc(24px * var(--font));
}

.BUTTON_NAV_CURRENT {
/*	background-color:	#33CC33;*/
	box-shadow: 		0px 0px calc(2px * var(--font)) calc(1px * var(--font)) #FFFFFF;
}































.BUTTON_BACK_TO_TOP {
	opacity: 			0;
	visibility: 		hidden;
	height: 			calc(30px * var(--font));
	width: 				calc(90px * var(--font));
	position: 			fixed;
	bottom: 			calc(48px * var(--scale));
	right: 				calc(48px * var(--scale));
	border: 			none;
	background-color: 	#9933CC;
	color: 				#FFFFFF; 
	cursor: 			pointer; 
	padding: 			0px; 
	border-radius: 		calc(4px * var(--scale));
	font-size: 			calc(12px * var(--font));
	line-height: 		1.0;
	transition: 		opacity 1s ease-in-out, visibility 1s ease-in-out, background-color 0.1s ease-in-out;
	box-shadow: 		0px 0px calc(2px * var(--font)) calc(1px * var(--font)) #FFFFFF;
}
.BUTTON_BACK_TO_TOP:hover {
	background-color: #33CC33;
}
.BUTTON_BACK_TO_TOP_FADE_IN {
	opacity: 			1;
	visibility: 		visible;
}


















.random_sample_row {
	align-items: 		center;
	border:				none;
	box-sizing: 		border-box;
	color: 				#FFFFFF;
	display: 			flex;
	font-weight:		normal;
	height: 			calc(20px * var(--font));
	justify-content: 	left;
	line-height: 		1.0;
	margin:				0px;
	max-width:			100%;
	padding-left:		calc(2px * var(--font));
	padding-right:		calc(4px * var(--font));
	width:				fit-content;
}

.random_sample_row a {
	white-space: 		nowrap;
	overflow: 			hidden;
	text-overflow: 		ellipsis;
}

.random_sample_row a:link{
	text-decoration: 	none;
	color: 				#FFFFFF;
}

.random_sample_row a:visited{
	text-decoration: 	none;
	color: 				#FFFFFF;
}

.random_sample_row a:hover{
	text-decoration: 	underline;
	color: 				#66CCFF;
}

.random_sample_row a:active{
	text-decoration: 	underline;
	color: 				#66CCFF;
}

.dice_icon {
	display:			flex;
}







.question_preview_row {
	display:			flex;

	justify-content: 	center;
	align-items: 		center;

	height: 			fit-content;
	width:				100%;

	margin:				0vw;
	padding: 			0px;
	border:				none;
	background-color: 	#444444;

	line-height: 		1.25;

	font-weight:		normal;

	color: 				#999999;
	box-sizing: 		border-box;
	transition: 		background-color 5s ease-in-out, color 5s ease-in-out;
}




/*
BUTTON SUBMIT
*/

.BUTTON_SUBMIT {
	align-items: 		center;
	background-color: 	#3399FF;
	border-radius: 		calc(4px * var(--scale));
	box-shadow: 		0px calc(1px * var(--font)) calc(2px * var(--font)) #000000;
	color: 				#FFFFFF;
	cursor:				pointer;
	display:			flex;
	font-size:			calc(16px * var(--font));
	font-weight: 		bold;
	height: 			calc(32px * var(--font));
	justify-content: 	center;
	margin:				0px;
	padding: 			0px;
	transition: 		background-color 0.1s ease-in-out;
	width: 				calc(64px * var(--font));
}
.BUTTON_SUBMIT:hover {
	background-color: 	#33CCFF;
}
.BUTTON_SUBMIT:active {
	background-color: 	#33CCFF;
}

.BUTTON_SEARCH {
	align-items: 		center;
	background-color: 	#9966CC;
	border-radius: 		calc(4px * var(--scale));
	box-shadow: 		0px calc(1px * var(--font)) calc(2px * var(--font)) #000000;
	color: 				#FFFFFF;
	cursor:				pointer;
	display:			flex;
	font-size:			calc(16px * var(--font));
	font-weight: 		bold;
	height: 			calc(32px * var(--font));
	justify-content: 	center;
	margin:				0px;
	padding: 			0px;
	transition: 		background-color 0.1s ease-in-out;
	width: 				calc(72px * var(--font));
}
.BUTTON_SEARCH:hover {
	background-color: 	#CC99FF;
}
.BUTTON_SEARCH:active {
	background-color: 	#CC99FF;
}


/*
BUTTON SUBMIT NOT READY
*/

.BUTTON_SUBMIT_NOT_READY {
	align-items: 		center;
	background-color: 	#999999;
	border-radius: 		calc(4px * var(--scale));
	box-shadow: 		0px calc(1px * var(--font)) calc(2px * var(--font)) #000000;
	color: 				#FFFFFF;
	cursor:				not-allowed;
	display:			flex;
	font-size:			calc(16px * var(--font));
	font-weight: 		bold;
	height: 			calc(32px * var(--font));
	justify-content: 	center;
	margin:				0px;
	padding: 			0px;
	transition: 		background-color 0.1s ease-in-out;
	width: 				calc(64px * var(--font));
}
.BUTTON_SUBMIT_NOT_READY:hover {
	background-color: 	#CCCCCC;
}

.BUTTON_SEARCH_NOT_READY {
	align-items: 		center;
	background-color: 	#999999;
	border-radius: 		calc(4px * var(--scale));
	box-shadow: 		0px calc(1px * var(--font)) calc(2px * var(--font)) #000000;
	color: 				#FFFFFF;
	cursor:				not-allowed;
	display:			flex;
	font-size:			calc(16px * var(--font));
	font-weight: 		bold;
	height: 			calc(32px * var(--font));
	justify-content: 	center;
	margin:				0px;
	padding: 			0px;
	transition: 		background-color 0.1s ease-in-out;
	width: 				calc(72px * var(--font));
}
.BUTTON_SEARCH_NOT_READY:hover {
	background-color: 	#CCCCCC;
}





.BUTTON_SUBMIT_YES {
	align-items: 		center;
	background-color: 	#33CC33;
	border-radius: 		calc(4px * var(--scale));
	box-shadow: 		0px calc(1px * var(--font)) calc(2px * var(--font)) #000000;
	color: 				#FFFFFF;
	cursor:				pointer;
	display:			flex;
	height: 			calc(32px * var(--font));
	justify-content: 	center;
	margin:				0px;
	padding: 			0px;
	transition: 		background-color 0.1s ease-in-out;
	width: 				calc(64px * var(--font));
	font-weight: 		bold;
	font-size: 			calc(16px * var(--font));
}
.BUTTON_SUBMIT_YES:hover {
	background-color: 	#66FF66;
}

.BUTTON_SUBMIT_NO {
	align-items: 		center;
	background-color: 	#FF3333;
	border-radius: 		calc(4px * var(--scale));
	box-shadow: 		0px calc(1px * var(--font)) calc(2px * var(--font)) #000000;
	color: 				#FFFFFF;
	cursor:				pointer;
	display:			flex;
	height: 			calc(32px * var(--font));
	justify-content: 	center;
	margin:				0px;
	padding: 			0px;
	transition: 		background-color 0.1s ease-in-out;
	width: 				calc(64px * var(--font));
	font-weight: 		bold;
	font-size: 			calc(16px * var(--font));
}
.BUTTON_SUBMIT_NO:hover {
	background-color: 	#FF6666;
}



/* DISABLED VOTING BUTTON STATES */
.BUTTON_SUBMIT_YES:disabled {

	cursor:				not-allowed;
}
.BUTTON_SUBMIT_NO:disabled {

	cursor:				not-allowed;
}

.BUTTON_SUBMIT_REPORT {
	align-items: 		center;
	background-color: 	#999999;
	border-radius: 		calc(4px * var(--scale));
	box-shadow: 		0px calc(1px * var(--font)) calc(2px * var(--font)) #000000;
	color: 				#993333;
	cursor:				pointer;
	display:			flex;
	height: 			calc(32px * var(--font));
	justify-content: 	center;
	margin:				0px;
	padding: 			0px;
	transition: 		background-color 0.1s ease-in-out;
	width: 				calc(120px * var(--font));
	font-weight: 		bold;
	font-size: 			calc(12px * var(--font));
}
.BUTTON_SUBMIT_REPORT:hover {
	background-color: 	#CC6666;
}
.BUTTON_SUBMIT_REPORT:disabled {
	background-color: 	#CC6666;
	cursor:				not-allowed;
}
.BUTTON_SUBMIT_REPORT:disabled:hover {
	background-color: 	#CC6666;
}



.BUTTON_NEXT_QUESTION {
	align-items: 		center;
	background-color: 	#3399FF;
	border-radius: 		calc(4px * var(--scale));
	box-shadow: 		0px calc(1px * var(--font)) calc(2px * var(--font)) #000000;
	color: 				#FFFFFF;
	cursor:				pointer;
	display:			flex;
	height: 			calc(32px * var(--font));
	justify-content: 	center;
	margin:				0px;
	padding: 			0px;
	transition: 		background-color 0.1s ease-in-out;
	width: 				calc(120px * var(--font));
	font-weight: 		bold;
	font-size: 			calc(12px * var(--font));
}
.BUTTON_NEXT_QUESTION:hover {
	background-color: 	#33CCFF;
}



.anon_glow {
	color:				#66CCFF;
	transition: 		color 0.1s ease-in-out;
}

.anon_glow img {
	filter: 			drop-shadow(0px calc(1px * var(--font)) calc(2px * var(--font)) #66CCFF);
	transition: 		filter 0.1s ease-in-out;
}

.anon_no_glow {
	color:				#999999;
}

.anon_no_glow img {
	box-shadow: 		none;
}

.sample_question_row.sample_question_glow {
	color:				#66CCFF;
	background-color: 	#000000;
	transition: 		color 2s ease;
	transition: 		background-color 2s ease;
}

.sample_question_row.sample_question_no_glow {
	color:				#999999;
	background-color: 	#444444;
}




.sample_question_row {
	align-items: 		center;
	background-color: 	#444444;
	border:				none;
	box-sizing: 		border-box;
	color: 				#999999;
	display:			flex;
	font-weight:		normal;
	height: 			fit-content;
	justify-content: 	center;
	line-height: 		1.5;
	margin:				0px;
	min-height: 		calc(24px * var(--font));
	padding-left:		calc(4px * var(--font));
	padding-right:		calc(4px * var(--font));
	width:				100%;
/*	background: 		linear-gradient(to bottom, #555555, #444444);*/
}







.BUTTON_footer_links {
	align-items: 		center;
	background-color:	#333333;
	border-radius: 		calc(4px * var(--scale));
	box-sizing: 		border-box;
	color:				#FFFFFF;
	display:			flex;
	flex-direction: 	column;
	font-weight:		bold;
	height: 			calc(32px * var(--font));
	justify-content:	center;
	margin:				0px;
	padding-left: 		calc(4px * var(--font));
	padding-right: 		calc(4px * var(--font));
	width: 				calc(160px * var(--font));
}

a.BUTTON_footer_links:hover {
	text-decoration: 	none;
	background-color: 	#9966CC;
}

a.BUTTON_footer_links:link {
	text-decoration: 	none;
}

a.BUTTON_footer_links:visited {
	text-decoration: 	none;
}

a.BUTTON_footer_links:focus {
	text-decoration: 	none;
}

a.BUTTON_footer_links:active {
	text-decoration: 	none;
}



.DIV_FOOTER_ROW_FIRST {
	align-items: 		center;
	color:				#FFFFFF;
	display:			flex;
	flex-direction: 	column;
	font-weight:		bold;
	height: 			calc(56px * var(--font));
	justify-content:	center;
	margin-top: 		calc(12px * var(--font));
	width: 				100%;
}

.DIV_FOOTER_ROW_MIDDLE {
	align-items: 		center;
	color:				#FFFFFF;
	display:			flex;
	flex-direction: 	column;
	font-weight:		bold;
	height: 			calc(56px * var(--font));
	justify-content:	center;
	margin:				0px;
	padding:			0px;
	width: 				100%;
}

.DIV_FOOTER_ROW_LAST {
	align-items: 		center;
	color:				#FFFFFF;
	display:			flex;
	flex-direction: 	column;
	font-weight:		bold;
	height: 			calc(56px * var(--font));
	justify-content:	center;
	margin-bottom: 		calc(12px * var(--font));
	padding:			0px;
	width: 				100%;
}




.DIV_FOOTER_ROW_COPYRIGHT {
	align-items: 		center;
	background-color:	#333333;
	color:				#FFFFFF;
	display:			flex;
	flex-direction: 	column;
	font-weight:		bold;
	height: 			calc(48px * var(--font));
	justify-content:	center;
	margin-top: 		calc(12px * var(--font));
	width: 				100%;
}


.DIV_FOOTER_COPYRIGHT_TEXT {
	align-items: 		center;
	border:				none;
	color:				#666666;
	display:			flex;
	flex-direction: 	column;
	font-size: 			calc(12px * var(--font));
	font-weight:		bold;
	height: 			calc(12px * var(--font));
	justify-content:	center;
	width: 				fit-content;
}


.DIV_FOOTER_NO_COOKIES {
	align-items: 		center;
	background-color:	#333333;
	color:				#FFFFFF;
	display:			flex;
	flex-direction: 	column;
	font-weight:		bold;
	height: 			calc(48px * var(--font));
	justify-content:	center;
	width: 				100%;
}

.DIV_FOOTER_NO_COOKIES img{
	height: 			calc(24px * var(--font));
}





.ROW_FOOTER_FIRST {
	align-items: 		center;
	background-color:	#333333;
	color:				#666666;
	display:			flex;
	flex-direction: 	row;
	font-weight:		bold;
	height: 			calc(24px * var(--font));
	justify-content:	center;
	width: 				100%;
	border-radius: 		calc(4px * var(--scale)) calc(4px * var(--scale)) 0px 0px;
}

.ROW_FOOTER {
	align-items: 		center;
	background-color:	#333333;
	color:				#666666;
	display:			flex;
	flex-direction: 	row;
	font-weight:		bold;
	height: 			calc(24px * var(--font));
	justify-content:	center;
	width: 				100%;
}
.ROW_FOOTER img{
	height: 			calc(24px * var(--font));
}






/*
====================================================================================================
5. TEXT COLORS, SIZES, AND DECORATIONS
====================================================================================================
*/

.fame {					color: #FFCC33;		}
.unity_score {			color: #33CCFF;		}
.division_score {		color: #FF3366; 	}
.yes_votes {			color: #33CC33;		}
.no_votes {				color: #FF3333;		}
.total_votes {			color: #3399FF;		}
.total_views {			color: #9966FF;		}
.submitted {			color: #CCCCCC;		}

.server_online {		color: #33CC33;		}
.server_localhost {		color: #FFCC33;		}
.server_read_only {		color: #FF9933;		}



.label_random {
	color: 				#3399FF;
	display: 			inline-block;
}

.label_404 {
	color: 				#FF9933;
	display: 			inline-block;
}

.label_home {
	color: 				#3399FF;
	display: 			inline-block;
}

.label_search {
	color: 				#9966CC;
	display: 			inline-block;
}

/*LEADERBOARD LABELS*/

/*Leaderboard #1*/
.label_most_recent {
	color: 				#99FF99;
	display: 			inline-block;
}

/*Leaderboard #2*/
.label_most_trending {
	color: 				#FF9933;
	display: 			inline-block;
}

/*Leaderboard #3*/
.label_most_united {
	color: 				#33CCFF;
	display: 			inline-block;
}

/*Leaderboard #4*/
.label_most_divided {
	color: 				#FF3366;
	display: 			inline-block;
}

/*Leaderboard #5*/
.label_hall_of_fame {
	color: 				#FFCC33;
	display: 			inline-block;
}




/*LEADERBOARD RANK NUMBERS*/

.rank_random_result {
	color: 				#3399FF;
}

.rank_search_result {
	color: 				#9966CC;
}
/*Leaderboard #1*/
.rank_most_recent {
	color: 				#99FF99;
}

/*Leaderboard #2*/
.rank_most_trending {
	color: 				#FF9933;
}

/*Leaderboard #3*/
.rank_most_united {
	color: 				#33CCFF;
}

/*Leaderboard #4*/
.rank_most_divided {
	color: 				#FF3366;
}

/*Leaderboard #5*/
.rank_hall_of_fame {
	color: 				#FFCC33;
}

.bg_home 				{background-color: 		#3399FF;}
.bg_search 				{background-color: 		#9966CC;}
.bg_most_recent 		{background-color: 		#99FF99;}
.bg_most_trending 		{background-color: 		#FF9933;}
.bg_most_united 		{background-color: 		#33CCFF;}
.bg_most_divided 		{background-color: 		#FF3366;}
.bg_hall_of_fame 		{background-color: 		#FFCC33;}




.HIDDEN_QUESTION_STATS {
	opacity: 				0;
	max-height: 			0;
	overflow: 				hidden;
	visibility: 			hidden;
}

.VISIBLE_QUESTION_STATS {
	opacity: 				1;
	max-height: 			1280px;
	visibility: 			visible;
	transition: 			opacity 1s ease-in-out, max-height 1s ease-in-out;
}

.WRAPPER_QUESTION_STATS {
	align-items: 		center;
	display:			flex;
	flex-direction: 	column;
	width:				100%;
}





.tagline {
	color: 				#FFFFFF;
	display: 			inline-block;
}


.c_gray_dash {
	color: 				#CCCCCC;
	display: 			inline-block;
}

.c_explore_more {
	color: 				#CCCCCC;
	display: 			inline-block;
}

.c_yes 			{color: #33CC33;}
.c_no 			{color: #FF3333;}
.c_questions 	{color: #3399FF;}
.c_slogan		{color: #666666;}
.c_url			{color: #3399FF;}
.c_url_light	{color: #33CCFF;}
.c_views		{color: #CCCCCC;}
.c_votes		{color: #66CCFF;}
.c_submitted	{color: #6666CC;}
.c_mature_true		{color: #993333;}
.c_mature_false		{color: #339933;}

/* COMMUNITY SCALE BACKGROUNDS*/
.scale_absolutely_no {		background-color:	#FF0000;	}
.scale_strongly_no {		background-color:	#FF3300;	}
.scale_mostly_no {			background-color:	#FF6600;	}
.scale_somewhat_no {		background-color:	#FF9900;	}
.scale_leaning_no {			background-color:	#FFCC00;	}
.scale_unsettled {			background-color:	#FFFF00;	}
.scale_leaning_yes {		background-color:	#CCFF00;	}
.scale_somewhat_yes {		background-color:	#99FF00;	}
.scale_mostly_yes {			background-color:	#66FF00;	}
.scale_strongly_yes {		background-color:	#33FF00;	}
.scale_absolutely_yes {		background-color:	#00FF00;	}

/*COMMUNITY SCALE TEXT*/
.scale_text_01 {			color:	#FF0000;	}
.scale_text_02 {			color:	#FF3300;	}
.scale_text_03 {			color:	#FF6600;	}
.scale_text_04 {			color:	#FF9900;	}
.scale_text_05 {			color:	#FFCC00;	}
.scale_text_06 {			color:	#FFFF00;	}
.scale_text_07 {			color:	#CCFF00;	}
.scale_text_08 {			color:	#99FF00;	}
.scale_text_09 {			color:	#66FF00;	}
.scale_text_10 {			color:	#33FF00;	}
.scale_text_11 {			color:	#00FF00;	}



.arrow_cell {
	background-color:		#333333;
	border:					none;
}
















/* VOTE LOCK STATE CLASSES */

.button_hidden {
	display: none;
}

.vote_locked_yes {
	background-color: 		#339933;
}

.vote_locked_no {
	background-color: 		#CC3333;
}

.report_locked {
	background-color: 		#993333;
}

.hidden_storage {
	display: 				none;
}