@ckeditor/ckeditor5-table 47.6.1 → 48.0.0-alpha.0

package/dist/index-editor.css

@@ -3,396 +3,727 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 .ck-editor__editable .ck-table-bogus-paragraph{
-	display:inline-block;
-	width:100%;
+  width:100%;
+  display:inline-block;
 }
 
-.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row{
-			flex-wrap:wrap;
-		}
+:root{
+  --ck-color-table-focused-cell-background:#9ec9fa4d;
+  --ck-table-content-default-border-color:#d4d4d4;
+  --ck-table-border-none-helper-line-color:#d4d4d4;
+  --ck-table-border-none-helper-line-style:dashed;
+  --ck-table-border-none-helper-line-width:1px;
+}
+
+.ck-widget.table table[style*="border:none"], .ck-widget.table table[style*="border-style:none"], .ck-widget.table table[style*="border:0"], .ck-widget.table table[style*="border-width:0"]{
+  outline:var(--ck-table-content-default-border-color) 1px dashed;
+}
+
+:is(.ck-widget.table td, .ck-widget.table th).ck-editor__nested-editable{
+  outline:unset;
+}
+
+:is(.ck-widget.table td, .ck-widget.table th).ck-editor__nested-editable:not(.ck-editor__editable_selected).ck-editor__nested-editable_focused, :is(.ck-widget.table td, .ck-widget.table th).ck-editor__nested-editable:not(.ck-editor__editable_selected):focus{
+  background:var(--ck-color-table-focused-cell-background);
+  outline:1px solid var(--ck-color-focus-border);
+  outline-offset:-1px;
+}
+
+:where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table){
+  --ck-table-border-none-helper-line:var(--ck-table-border-none-helper-line-width) var(--ck-table-border-none-helper-line-style) var(--ck-table-border-none-helper-line-color);
+}
+
+:where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) :where(td, th):where([style*="border:none"], [style*="border:0"], [style*="border-style:none"], [style*="border-width:0"]){
+  border:var(--ck-table-border-none-helper-line) !important;
+}
+
+:where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) :where(table, td, th):where([style*="border-top-style:none"], [style*="border-top-width:0"]){
+  border-top:var(--ck-table-border-none-helper-line) !important;
+}
+
+:where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) :where(table, td, th):where([style*="border-right-style:none"], [style*="border-right-width:0"]){
+  border-right:var(--ck-table-border-none-helper-line) !important;
+}
+
+:where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) :where(table, td, th):where([style*="border-bottom-style:none"], [style*="border-bottom-width:0"]){
+  border-bottom:var(--ck-table-border-none-helper-line) !important;
+}
+
+:where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) :where(table, td, th):where([style*="border-left-style:none"], [style*="border-left-width:0"]){
+  border-left:var(--ck-table-border-none-helper-line) !important;
+}
+
+.ck.ck-table-cell-properties-form{
+  width:320px;
+}
+
+.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__padding-row{
+  align-self:flex-end;
+  width:25%;
+  padding:0;
+}
+
+.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar{
+  margin-top:var(--ck-spacing-standard);
+  background:none;
+}
+
+.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar.ck-table-cell-properties-form__horizontal-alignment-toolbar{
+  --ck-table-form-dimensions-input-width:calc(var(--ck-table-form-default-input-width) * 2 + var(--ck-spacing-large));
+  width:var(--ck-table-form-dimensions-input-width);
+  max-width:var(--ck-table-form-dimensions-input-width);
+  min-width:var(--ck-table-form-dimensions-input-width);
+  padding:0;
+}
+
+.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar.ck-table-cell-properties-form__vertical-alignment-toolbar{
+  flex-grow:1;
+}
 
 .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:first-of-type{
-					flex-grow:0.57;
-				}
+  flex-grow:.57;
+}
 
 .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:last-of-type{
-					flex-grow:0.43;
-				}
+  flex-grow:.43;
+}
 
 .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar .ck-button{
-					flex-grow:1;
-				}
+  flex-grow:1;
+}
 
-.ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:first-child{
-				margin-top:var(--ck-spacing-large);
-			}
+.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row{
+  flex-wrap:wrap;
+}
 
-.ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:last-child,
-			
-			.ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:nth-last-child(2):has( + .ck-fake-selection-container){
-				margin-bottom:var(--ck-spacing-large);
-			}
+.ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__border-row .ck-labeled-field-view > .ck-label{
+  font-size:var(--ck-font-size-tiny);
+  text-align:center;
+}
 
