div#box_login
{
	background: 				var(--window_background);
	border-radius: 				var(--window_border_radius);
	box-shadow: 				var(--window_box_shadow);
	backdrop-filter: 			var(--window_backdrop);
	-webkit-backdrop-filter: 	var(--window_backdrop);
	border: 					var(--window_border);
	padding: 					var(--window_padding);
	color:						var(--window_text_color);
}

div#box_login > div:first-child
{
	display: 					grid;
	grid-template-columns: 		20% auto;
}

div#box_login > div:first-child > div:nth-child(2)
{
	margin-left: 				20px;
}

div#box_login > div:first-child > div:nth-child(3)
{
	display: 					none !important;
}

div#box_login > div:first-child > div:nth-child(1)
{
	width: 						100% !important;
}

div#box_login > div:first-child > div:nth-child(2)
{
	width: 						inherit !important;
	padding-left: 				inherit !important;
	padding-right: 				inherit !important;
}

div#box_login:not(:has(div.login_error)) > form > div:nth-child(1),
div#box_login:has(div.login_error) > form > div:nth-child(2)
{
	display: 					none;
}

div#box_login:not(:has(div.login_error)) > form > div:nth-child(2),
div#box_login:has(div.login_error) > form > div:nth-child(3)
{
	width: 						100% !important;
}

div#box_login:not(:has(div.login_error)) > form > div:nth-child(2) > div:nth-child(2),
div#box_login:has(div.login_error) > form > div:nth-child(3) > div:nth-child(2)
{
	margin-top: 				10px;
}

#box_login input[type="submit"]
{
	background: 				var(--button_background);
	border-radius: 				5px;
	box-shadow: 				0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: 			blur(5px);
	-webkit-backdrop-filter: 	blur(5px);
	border: 					1px solid rgba(29, 83, 226, 0.3);
	padding: 					6px;
	color:						var(--button_text_color);
}

#box_login input[type="submit"]:hover
{
	background: 				var(--button_background_hover);
}

#box_login input
{
	margin-top: 				5px;
	width: 						100%;
	padding: 					10px;
	border: 					none;
	border-radius: 				5px;
	font-size: 					16px;
	outline: 					none;
}

div#box_login .login_error
{
	background: 				linear-gradient(to right, #ffcdcdc8, #fffac2f6);
	color:						#b10505;
	padding: 					15px;
	font-size: 					120%;
	border-radius: 				var(--window_border_radius);
	border: 					1px solid #ff000066;
	font-weight: 				bold;
}