@import './token.less';

.@{ns}-Checkboxes {
  > .@{ns}-Checkbox {
    display: block;
    height: @Form-input-height;
    line-height: @Form-input-lineHeight;
    font-size: @Form-input-fontSize;
    padding: calc((@Form-input-height - @Form-input-lineHeight * @Form-input-fontSize) / 2)
      @gap-base+4px calc((@Form-input-height - @Form-input-lineHeight * @Form-input-fontSize) / 2) 0;
  }

  &--inline > .@{ns}-Checkbox {
    display: inline-block;
  }

  &-addBtn {
    display: block;
    cursor: pointer;

    &:hover {
      text-decoration: none;
    }

    > svg {
      width: 14px;
      height: 14px;
      margin-right: @gap-base;
    }
  }
}