@import '../common/style/index.less';

@btn-width: 48rpx;

.limit-title-row {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.@{prefix}-radio {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 32rpx 32rpx;
  font-size: 32rpx;
  background: white;
  position: relative;

  &--right {
    flex-direction: row-reverse;
  }

  &__icon {
    width: @btn-width;

    &--left {
      margin-right: 20rpx;
    }

    &--right {
      margin-left: auto;
    }
  }

  &__image {
    line-height: @btn-width;
  }

  &-icon__image {
    height: @btn-width;
    width: @btn-width;
    vertical-align: sub;
  }

  &__btn {
    font-size: @btn-width;
    height: @btn-width;
    line-height: 40rpx;
    color: #dcdcdc;
    display: block;
  }

  &__content {
    flex: 1;
    line-height: @btn-width;
    margin-right: 10px;

    &--disabled {
      cursor: not-allowed;
      color: rgba(0, 0, 0, 0.26);
    }
  }

  &__title {
    .limit-title-row();
  }

  &__description {
    color: rgba(0, 0, 0, 0.4);
    .limit-title-row();
    font-size: 28rpx;
    line-height: 44rpx;
  }

  &-is-checked {
    color: #0052d9;
  }

  &-is-disabled {
    cursor: not-allowed;
    color: #dcdcdc;
  }

  &__border {
    position: absolute;
    bottom: 0;
    // display: block;
    border-top: 1rpx solid #e7e7e7;
    width: 100%;

    &--left {
      left: 80rpx;
      width: calc(100% - 80rpx);
    }

    &--right {
      right: 80rpx;
      width: calc(100% - 80rpx);
    }
  }
}