@checkbox-border-color: @stone;
@checkbox-disabled-opacity: @disabled-opacity;

.igloo-checkbox-group {
  width: 100%;

  .igloo-checkbox-group-normal {
    &:not(:first-child) {
      margin-top: 4px;
    }

    .ant-checkbox-wrapper {
      display: flex;
      // align-items: flex-start;
      word-break: break-word;

      .ant-checkbox {
        margin-top: 2px;
        height: 20px;
      }
    }

    .igloo-checkbox-extra {
      font-size: 16px;
      padding-left: 28px;
    }
  }
}

.igloo-checkbox {
  top: 0;

  &:not(.ant-checkbox-wrapper-disabled):hover {
    .ant-checkbox-checked:not(.ant-checkbox-disabled) {
      &::after {
        display: none;
      }
      .ant-checkbox-inner {
        background-color: @primary-color;
      }
    }
  }

  .ant-checkbox {
    align-self: flex-start;

    .ant-checkbox-inner {
      border: 2px solid @checkbox-border-color;
      width: 20px;
      height: 20px;
      line-height: 24px;
    }
  }

  .ant-checkbox-checked {
    .ant-checkbox-inner {
      transition: none;
      background-image: data-uri(
        'image/svg+xml;charset=UTF-8',
        './checked.svg'
      );
      background-color: @primary-color;
      border-color: @primary-color;
      background-position: center;
      background-repeat: no-repeat;

      &::after {
        display: none;
      }
    }
  }

  .ant-checkbox-disabled {
    opacity: @checkbox-disabled-opacity;
  }
}