@ckeditor/ckeditor5-theme-lark 43.2.0-alpha.7 → 43.3.0-alpha.0

package/dist/index.css

@@ -343,12 +343,6 @@
  */
 .ck.ck-autocomplete > .ck-search__results {
 		border-radius: 0;
-	}
-.ck-rounded-corners .ck.ck-autocomplete > .ck-search__results, .ck.ck-autocomplete > .ck-search__results.ck-rounded-corners {
-		border-radius: var(--ck-border-radius);
-	}
-.ck.ck-autocomplete > .ck-search__results {
-		box-shadow: var(--ck-drop-shadow), 0 0;
 
 		max-height: 200px;
 		overflow-y: auto;
@@ -356,6 +350,13 @@
 		border: 1px solid var(--ck-color-dropdown-panel-border);
 		min-width: auto;
 	}
+.ck-rounded-corners .ck.ck-autocomplete > .ck-search__results,
+	.ck.ck-autocomplete > .ck-search__results.ck-rounded-corners {
+		border-radius: var(--ck-border-radius);
+	}
+.ck.ck-autocomplete > .ck-search__results {
+		box-shadow: var(--ck-drop-shadow), 0 0;
+	}
 .ck.ck-autocomplete > .ck-search__results.ck-search__results_n {
 			border-bottom-left-radius: 0;
 			border-bottom-right-radius: 0;
@@ -463,11 +464,11 @@ a.ck.ck-button {
 		background: var(--ck-color-button-default-disabled-background);
 	}
 .ck-rounded-corners .ck.ck-button,
-.ck-rounded-corners a.ck.ck-button,
-.ck.ck-button.ck-rounded-corners,
-a.ck.ck-button.ck-rounded-corners {
+	.ck-rounded-corners a.ck.ck-button,
+	.ck.ck-button.ck-rounded-corners,
+	a.ck.ck-button.ck-rounded-corners {
 		border-radius: var(--ck-border-radius);
-}
+	}
 @media (prefers-reduced-motion: reduce) {
 .ck.ck-button,
 a.ck.ck-button {
@@ -509,6 +510,8 @@ a.ck.ck-button {
 	}
 .ck.ck-button .ck-button__keystroke, a.ck.ck-button .ck-button__keystroke {
 		color: inherit;
+
+		opacity: .5;
 	}
 [dir="ltr"] .ck.ck-button .ck-button__keystroke, [dir="ltr"] a.ck.ck-button .ck-button__keystroke {
 			margin-left: var(--ck-spacing-large);
@@ -516,10 +519,6 @@ a.ck.ck-button {
 [dir="rtl"] .ck.ck-button .ck-button__keystroke, [dir="rtl"] a.ck.ck-button .ck-button__keystroke {
 			margin-right: var(--ck-spacing-large);
 	}
-.ck.ck-button .ck-button__keystroke, a.ck.ck-button .ck-button__keystroke {
-
-		opacity: .5;
-	}
 /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/70 */
 .ck.ck-button.ck-disabled:active,
 		a.ck.ck-button.ck-disabled:active,
@@ -545,10 +544,10 @@ a.ck.ck-button {
 	}
 [dir="ltr"] .ck.ck-button.ck-button_with-text .ck-button__icon, [dir="ltr"] a.ck.ck-button.ck-button_with-text .ck-button__icon {
 				margin-right: var(--ck-spacing-medium);
-		}
+	}
 [dir="rtl"] .ck.ck-button.ck-button_with-text .ck-button__icon, [dir="rtl"] a.ck.ck-button.ck-button_with-text .ck-button__icon {
 				margin-left: var(--ck-spacing-medium);
-		}
+	}
 /* stylelint-disable-next-line no-descending-specificity */
 .ck.ck-button.ck-button_with-keystroke .ck-button__label, a.ck.ck-button.ck-button_with-keystroke .ck-button__label {
 			flex-grow: 1;
@@ -653,8 +652,16 @@ of the component, floating–point numbers have been used which, for the default
 	}
 .ck.ck-button.ck-switchbutton .ck-button__toggle {
 		border-radius: 0;
+
+		/* Apply some smooth transition to the box-shadow and border. */
+		/* Gently animate the background color of the toggle switch */
+		transition: background 400ms ease, box-shadow .2s ease-in-out, outline .2s ease-in-out;
+		border: 1px solid transparent;
+		width: var(--ck-switch-button-toggle-width);
+		background: var(--ck-color-switch-button-off-background);
 	}
-.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle, .ck.ck-button.ck-switchbutton .ck-button__toggle.ck-rounded-corners {
+.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle,
+	.ck.ck-button.ck-switchbutton .ck-button__toggle.ck-rounded-corners {
 		border-radius: var(--ck-border-radius);
 	}
 [dir="ltr"] .ck.ck-button.ck-switchbutton .ck-button__toggle {
@@ -665,23 +672,8 @@ of the component, floating–point numbers have been used which, for the default
 			/* Make sure the toggle is always to the left as far as possible. */
 			margin-right: auto;
 	}
-.ck.ck-button.ck-switchbutton .ck-button__toggle {
-
-		/* Apply some smooth transition to the box-shadow and border. */
-		/* Gently animate the background color of the toggle switch */
-		transition: background 400ms ease, box-shadow .2s ease-in-out, outline .2s ease-in-out;
-		border: 1px solid transparent;
-		width: var(--ck-switch-button-toggle-width);
-		background: var(--ck-color-switch-button-off-background);
-	}
 .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
 			border-radius: 0;
-		}
-.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner, .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner.ck-rounded-corners {
-		border-radius: var(--ck-border-radius);
-				border-radius: calc(.5 * var(--ck-border-radius));
-		}
-.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
 
 			width: var(--ck-switch-button-toggle-inner-size);
 			height: var(--ck-switch-button-toggle-inner-size);
@@ -690,6 +682,11 @@ of the component, floating–point numbers have been used which, for the default
 			/* Gently animate the inner part of the toggle switch */
 			transition: all 300ms ease;
 		}
+.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner,
+	.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner.ck-rounded-corners {
+		border-radius: var(--ck-border-radius);
+				border-radius: calc(.5 * var(--ck-border-radius));
+	}
 @media (prefers-reduced-motion: reduce) {
 .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
 				transition: none;
@@ -727,10 +724,10 @@ of the component, floating–point numbers have been used which, for the default
 				*/
 [dir="ltr"] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner {
 					transform: translateX( var( --ck-switch-button-translation ) );
-			}
+	}
 [dir="rtl"] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner {
 					transform: translateX( calc( -1 * var( --ck-switch-button-translation ) ) );
-			}
+	}
 /*
  * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
@@ -919,10 +916,10 @@ of the component, floating–point numbers have been used which, for the default
 			}
 [dir="ltr"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon {
 					margin-right: var(--ck-spacing-standard);
-			}
+	}
 [dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon {
 					margin-left: var(--ck-spacing-standard);
-			}
+	}
 .ck.ck-color-selector .ck-color-grids-fragment label.ck.ck-color-grid__label {
 			font-weight: unset;
 		}
@@ -990,12 +987,6 @@ of the component, floating–point numbers have been used which, for the default
 }
 .ck.ck-dialog {
 	border-radius: 0;
-}
-.ck-rounded-corners .ck.ck-dialog, .ck.ck-dialog.ck-rounded-corners {
-		border-radius: var(--ck-border-radius);
-}
-.ck.ck-dialog {
-	box-shadow: var(--ck-drop-shadow), 0 0;
 
 	--ck-drop-shadow: var(--ck-dialog-drop-shadow);
 
@@ -1003,10 +994,21 @@ of the component, floating–point numbers have been used which, for the default
 	max-height: var(--ck-dialog-max-height);
 	max-width: var(--ck-dialog-max-width);
 	border: 1px solid var(--ck-color-base-border);
+	overscroll-behavior: contain;
+}
+.ck-rounded-corners .ck.ck-dialog,
+	.ck.ck-dialog.ck-rounded-corners {
+		border-radius: var(--ck-border-radius);
+	}
+.ck.ck-dialog {
+	box-shadow: var(--ck-drop-shadow), 0 0;
 }
 .ck.ck-dialog .ck.ck-form__header {
 		border-bottom: 1px solid var(--ck-color-dialog-form-header-border);
 	}
+.ck-dialog-scroll-locked {
+	overflow: hidden;
+}
 @keyframes ck-dialog-fade-in {
 	0% {
 		background: hsla( 0, 0%, 0%, 0 );
@@ -1121,12 +1123,6 @@ of the component, floating–point numbers have been used which, for the default
 			}
 .ck.ck-dropdown__panel {
 	border-radius: 0;
-}
-.ck-rounded-corners .ck.ck-dropdown__panel, .ck.ck-dropdown__panel.ck-rounded-corners {
-		border-radius: var(--ck-border-radius);
-}
-.ck.ck-dropdown__panel {
-	box-shadow: var(--ck-drop-shadow), 0 0;
 
 	background: var(--ck-color-dropdown-panel-background);
 	border: 1px solid var(--ck-color-dropdown-panel-border);
@@ -1134,6 +1130,13 @@ of the component, floating–point numbers have been used which, for the default
 
 	/* Make sure the panel is at least as wide as the drop-down's button. */
 	min-width: 100%;
+}
+.ck-rounded-corners .ck.ck-dropdown__panel,
+	.ck.ck-dropdown__panel.ck-rounded-corners {
+		border-radius: var(--ck-border-radius);
+	}
+.ck.ck-dropdown__panel {
+	box-shadow: var(--ck-drop-shadow), 0 0;
 
 	/* Disabled corner border radius to be consistent with the .dropdown__button
 	https://github.com/ckeditor/ckeditor5/issues/816 */
@@ -1171,29 +1174,32 @@ of the component, floating–point numbers have been used which, for the default
 	https://github.com/ckeditor/ckeditor5/issues/816 */
 	border-radius: 0;
 }
