body {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	padding-bottom: 120px;
}

#logo {
	padding: 28px 12px;
}

#loginForm,
#signupForm,
#passwordRecoveryForm,
#navTabs {
	width: 350px;
	max-width: calc(100vw - 40px);
}

#loginForm,
#signupForm,
#passwordRecoveryForm {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

#signupForm label {
	min-width: 125px;
}

#logoWrapper {
	transform: scale(0.7);
	background-color: var(--color-primary);
	border-radius: var(--bs-border-radius);
}

#navTabs>button {
	color: var(--bs-secondary);
	padding: unset;
}

#navTabs>button.active,
#navTabs>#signupTab.active + #passwordRecoveryTab {
	display: none;
}

#loginGosuslugiBtn {
	transition: filter 0.15s ease-in-out;
	filter: brightness(0.98);
}

#loginGosuslugiBtn:hover {
	filter: brightness(0.96);
}

/* input[name="password"]:
#togglePassword {
	cursor: pointer;
} */