@ckeditor/ckeditor5-table/dist/index-editor.css

Table feature for CKEditor 5.

/**
 * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * 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%;
}

.ck .ck-insert-table-dropdown__grid{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row{
			flex-wrap:wrap;
		}

.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;
				}

.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;
				}

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar .ck-button{
					flex-grow:1;
				}

.ck.ck-input-color{
	width:100%;
	display:flex;
	flex-direction:row-reverse;
}

.ck.ck-input-color > input.ck.ck-input-text{
		min-width:auto;
		flex-grow:1;
	}

.ck.ck-input-color > div.ck.ck-dropdown{
		min-width:auto;
	}

.ck.ck-input-color > div.ck.ck-dropdown > .ck-input-color__button .ck-dropdown__arrow{
			display:none;
		}

.ck.ck-input-color .ck.ck-input-color__button{
		display:flex;
	}

.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview{
			position:relative;
			overflow:hidden;
		}

.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-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:first-child{
				margin-top:var(--ck-spacing-large);
			}

.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-editor__editable .table.layout-table{
		display:table;
		margin:0;
	}

.ck-editor__editable .table.layout-table.ck-widget:hover{
				z-index:var(--ck-z-default);
			}

.ck-editor__editable .table.layout-table.ck-widget:hover > .ck-widget__selection-handle{
				opacity:0.75;
				visibility:visible;
			}

.ck-editor__editable .table.layout-table.ck-widget:hover > .ck-widget__selection-handle:hover{
					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.ck-widget_selected{
				z-index:var(--ck-z-default);
			}

:root{
	--ck-form-default-width:340px;
}

.ck.ck-form{
	padding:0 0 var(--ck-spacing-large);
}

.ck.ck-form.ck-form_default-width{
		width:var(--ck-form-default-width);
	}

.ck.ck-form:focus{
		outline:none;
	}

.ck.ck-form .ck.ck-input-text,
	.ck.ck-form .ck.ck-input-number{
		min-width:100%;
		width:0;
	}

.ck.ck-form .ck.ck-dropdown{
		min-width:100%;
	}

.ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus){
				border:1px solid var(--ck-color-base-border);
			}

.ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label{
				width:100%;
			}

@media screen and (max-width: 600px){

.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit{
					flex-direction:column;
					align-items:stretch;
					padding:0;
			}
	}

@media screen and (max-width: 600px){

.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;
				}
	}

@media screen and (max-width: 600px){

.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit .ck-button_with-text{
						justify-content:center;
				}
	}

@media screen and (max-width: 600px){

.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_large-bottom-padding{
					padding-bottom:var(--ck-spacing-large);
			}
	}

[dir="ltr"] .ck.ck-form.ck-responsive-form > :not(:first-child){
				margin-left:0;
			}

[dir="rtl"] .ck.ck-form.ck-responsive-form > :not(:last-child){
				margin-left: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;
		}

.ck.ck-table-form .ck-form__row.ck-table-form__border-row{
			flex-wrap:wrap;
		}

.ck.ck-table-form .ck-form__row.ck-table-form__background-row{
			flex-wrap:wrap;
		}

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row{
			flex-wrap:wrap;
			align-items:center;
		}

.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-table-form .ck-form__row.ck-table-form__dimensions-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{
				flex-grow:0;
			}

.ck.ck-table-form .ck-form__row > *:not(.ck-label, .ck-table-form__dimension-operator){
			flex-grow:1;
		}

.ck.ck-table-form .ck.ck-labeled-field-view{
		position:relative;
	}

.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-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row{
			flex-wrap:wrap;
			flex-basis:0;
			align-content:baseline;
		}

.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items{
				flex-wrap:nowrap;
			}

:root{
	--ck-color-selector-caption-background:hsl(0, 0%, 97%);
	--ck-color-selector-caption-text:hsl(0, 0%, 20%);
	--ck-color-selector-caption-highlighted-background:hsl(52deg 100% 50%);
}
@media (forced-colors: none){
		.ck.ck-editor__editable .table > figcaption.table__caption_highlighted{
			animation:ck-table-caption-highlight .6s ease-out;
		}
	}
.ck.ck-editor__editable .table > figcaption.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-selector-caption-highlighted-background);
	}

	100%{
		background-color:var(--ck-color-selector-caption-background);
	}
}

:root{
	--ck-color-selector-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.ck-editor__editable .table td,
.ck.ck-editor__editable .table th{
	position:relative;
}

.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-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer{
	display:none;
}
.ck.ck-editor__editable .table[draggable] .ck-table-column-resizer{
	display:none;
}

.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-selector-column-resizer-hover);
	opacity:0.25;
}

.ck.ck-editor__editable[dir=rtl] .table .ck-table-column-resizer{
	left:var(--ck-table-column-resizer-position-offset);
	right:unset;
}