-.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list, .ck.ck-dropdown > .ck-dropdown__panel > .ck-list.ck-rounded-corners {
+.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list,
+	.ck.ck-dropdown > .ck-dropdown__panel > .ck-list.ck-rounded-corners {
 		border-radius: var(--ck-border-radius);
 		border-top-left-radius: 0;
-}
+	}
 /* Make sure the button belonging to the first/last child of the list goes well with the
 	border radius of the entire panel. */
 .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button {
 			border-radius: 0;
 		}
-.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button, .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button.ck-rounded-corners {
+.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button,
+	.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button.ck-rounded-corners {
 		border-radius: var(--ck-border-radius);
 				border-top-left-radius: 0;
 				border-bottom-left-radius: 0;
 				border-bottom-right-radius: 0;
-		}
+	}
 .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button {
 			border-radius: 0;
 		}
-.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button, .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button.ck-rounded-corners {
+.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button,
+	.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button.ck-rounded-corners {
 		border-radius: var(--ck-border-radius);
 				border-top-left-radius: 0;
 				border-top-right-radius: 0;
-		}
+	}
 /*
  * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
@@ -1214,18 +1220,16 @@ of the component, floating–point numbers have been used which, for the default
 /*
 	 * Note: ck-rounded and ck-dir mixins don't go together (because they both use @nest).
 	 */
