.#{$radio-prefix-cls},
.#{$checkbox-prefix-cls},
.#{$complex-radio-prefix-cls} {
  position: relative;
  display: inline-block;

  .#{$radio-prefix-cls}__input[type='radio'] {
    position: absolute;
    z-index: 2;
    width: $radio-size;
    height: $radio-size;
    overflow: hidden;
    opacity: 0;

    &:checked,
    &[checked] {
      & + .#{$radio-prefix-cls}__inner {
        &::before {
          display: none;
        }
        &::after {
          position: absolute;
          left: 0;
          width: $radio-size;
          height: $radio-size;
          font-size: .32rem;
          color: $brand-primary;
          text-align: center;
          @extend %aid-icon;
          content: '\F103';
          border-radius: 50%;
        }
      }
    }
  }

  .#{$checkbox-prefix-cls}__input[type='checkbox'] {
    position: absolute;
    z-index: 2;
    width: $radio-size;
    height: $radio-size;
    overflow: hidden;
    opacity: 0;

    & + .#{$checkbox-prefix-cls}__inner {
      &::before {
        display: none;
      }
      &::after {
        width: $radio-size;
        height: $radio-size;
        font-size: $radio-size;
        @extend %aid-icon;
        content: '';
        color: $brand-primary;
        border-radius: 0.08rem;
        background: #fff;
        font-weight: 700;
        border: 0.02rem solid #b2b2b2;
      }
    }

    &:checked,
    &[checked] {
      & + .#{$checkbox-prefix-cls}__inner {
        &::before {
          display: none;
        }
        &::after {
          content: '\F106';
          border: none;
        }
      }
    }
  }

  &__inner {
    position: relative;
    padding-left: $radio-size;

    &::before {
      position: absolute;
      top: 50%;
      left: 0;
      width: $radio-size;
      height: $radio-size;
      text-align: center;
      content: '';
      background: $white;
      border: .03rem solid #C7C7CC;
      border-radius: 50%;
      transition: all 0.125s;
      transform: translate(0, -50%);
    }
  }
}

.#{$complex-radio-prefix-cls} {
  margin-right: 0.16rem;

  .#{$complex-radio-prefix-cls}__input[type='radio'] {
    position: absolute;
    width: $complex-radio-size;
    height: $complex-radio-size;
    overflow: hidden;
    opacity: 0;
    z-index: 2;

    &:checked,
    &[checked] {
      & + .#{$complex-radio-prefix-cls}__inner {
        &::after {
          color: $brand-primary;
        }
      }
    }
  }

  &__inner{
    width: .46rem;
    height: .46rem;
    padding-left: 0;
    border: .04rem solid #c7c7cc;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    
    &::before{
      display: none;
    }
    &::after {
      font-size: .32rem;
      text-align: center;
      @extend %aid-icon;
      content: '\F108';
      border-radius: 50%;
      color: #C7C7CC;
    }
  }

}

// radio
//
//
.#{$radio-prefix-cls} {
  //disabled
  @include status-disabled;
}

// checkbox
//
//
.#{$checkbox-prefix-cls} {
  //disabled
  @include status-disabled;
}