:host {
  display: block;
}

.recover-password-code-page__description {
  color: #a0a0a0;
  font-size: 12px;
  font-weight: 325;
}

.recover-password-code-page__form {
  width: 100%;
}

.recover-password-code-page__inputs app-input {
  width: 52px;
}

:host ::ng-deep .recover-password-code-page__inputs .form-control {
  min-height: 52px;
  padding: 0.5rem !important;
  text-align: center;
  font-size: 20px;
  background-image: none !important;
}

:host ::ng-deep .recover-password-code-page__resend-action {
  min-height: 36px;
  color: #a0a0a0 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  transition:
    color 0.15s ease,
    transform 0.1s ease;
}

:host ::ng-deep .recover-password-code-page__resend-action:hover,
:host ::ng-deep .recover-password-code-page__resend-action:focus-visible {
  color: #8a8a8a !important;
}

:host ::ng-deep .recover-password-code-page__resend-action:hover {
  transform: translateY(-1px);
}

:host ::ng-deep .recover-password-code-page__resend-action:active {
  color: #666666 !important;
  transform: translateY(1px);
}

:host ::ng-deep .recover-password-code-page__back-action {
  min-height: 40px;
  transition:
    color 0.15s ease,
    transform 0.1s ease;
}

:host ::ng-deep .recover-password-code-page__back-action:hover,
:host ::ng-deep .recover-password-code-page__back-action:focus-visible {
  transform: translateY(-1px);
}

:host ::ng-deep .recover-password-code-page__back-action:active {
  opacity: 0.75;
  transform: translateY(1px);
}
