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

.ph-checkbox {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  .ph-checkbox-img {
    width: 24px;
    height: 24px;
  }
  .ph-checkbox-img {
    background: url(../images/CheckBox.svg) no-repeat;
    touch-action: none;
    background-size: contain;
  }

  .ph-checkbox-checked {
    background: url(../images/CheckBoxSelected.svg) no-repeat;
    background-size: contain;
  }
  .ph-checkbox-label {
    padding-left: 8px;
    flex: 1;
    font-size: 16px;
  }
}

.ph-checkbox-pad {
  .ph-checkbox-img {
    position: absolute;
    width: @r* 24px;
    height: @r* 24px;
  }
  .ph-checkbox-label {
    padding-left: @r* 8px;
    font-size: @r* 16px;
  }
}