@prefixCls: ~'source-checkbox';

:global {
  .@{prefixCls} {
    @size: 16px;
    position: relative;
    width: @size;
    height: @size;
    border-radius: 50%;
    border: 1px solid rgba(225, 225, 225, 0.6);
    background-color: transparent;
    cursor: pointer;
    user-select: none;
    display: inline-block;
    &.active {
      background-color: #3a89fe;
      border-color: #3a89fe;

      &::after {
        content: '';
        position: absolute;
        top: 4px;
        left: 3px;
        width: 9px;
        height: 4px;
        transform: rotate(-40deg);
        border: 1px solid #fff;
        border-top: 0;
        border-right: 0;
      }
    }
    &.disabled {
      cursor: not-allowed;
    }
  }
}