-.ck-editor__editable .table.layout-table{
-		display:table;
-		margin:0;
-	}
+.ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style, .ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-width{
+  width:80px;
+  min-width:80px;
+  max-width:80px;
+}
+
+.ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__dimensions-row{
+  --ck-table-form-dimensions-input-width:calc(var(--ck-table-form-default-input-width) * 2 + var(--ck-spacing-large));
+  width:var(--ck-table-form-dimensions-input-width);
+  max-width:var(--ck-table-form-dimensions-input-width);
+  min-width:var(--ck-table-form-dimensions-input-width);
+  padding:0;
+}
+
+.ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width, .ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height{
+  width:var(--ck-table-form-default-input-width);
+  min-width:var(--ck-table-form-default-input-width);
+  max-width:var(--ck-table-form-default-input-width);
+  margin:0;
+}
+
+.ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator{
+  width:0;
+  height:var(--ck-ui-component-min-height);
+  line-height:var(--ck-ui-component-min-height);
+  margin:0 var(--ck-spacing-small);
+  align-self:flex-end;
+  display:inline-block;
+  position:relative;
+  left:-.5ch;
+  overflow:visible;
+}
+
+.ck.ck-table-cell-properties-form .ck-form__row.ck-form__row.ck-table-form__action-row > .ck.ck-button{
+  flex-grow:initial;
+}
+
+.ck.ck-table-cell-properties-form .ck-form__row.ck-form__row.ck-table-form__action-row > .ck.ck-button .ck-button__label{
+  color:currentColor;
+}
+
+.ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__cell-type-row{
+  --ck-table-form-dimensions-input-width:calc(var(--ck-table-form-default-input-width) * 2 + var(--ck-spacing-large));
+  width:var(--ck-table-form-dimensions-input-width);
+  max-width:var(--ck-table-form-dimensions-input-width);
+  min-width:var(--ck-table-form-dimensions-input-width);
+  padding:0;
+}
+
+:root{
+  --ck-table-layout-widget-type-around-button-size:16px;
+  --ck-table-layout-widget-type-around-icon-width:10px;
+  --ck-table-layout-widget-type-around-icon-height:8px;
+  --ck-table-layout-widget-handler-icon-size:10px;
+  --ck-table-layout-default-border-color:#d4d4d4;
+}
+
+.ck-editor__editable .table.layout-table > table{
+  border-collapse:revert;
+  width:100%;
+  height:100%;
+}
+
+.ck-editor__editable .table.layout-table > table:not([style*="border:"], [style*="border-top"], [style*="border-bottom"], [style*="border-left"], [style*="border-right"], [style*="border-width"], [style*="border-style"], [style*="border-color"]){
+  border-width:0;
+  border-color:#0000;
+  outline:none;
+}
+
+.ck-editor__editable .table.layout-table > table > tbody > tr > td{
+  box-shadow:revert;
+  padding:revert;
+  text-indent:1px;
+  border-color:var(--ck-table-layout-default-border-color);
+  border-style:dashed;
+  min-width:2em;
+}
+
+.ck-editor__editable .table.layout-table > table > tbody > tr > td[style^="width:"], .ck-editor__editable .table.layout-table > table > tbody > tr > td[style*=" width:"], .ck-editor__editable .table.layout-table > table > tbody > tr > td[style*=";width:"]{
+  min-width:auto;
+}
+
+.ck-editor__editable .table.layout-table > table > tbody > tr > td:focus{
+  background-color:#0000;
+}
+
+.ck-editor__editable .table.layout-table > table > tbody > tr > td:not([style*="border:"], [style*="border-top"], [style*="border-bottom"], [style*="border-left"], [style*="border-right"], [style*="border-width"], [style*="border-style"], [style*="border-color"]){
+  outline:var(--ck-table-layout-default-border-color) 1px dashed;
+  outline-offset:-1px;
+  border-width:0;
+  border-color:#0000;
+}
+
+.ck-editor__editable .table.layout-table > table > tbody > tr > td:not([style*="border:"], [style*="border-top"], [style*="border-bottom"], [style*="border-left"], [style*="border-right"], [style*="border-width"], [style*="border-style"], [style*="border-color"]):focus{
+  outline:var(--ck-color-focus-border) 1px solid;
+}
+
+.ck-editor__editable .table.layout-table > table > tbody > tr > td > .ck-table-bogus-paragraph{
+  text-indent:0;
+  width:calc(100% - 1px);
+}
+
+.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around{
+  --ck-widget-type-around-button-size:var(--ck-table-layout-widget-type-around-button-size);
+}
+
+.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before, .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after{
+  z-index:2;
+  transform:translateY(0);
+}
+
+.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before{
+  margin-left:var(--ck-table-layout-widget-type-around-button-size);
+  border-radius:0 0 100px 100px;
+  left:min(10%, 30px);
+}
+
+.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before:after{
+  border-radius:0 0 100px 100px;
+}
+
+.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after{
+  border-radius:100px 100px 0 0;
+}
+
+.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after:after{
+  border-radius:100px 100px 0 0;
+}
+
+.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button svg{
+  width:var(--ck-table-layout-widget-type-around-icon-width);
+  height:var(--ck-table-layout-widget-type-around-icon-height);
+}
+
+.ck-editor__editable .table.layout-table.ck-widget.ck-widget_with-selection-handle > .ck-widget__selection-handle{
+  --ck-widget-handler-icon-size:var(--ck-table-layout-widget-handler-icon-size);
+  transform:translateY(calc(0px - var(--ck-widget-outline-thickness)));
+  z-index:3;
+}
+
+.ck-editor__editable .table.layout-table.ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__fake-caret{
+  top:0;
+}
+
+.ck-editor__editable .table.layout-table.ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__fake-caret{
+  bottom:0;
+}
 
 .ck-editor__editable .table.layout-table.ck-widget:hover{
-				z-index:var(--ck-z-default);
-			}
+  z-index:var(--ck-z-default);
+}
 
 .ck-editor__editable .table.layout-table.ck-widget:hover > .ck-widget__selection-handle{
-				opacity:0.75;
-				visibility:visible;
-			}
+  opacity:.75;
+  visibility:visible;
+}
 
 .ck-editor__editable .table.layout-table.ck-widget:hover > .ck-widget__selection-handle:hover{
-					opacity:1;
-				}
+  opacity:1;
+}
 
