:root {
  --ckeditor-table-variants-table-bordered-border-color: #666;
  --ckeditor-table-variants-table-clean-border-color-ckeditor: rgba(0, 0, 0, 0.1);
  --ckeditor-table-variants-table-clean-border: none;
  --ckeditor-table-variants-property-full-width: 100%;
  --ckeditor-table-variants-property-half-width: 50%;
}

/* Using :root variables for colors and .ck selectors */
.ck.ck-content .table-variant-style--bordered table,
table.table-variant-style--bordered {
  border-collapse: collapse;
  border: 1px solid var(--ckeditor-table-variants-table-bordered-border-color);
}

.table-variant-style--bordered tr,
.table-variant-style--bordered th,
.table-variant-style--bordered td,
.ck.ck-content .table-variant-style--bordered tr,
.ck.ck-content .table-variant-style--bordered th,
.ck.ck-content .table-variant-style--bordered td {
  border: 1px solid var(--ckeditor-table-variants-table-bordered-border-color);
}

table.table-variant-style--clean {
  border: var(--ckeditor-table-variants-table-clean-border);
}

.table-variant-style--clean tr,
.table-variant-style--clean th,
.table-variant-style--clean td {
  border: var(--ckeditor-table-variants-table-clean-border);
}

.ck.ck-content .table-variant-style--clean table,
.ck.ck-content .table-variant-style--clean table tr,
.ck.ck-content .table-variant-style--clean table th,
.ck.ck-content .table-variant-style--clean table td {
  border-color: var(--ckeditor-table-variants-table-clean-border-color-ckeditor) !important;
}

table.table-variant-property--full-width,
.ck.ck-content .table-variant-property--full-width {
  width: var(--ckeditor-table-variants-property-full-width);
}

table.table-variant-property--half-width,
.ck.ck-content .table-variant-property--half-width {
  width: var(--ckeditor-table-variants-property-half-width);
}

table.table-variant-property--table-align-center,
.ck.ck-content .table.table-variant-property--table-align-center {
  margin-left: auto;
  margin-right: auto;
}
.ck.ck-content .table {
  margin-left: unset;
  margin-right: unset;
}