.signin-page,
.verify-email-page,
.signup-page {
  main {
    padding: 0.5rem 0 1.5rem;
  }

  ul {
    list-style: none;
    display: flex;
  }

  li {
    margin: 0 0.25rem 0.25rem 0;
  }

  h2 {
    margin-bottom: 0.5rem;
  }

  .errorlist {
    color: var(--clr-danger-dark);
    font-size: var(--small-font-size);
    li {
      margin-bottom: 0.125rem;
    }
  }

  .email-recovery-email {
    border-right: none;
  }

  .login-icons-block {
    margin-bottom: 0.5rem;
  }

  .login-icons.large input {
    width: 88px;
    height: 38px;
  }

  .password-login-inputs {
    margin-bottom: 0.5rem;
    .form-group {
      display: flex;
      flex-direction: column;
      max-width: 12rem;
    }
    input {
      margin-bottom: 0.25rem;
    }
    .btn {
      margin-right: 0.5rem;
    }
  }
}

.signin-page,
.verify-email-page,
.registration-page,
.signup-page {
  .info-box {
    margin: 0.5rem 0;
  }
}

.verify-email-page {
  .info-box {
    display: inline-block;
    margin-bottom: 0.5rem;
  }
  input[type="text"] {
    border-right: 0;
  }
  form {
    display: flex;
    flex-wrap: nowrap;
  }
}
