:root, html {
	font-family : Arial, sans-serif;
	font-size   : 10px;
	line-height : 1.3;
}

* {
	box-sizing : border-box;
	font-size  : 1.8rem;
}

a {
	color           : currentColor;
	text-decoration : none;
}

p {
	margin : 0 0 0.5rem 0;
}

a:hover {
	text-decoration : underline;
}

body {
	margin : 0;
}

h1 {
	display : none;
}

.notice {
	margin-bottom : 2rem;
	max-width     : 35rem;
}

.notice-error {
	color : red;
}

.login__content {
	background-image    : url("../../img/bg_login.png");
	background-position : center right;
	background-size     : cover;
	display             : flex;
	flex-direction      : column;
	gap                 : 4rem;
	justify-content     : center;
	min-height          : 100vh;
	padding             : 4rem;
}

#login {
	background-color : #FFFFFF;
	max-width        : 100%;
	padding          : 4rem;
	position         : relative;
	width            : fit-content;
}

#login:before {
	background-image    : url("../../img/logo_login.svg");
	background-position : center;
	background-repeat   : no-repeat;
	background-size     : contain;
	content             : "";
	display             : block;
	height              : 70px;
	left                : 0;
	padding             : 2rem 0;
	position            : absolute;
	top                 : 0;
	transform           : translateY(-100%);
	width               : 100%;
}

#loginform {
	display        : flex;
	flex-direction : column;
	gap            : 2rem;
	margin         : 0 0 2rem 0;
}

form p, form div {
	display        : flex;
	flex-direction : column;
	gap            : 0.5rem;
	margin         : 0;
}

input, select, textarea {
	border        : 1px solid #000000;
	border-radius : 0;
	max-width     : 100%;
	min-height    : 4rem;
	padding       : 0.5rem 1rem;
	width         : 35rem;
}

.button, button, input[type="submit"] {
	background-color : #FFFFFF;
	border           : 1px solid #000000;
	cursor           : pointer;
	min-height       : 4rem;
	padding          : 1rem 2rem;
	transition       : 0.25s;
}

.button:hover, button:hover, input[type="submit"] {
	background-color : #000000;
	border           : 1px solid #000000;
	color            : #FFFFFF;
	transition       : 0.25s;
}

.wp-pwd {
	display        : flex;
	flex-direction : row;
	gap            : 0;
}

.wp-pwd input {
	max-width : calc(100% - 4rem);
	width     : 31rem;
}

.wp-pwd .button {
	border-left : 0;
	height      : 4rem;
	padding     : 1rem;
	position    : relative;
	width       : 4rem;
}

.wp-pwd .button:hover {
	background-color : #F2F2F2;
}

.wp-pwd .button:before {
	aspect-ratio        : 1;
	background-image    : url("../../img/eye-solid.svg");
	background-position : center;
	background-repeat   : no-repeat;
	background-size     : 2rem;
	content             : "";
	height              : 100%;
	left                : 0;
	position            : absolute;
	top                 : 0;
	width               : 100%;
}

.wp-pwd input[type="text"] + .button:before {
	background-image : url("../../img/eye-slash-solid.svg");
}

#rememberme {
	height : auto;
	width  : auto;
}

.forgetmenot {
	align-items    : center;
	display        : flex;
	flex-direction : row;
	gap            : 0.5rem;
}

.language-switcher {
	display : none;
}