.ui_settings {
	
	position:				absolute;
	right:					-60%;
	top:					0%;
	width:					50%;
	height:					calc( 97% - 8vw );
	
	opacity:				0;
	pointer-events:			none;
	
	padding:				3%;
	padding-top:			8vw;
	
	transition:				opacity 0.5s ease, right 0.5s ease;	
	
	background-color:		rgba(30,15,0,0.9);
	
}

.ui_settings.active {
	
	right:					0%;
	
	opacity:				1;
	pointer-events:			auto;
	
}

.ui_settings_inverted {
	
	width:					90%;
	height:					fit-content;
	
	padding:				5%;
	
	border:					rgba(0,0,0,1.0) 0.1vh solid;
	background-color:		rgba(255,255,255,1.0);
	color:					rgba(0,0,0,1.0);
	
	cursor:					pointer;
	
	font-family:			"noto_sansregular", Arial, sans-serif;
	font-size:				2.5vw;

	transition:				background-color 0.3s ease, border 0.3s ease, color 0.3s ease;
	
}

.ui_settings_inverted.inverted {
	
	border:					rgba(255,255,255,1.0) 0.1vh solid;
	background-color:		rgba(0,0,0,1.0);
	color:					rgba(255,255,255,1.0);
	
	font-weight:			bold;
	
}


.ui_settings_songinfo {
	
	width:					90%;
	height:					fit-content;
	
	padding:				5%;
	
	border:					rgba(50,100,80,0.2) 0.1vh solid;
	background-color:		rgba(0,0,0,0.4);
	color:					rgba(255,255,255,0.5);
	
	cursor:					pointer;
	
	font-family:			"noto_sansregular", Arial, sans-serif;
	font-size:				2.5vw;

	transition:				background-color 0.3s ease, border 0.3s ease, color 0.3s ease;
	
}

.ui_settings_songinfo.active {
	
	border:					rgba(0,255,50,1.0) 0.1vh solid;
	background-color:		rgba(0,0,0,0.8);
	color:					rgba(255,255,255,1.0);
	
	font-weight:			bold;
	
}

.ui_settings_resetrequests {
	
	width:					90%;
	height:					fit-content;
	
	padding:				5%;
	
	border:					rgba(255,0,0,0.2) 0.1vh solid;
	background-color:		rgba(0,0,0,0.4);
	color:					rgba(255,0,0,1.0);
	
	cursor:					pointer;
	
	font-family:			"noto_sansregular", Arial, sans-serif;
	font-size:				2.5vw;

	transition:				opacity 0.3s ease;
	opacity:				0.1;
	
	pointer-events:			none;
	
}

.ui_settings_resetrequests.active {
	
	pointer-events:			auto;
	opacity:				1;
	
}



.ui_settings_songinfopanel {
	
	width:					90%;
	height:					fit-content;
	
	padding:				5%;
	
	border:					rgba(0,255,100,1.0) 0.1vh solid;
	background-color:		rgba(0,180,60,0.4);
	color:					rgba(255,255,255,1.0);
	
	cursor:					pointer;
	pointer-events:			none;
	
	font-family:			"noto_sansregular", Arial, sans-serif;
	font-size:				2.5vw;
	font-style:				italic;

	transition:				opacity 0.3s ease;
	opacity:				1;
	
}