@checkbox-prefix-cls: ~'@{ant-prefix}-checkbox';

.@{checkbox-prefix-cls} {
  &-indeterminate {
    .@{checkbox-prefix-cls} {
      &-inner {
        background-color: @primary-color;
        border-color: @primary-color;
      }

      &-inner::after {
        @indeterminate-width: @checkbox-size - 5px;
        @indeterminate-height: @checkbox-size - 14px;

        width: @indeterminate-width;
        height: @indeterminate-height;
        background-color: @checkbox-check-color;
      }
    }
  }

  &-checked::after {
    border-radius: @border-radius-sm;
  }

  &-inner {
    border-radius: @border-radius-sm;
  }
}