-[dir="ltr"] .ck.ck-splitbutton:hover > .ck-splitbutton__action,
-	[dir="ltr"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action {
+[dir="ltr"] .ck.ck-splitbutton:hover > .ck-splitbutton__action, [dir="ltr"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action {
 			/* Don't round the action button on the right side */
 			border-top-right-radius: unset;
 			border-bottom-right-radius: unset;
-	}
-[dir="rtl"] .ck.ck-splitbutton:hover > .ck-splitbutton__action,
-	[dir="rtl"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action {
+		}
+[dir="rtl"] .ck.ck-splitbutton:hover > .ck-splitbutton__action, [dir="rtl"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action {
 			/* Don't round the action button on the left side */
 			border-top-left-radius: unset;
 			border-bottom-left-radius: unset;
-	}
+		}
 .ck.ck-splitbutton > .ck-splitbutton__arrow {
 		/* It's a text-less button and since the icon is positioned absolutely in such situation,
 		it must get some arbitrary min-width. */
@@ -1235,12 +1239,12 @@ of the component, floating–point numbers have been used which, for the default
 			/* Don't round the arrow button on the left side */
 			border-top-left-radius: unset;
 			border-bottom-left-radius: unset;
-	}
+		}
 [dir="rtl"] .ck.ck-splitbutton > .ck-splitbutton__arrow {
 			/* Don't round the arrow button on the right side */
 			border-top-right-radius: unset;
 			border-bottom-right-radius: unset;
-	}
+		}
 .ck.ck-splitbutton > .ck-splitbutton__arrow svg {
 			width: var(--ck-dropdown-arrow-size);
 		}
@@ -1250,6 +1254,21 @@ of the component, floating–point numbers have been used which, for the default
 		border-top-width: 0px;
 		border-bottom-width: 0px;
 	}
+/* Don't round the bottom left and right corners of the buttons when "open"
+	https://github.com/ckeditor/ckeditor5/issues/816 */
+.ck.ck-splitbutton.ck-splitbutton_open {
+		border-radius: 0;
+	}
+.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open,
+	.ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners {
+		border-radius: var(--ck-border-radius);
+	}
+.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__action {
+				border-bottom-left-radius: 0;
+			}
+.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__arrow {
+				border-bottom-right-radius: 0;
+			}
 /* When the split button is "open" (the arrow is on) or being hovered, it should get some styling
 	as a whole. The background of both buttons should stand out and there should be a visual
 	separation between both buttons. */
@@ -1276,20 +1295,6 @@ of the component, floating–point numbers have been used which, for the default
 [dir="rtl"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, [dir="rtl"] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after {
 				right: -1px;
 			}
-/* Don't round the bottom left and right corners of the buttons when "open"
-	https://github.com/ckeditor/ckeditor5/issues/816 */
-.ck.ck-splitbutton.ck-splitbutton_open {
-		border-radius: 0;
-	}
-.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners {
-		border-radius: var(--ck-border-radius);
-	}
-.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__action {
-				border-bottom-left-radius: 0;
-			}
-.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__arrow {
-				border-bottom-right-radius: 0;
-			}
 /*
  * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
@@ -1642,9 +1647,10 @@ of the component, floating–point numbers have been used which, for the default
 .ck.ck-editor__editable:not(.ck-editor__nested-editable) {
 	border-radius: 0;
 }
-.ck-rounded-corners .ck.ck-editor__editable:not(.ck-editor__nested-editable), .ck.ck-editor__editable.ck-rounded-corners:not(.ck-editor__nested-editable) {
+.ck-rounded-corners .ck.ck-editor__editable:not(.ck-editor__nested-editable),
+	.ck.ck-editor__editable.ck-rounded-corners:not(.ck-editor__nested-editable) {
 		border-radius: var(--ck-border-radius);
-}
+	}
 .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
 		/* Disable native outline. */
 		outline: none;
@@ -1786,11 +1792,6 @@ of the component, floating–point numbers have been used which, for the default
 }
 .ck.ck-input {
 	border-radius: 0;
-}
-.ck-rounded-corners .ck.ck-input, .ck.ck-input.ck-rounded-corners {
-		border-radius: var(--ck-border-radius);
-}
-.ck.ck-input {
 
 	background: var(--ck-color-input-background);
 	border: 1px solid var(--ck-color-input-border);
@@ -1803,6 +1804,10 @@ of the component, floating–point numbers have been used which, for the default
 	/* Apply some smooth transition to the box-shadow and border. */
 	transition: box-shadow .1s ease-in-out, border .1s ease-in-out;
 }
+.ck-rounded-corners .ck.ck-input,
+	.ck.ck-input.ck-rounded-corners {
+		border-radius: var(--ck-border-radius);
+	}
 @media (prefers-reduced-motion: reduce) {
 .ck.ck-input {
 		transition: none;
@@ -1886,27 +1891,15 @@ of the component, floating–point numbers have been used which, for the default
 .ck.ck-labeled-field-view {
 	border-radius: 0;
 }
-.ck-rounded-corners .ck.ck-labeled-field-view, .ck.ck-labeled-field-view.ck-rounded-corners {
+.ck-rounded-corners .ck.ck-labeled-field-view,
+	.ck.ck-labeled-field-view.ck-rounded-corners {
 		border-radius: var(--ck-border-radius);
-}
+	}
 .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
 		width: 100%;
 	}
 .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
 			top: 0px;
-		}
-[dir="ltr"] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
-				left: 0px;
-				transform-origin: 0 0;
-				/* By default, display the label scaled down above the field. */
-				transform: translate(var(--ck-spacing-medium), -6px) scale(.75);
-		}
-[dir="rtl"] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
-				right: 0px;
-				transform-origin: 100% 0;
-				transform: translate(calc(-1 * var(--ck-spacing-medium)), -6px) scale(.75);
-		}
-.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
 
 			pointer-events: none;
 