-.ck-editor__editable .table.layout-table.ck-widget:has( .ck-widget.table:hover) > .ck-widget__selection-handle{
-				opacity:0;
-				visibility:hidden;
-			}
+.ck-editor__editable .table.layout-table.ck-widget:has(.ck-widget.table:hover) > .ck-widget__selection-handle{
+  opacity:0;
+  visibility:hidden;
+}
 
 .ck-editor__editable .table.layout-table.ck-widget.ck-widget_selected{
-				z-index:var(--ck-z-default);
-			}
-
-.ck.ck-form__row.ck-table-form__action-row .ck-button-save,
-		.ck.ck-form__row.ck-table-form__action-row .ck-button-cancel{
-			justify-content:center;
-		}
-
-.ck.ck-table-form .ck-form__row.ck-table-form__border-row,
-		.ck.ck-table-form .ck-form__row.ck-table-form__background-row,
-		.ck.ck-table-form .ck-form__row.ck-table-form__cell-type-row{
-			flex-wrap:wrap;
-		}
-
-.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row,
-		.ck.ck-table-form .ck-form__row.ck-table-form__cell-type-row{
-			flex-wrap:wrap;
-			align-items:center;
-		}
-
-.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view, .ck.ck-table-form .ck-form__row.ck-table-form__cell-type-row .ck-labeled-field-view{
-				display:flex;
-				flex-direction:column-reverse;
-				align-items:center;
-			}
-
-.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view .ck.ck-dropdown, .ck.ck-table-form .ck-form__row.ck-table-form__cell-type-row .ck-labeled-field-view .ck.ck-dropdown{
-					flex-grow:0;
-				}
-
-.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator, .ck.ck-table-form .ck-form__row.ck-table-form__cell-type-row .ck-table-form__dimension-operator{
-				flex-grow:0;
-			}
-
-.ck.ck-table-form .ck-form__row > *:not(.ck-label, .ck-table-form__dimension-operator){
-			flex-grow:1;
-		}
+  z-index:var(--ck-z-default);
+}
 
-.ck.ck-table-form .ck.ck-labeled-field-view{
-		position:relative;
-	}
+.ck-editor__editable .table.layout-table{
+  margin:0;
+  display:table;
+}
 
