.x-checkbox {
  --el-checkbox-font-size: var(--el-font-size-base);

  color: var(--color-grey-8);

  .el-checkbox__input.is-disabled + span.el-checkbox__label {
    color: var(--color-grey-7);
  }

  .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
    background-color: var(--color-grey-4);
  }

  .el-checkbox__input.is-disabled .el-checkbox__inner {
    background-color: var(--color-grey-4);
  }
}

.x-checkbox.is-checked {
  .el-checkbox__label {
    color: var(--color-grey-8);
  }
}

.x-checkbox:hover {
  .el-checkbox__inner {
    border-color: var(--color-blue-6);
  }

  .el-checkbox__label {
    color: var(--color-blue-6);
  }

  .el-checkbox__input.is-disabled .el-checkbox__inner {
    border-color: var(--border-color);
  }
}

.el-checkbox{
  --el-checkbox-font-size: var(--el-font-size-base);
  --el-checkbox-font-weight:400;
}