@@ -1926,6 +1919,17 @@ of the component, floating–point numbers have been used which, for the default
 				padding var(--ck-labeled-field-view-transition),
 				background var(--ck-labeled-field-view-transition);
 		}
+[dir="ltr"] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
+				left: 0px;
+				transform-origin: 0 0;
+				/* By default, display the label scaled down above the field. */
+				transform: translate(var(--ck-spacing-medium), -6px) scale(.75);
+	}
+[dir="rtl"] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
+				right: 0px;
+				transform-origin: 100% 0;
+				transform: translate(calc(-1 * var(--ck-spacing-medium)), -6px) scale(.75);
+	}
 @media (prefers-reduced-motion: reduce) {
 .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
 				transition: none;
@@ -1955,14 +1959,6 @@ of the component, floating–point numbers have been used which, for the default
 	}
 /* Fields that are disabled or not focused and without a placeholder should have full-sized labels. */
 /* stylelint-disable-next-line no-descending-specificity */
-[dir="ltr"] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
-	[dir="ltr"] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
-			transform: translate(var(--ck-labeled-field-label-default-position-x), var(--ck-labeled-field-label-default-position-y)) scale(1);
-	}
-[dir="rtl"] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
-	[dir="rtl"] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
-			transform: translate(calc(-1 * var(--ck-labeled-field-label-default-position-x)), var(--ck-labeled-field-label-default-position-y)) scale(1);
-	}
 .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
 	.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
 
