@import '../../global.less';

.check {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;

  :global {
    .item {
      margin: 10px 5% 0;
      width: auto;
    }

    .submit {
      margin-top: 30px;
    }

    .cover {
      height: 40vh;
      transition: height .2s;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transition: height .2s;
    }

    .image {
      width: 30%;
      margin-bottom: 20px;
      // width: 100%;
    }
  }
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff0;
}

.loading {
  height: 100%;
  text-align: center;
  line-height: 30;
  line-height: 80vh;
}

.error {
  height: 100%;
  text-align: center;
  line-height: 30;
  line-height: 80vh;
}

.register {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.reset {
  height: 100%;
  display: flex;
  flex-direction: column;
}
