@import '~antd/es/checkbox/style/index.less';
@import '../variable.less';

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

.@{checkbox-prefix-cls} {
  &-wrapper:hover :not(&-checked) &-inner,
  &:not(&-checked):hover &-inner,
  &-input:focus + &-inner {
    border: @input-hover-border;
  }
  &-checked:not(&-indeterminate):not(&-disabled) &-input:hover + &-inner {
    background-color: @primary-color-hover;
    border-color: @primary-color-hover;
  }
  &-checked:not(&-indeterminate) &-input:focus + &-inner {
    background-color: @primary-color-focus;
    border-color: @primary-color-focus;
  }
  &:active &-inner {
    background-color: @btn-default-focus-background;
  }
  &-checked:not(&-indeterminate):active &-inner {
    border-color: @primary-color-hover;
    background-color: @primary-color-hover;
  }
  &-indeterminate &-checked:hover &-inner,
  &-indeterminate &-checked:active &-inner {
    background-color: @btn-default-focus-background;
    border: @input-hover-border;
  }
  &-checked::after {
    display: none;
  }

  &-indeterminate &-inner::after {
    height: 2px;
  }
}

.@{checkbox-prefix-cls} + span {
  padding-right: @checkbox-label-padding-right;
  padding-left: @checkbox-label-padding-left;
}