/**
 * @license Copyright 2021 Lahuen Health SPA. All Rights Reserved.
 */
.c-password-recovery-panel {
	display: flex;
	flex-direction: column;
}

.c-password-recovery-panel::before {
	background: url('/assets/skins/lahuen/base/images/logo_full.svg') no-repeat;
	content: '';
	height: 4.5rem;
	margin-bottom: 10rem;
	margin-left: -5.5rem;
}

.c-password-recovery-panel__title {
	color: var(--primary-c-normal);
	font: 600 2.8rem / normal 'Lato', sans-serif;
}

.c-password-recovery-panel__message {
	color: var(--primary-d-normal);
	font: 400 1.2rem / normal 'Lato', sans-serif;
	margin-bottom: 4rem;
}

.c-password-recovery-panel__footer {
	display: flex;
	flex-wrap: wrap;
}

.c-password-recovery-form {
	display: flex;
	flex-direction: column;
	position: relative;
}

.c-password-recovery-form .c-pair {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2rem;
}

.c-password-recovery-form .c-pair__label {
	color: var(--primary-d-normal);
	font: 600 1.3rem / normal 'Lato', sans-serif;
}

.c-password-recovery-form .c-pair__description {
	color: #999;
	font: 400 1rem / normal 'Lato', sans-serif;
	margin-left: 0.8rem;
}

:is(.c-password-recovery-form__username-input, .c-password-recovery-form__password-input) {
	flex-basis: 100%;
	margin-top: 0.2rem;
}

:is(.c-password-recovery-form__username-input, .c-password-recovery-form__password-input > input) {
	border: 0.1rem solid #bcbcca;
	border-radius: 0.3rem;
	color: var(--gray-a);
	font: 400 1.3rem / normal 'Open Sans', sans-serif;
	height: 2.7rem;
	padding: 0 0.5rem;
}

.c-password-recovery-form .c-pair__invalid-message {
	color: var(--system-error-normal);
	flex-basis: 100%;
	font: 400 1.1rem / normal 'Open Sans', sans-serif;
	margin-top: 0.2rem;
	min-height: 1.6rem;
}

.c-password-recovery-form__password-input {
	position: relative;
}

.c-password-recovery-form__password-input > input {
	width: 100%;
}

.c-password-recovery-form__password-input .c-password__reveal {
	align-items: center;
	background: none;
	display: flex;
	height: 1.5rem;
	justify-content: space-between;
	padding: 0;
	position: absolute;
	right: 0;
	top: -1.5rem;
	width: 3.5rem;
}

.c-password-recovery-form__password-input .c-password__reveal::before {
	background: url('/assets/skins/lahuen/base/images/icon_show.svg') no-repeat center/contain;
	content: '';
	height: 1.4rem;
	width: 1.4rem;
}

.c-password-recovery-form__password-input .c-password__reveal .c-action__label {
	color: var(--primary-d-normal);
	font: 600 1rem / normal 'Lato', sans-serif;
}

.c-password-recovery-form__footer {
	display: flex;
	flex-wrap: wrap;
	margin-top: 7rem;
}

.c-password-recovery-form__action {
	align-items: center;
	background-color: transparent;
	border: 0.1rem solid var(--primary-d-normal);
	border-radius: 0.5rem;
	display: flex;
	padding: 0.5rem 2rem;
	transition: background-color ease 0.25s;
	color: var(--primary-d-normal);
}

.c-password-recovery-form__action.c-action--primary {
	background-color: var(--primary-a-normal);
	border-color: var(--primary-a-normal);
}

.c-password-recovery-form__action.c-action--primary:hover {
	background-color: var(--primary-a-light);
}

.c-password-recovery-form__action .c-action__label {
	font: 600 1.5rem / normal 'Lato', sans-serif;
	min-width: 11rem;
}

.c-password-recovery-form__action.c-action--primary .c-action__label {
	color: #fff;
}

.c-password-recovery-form__action-logout {
	margin-left: 1.5rem;
}

.c-password-recovery-form__action-logout:hover {
	background-color: var(--primary-d-normal);
	color: white;
}

.c-password-recovery-form__action-recover {
	border: none;
	flex-basis: 100%;
	margin-top: 3rem;
	padding: 0;
	pointer-events: none;
}

.c-password-recovery-form__action-recover .c-action__label {
	color: var(--primary-a-normal);
	pointer-events: auto;
	transition: color ease 0.25s;
}

.c-password-recovery-form__action-recover:hover .c-action__label {
	color: var(--primary-a-light);
}

.c-password-recovery-form__action-back {
	margin-left: 1.5rem;
}

.c-spinner--block {
	padding-top: 0;
}

.c-password-recovery-form__action-back:hover {
	background-color: var(--primary-d-normal);
	color: #fff;
}