/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.muner-error-container {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 60vh;
	padding: 2rem;
	background-color: #f8f9fa;
}

.muner-error-content {
	max-width: 600px;
	padding: 2rem;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	text-align: center;
}

.muner-error-title {
	color: #dc3545;
	font-size: 1.5rem;
	margin-bottom: 1rem;
}

.muner-error-message {
	color: #6c757d;
	font-size: 1.1rem;
	margin-bottom: 1.5rem;
}

.muner-error-content .button {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1.5rem;
	background-color: #000;
	color: #fff;
	border-radius: 4px;
	text-decoration: none;
	transition: background-color 0.2s;
}

.muner-error-content .button:hover {
	background-color: #333;
}

.eyereveal {
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5C5.63636 5 2 12 2 12C2 12 5.63636 19 12 19C18.3636 19 22 12 22 12C22 12 18.3636 5 12 5Z' stroke='%233c3c3b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

input[type='text'] ~ div.eyereveal {
	background-image: url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12C2 12 5.63636 19 12 19C18.3636 19 22 12 22 12' stroke='%233c3c3b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 12C2 12 5.63636 5 12 5C18.3636 5 22 12 22 12' stroke='%233c3c3b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.community-login-message {
	width: auto;
	margin: 50px;
	display: flex;
	justify-content: center;
	gap: 0.5em;
}

.community-login-message a {
	text-decoration: underline;
	color: #dc211d;
}

.community-login-message a:hover {
	color: #000;
}