section.forgot,
section.login{
	display: block;
	max-width: 456px !important;
	margin: 128px 0 403px;
	>div{
		width:100%;
		height: 100%;
	}
	.form{
		border-radius: var(--dialog-radius);
		box-shadow: 0 11px 23px 0 rgba(0, 0, 0, 0.1);
		background-color: #fff;		
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 48px 32px 42px;
		gap: 24px;
		img{
			width: 44px;
			height: 50px;
		}
		.txt{
			margin-bottom: 8px;
			font-size: var(--prm-font-size);
			a{
				color: inherit;
				font-weight: var(--strong-weight);
			}
		}
		>div.field{
			width:100%;
			input{
				border: solid 2px #d3d4df;
			}
			input:focus{
				outline: none;
			}			
		}
		input.Error{
			border: 2px var(--highlight) solid !important;
		}		
		a{
			color: var(--txt-light);
			font-weight: var(--strong-weight);
		}
		.errorMessage{
			color: #ce1010;
			font-weight: bold;
			width: 100%;
			text-align: center;
			position: absolute;
			top: -29px;			
		}
		.errorMessage:empty{
			display: none;
		}		
	}	
}
@media (max-width: 1024px) {
}
@media (max-width: 600px) {
	section.forgot,
	section.login{
		width: calc(100% - 48px);
		margin: 72px 24px 0 24px;
	}
}