@@ -1972,6 +1968,12 @@ of the component, floating–point numbers have been used which, for the default
 		background: transparent;
 		padding: 0;
 	}
+[dir="ltr"] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, [dir="ltr"] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
+			transform: translate(var(--ck-labeled-field-label-default-position-x), var(--ck-labeled-field-label-default-position-y)) scale(1);
+	}
+[dir="rtl"] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, [dir="rtl"] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
+			transform: translate(calc(-1 * var(--ck-labeled-field-label-default-position-x)), var(--ck-labeled-field-label-default-position-y)) scale(1);
+	}
 /*------ DropdownView integration ----------------------------------------------------------------------------------- */
 /* Make sure dropdown' background color in any of dropdown's state does not collide with labeled field. */
 .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck.ck-button {
@@ -2036,11 +2038,6 @@ of the component, floating–point numbers have been used which, for the default
  */
 .ck.ck-list {
 	border-radius: 0;
-}
-.ck-rounded-corners .ck.ck-list, .ck.ck-list.ck-rounded-corners {
-		border-radius: var(--ck-border-radius);
-}
-.ck.ck-list {
 
 	list-style-type: none;
 	background: var(--ck-color-list-background);
@@ -2048,6 +2045,10 @@ of the component, floating–point numbers have been used which, for the default
 	/* A spacing at the beginning and end of the list */
 	padding: var(--ck-spacing-small) 0;
 }
+.ck-rounded-corners .ck.ck-list,
+	.ck.ck-list.ck-rounded-corners {
+		border-radius: var(--ck-border-radius);
+	}
 .ck.ck-list__item {
 	cursor: default;
 
@@ -2229,7 +2230,7 @@ of the component, floating–point numbers have been used which, for the default
 
 				/* Nudge the arrow gently to the right because its center of gravity is to the left */
 				margin-right: calc(-1 * var(--ck-spacing-small));
-		}
+	}
 [dir="rtl"] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
 				transform: rotate(90deg);
 
@@ -2240,7 +2241,7 @@ of the component, floating–point numbers have been used which, for the default
 
 				/* Nudge the arrow gently to the left because its center of gravity is to the right (after rotation). */
 				margin-left: calc(-1 * var(--ck-spacing-small));
