body {
	background-position: center;
	background-size: cover;
}

.forgot-title {
	text-align: center;
	width: 100%;
	font-family: Jost;
	font-size: 20px;
	font-weight: 500;
	margin: 0;
	padding: 0;
	color: var(--mdc-theme-primary);
	transition: opacity 0.3s;
}

.forgot-subtitle {
	font-family: Jost;
	width: 100%;
	text-align: center;
	font-weight: 400;
	font-size: 16px;
	margin: 0;
	padding: 0;
	color: #444;
	transition: opacity 0.3s;
}

.forgot-text {
	font-family: Jost;
	width: 100%;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	margin-top: 20px;
	transition: opacity 0.3s;
}

.forgot-form {
	width: 80%;
	margin: 0 auto;
}

.forgot-input {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

.forgot-button--filled {
	text-transform: none;
	font-family: Jost;
	font-weight: 400;
}

.forgot-button--filled:not(disabled) {
	background-color: var(--mdc-theme-primary) !important;
	color: #FFF !important;
}

.forgot-button--filled:disabled {
	background-color: #EEE !important;
	color: #777 !important;
}

#forgot__button--action-submit {
	margin-top: 20px;
	margin-right: 5px;
	float: right;
	margin-bottom: 10px;
	transition: opacity 0.3s;
}

#forgot-password__title {
	transition: opacity 0.3s;
}

#forgot__input__container--email {
	transition-property: opacity, transform;
	transition-duration: 0.3s;
}