-.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status{
-			position:absolute;
-			left:50%;
-			bottom:calc( -1 * var(--ck-table-properties-error-arrow-size));
-			transform:translate(-50%,100%);
-			z-index:1;
-		}
-
-.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after{
-				content:"";
-				position:absolute;
-				top:calc( -1 * var(--ck-table-properties-error-arrow-size));
-				left:50%;
-				transform:translateX( -50%);
-			}
+.ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:first-child{
+  margin-top:var(--ck-spacing-large);
+}
 
-.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row{
-			flex-wrap:wrap;
-			flex-basis:0;
-			align-content:baseline;
-		}
+.ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:last-child, .ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:nth-last-child(2):has( + .ck-fake-selection-container){
+  margin-bottom:var(--ck-spacing-large);
+}
 
-.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items{
-				flex-wrap:nowrap;
-			}
+.ck.ck-form__row > :not(.ck-label) + *{
+  margin-inline-start:var(--ck-spacing-large);
+}
 
-:root{
-	--ck-content-color-table-caption-background:hsl(0, 0%, 97%);
-	--ck-content-color-table-caption-text:hsl(0, 0%, 20%);
-	--ck-color-table-caption-highlighted-background:hsl(52deg 100% 50%);
+.ck.ck-form__row > .ck-label{
+  width:100%;
+  min-width:100%;
 }
-@media (forced-colors: none){
-		.ck.ck-editor__editable .table > figcaption.table__caption_highlighted, .ck.ck-editor__editable figure.table > table > caption.table__caption_highlighted{
-			animation:ck-table-caption-highlight .6s ease-out;
-		}
-	}
-.ck.ck-editor__editable .table > figcaption.ck-placeholder::before, .ck.ck-editor__editable figure.table > table > caption.ck-placeholder::before{
-		padding-left:inherit;
-		padding-right:inherit;
-		white-space:nowrap;
-		overflow:hidden;
-		text-overflow:ellipsis;
-	}
 
-@keyframes ck-table-caption-highlight{
-	0%{
-		background-color:var(--ck-color-table-caption-highlighted-background);
-	}
+.ck.ck-form__row.ck-table-form__action-row{
+  margin-top:var(--ck-spacing-large);
+  justify-content:flex-end;
+}
 
-	100%{
-		background-color:var(--ck-content-color-table-caption-background);
-	}
+.ck.ck-form__row.ck-table-form__action-row .ck-button-save, .ck.ck-form__row.ck-table-form__action-row .ck-button-cancel{
+  justify-content:center;
 }
 
 :root{
-	--ck-color-table-column-resizer-hover:var(--ck-color-base-active);
-	--ck-table-column-resizer-width:7px;
-	--ck-table-column-resizer-position-offset:calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px);
+  --ck-table-properties-error-arrow-size:6px;
+  --ck-table-properties-min-error-width:150px;
 }
 
-.ck.ck-editor__editable .table td,
-.ck.ck-editor__editable .table th{
-	position:relative;
+.ck.ck-table-form{
+  --ck-table-form-default-input-width:80px;
 }
 
-.ck.ck-editor__editable .table .ck-table-column-resizer{
-	position:absolute;
-	top:0;
-	bottom:0;
-	right:var(--ck-table-column-resizer-position-offset);
-	width:var(--ck-table-column-resizer-width);
-	cursor:col-resize;
-	user-select:none;
-	z-index:var(--ck-z-default);
+.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-labeled-field-view > .ck-label{
+  font-size:var(--ck-font-size-tiny);
+  text-align:center;
 }
 
-.ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer{
-	display:none;
+.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style, .ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-width{
+  width:var(--ck-table-form-default-input-width);
+  min-width:var(--ck-table-form-default-input-width);
+  max-width:var(--ck-table-form-default-input-width);
 }
-.ck.ck-editor__editable .table[draggable] .ck-table-column-resizer{
-	display:none;
+
+.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row{
+  --ck-table-form-dimensions-input-width:calc(var(--ck-table-form-default-input-width) * 2 + var(--ck-spacing-large));
+  width:var(--ck-table-form-dimensions-input-width);
+  max-width:var(--ck-table-form-dimensions-input-width);
+  min-width:var(--ck-table-form-dimensions-input-width);
+  padding:0;
 }
 
-.ck.ck-editor__editable .table .ck-table-column-resizer:hover,
-.ck.ck-editor__editable .table .ck-table-column-resizer__active{
-	background-color:var(--ck-color-table-column-resizer-hover);
-	opacity:0.25;
+.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width, .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height{
+  width:var(--ck-table-form-default-input-width);
+  min-width:var(--ck-table-form-default-input-width);
+  max-width:var(--ck-table-form-default-input-width);
+  margin:0;
 }
 
-.ck.ck-editor__editable[dir=rtl] .table .ck-table-column-resizer{
-	left:var(--ck-table-column-resizer-position-offset);
-	right:unset;
+.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator{
+  width:0;
+  height:var(--ck-ui-component-min-height);
+  line-height:var(--ck-ui-component-min-height);
+  margin:0 var(--ck-spacing-small);
+  align-self:flex-end;
+  display:inline-block;
+  position:relative;
+  left:-.5ch;
+  overflow:visible;
 }
 
-:root{
-	--ck-content-table-style-spacing:1.5em;
+.ck.ck-table-form .ck-form__row.ck-table-form__border-row, .ck.ck-table-form .ck-form__row.ck-table-form__background-row, .ck.ck-table-form .ck-form__row.ck-table-form__cell-type-row{
+  flex-wrap:wrap;
+}
+
+.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row, .ck.ck-table-form .ck-form__row.ck-table-form__cell-type-row{
+  flex-wrap:wrap;
+  align-items:center;
+}
+
+:is(.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row, .ck.ck-table-form .ck-form__row.ck-table-form__cell-type-row) .ck-labeled-field-view{
+  flex-direction:column-reverse;
+  align-items:center;
+  display:flex;
+}
+
+:is(.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row, .ck.ck-table-form .ck-form__row.ck-table-form__cell-type-row) .ck-labeled-field-view .ck.ck-dropdown{
+  flex-grow:0;
+}
+
+.ck.ck-table-form .ck-form__row:not(.ck-table-form__action-row) > :not(.ck-label, .ck-table-form__dimension-operator){
+  flex-grow:1;
+}
+
+.ck.ck-table-form .ck.ck-labeled-field-view{
+  padding-top:var(--ck-spacing-standard);
+}
+
+.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status{
+  border-radius:var(--ck-rounded-corners-radius);
+  background:var(--ck-color-base-error);
+  color:var(--ck-color-base-background);
+  padding:var(--ck-spacing-small) var(--ck-spacing-medium);
+  min-width:var(--ck-table-properties-min-error-width);
+  text-align:center;
+  left:50%;
+  bottom:calc(-1 * var(--ck-table-properties-error-arrow-size));
+  animation:.15s both ck-table-form-labeled-view-status-appear;
+  position:absolute;
+  transform:translate(-50%, 100%);
+}
+
+.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status:after{
+  border-color:transparent transparent var(--ck-color-base-error) transparent;
+  border-width:0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
+  content:"";
+  top:calc(-1 * var(--ck-table-properties-error-arrow-size));
+  border-style:solid;
+  position:absolute;
+  left:50%;
+  transform:translateX(-50%);
+}
+
+@media (prefers-reduced-motion: reduce){
+  .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status{
+    animation:none;
+  }
+}
+
+.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status{
+  z-index:1;
+}
+
+.ck.ck-table-form .ck.ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status{
+  display:none;
+}
+
+.ck.ck-table-form .ck.ck-labeled-field-view{
+  position:relative;
+}
+
+@keyframes ck-table-form-labeled-view-status-appear{
+  0%{
+    opacity:0;
+  }
+
+  100%{
+    opacity:1;
+  }
+}
+
+.ck.ck-table-properties-form{
+  width:320px;
 }
 
 .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row{
-			flex-wrap:wrap;
-			flex-basis:0;
-			align-content:baseline;
-		}
+  flex-wrap:wrap;
+  flex-basis:0;
+  align-content:baseline;
+  align-self:flex-end;
+}
+
+.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar{
+  margin-top:var(--ck-spacing-standard);
+  background:none;
+}
+
+.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items > *{
+  flex:1;
+}
 
 .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items{
-				flex-wrap:nowrap;
-			}
+  flex-wrap:nowrap;
+}
+
+:root{
+  --ck-content-table-style-spacing:1.5em;
+}
 
 .ck-editor__editable .table.layout-table.table-style-align-center{
-			margin-left:auto;
-			margin-right:auto;
-		}
+  margin-left:auto;
+  margin-right:auto;
+}
 
 .ck-editor__editable .table.layout-table.table-style-align-left{
-			margin-right:var(--ck-content-table-style-spacing);
-		}
+  margin-right:var(--ck-content-table-style-spacing);
+}
 
 .ck-editor__editable .table.layout-table.table-style-align-right{
-			margin-left:var(--ck-content-table-style-spacing);
-		}
+  margin-left:var(--ck-content-table-style-spacing);
+}
 
 .ck-editor__editable .table.layout-table.table-style-block-align-left{
-			margin-left:0;
-			margin-right:auto;
-		}
+  margin-left:0;
+  margin-right:auto;
+}
 
 .ck-editor__editable .table.layout-table.table-style-block-align-right{
-			margin-left:auto;
-			margin-right:0;
-		}
+  margin-left:auto;
+  margin-right:0;
+}
+
+:root{
+  --ck-content-color-table-caption-background:#f7f7f7;
+  --ck-content-color-table-caption-text:#333;
+  --ck-color-table-caption-highlighted-background:#fd0;
+}
+
+@media (forced-colors: none){
+  :is(.ck.ck-editor__editable .table > figcaption, .ck.ck-editor__editable figure.table > table > caption).table__caption_highlighted{
+    animation:.6s ease-out ck-table-caption-highlight;
+  }
+}
+
+:is(.ck.ck-editor__editable .table > figcaption, .ck.ck-editor__editable figure.table > table > caption).ck-placeholder:before{
+  padding-left:inherit;
+  padding-right:inherit;
+  white-space:nowrap;
+  text-overflow:ellipsis;
+  overflow:hidden;
+}
+
+@keyframes ck-table-caption-highlight{
+  0%{
+    background-color:var(--ck-color-table-caption-highlighted-background);
+  }
+
+  100%{
+    background-color:var(--ck-content-color-table-caption-background);
+  }
+}
 
 :root{
-	--ck-form-default-width:340px;
+  --ck-table-selected-cell-background:#9ecffa4d;
 }
 
-.ck.ck-form{
-	padding:0 0 var(--ck-spacing-large);
+.ck.ck-editor__editable .table table td.ck-editor__editable_selected, .ck.ck-editor__editable .table table th.ck-editor__editable_selected{
+  caret-color:#0000;
+  box-shadow:unset;
+  position:relative;
 }
 
-.ck.ck-form.ck-form_default-width{
-		width:var(--ck-form-default-width);
-	}
+:is(.ck.ck-editor__editable .table table td.ck-editor__editable_selected, .ck.ck-editor__editable .table table th.ck-editor__editable_selected):after{
+  content:"";
+  pointer-events:none;
+  background-color:var(--ck-table-selected-cell-background);
+  position:absolute;
+  inset:0;
+}
 
-.ck.ck-form:focus{
-		outline:none;
-	}
+:is(.ck.ck-editor__editable .table table td.ck-editor__editable_selected, .ck.ck-editor__editable .table table th.ck-editor__editable_selected) ::selection, :is(.ck.ck-editor__editable .table table td.ck-editor__editable_selected, .ck.ck-editor__editable .table table th.ck-editor__editable_selected):focus{
+  background-color:#0000;
+}
 
-.ck.ck-form .ck.ck-input-text,
-	.ck.ck-form .ck.ck-input-number{
-		min-width:100%;
-		width:0;
-	}
+:is(.ck.ck-editor__editable .table table td.ck-editor__editable_selected, .ck.ck-editor__editable .table table th.ck-editor__editable_selected) .ck-widget{
+  outline:unset;
+}
 
-.ck.ck-form .ck.ck-dropdown{
-		min-width:100%;
-	}
+:is(.ck.ck-editor__editable .table table td.ck-editor__editable_selected, .ck.ck-editor__editable .table table th.ck-editor__editable_selected) .ck-widget > .ck-widget__selection-handle{
+  display:none;
+}
 
-.ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus){
-				border:1px solid var(--ck-color-base-border);
-			}
+:root{
+  --ck-color-table-column-resizer-hover:var(--ck-color-base-active);
+  --ck-table-column-resizer-width:7px;
+  --ck-table-column-resizer-position-offset:calc(var(--ck-table-column-resizer-width) * -.5 - .5px);
+}
 
-.ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label{
-				width:100%;
-			}
+.ck.ck-editor__editable .table td, .ck.ck-editor__editable .table th{
+  position:relative;
+}
 
-@media screen and (max-width: 600px){
+.ck.ck-editor__editable .table .ck-table-column-resizer{
+  top:0;
+  bottom:0;
+  right:var(--ck-table-column-resizer-position-offset);
+  width:var(--ck-table-column-resizer-width);
+  cursor:col-resize;
+  user-select:none;
+  z-index:var(--ck-z-default);
+  position:absolute;
+}
 
-.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit{
-					flex-direction:column;
-					align-items:stretch;
-					padding:0;
-			}
-	}
+.ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer, .ck.ck-editor__editable .table[draggable] .ck-table-column-resizer{
+  display:none;
+}
 
-@media screen and (max-width: 600px){
+.ck.ck-editor__editable .table .ck-table-column-resizer:hover, .ck.ck-editor__editable .table .ck-table-column-resizer__active{
+  background-color:var(--ck-color-table-column-resizer-hover);
+  opacity:.25;
+}
 
-.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit > .ck{
-						margin:var(--ck-spacing-large) var(--ck-spacing-large) 0;
-				}
-	}
+.ck.ck-editor__editable[dir="rtl"] .table .ck-table-column-resizer{
+  left:var(--ck-table-column-resizer-position-offset);
+  right:unset;
+}
 
-@media screen and (max-width: 600px){
+[dir="ltr"] :is(.ck.ck-input-color > .ck.ck-input-text){
+  border-top-right-radius:0;
+  border-bottom-right-radius:0;
+}
 
-.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit .ck-button_with-text{
-						justify-content:center;
-				}
-	}
+[dir="rtl"] :is(.ck.ck-input-color > .ck.ck-input-text){
+  border-top-left-radius:0;
+  border-bottom-left-radius:0;
+}
 
-@media screen and (max-width: 600px){
+.ck.ck-input-color > .ck.ck-input-text:focus{
+  z-index:0;
+}
 
-.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_large-bottom-padding{
-					padding-bottom:var(--ck-spacing-large);
-			}
-	}
+.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button{
+  padding:0;
+  display:flex;
+}
 
-[dir="ltr"] .ck.ck-form.ck-responsive-form > :not(:first-child){
-				margin-left:0;
-			}
+[dir="ltr"] :is(.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button){
+  border-top-left-radius:0;
+  border-bottom-left-radius:0;
+}
 
-[dir="rtl"] .ck.ck-form.ck-responsive-form > :not(:last-child){
-				margin-left:0;
-			}
+[dir="ltr"] :is(.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button):not(:focus){
+  border-left:1px solid #0000;
+}
 
-.ck.ck-form__row.ck-table-form__action-row{
-		justify-content:flex-end;
-	}
+[dir="rtl"] :is(.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button){
+  border-top-right-radius:0;
+  border-bottom-right-radius:0;
+}
 
-.ck.ck-form__row.ck-table-form__action-row .ck-button-save,
-		.ck.ck-form__row.ck-table-form__action-row .ck-button-cancel{
-			justify-content:center;
-		}
+[dir="rtl"] :is(.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button):not(:focus){
+  border-right:1px solid #0000;
+}
 
-.ck.ck-table-form .ck-form__row.ck-table-form__border-row{
-			flex-wrap:wrap;
-		}
+.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button.ck-disabled{
+  background:var(--ck-color-input-disabled-background);
+}
 
-.ck.ck-table-form .ck-form__row.ck-table-form__background-row{
-			flex-wrap:wrap;
-		}
+.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview{
+  border-radius:var(--ck-rounded-corners-radius);
+  border:1px solid var(--ck-color-input-border);
+  width:20px;
+  height:20px;
+  position:relative;
+  overflow:hidden;
+}
 
-.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row{
-			flex-wrap:wrap;
-			align-items:center;
-		}
+.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator{
+  transform-origin:50%;
+  background:red;
+  border-radius:2px;
+  width:8%;
+  height:150%;
+  display:block;
+  position:absolute;
+  top:-30%;
+  left:50%;
+  transform:rotate(45deg);
+}
 
-.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view{
-				display:flex;
-				flex-direction:column-reverse;
-				align-items:center;
-			}
+.ck.ck-input-color .ck.ck-input-color__remove-color{
+  width:100%;
+  padding:calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
+  border-bottom-right-radius:0;
+  border-bottom-left-radius:0;
+}
 
-.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view .ck.ck-dropdown{
-					flex-grow:0;
-				}
+.ck.ck-input-color .ck.ck-input-color__remove-color:not(:focus){
+  border-bottom:1px solid var(--ck-color-input-border);
+}
 
-.ck.ck-table-form .ck-form__row:not(.ck-table-form__action-row) > *:not(.ck-label, .ck-table-form__dimension-operator){
-			flex-grow:1;
-		}
+[dir="ltr"] :is(.ck.ck-input-color .ck.ck-input-color__remove-color){
+  border-top-right-radius:0;
+}
 
-.ck.ck-table-form .ck.ck-labeled-field-view{
-		position:relative;
-	}
+[dir="rtl"] :is(.ck.ck-input-color .ck.ck-input-color__remove-color){
+  border-top-left-radius:0;
+}
 
-.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status{
-			position:absolute;
-			left:50%;
-			bottom:calc( -1 * var(--ck-table-properties-error-arrow-size));
-			transform:translate(-50%,100%);
-			z-index:1;
-		}
-
-.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after{
-				content:"";
-				position:absolute;
-				top:calc( -1 * var(--ck-table-properties-error-arrow-size));
-				left:50%;
-				transform:translateX( -50%);
-			}
+.ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon{
+  margin-right:var(--ck-spacing-standard);
+}
+
+[dir="rtl"] :is(.ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon){
+  margin-right:0;
+  margin-left:var(--ck-spacing-standard);
+}
 
 .ck.ck-input-color{
-	width:100%;
-	display:flex;
-	flex-direction:row-reverse;
+  flex-direction:row-reverse;
+  width:100%;
+  display:flex;
 }
 
 .ck.ck-input-color > input.ck.ck-input-text{
-		min-width:auto;
-		flex-grow:1;
-	}
+  flex-grow:1;
+  min-width:auto;
+}
 
 .ck.ck-input-color > div.ck.ck-dropdown{
-		min-width:auto;
-	}
+  min-width:auto;
+}
 
 .ck.ck-input-color > div.ck.ck-dropdown > .ck-input-color__button .ck-dropdown__arrow{
-			display:none;
-		}
+  display:none;
+}
 