-		}
+	}
 .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button.ck-disabled > .ck-menu-bar__menu__button__arrow {
 			opacity: var(--ck-disabled-opacity);
 		}
@@ -2279,10 +2280,10 @@ of the component, floating–point numbers have been used which, for the default
 		}
 [dir="ltr"] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {
 				margin-right: var(--ck-spacing-medium);
-		}
+	}
 [dir="rtl"] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {
 				margin-left: var(--ck-spacing-medium);
-		}
+	}
 /*
  * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
@@ -2318,18 +2319,19 @@ of the component, floating–point numbers have been used which, for the default
 }
 .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
 	border-radius: 0;
-}
-.ck-rounded-corners .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-rounded-corners {
-		border-radius: var(--ck-border-radius);
-}
-.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
-	box-shadow: var(--ck-drop-shadow), 0 0;
 
 	background: var(--ck-color-dropdown-panel-background);
 	border: 1px solid var(--ck-color-dropdown-panel-border);
 	bottom: 0;
 	height: fit-content;
 	max-width: var(--ck-menu-bar-menu-panel-max-width);
+}
+.ck-rounded-corners .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel,
+	.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-rounded-corners {
+		border-radius: var(--ck-border-radius);
+	}
+.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
+	box-shadow: var(--ck-drop-shadow), 0 0;
 
 	/* Corner border radius consistent with the button. */
 }
@@ -2402,18 +2404,19 @@ of the component, floating–point numbers have been used which, for the default
 }
 .ck.ck-balloon-panel {
 	border-radius: 0;
-}
-.ck-rounded-corners .ck.ck-balloon-panel, .ck.ck-balloon-panel.ck-rounded-corners {
-		border-radius: var(--ck-border-radius);
-}
-.ck.ck-balloon-panel {
-	box-shadow: var(--ck-drop-shadow), 0 0;
 
 	min-height: 15px;
 
 	background: var(--ck-color-panel-background);
 	border: var(--ck-balloon-border-width) solid var(--ck-color-panel-border);
 }
+.ck-rounded-corners .ck.ck-balloon-panel,
+	.ck.ck-balloon-panel.ck-rounded-corners {
+		border-radius: var(--ck-border-radius);
+	}
+.ck.ck-balloon-panel {
+	box-shadow: var(--ck-drop-shadow), 0 0;
+}
 .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before,
 		.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after {
 			width: 0;
@@ -2699,15 +2702,13 @@ of the component, floating–point numbers have been used which, for the default
 				border-top: 1px solid var(--ck-color-base-border);
 			}
 
-		[dir="ltr"] .ck.ck-responsive-form > .ck-button:nth-last-child(1),
-		[dir="ltr"] .ck.ck-responsive-form > .ck-button:nth-last-child(2) {
+			[dir="ltr"] .ck.ck-responsive-form > .ck-button:nth-last-child(1), [dir="ltr"] .ck.ck-responsive-form > .ck-button:nth-last-child(2) {
 				margin-left: 0;
-		}
+	}
 
