.el-form-item {
  margin-bottom: 24px;

  .codeCanvas {
    border-radius: 0 var(--el-input-border-radius) var(--el-input-border-radius) 0;
  }

  :deep(.el-input) {
    width: 100%;
    height: 48px;
    line-height: inherit;

    input {
      height: 48px;
    }

    &.code-img {
      width: calc(100% - 100px);
      // margin-right: 2px;

      & + div {
        display: inherit;
        overflow: hidden;
        border-radius: 0 4px 4px 0;
      }

      .el-input__wrapper {
        border-radius: var(--el-input-border-radius) 0 0 var(--el-input-border-radius);
      }
    }

    .el-input__prefix,
    .el-input__suffix {
      display: flex;
      align-items: center;
    }

    .el-input__prefix {
      left: 10px;
    }

    .el-input__suffix {
      right: 10px;
    }
  }
}

.login-title {
  margin: 0 auto 30px;
  font-size: 1.3em;
  font-weight: bold;
  color: var(--el-text-color-primary);
}

.sub-link {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  font-size: 14px;
  color: var(--el-text-color-secondary);

  .text {
    margin-right: 10px;
  }
}