-.ck.ck-input-color .ck.ck-input-color__button{
-		display:flex;
-	}
+:root{
+  --ck-insert-table-dropdown-padding:10px;
+  --ck-insert-table-dropdown-box-height:11px;
+  --ck-insert-table-dropdown-box-width:12px;
+  --ck-insert-table-dropdown-box-margin:1px;
+}
 
-.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview{
-			position:relative;
-			overflow:hidden;
-		}
+.ck .ck-insert-table-dropdown__grid{
+  width:calc(var(--ck-insert-table-dropdown-box-width) * 10 + var(--ck-insert-table-dropdown-box-margin) * 20 + var(--ck-insert-table-dropdown-padding) * 2);
+  padding:var(--ck-insert-table-dropdown-padding) var(--ck-insert-table-dropdown-padding) 0;
+  flex-flow:wrap;
+  display:flex;
+}
 
-.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator{
-				position:absolute;
-				display:block;
-			}
+.ck .ck-insert-table-dropdown__label, .ck[dir="rtl"] .ck-insert-table-dropdown__label{
+  text-align:center;
+}
 
-.ck .ck-insert-table-dropdown__grid{
-	display:flex;
-	flex-direction:row;
-	flex-wrap:wrap;
+.ck .ck-insert-table-dropdown-grid-box{
+  min-width:var(--ck-insert-table-dropdown-box-width);
+  min-height:var(--ck-insert-table-dropdown-box-height);
+  margin:var(--ck-insert-table-dropdown-box-margin);
+  border:1px solid var(--ck-color-base-border);
+  border-radius:1px;
+  outline:none;
+  transition:none;
+}
+
+@media (prefers-reduced-motion: reduce){
+  .ck .ck-insert-table-dropdown-grid-box{
+    transition:none;
+  }
+}
+
+.ck .ck-insert-table-dropdown-grid-box:focus{
+  box-shadow:none;
+}
+
+.ck .ck-insert-table-dropdown-grid-box.ck-on{
+  border-color:var(--ck-color-focus-border);
+  background:var(--ck-color-focus-outer-shadow);
 }