@import '@/styles/common.less';
@import '@/styles/variables.less';

.wechat-cell {

  &.no-wechat {
    .taroify-cell__title {
      color: @blColorG1;
    }
  }

  &__cell_right-text {
    font-size: 28px;
    font-weight: 400;
    color: @blColor;
  }

  &__popup {
    background: #FFFFFF;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;

    &__content {
      padding: 0 24px;
      padding-top: 36px;
      padding-bottom: 100px;
      .flex-column();
    }

    &__title {
      font-size: 32px;
      font-weight: 500;
      color: @blColor;
    }

    &__tips {
      font-size: 24px;
      font-weight: 400;
      color: @blColorG1;
      margin-top: 16px;
    }

    &__input {
      width: 100%;
      height: 100px;
      font-size: 32px;
      line-height: 32px;
      color: @blColor;
      background: #F6F6F6;
      padding: 0 32px;
      margin-top: 40px;
      box-sizing: border-box;
      border-radius: 16px;
    }

    &__input-placeholder {
      font-size: 32px;
      line-height: 32px;
      color: #CCCCCC;
    }

    &_confirm-button {
      .button(@width: 360px, @height: 72px);
      margin-top: 40px;
    }
  }
}