@import '~choerodon-ui/lib/style/themes/default';

.c7ncd-appService-create-wrap {

  .c7ncd-appService-create {

    &-img {
      width: .8rem;
      height: .8rem;
      border-radius: 50%;
      margin: 0 auto;
      background-size: cover;
      position: relative;

      .create-img-mask {
        background: rgba(0, 0, 0, 0.26);
        border-radius: 50%;
      }

      .create-img-icon {
        font-size: .3rem;
        margin: .25rem;
        color: white;
      }

      &:hover {
        cursor: pointer;
      }
    }

    &-avatar {
      width: .8rem;
      height: .8rem;
      line-height: .8rem;
      background-color: white;
    }

    &-text {
      color: var(--text-color4);
      text-align: center;
      line-height: .2rem;
      margin: .06rem 0 .2rem;
    }
  }

  &-template {

    &-title {
      font-size: .16rem;
      font-weight: 500;
      display: flex;
      align-items: center;
      border-top: 1px solid #d8d8d8;
      padding: .2rem .2rem 0.1rem;
      margin: 0 -.2rem .2rem;
    }

    &-icon {
      font-size: .24rem;
      margin-left: auto;

      &:hover {
        cursor: pointer;
      }
    }
  }

  &-form {
    .@{c7n-pro-prefix}-radio-wrapper {
      width: 50%;
      margin-right: 0;
    }
  }

  // Todo: 让UI更改，不要覆盖UI样式
  .c7n-pro-validation-message {
    white-space: normal;
  }
}

.c7ncd-select-option-loading {
  width: calc(100% + 0.24rem);
  margin: -0.04rem 0;
  margin-left: -0.12rem;
  text-align: center;
  background: #fff;
}