-		[dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(1),
-		[dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(2) {
+			[dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(1), [dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(2) {
 				margin-left: 0;
-		}
+	}
 
 				[dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(1):last-of-type, [dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(2):last-of-type {
 					border-right: 1px solid var(--ck-color-base-border);
@@ -2739,7 +2740,7 @@ of the component, floating–point numbers have been used which, for the default
 			}
 [dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input {
 					padding-left: var(--ck-search-field-view-horizontal-spacing);
-			}
+	}
 [dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input:not(.ck-input-text_empty) {
 						padding-left: var(--ck-search-field-view-horizontal-spacing);
 					}
@@ -2759,10 +2760,10 @@ of the component, floating–point numbers have been used which, for the default
 			}
 [dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
 					right: var(--ck-spacing-medium);
-			}
+	}
 [dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
 					left: var(--ck-spacing-medium);
-			}
+	}
 .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset:hover {
 					opacity: 1;
 				}
@@ -2774,7 +2775,7 @@ of the component, floating–point numbers have been used which, for the default
 					}
 [dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input {
 					padding-right: var(--ck-search-field-view-horizontal-spacing);
-			}
+	}
 .ck.ck-search > .ck-search__results {
 		min-width: 100%;
 	}
@@ -2862,16 +2863,15 @@ of the component, floating–point numbers have been used which, for the default
  */
 .ck.ck-toolbar {
 	border-radius: 0;
-}
-.ck-rounded-corners .ck.ck-toolbar, .ck.ck-toolbar.ck-rounded-corners {
-		border-radius: var(--ck-border-radius);
-}
-.ck.ck-toolbar {
 
 	background: var(--ck-color-toolbar-background);
 	padding: 0 var(--ck-spacing-small);
 	border: 1px solid var(--ck-color-toolbar-border);
 }
+.ck-rounded-corners .ck.ck-toolbar,
+	.ck.ck-toolbar.ck-rounded-corners {
+		border-radius: var(--ck-border-radius);
+	}
 .ck.ck-toolbar .ck.ck-toolbar__separator {
 		height: var(--ck-icon-size);
 		width: 1px;
@@ -2953,7 +2953,7 @@ of the component, floating–point numbers have been used which, for the default
 	}
 .ck-toolbar-container .ck.ck-toolbar {
 		border: 0;
-}
+	}
 /* stylelint-disable */
 /*
  * Styles for RTL toolbars.
@@ -3075,17 +3075,16 @@ of the component, floating–point numbers have been used which, for the default
  */
 .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
 			border-radius: 0;
-		}
-.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content, .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-rounded-corners {
-		border-radius: var(--ck-border-radius);
-				border-bottom-left-radius: 0;
-				border-bottom-right-radius: 0;
-		}
-.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
 
 			border: 1px solid var(--ck-color-base-border);
 			border-bottom-width: 0;
 		}
+.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content,
+	.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-rounded-corners {
+		border-radius: var(--ck-border-radius);
+				border-bottom-left-radius: 0;
+				border-bottom-right-radius: 0;
+	}
 .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-sticky-panel__content_sticky {
 				border-bottom-width: 1px;
 			}
@@ -3103,11 +3102,12 @@ of the component, floating–point numbers have been used which, for the default
 
 	border-radius: 0;
 }
-.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable, .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
+.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
+	.ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
 		border-radius: var(--ck-border-radius);
 		border-top-left-radius: 0;
 		border-top-right-radius: 0;
-}
+	}
 .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
 		border-color: var(--ck-color-base-border);
 	}
@@ -3324,27 +3324,25 @@ of the component, floating–point numbers have been used which, for the default
 .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
 			top: 50%;
 			transform: translateY(-50%);
+
+			color: var(--ck-color-base-border);
 		}
 [dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
 				right: var(--ck-spacing-standard);
-		}
+	}
 [dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
 				left: var(--ck-spacing-standard);
-		}
-.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
-
-			color: var(--ck-color-base-border);
-		}
+	}
 .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
 			flex: 0 0 100%;
 			padding-top: var(--ck-spacing-standard);
 		}
 [dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
 				margin-left: 0;
-		}
+	}
 [dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
 				margin-right: 0;
-		}
+	}
 /* Styles specific for actions area. */
 .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions {
 		flex-wrap: wrap;
@@ -3395,13 +3393,13 @@ of the component, floating–point numbers have been used which, for the default
 					flex: 1 1 auto;
 				}
 
-				[dir="ltr"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
+					[dir="ltr"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
 						margin-left: 0;
-				}
+	}
 
-				[dir="rtl"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
+					[dir="rtl"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
 						margin-right: 0;
-				}
+	}
 
 					.ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type .ck-button__label {
 						width: 100%;
@@ -3422,13 +3420,13 @@ of the component, floating–point numbers have been used which, for the default
 					flex: 1 1 auto;
 				}
 
