@charset "UTF-8";
@import "../../style/function";

.im-radio {
  display: block;
  vertical-align: middle;
  margin-right: 10px;
  line-height: $formEleHeight;
  cursor: pointer;
}

.im-radio-icon {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background: url("../../style/image/form-icon.png#unsprite") no-repeat;
  margin-right: 5px;
  margin-top: -2px;
  cursor: pointer;
}

.im-radio {
  &:hover {
    .im-radio-icon {
      background-position: 0 -20px;
    }
  }

  &.im-radio--checked {
    .im-radio-icon {
      background-position: 0 -40px;
    }

    &.im-radio--disabled {
      .im-radio-icon {
        background-position: 0 -60px;
      }
    }
  }

  &.im-radio--disabled {
    cursor: default;

    .im-radio-icon {
      background-position: 0 -80px;
      cursor: not-allowed;
    }

    .im-radio-text {
      color: map-get($colorDisabled, text);
    }
  }
}

.im-radio-group--inline {
  .im-radio {
    display: inline-block;
  }
}