-				[dir="ltr"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {
+					[dir="ltr"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {
 						margin-left: 0;
-				}
+	}
 
-				[dir="rtl"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {
+					[dir="rtl"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {
 						margin-right: 0;
-				}
+	}
 
 				.ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button .ck-button__label {
 					width: 100%;
@@ -3507,16 +3505,16 @@ of the component, floating–point numbers have been used which, for the default
 .ck.ck-editor__editable.ck-blurred .ck-widget.raw-html-embed.ck-widget_selected::before {
 		top: 0px;
 		padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
-}
+	}
 .ck.ck-editor__editable:not(.ck-blurred) .ck-widget.raw-html-embed.ck-widget_selected::before {
 		top: 0;
 		padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
 		background: var(--ck-color-focus-border);
-}
+	}
 .ck.ck-editor__editable .ck-widget.raw-html-embed:not(.ck-widget_selected):hover::before {
 		top: 0px;
 		padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
-}
+	}
 /* ----- Emebed internals --------------------------------------------------------------------- */
 .ck-widget.raw-html-embed .raw-html-embed__content-wrapper {
 		padding: var(--ck-spacing-standard);
@@ -3574,7 +3572,7 @@ of the component, floating–point numbers have been used which, for the default
 	}
 .ck-editor__editable:not(.ck-read-only) .ck-widget.raw-html-embed .raw-html-embed__preview {
 			pointer-events: none;
-	}
+		}
 .ck-widget.raw-html-embed .raw-html-embed__preview-content {
 		box-sizing: border-box;
 		background-color: var(--ck-color-base-foreground);
@@ -3926,14 +3924,13 @@ of the component, floating–point numbers have been used which, for the default
 				min-width: 0;
 				max-width: 100%;
 			}
-
-		[dir="ltr"] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) {
+			[dir="ltr"] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) {
 				margin-left: 0;
-		}
+	}
 
-		[dir="rtl"] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) {
+			[dir="rtl"] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) {
 				margin-left: 0;
-		}
+	}
 	}
 /*
  * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
@@ -4526,14 +4523,14 @@ of the component, floating–point numbers have been used which, for the default
 [dir="ltr"] .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="ltr"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) {
 					border-left: 1px solid transparent;
 				}
 [dir="rtl"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
 				border-top-right-radius: 0;
 				border-bottom-right-radius: 0;
-		}
+	}
 [dir="rtl"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) {
 					border-right: 1px solid transparent;
 				}
@@ -4542,16 +4539,15 @@ of the component, floating–point numbers have been used which, for the default
 			}
 .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview {
 				border-radius: 0;
-			}
-.ck-rounded-corners .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview, .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview.ck-rounded-corners {
-		border-radius: var(--ck-border-radius);
-			}
-.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview {
 
 				width: 20px;
 				height: 20px;
 				border: 1px solid var(--ck-color-input-border);
 			}
+.ck-rounded-corners .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview,
+	.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview.ck-rounded-corners {
+		border-radius: var(--ck-border-radius);
+	}
 .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 {
 					top: -30%;
 					left: 50%;
@@ -4584,7 +4580,7 @@ of the component, floating–point numbers have been used which, for the default
 [dir="rtl"] .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon {
 				margin-right: 0;
 				margin-left: var(--ck-spacing-standard);
-		}
+	}
 /*
  * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
@@ -4624,10 +4620,10 @@ of the component, floating–point numbers have been used which, for the default
 }
 [dir="ltr"] .ck.ck-form__row > *:not(.ck-label) + * {
 				margin-left: var(--ck-spacing-large);
-		}
+	}
 [dir="rtl"] .ck.ck-form__row > *:not(.ck-label) + * {
 				margin-right: var(--ck-spacing-large);
-		}
+	}
 .ck.ck-form__row > .ck-label {
 		width: 100%;
 		min-width: 100%;
@@ -4764,11 +4760,6 @@ of the component, floating–point numbers have been used which, for the default
 	}
 .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
 			border-radius: 0;
-		}
-.ck-rounded-corners .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status, .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status.ck-rounded-corners {
-		border-radius: var(--ck-border-radius);
-		}
-.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
 
 			background: var(--ck-color-base-error);
 			color: var(--ck-color-base-background);
@@ -4777,9 +4768,12 @@ of the component, floating–point numbers have been used which, for the default
 			text-align: center;
 
 			animation: ck-table-form-labeled-view-status-appear .15s ease both;
-
-			/* The arrow pointing towards the field. */
 		}
+.ck-rounded-corners .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status,
+	.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status.ck-rounded-corners {
+		border-radius: var(--ck-border-radius);
+	}
+/* The arrow pointing towards the field. */
 .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);