@ckeditor/ckeditor5-merge-fields 44.1.0 → 44.2.0-alpha.1

package/dist/index.css

@@ -1,13 +1,13 @@
 /**
- * @license 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
+ * @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
  */
 /*
  * What you're currently looking at is the source code of a legally protected, proprietary software.
  * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
  * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
  *
- * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * 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
  */
 
@@ -21,45 +21,134 @@
 	--ck-color-merge-fields-value-outline: hsl(0, 0%, 57%);
 	--ck-color-merge-fields-with-warning-outline: hsl(15, 80%, 59%);
 
-	--ck-color-merge-fields-block-outline: hsl(0, 0%, 87%);
-	--ck-color-merge-fields-block-background: hsl(0, 0%, 98%);
+	--ck-color-merge-fields-block-outline: hsl(0, 0%, 89%);
 
 	--ck-color-merge-fields-affix-color: hsl(218, 82%, 57%);
 }
 
 /* stylelint-disable no-descending-specificity */
+.ck .ck-merge-field {
+	border-radius: 2px;
+
+	/* Do not display the transition to the hovered widget's yellow outline. */
+}
+.ck .ck-merge-field:hover {
+		transition: none;
+		cursor: default;
+	}
+.ck .ck-merge-field.ck-merge-field_with-warning {
+		padding-left: 0.15em;
+	}
+.ck .ck-merge-field:not(.ck-merge-field_with-warning):not(.ck-merge-field_with-value) {
+		padding-top: var(--ck-merge-fields-paddings-vertical);
+		padding-bottom: var(--ck-merge-fields-paddings-vertical);
+		line-height: 1.2em;
+	}
+.ck .ck-merge-field:not(.ck-merge-field_with-warning):not(.ck-merge-field_with-value):not(:hover):not(.ck-widget_selected) {
+			outline: 1px solid var(--ck-color-merge-fields-outline);
+		}
+.ck .ck-merge-field:not(.ck-merge-field_with-value)/* :not(.ck-merge-field_with-warning_no-default):not(.ck-merge-field_with-warning_missing-data) */ {
+		white-space: nowrap;
+	}
+/* Styles for textual (inline) merge fields only. */
+.ck .ck-merge-field:not(.ck-merge-field-block *):not(.ck-merge-field-image > .ck-merge-field) {
+		-webkit-user-select: none;
+		margin: 0 1px 0 2px;
+		line-height: 0;
+		padding-top: var(--ck-merge-fields-paddings-vertical);
+		padding-bottom: var(--ck-merge-fields-paddings-vertical);
+	}
+.ck .ck-merge-field.ck-merge-field_with-warning:not(.ck-merge-field-block *):not(.ck-merge-field-image > .ck-merge-field) {
+			white-space: normal;
+		}
+.ck .ck-merge-field.ck-merge-field_with-warning:not(.ck-merge-field-block *):not(.ck-merge-field-image > .ck-merge-field):not(:hover):not(.ck-widget_selected) {
+				outline: 1px solid var(--ck-color-merge-fields-with-warning-outline);
+			}
+.ck .ck-merge-field.ck-merge-field_with-value:not(.ck-merge-field-block *):not(.ck-merge-field-image > .ck-merge-field) {
+			white-space: normal;
+		}
+.ck .ck-merge-field.ck-merge-field_with-value:not(.ck-merge-field-block *):not(.ck-merge-field-image > .ck-merge-field):not(:hover):not(.ck-widget_selected) {
+				outline: 1px solid var(--ck-color-merge-fields-value-outline);
+			}
+.ck .ck-merge-field .ck-merge-field__icon {
+		padding: 0 0.15em;
+		position: relative;
+		top: -1px;
+	}
+.ck .ck-merge-field .ck.ck-icon {
+		height: var(--ck-merge-fields-icon-size);
+		width: var(--ck-merge-fields-icon-size);
+	}
+.ck .ck-merge-field .ck-merge-field__affix {
+		font-family: Arial, sans-serif;
+		position: relative;
+		top: -0.15em;
+		font-size: 0.85em;
+		color: var(--ck-color-merge-fields-affix-color);
+	}
+.ck .ck-merge-field .ck-merge-field__affix:first-child {
+			padding-left: 0.25em;
+			padding-right: 0.15em;
+		}
+.ck .ck-merge-field .ck-merge-field__affix:last-child {
+			padding-left: 0.15em;
+			padding-right: 0.25em;
+		}
+
 .ck .ck-merge-field-block {
 	margin: 0.9em auto;
 }
+
 .ck .ck-merge-field-block:hover {
 		transition: none;
 		cursor: default;
 	}
+
 /* When there is no actual data in the block, center the content (label or warning).
 	In other cases, the integrator has to style the content as they wish. */
+
 .ck .ck-merge-field-block:not(.ck-merge-field-block_with-warning):not(.ck-merge-field-block_with-value),
 	.ck .ck-merge-field-block.ck-merge-field-block_with-warning_no-default,
 	.ck .ck-merge-field-block.ck-merge-field-block_with-warning_missing-data {
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		background-color: var(--ck-color-merge-fields-block-background);
+		background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 100" preserveAspectRatio="none"><line x1="0" y1="0" x2="100" y2="100" vector-effect="non-scaling-stroke" stroke="hsl(0, 0%, 89%)" /><line x1="100" y1="0" x2="0" y2="100" vector-effect="non-scaling-stroke" stroke="hsl(0, 0%, 89%)" /></svg>');
 	}
+
 .ck .ck-merge-field-block:not(.ck-merge-field-block_with-warning):not(.ck-merge-field-block_with-value) .ck-merge-field, .ck .ck-merge-field-block.ck-merge-field-block_with-warning_no-default .ck-merge-field, .ck .ck-merge-field-block.ck-merge-field-block_with-warning_missing-data .ck-merge-field {
 			background-color: hsl(0, 0%, 100%);
 			margin: 0 0.5em;
+
+			display: flex;
+			max-width: 80%;
+			align-items: baseline;
+			overflow: hidden;
+
+			/* Enable pointer events to display tooltips. */
+			pointer-events: all;
 		}
+
+.ck .ck-merge-field-block:not(.ck-merge-field-block_with-warning):not(.ck-merge-field-block_with-value) .ck-merge-field .ck-merge-field__content, .ck .ck-merge-field-block.ck-merge-field-block_with-warning_no-default .ck-merge-field .ck-merge-field__content, .ck .ck-merge-field-block.ck-merge-field-block_with-warning_missing-data .ck-merge-field .ck-merge-field__content {
+				overflow: hidden;
+				text-overflow: ellipsis;
+			}
+
 .ck .ck-merge-field-block.ck-merge-field-block_with-warning_no-default:not(.ck-merge-field-block_with-warning):not(.ck-merge-field-block_with-value) .ck-merge-field, .ck .ck-merge-field-block.ck-merge-field-block_with-warning_no-default.ck-merge-field-block_with-warning_no-default .ck-merge-field, .ck .ck-merge-field-block.ck-merge-field-block_with-warning_missing-data.ck-merge-field-block_with-warning_no-default .ck-merge-field, .ck .ck-merge-field-block.ck-merge-field-block_with-warning_missing-data:not(.ck-merge-field-block_with-warning):not(.ck-merge-field-block_with-value) .ck-merge-field, .ck .ck-merge-field-block.ck-merge-field-block_with-warning_no-default.ck-merge-field-block_with-warning_missing-data .ck-merge-field, .ck .ck-merge-field-block.ck-merge-field-block_with-warning_missing-data.ck-merge-field-block_with-warning_missing-data .ck-merge-field {
 				outline: 1px solid var(--ck-color-merge-fields-with-warning-outline);
 				line-height: 1.3em;
 			}
+
 /* Make sure the content in the block does not overflow. */
+
 .ck .ck-merge-field-block.ck-merge-field-block_with-warning_default-value-used .ck-merge-field, .ck .ck-merge-field-block.ck-merge-field-block_with-value .ck-merge-field {
 			overflow: hidden;
 		}
+
 /* Styling for the label displayed in the upper-left corner in the data set previews:
 			* when data is available (shows merge field icon);
 			* when default value is used (shows merge field and error icons). */
+
 .ck .ck-merge-field-block.ck-merge-field-block_with-warning_default-value-used::before, .ck .ck-merge-field-block.ck-merge-field-block_with-value::before {
 			position: absolute;
 			z-index: 1;
@@ -70,116 +159,138 @@
 			line-height: 0em;
 			background-color: hsl(0, 0%, 100%);
 		}
+
 /* Styling for the warning: merge field icon + warning icon with the red outline. */
+
 .ck .ck-merge-field-block.ck-merge-field-block_with-warning_default-value-used:not(.ck-merge-field-block_with-value)::before, .ck .ck-merge-field-block.ck-merge-field-block_with-value:not(.ck-merge-field-block_with-value)::before {
 				content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none"%3E%3Ccircle cx="7.89981" cy="7.70938" r="1.35" fill="%23333333"/%3E%3Cpath d="M10.8241 1.3645C10.8242 0.6895 10.8243 0.6895 10.8243 0.6895L10.8254 0.689501L10.8275 0.689505L10.834 0.689533L10.8558 0.689721C10.8741 0.689929 10.8998 0.690334 10.9313 0.691122C10.9942 0.692692 11.0818 0.695814 11.1822 0.702076C11.3725 0.713953 11.648 0.739273 11.8889 0.799933C12.2461 0.889854 12.5529 1.05305 12.7956 1.29598C13.0364 1.5369 13.1814 1.82347 13.2674 2.11173C13.4307 2.65843 13.4025 3.29399 13.3646 3.83275C13.3558 3.95861 13.3462 4.0811 13.3369 4.20063C13.3027 4.63909 13.2716 5.03792 13.29 5.41777C13.3131 5.89278 13.4121 6.20897 13.5894 6.41849C13.7897 6.65519 14.0336 6.8041 14.2365 6.89438C14.3365 6.93893 14.4218 6.96703 14.4787 6.98333C14.507 6.99142 14.5277 6.99644 14.5391 6.99901L14.5476 7.00087L15.0991 7.09901V7.6645H12.9373C12.8081 7.55756 12.68 7.43372 12.5588 7.29052C12.1016 6.7501 11.9706 6.08078 11.9416 5.48324C11.9186 5.00885 11.9589 4.49792 11.9942 4.05032C12.0027 3.94209 12.0109 3.83752 12.0179 3.73811C12.0572 3.17882 12.0575 2.77784 11.9739 2.49806C11.9366 2.37307 11.8893 2.29891 11.8406 2.25018C11.794 2.20346 11.7142 2.14808 11.5593 2.10908C11.4429 2.07977 11.2684 2.06009 11.0981 2.04945C11.0181 2.04446 10.9477 2.04195 10.8977 2.0407C10.8728 2.04008 10.8532 2.03978 10.8405 2.03963L10.8266 2.03951L10.8239 2.0395L10.1491 2.03945L10.1492 0.689453L10.8243 0.6895L10.8241 1.3645Z" fill="%23333333"/%3E%3Cpath d="M10.8241 13.9645C10.8242 14.6395 10.8243 14.6395 10.8243 14.6395H10.8254L10.8275 14.6395L10.834 14.6395L10.8558 14.6393C10.8741 14.6391 10.8998 14.6387 10.9313 14.6379C10.9942 14.6363 11.0818 14.6332 11.1822 14.6269C11.3725 14.6151 11.648 14.5897 11.8889 14.5291C12.2461 14.4392 12.5529 14.276 12.7956 14.033C13.0364 13.7921 13.1814 13.5055 13.2674 13.2173C13.4307 12.6706 13.4025 12.035 13.3646 11.4963C13.3558 11.3704 13.3462 11.2479 13.3369 11.1284C13.3027 10.6899 13.2716 10.2911 13.29 9.91123C13.3131 9.43623 13.4121 9.12004 13.5894 8.91051C13.7897 8.67382 14.0336 8.52491 14.2365 8.43463C14.3365 8.39008 14.4218 8.36198 14.4787 8.34568C14.507 8.33759 14.5277 8.33257 14.5391 8.32999L14.5476 8.32813L15.0991 8.23V7.6645H12.9373C12.8081 7.77144 12.68 7.89528 12.5588 8.03849C12.1016 8.57891 11.9706 9.24823 11.9416 9.84577C11.9186 10.3202 11.9589 10.8311 11.9942 11.2787C12.0027 11.3869 12.0109 11.4915 12.0179 11.5909C12.0572 12.1502 12.0575 12.5512 11.9739 12.8309C11.9366 12.9559 11.8893 13.0301 11.8406 13.0788C11.794 13.1256 11.7142 13.1809 11.5593 13.2199C11.4429 13.2492 11.2684 13.2689 11.0981 13.2796C11.0181 13.2845 10.9477 13.2871 10.8977 13.2883C10.8728 13.2889 10.8532 13.2892 10.8405 13.2894L10.8266 13.2895L10.8239 13.2895L10.1491 13.2896L10.1492 14.6396L10.8243 14.6395L10.8241 13.9645Z" fill="%23333333"/%3E%3Cpath d="M4.97471 1.3645C4.97466 0.6895 4.97455 0.6895 4.97455 0.6895L4.97338 0.689501L4.97131 0.689505L4.96483 0.689533L4.94301 0.689721C4.92472 0.689929 4.89906 0.690334 4.86749 0.691122C4.8046 0.692692 4.71698 0.695814 4.61666 0.702076C4.42635 0.713953 4.15083 0.739273 3.9099 0.799933C3.55276 0.889854 3.24593 1.05305 3.00319 1.29598C2.76247 1.5369 2.61747 1.82347 2.53138 2.11173C2.3681 2.65843 2.39635 3.29399 2.43421 3.83275C2.44306 3.95861 2.45262 4.0811 2.46194 4.20063C2.49615 4.63909 2.52727 5.03792 2.50883 5.41777C2.48576 5.89278 2.38671 6.20897 2.20942 6.41849C2.00914 6.65519 1.76518 6.8041 1.56236 6.89438C1.46229 6.93893 1.37703 6.96703 1.32009 6.98333C1.29181 6.99142 1.2711 6.99644 1.25976 6.99901L1.25122 7.00087L0.699707 7.09901V7.6645H2.86155C2.9907 7.55756 3.11882 7.43372 3.23999 7.29052C3.69727 6.7501 3.82823 6.08078 3.85724 5.48324C3.88027 5.00885 3.83997 4.49792 3.80466 4.05032C3.79613 3.94209 3.78788 3.83752 3.78089 3.73811C3.74159 3.17882 3.74136 2.77784 3.82492 2.49806C3.86225 2.37307 3.9095 2.29891 3.95819 2.25018C4.00487 2.20346 4.0846 2.14808 4.23951 2.10908C4.35591 2.07977 4.53039 2.06009 4.70075 2.04945C4.78076 2.04446 4.85115 2.04195 4.90117 2.0407C4.92606 2.04008 4.94559 2.03978 4.95837 2.03963L4.97222 2.03951L4.97497 2.0395L5.64975 2.03945L5.64966 0.689453L4.97455 0.6895L4.97471 1.3645Z" fill="%23333333"/%3E%3Cpath d="M4.97471 13.9645C4.97466 14.6395 4.97455 14.6395 4.97455 14.6395H4.97338L4.97131 14.6395L4.96483 14.6395L4.94301 14.6393C4.92472 14.6391 4.89906 14.6387 4.86749 14.6379C4.8046 14.6363 4.71698 14.6332 4.61666 14.6269C4.42635 14.6151 4.15083 14.5897 3.9099 14.5291C3.55276 14.4392 3.24593 14.276 3.00319 14.033C2.76247 13.7921 2.61747 13.5055 2.53138 13.2173C2.3681 12.6706 2.39635 12.035 2.43421 11.4963C2.44306 11.3704 2.45261 11.2479 2.46194 11.1284C2.49615 10.6899 2.52727 10.2911 2.50883 9.91123C2.48576 9.43623 2.38671 9.12004 2.20942 8.91051C2.00914 8.67382 1.76518 8.52491 1.56236 8.43463C1.46229 8.39008 1.37703 8.36198 1.32009 8.34568C1.29181 8.33759 1.2711 8.33257 1.25976 8.32999L1.25122 8.32813L0.699707 8.23V7.6645H2.86155C2.9907 7.77144 3.11882 7.89528 3.23999 8.03849C3.69727 8.57891 3.82823 9.24823 3.85724 9.84577C3.88027 10.3202 3.83997 10.8311 3.80466 11.2787C3.79613 11.3869 3.78788 11.4915 3.78089 11.5909C3.74159 12.1502 3.74136 12.5512 3.82492 12.8309C3.86225 12.9559 3.9095 13.0301 3.95819 13.0788C4.00487 13.1256 4.0846 13.1809 4.23951 13.2199C4.35591 13.2492 4.53039 13.2689 4.70075 13.2796C4.78076 13.2845 4.85115 13.2871 4.90117 13.2883C4.92606 13.2889 4.94559 13.2892 4.95837 13.2894L4.97222 13.2895L4.97497 13.2895L5.64975 13.2896L5.64966 14.6396L4.97455 14.6395L4.97471 13.9645Z" fill="%23333333"/%3E%3C/svg%3E') url('data:image/svg+xml,%3Csvg width="15" height="13" viewBox="-2 0 13 13" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M12 6C12 9.31371 9.31371 12 6 12C2.68629 12 0 9.31371 0 6C0 2.68629 2.68629 0 6 0C9.31371 0 12 2.68629 12 6ZM5.27988 2.40003H6.71988V6.72003H5.27988V2.40003ZM6.72009 8.16003H5.28009V9.60003H6.72009V8.16003Z" fill="%23DB3700"/%3E%3C/svg%3E');
 				outline: 1px solid var(--ck-color-merge-fields-with-warning-outline);
 			}
+
 /* Styling for the value preview: merge field icon with the grey outline. */
+
 .ck .ck-merge-field-block.ck-merge-field-block_with-warning_default-value-used:not(.ck-merge-field-block_with-warning)::before, .ck .ck-merge-field-block.ck-merge-field-block_with-value:not(.ck-merge-field-block_with-warning)::before {
 				content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none"%3E%3Ccircle cx="7.89981" cy="7.70938" r="1.35" fill="%23333333"/%3E%3Cpath d="M10.8241 1.3645C10.8242 0.6895 10.8243 0.6895 10.8243 0.6895L10.8254 0.689501L10.8275 0.689505L10.834 0.689533L10.8558 0.689721C10.8741 0.689929 10.8998 0.690334 10.9313 0.691122C10.9942 0.692692 11.0818 0.695814 11.1822 0.702076C11.3725 0.713953 11.648 0.739273 11.8889 0.799933C12.2461 0.889854 12.5529 1.05305 12.7956 1.29598C13.0364 1.5369 13.1814 1.82347 13.2674 2.11173C13.4307 2.65843 13.4025 3.29399 13.3646 3.83275C13.3558 3.95861 13.3462 4.0811 13.3369 4.20063C13.3027 4.63909 13.2716 5.03792 13.29 5.41777C13.3131 5.89278 13.4121 6.20897 13.5894 6.41849C13.7897 6.65519 14.0336 6.8041 14.2365 6.89438C14.3365 6.93893 14.4218 6.96703 14.4787 6.98333C14.507 6.99142 14.5277 6.99644 14.5391 6.99901L14.5476 7.00087L15.0991 7.09901V7.6645H12.9373C12.8081 7.55756 12.68 7.43372 12.5588 7.29052C12.1016 6.7501 11.9706 6.08078 11.9416 5.48324C11.9186 5.00885 11.9589 4.49792 11.9942 4.05032C12.0027 3.94209 12.0109 3.83752 12.0179 3.73811C12.0572 3.17882 12.0575 2.77784 11.9739 2.49806C11.9366 2.37307 11.8893 2.29891 11.8406 2.25018C11.794 2.20346 11.7142 2.14808 11.5593 2.10908C11.4429 2.07977 11.2684 2.06009 11.0981 2.04945C11.0181 2.04446 10.9477 2.04195 10.8977 2.0407C10.8728 2.04008 10.8532 2.03978 10.8405 2.03963L10.8266 2.03951L10.8239 2.0395L10.1491 2.03945L10.1492 0.689453L10.8243 0.6895L10.8241 1.3645Z" fill="%23333333"/%3E%3Cpath d="M10.8241 13.9645C10.8242 14.6395 10.8243 14.6395 10.8243 14.6395H10.8254L10.8275 14.6395L10.834 14.6395L10.8558 14.6393C10.8741 14.6391 10.8998 14.6387 10.9313 14.6379C10.9942 14.6363 11.0818 14.6332 11.1822 14.6269C11.3725 14.6151 11.648 14.5897 11.8889 14.5291C12.2461 14.4392 12.5529 14.276 12.7956 14.033C13.0364 13.7921 13.1814 13.5055 13.2674 13.2173C13.4307 12.6706 13.4025 12.035 13.3646 11.4963C13.3558 11.3704 13.3462 11.2479 13.3369 11.1284C13.3027 10.6899 13.2716 10.2911 13.29 9.91123C13.3131 9.43623 13.4121 9.12004 13.5894 8.91051C13.7897 8.67382 14.0336 8.52491 14.2365 8.43463C14.3365 8.39008 14.4218 8.36198 14.4787 8.34568C14.507 8.33759 14.5277 8.33257 14.5391 8.32999L14.5476 8.32813L15.0991 8.23V7.6645H12.9373C12.8081 7.77144 12.68 7.89528 12.5588 8.03849C12.1016 8.57891 11.9706 9.24823 11.9416 9.84577C11.9186 10.3202 11.9589 10.8311 11.9942 11.2787C12.0027 11.3869 12.0109 11.4915 12.0179 11.5909C12.0572 12.1502 12.0575 12.5512 11.9739 12.8309C11.9366 12.9559 11.8893 13.0301 11.8406 13.0788C11.794 13.1256 11.7142 13.1809 11.5593 13.2199C11.4429 13.2492 11.2684 13.2689 11.0981 13.2796C11.0181 13.2845 10.9477 13.2871 10.8977 13.2883C10.8728 13.2889 10.8532 13.2892 10.8405 13.2894L10.8266 13.2895L10.8239 13.2895L10.1491 13.2896L10.1492 14.6396L10.8243 14.6395L10.8241 13.9645Z" fill="%23333333"/%3E%3Cpath d="M4.97471 1.3645C4.97466 0.6895 4.97455 0.6895 4.97455 0.6895L4.97338 0.689501L4.97131 0.689505L4.96483 0.689533L4.94301 0.689721C4.92472 0.689929 4.89906 0.690334 4.86749 0.691122C4.8046 0.692692 4.71698 0.695814 4.61666 0.702076C4.42635 0.713953 4.15083 0.739273 3.9099 0.799933C3.55276 0.889854 3.24593 1.05305 3.00319 1.29598C2.76247 1.5369 2.61747 1.82347 2.53138 2.11173C2.3681 2.65843 2.39635 3.29399 2.43421 3.83275C2.44306 3.95861 2.45262 4.0811 2.46194 4.20063C2.49615 4.63909 2.52727 5.03792 2.50883 5.41777C2.48576 5.89278 2.38671 6.20897 2.20942 6.41849C2.00914 6.65519 1.76518 6.8041 1.56236 6.89438C1.46229 6.93893 1.37703 6.96703 1.32009 6.98333C1.29181 6.99142 1.2711 6.99644 1.25976 6.99901L1.25122 7.00087L0.699707 7.09901V7.6645H2.86155C2.9907 7.55756 3.11882 7.43372 3.23999 7.29052C3.69727 6.7501 3.82823 6.08078 3.85724 5.48324C3.88027 5.00885 3.83997 4.49792 3.80466 4.05032C3.79613 3.94209 3.78788 3.83752 3.78089 3.73811C3.74159 3.17882 3.74136 2.77784 3.82492 2.49806C3.86225 2.37307 3.9095 2.29891 3.95819 2.25018C4.00487 2.20346 4.0846 2.14808 4.23951 2.10908C4.35591 2.07977 4.53039 2.06009 4.70075 2.04945C4.78076 2.04446 4.85115 2.04195 4.90117 2.0407C4.92606 2.04008 4.94559 2.03978 4.95837 2.03963L4.97222 2.03951L4.97497 2.0395L5.64975 2.03945L5.64966 0.689453L4.97455 0.6895L4.97471 1.3645Z" fill="%23333333"/%3E%3Cpath d="M4.97471 13.9645C4.97466 14.6395 4.97455 14.6395 4.97455 14.6395H4.97338L4.97131 14.6395L4.96483 14.6395L4.94301 14.6393C4.92472 14.6391 4.89906 14.6387 4.86749 14.6379C4.8046 14.6363 4.71698 14.6332 4.61666 14.6269C4.42635 14.6151 4.15083 14.5897 3.9099 14.5291C3.55276 14.4392 3.24593 14.276 3.00319 14.033C2.76247 13.7921 2.61747 13.5055 2.53138 13.2173C2.3681 12.6706 2.39635 12.035 2.43421 11.4963C2.44306 11.3704 2.45261 11.2479 2.46194 11.1284C2.49615 10.6899 2.52727 10.2911 2.50883 9.91123C2.48576 9.43623 2.38671 9.12004 2.20942 8.91051C2.00914 8.67382 1.76518 8.52491 1.56236 8.43463C1.46229 8.39008 1.37703 8.36198 1.32009 8.34568C1.29181 8.33759 1.2711 8.33257 1.25976 8.32999L1.25122 8.32813L0.699707 8.23V7.6645H2.86155C2.9907 7.77144 3.11882 7.89528 3.23999 8.03849C3.69727 8.57891 3.82823 9.24823 3.85724 9.84577C3.88027 10.3202 3.83997 10.8311 3.80466 11.2787C3.79613 11.3869 3.78788 11.4915 3.78089 11.5909C3.74159 12.1502 3.74136 12.5512 3.82492 12.8309C3.86225 12.9559 3.9095 13.0301 3.95819 13.0788C4.00487 13.1256 4.0846 13.1809 4.23951 13.2199C4.35591 13.2492 4.53039 13.2689 4.70075 13.2796C4.78076 13.2845 4.85115 13.2871 4.90117 13.2883C4.92606 13.2889 4.94559 13.2892 4.95837 13.2894L4.97222 13.2895L4.97497 13.2895L5.64975 13.2896L5.64966 14.6396L4.97455 14.6395L4.97471 13.9645Z" fill="%23333333"/%3E%3C/svg%3E');
 				outline: 1px solid var(--ck-color-merge-fields-value-outline);
 			}
+
+/* Preserve the outline when the fake caret is displayed,
+		but do not overwrite the "on hover" or "on selected" default widget behavior.*/
+
 .ck .ck-merge-field-block:not(:hover):not(.ck-widget_selected),
 	.ck .ck-merge-field-block.ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_before,
 	.ck .ck-merge-field-block.ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_after {
 		outline: 1px solid var(--ck-color-merge-fields-block-outline);
 	}
+
 .ck .ck-merge-field-block[dir="rtl"]::before {
 		left: auto;
 		right: var(--ck-spacing-medium);
 	}
 
-.ck .ck-merge-field {
-	border-radius: 2px;
-}
+/* Styling when there is no data to preview. */
 
-.ck .ck-merge-field:hover {
-		transition: none;
-		cursor: default;
-	}
+.ck .ck-merge-field-image:not(.ck-merge-field-image_with-warning):not(.ck-merge-field-image_with-value),
+	.ck .ck-merge-field-image.ck-merge-field-image_with-warning_no-default,
+	.ck .ck-merge-field-image.ck-merge-field-image_with-warning_missing-data {
+		/* Display the placeholder background. */
+		background-image: url('data:image/svg+xml,%3Csvg width="788" height="456" viewBox="0 0 788 456" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M488.076 321.87C538.248 313.878 596.911 164.982 665.095 281.279C665.103 281.292 665.1 281.29 665.109 281.302L726.554 367.884L787.449 453.692C787.689 454.029 787.428 454.468 787.014 454.468H665.107H89.78H0.885437C0.492737 454.468 0.247864 454.042 0.445435 453.703L89.78 300.244C126.705 231.881 182.704 101.93 267.335 101.93C360.102 101.929 430.397 331.058 488.076 321.87Z" fill="%23F3F3F3"/%3E%3Ccircle cx="514.76" cy="87.6508" r="67.6508" fill="%23F3F3F3"/%3E%3C/svg%3E%0A');
+		background-position: bottom;
+		background-size: contain;
+		background-repeat: no-repeat;
 
-.ck .ck-merge-field.ck-merge-field_with-warning {
-		padding-left: 0.15em;
+		/* Only applied to the image merge field label, not to merge fields in the caption. */
 	}
 
-.ck .ck-merge-field:not(.ck-merge-field_with-warning):not(.ck-merge-field_with-value) {
-		padding-top: var(--ck-merge-fields-paddings-vertical);
-		padding-bottom: var(--ck-merge-fields-paddings-vertical);
-		line-height: 1.1em;
-	}
+.ck .ck-merge-field-image:not(.ck-merge-field-image_with-warning):not(.ck-merge-field-image_with-value) > .ck-merge-field, .ck .ck-merge-field-image.ck-merge-field-image_with-warning_no-default > .ck-merge-field, .ck .ck-merge-field-image.ck-merge-field-image_with-warning_missing-data > .ck-merge-field {
+			background-color: hsl(0, 0%, 100%);
 
-.ck .ck-merge-field:not(.ck-merge-field_with-warning):not(.ck-merge-field_with-value):not(:hover):not(.ck-widget_selected) {
-			outline: 1px solid var(--ck-color-merge-fields-outline);
-		}
+			/* Center the label and position it over the image. */
+			left: 50%;
+			top: 50%;
+			-webkit-transform: translate(-50%, -50%);
+			-moz-transform: translate(-50%, -50%);
+			transform: translate(-50%, -50%);
+			position: absolute;
 
-.ck .ck-merge-field:not(.ck-merge-field-block *) {
-		/* Styles for textual (inline) merge fields only. */
-		-webkit-user-select: none;
-		white-space: nowrap;
-		margin: 0 1px 0 2px;
-		line-height: 0;
-		padding-top: var(--ck-merge-fields-paddings-vertical);
-		padding-bottom: var(--ck-merge-fields-paddings-vertical);
-	}
+			/* This line allows vertical shrinking the content below the line height. It doesn't work on Firefox, unfortunately:
+			https://caniuse.com/?search=fill-available. */
+			max-height: -webkit-fill-available;
 
-.ck .ck-merge-field.ck-merge-field_with-warning:not(.ck-merge-field-block *) {
-			white-space: normal;
+			/* Enable proper label shrinking when image is resized. */
+			display: flex;
+			max-width: 80%;
+			align-items: baseline;
+			overflow: hidden;
 		}
 
-.ck .ck-merge-field.ck-merge-field_with-warning:not(.ck-merge-field-block *):not(:hover):not(.ck-widget_selected) {
-				outline: 1px solid var(--ck-color-merge-fields-with-warning-outline);
+.ck .ck-merge-field-image:not(.ck-merge-field-image_with-warning):not(.ck-merge-field-image_with-value) > .ck-merge-field .ck-merge-field__content, .ck .ck-merge-field-image.ck-merge-field-image_with-warning_no-default > .ck-merge-field .ck-merge-field__content, .ck .ck-merge-field-image.ck-merge-field-image_with-warning_missing-data > .ck-merge-field .ck-merge-field__content {
+				overflow: hidden;
+				text-overflow: ellipsis;
 			}
 
-.ck .ck-merge-field.ck-merge-field_with-value:not(.ck-merge-field-block *) {
-			white-space: normal;
-		}
+/* We have to set the pointer events to auto to allow the tooltip to be displayed, so we need to also set outline explicitly. */
 
-.ck .ck-merge-field.ck-merge-field_with-value:not(.ck-merge-field-block *):not(:hover):not(.ck-widget_selected) {
-				outline: 1px solid var(--ck-color-merge-fields-value-outline);
+.ck .ck-merge-field-image:not(.ck-merge-field-image_with-warning):not(.ck-merge-field-image_with-value) > .ck-merge-field:hover, .ck .ck-merge-field-image.ck-merge-field-image_with-warning_no-default > .ck-merge-field:hover, .ck .ck-merge-field-image.ck-merge-field-image_with-warning_missing-data > .ck-merge-field:hover {
+				outline: 1px solid var(--ck-color-merge-fields-outline);
 			}
 
-.ck .ck-merge-field .ck-merge-field__icon {
-		padding: 0 0.15em;
-		position: relative;
-		top: -1px;
-	}
+/* Only apply to the label, not to merge fields in the caption. */
 
-.ck .ck-merge-field .ck.ck-icon {
-		height: var(--ck-merge-fields-icon-size);
-		width: var(--ck-merge-fields-icon-size);
-	}
-
-.ck .ck-merge-field .ck-merge-field__affix {
-		font-family: Arial, sans-serif;
-		position: relative;
-		top: -0.15em;
-		font-size: 0.85em;
-		color: var(--ck-color-merge-fields-affix-color);
-	}
+.ck .ck-merge-field-image.ck-merge-field-image_with-warning_no-default:not(.ck-merge-field-image_with-warning):not(.ck-merge-field-image_with-value) > .ck-merge-field, .ck .ck-merge-field-image.ck-merge-field-image_with-warning_no-default.ck-merge-field-image_with-warning_no-default > .ck-merge-field, .ck .ck-merge-field-image.ck-merge-field-image_with-warning_missing-data.ck-merge-field-image_with-warning_no-default > .ck-merge-field, .ck .ck-merge-field-image.ck-merge-field-image_with-warning_missing-data:not(.ck-merge-field-image_with-warning):not(.ck-merge-field-image_with-value) > .ck-merge-field, .ck .ck-merge-field-image.ck-merge-field-image_with-warning_no-default.ck-merge-field-image_with-warning_missing-data > .ck-merge-field, .ck .ck-merge-field-image.ck-merge-field-image_with-warning_missing-data.ck-merge-field-image_with-warning_missing-data > .ck-merge-field {
+				outline: 1px solid var(--ck-color-merge-fields-with-warning-outline);
+				line-height: 1.3em;
+			}
 
-.ck .ck-merge-field .ck-merge-field__affix:first-child {
-			padding-left: 0.25em;
-			padding-right: 0.15em;
+.ck .ck-merge-field-image:not(.ck-merge-field-image_with-warning):not(.ck-merge-field-image_with-value):not(:hover):not(.ck-widget_selected), .ck .ck-merge-field-image.ck-merge-field-image_with-warning_no-default:not(:hover):not(.ck-widget_selected), .ck .ck-merge-field-image.ck-merge-field-image_with-warning_missing-data:not(:hover):not(.ck-widget_selected) {
+			outline: 1px solid var(--ck-color-merge-fields-block-outline);
 		}
 
-.ck .ck-merge-field .ck-merge-field__affix:last-child {
-			padding-left: 0.15em;
-			padding-right: 0.25em;
+/* Styling for the label displayed in the upper-left corner in the data set previews:
+			* when data is available (shows merge field icon);
+			* when default value is used (shows merge field and error icons). */
+
+.ck .ck-merge-field-image.ck-merge-field-image_with-warning_default-value-used::before, .ck .ck-merge-field-image.ck-merge-field-image_with-value::before {
+			position: absolute;
+			z-index: 1;
+			top: var(--ck-spacing-small);
+			left: var(--ck-spacing-small);
+			padding: 2px 2px 2.5px 2px;
+			border-radius: 2px;
+			line-height: 0em;
+			background-color: hsl(0, 0%, 100%);
+			overflow: hidden;
+			/* This line allows vertical shrinking the content below the line height. It doesn't work on Firefox, unfortunately:
+			https://caniuse.com/?search=fill-available. */
+			max-height: -webkit-fill-available;
+			max-width: -webkit-fill-available;
 		}
 
+/* Styling for the warning: merge field icon + warning icon with the red outline. */
+
+.ck .ck-merge-field-image.ck-merge-field-image_with-warning_default-value-used:not(.ck-merge-field-image_with-value)::before, .ck .ck-merge-field-image.ck-merge-field-image_with-value:not(.ck-merge-field-image_with-value)::before {
+				content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none"%3E%3Ccircle cx="7.89981" cy="7.70938" r="1.35" fill="%23333333"/%3E%3Cpath d="M10.8241 1.3645C10.8242 0.6895 10.8243 0.6895 10.8243 0.6895L10.8254 0.689501L10.8275 0.689505L10.834 0.689533L10.8558 0.689721C10.8741 0.689929 10.8998 0.690334 10.9313 0.691122C10.9942 0.692692 11.0818 0.695814 11.1822 0.702076C11.3725 0.713953 11.648 0.739273 11.8889 0.799933C12.2461 0.889854 12.5529 1.05305 12.7956 1.29598C13.0364 1.5369 13.1814 1.82347 13.2674 2.11173C13.4307 2.65843 13.4025 3.29399 13.3646 3.83275C13.3558 3.95861 13.3462 4.0811 13.3369 4.20063C13.3027 4.63909 13.2716 5.03792 13.29 5.41777C13.3131 5.89278 13.4121 6.20897 13.5894 6.41849C13.7897 6.65519 14.0336 6.8041 14.2365 6.89438C14.3365 6.93893 14.4218 6.96703 14.4787 6.98333C14.507 6.99142 14.5277 6.99644 14.5391 6.99901L14.5476 7.00087L15.0991 7.09901V7.6645H12.9373C12.8081 7.55756 12.68 7.43372 12.5588 7.29052C12.1016 6.7501 11.9706 6.08078 11.9416 5.48324C11.9186 5.00885 11.9589 4.49792 11.9942 4.05032C12.0027 3.94209 12.0109 3.83752 12.0179 3.73811C12.0572 3.17882 12.0575 2.77784 11.9739 2.49806C11.9366 2.37307 11.8893 2.29891 11.8406 2.25018C11.794 2.20346 11.7142 2.14808 11.5593 2.10908C11.4429 2.07977 11.2684 2.06009 11.0981 2.04945C11.0181 2.04446 10.9477 2.04195 10.8977 2.0407C10.8728 2.04008 10.8532 2.03978 10.8405 2.03963L10.8266 2.03951L10.8239 2.0395L10.1491 2.03945L10.1492 0.689453L10.8243 0.6895L10.8241 1.3645Z" fill="%23333333"/%3E%3Cpath d="M10.8241 13.9645C10.8242 14.6395 10.8243 14.6395 10.8243 14.6395H10.8254L10.8275 14.6395L10.834 14.6395L10.8558 14.6393C10.8741 14.6391 10.8998 14.6387 10.9313 14.6379C10.9942 14.6363 11.0818 14.6332 11.1822 14.6269C11.3725 14.6151 11.648 14.5897 11.8889 14.5291C12.2461 14.4392 12.5529 14.276 12.7956 14.033C13.0364 13.7921 13.1814 13.5055 13.2674 13.2173C13.4307 12.6706 13.4025 12.035 13.3646 11.4963C13.3558 11.3704 13.3462 11.2479 13.3369 11.1284C13.3027 10.6899 13.2716 10.2911 13.29 9.91123C13.3131 9.43623 13.4121 9.12004 13.5894 8.91051C13.7897 8.67382 14.0336 8.52491 14.2365 8.43463C14.3365 8.39008 14.4218 8.36198 14.4787 8.34568C14.507 8.33759 14.5277 8.33257 14.5391 8.32999L14.5476 8.32813L15.0991 8.23V7.6645H12.9373C12.8081 7.77144 12.68 7.89528 12.5588 8.03849C12.1016 8.57891 11.9706 9.24823 11.9416 9.84577C11.9186 10.3202 11.9589 10.8311 11.9942 11.2787C12.0027 11.3869 12.0109 11.4915 12.0179 11.5909C12.0572 12.1502 12.0575 12.5512 11.9739 12.8309C11.9366 12.9559 11.8893 13.0301 11.8406 13.0788C11.794 13.1256 11.7142 13.1809 11.5593 13.2199C11.4429 13.2492 11.2684 13.2689 11.0981 13.2796C11.0181 13.2845 10.9477 13.2871 10.8977 13.2883C10.8728 13.2889 10.8532 13.2892 10.8405 13.2894L10.8266 13.2895L10.8239 13.2895L10.1491 13.2896L10.1492 14.6396L10.8243 14.6395L10.8241 13.9645Z" fill="%23333333"/%3E%3Cpath d="M4.97471 1.3645C4.97466 0.6895 4.97455 0.6895 4.97455 0.6895L4.97338 0.689501L4.97131 0.689505L4.96483 0.689533L4.94301 0.689721C4.92472 0.689929 4.89906 0.690334 4.86749 0.691122C4.8046 0.692692 4.71698 0.695814 4.61666 0.702076C4.42635 0.713953 4.15083 0.739273 3.9099 0.799933C3.55276 0.889854 3.24593 1.05305 3.00319 1.29598C2.76247 1.5369 2.61747 1.82347 2.53138 2.11173C2.3681 2.65843 2.39635 3.29399 2.43421 3.83275C2.44306 3.95861 2.45262 4.0811 2.46194 4.20063C2.49615 4.63909 2.52727 5.03792 2.50883 5.41777C2.48576 5.89278 2.38671 6.20897 2.20942 6.41849C2.00914 6.65519 1.76518 6.8041 1.56236 6.89438C1.46229 6.93893 1.37703 6.96703 1.32009 6.98333C1.29181 6.99142 1.2711 6.99644 1.25976 6.99901L1.25122 7.00087L0.699707 7.09901V7.6645H2.86155C2.9907 7.55756 3.11882 7.43372 3.23999 7.29052C3.69727 6.7501 3.82823 6.08078 3.85724 5.48324C3.88027 5.00885 3.83997 4.49792 3.80466 4.05032C3.79613 3.94209 3.78788 3.83752 3.78089 3.73811C3.74159 3.17882 3.74136 2.77784 3.82492 2.49806C3.86225 2.37307 3.9095 2.29891 3.95819 2.25018C4.00487 2.20346 4.0846 2.14808 4.23951 2.10908C4.35591 2.07977 4.53039 2.06009 4.70075 2.04945C4.78076 2.04446 4.85115 2.04195 4.90117 2.0407C4.92606 2.04008 4.94559 2.03978 4.95837 2.03963L4.97222 2.03951L4.97497 2.0395L5.64975 2.03945L5.64966 0.689453L4.97455 0.6895L4.97471 1.3645Z" fill="%23333333"/%3E%3Cpath d="M4.97471 13.9645C4.97466 14.6395 4.97455 14.6395 4.97455 14.6395H4.97338L4.97131 14.6395L4.96483 14.6395L4.94301 14.6393C4.92472 14.6391 4.89906 14.6387 4.86749 14.6379C4.8046 14.6363 4.71698 14.6332 4.61666 14.6269C4.42635 14.6151 4.15083 14.5897 3.9099 14.5291C3.55276 14.4392 3.24593 14.276 3.00319 14.033C2.76247 13.7921 2.61747 13.5055 2.53138 13.2173C2.3681 12.6706 2.39635 12.035 2.43421 11.4963C2.44306 11.3704 2.45261 11.2479 2.46194 11.1284C2.49615 10.6899 2.52727 10.2911 2.50883 9.91123C2.48576 9.43623 2.38671 9.12004 2.20942 8.91051C2.00914 8.67382 1.76518 8.52491 1.56236 8.43463C1.46229 8.39008 1.37703 8.36198 1.32009 8.34568C1.29181 8.33759 1.2711 8.33257 1.25976 8.32999L1.25122 8.32813L0.699707 8.23V7.6645H2.86155C2.9907 7.77144 3.11882 7.89528 3.23999 8.03849C3.69727 8.57891 3.82823 9.24823 3.85724 9.84577C3.88027 10.3202 3.83997 10.8311 3.80466 11.2787C3.79613 11.3869 3.78788 11.4915 3.78089 11.5909C3.74159 12.1502 3.74136 12.5512 3.82492 12.8309C3.86225 12.9559 3.9095 13.0301 3.95819 13.0788C4.00487 13.1256 4.0846 13.1809 4.23951 13.2199C4.35591 13.2492 4.53039 13.2689 4.70075 13.2796C4.78076 13.2845 4.85115 13.2871 4.90117 13.2883C4.92606 13.2889 4.94559 13.2892 4.95837 13.2894L4.97222 13.2895L4.97497 13.2895L5.64975 13.2896L5.64966 14.6396L4.97455 14.6395L4.97471 13.9645Z" fill="%23333333"/%3E%3C/svg%3E') url('data:image/svg+xml,%3Csvg width="15" height="13" viewBox="-2 0 13 13" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M12 6C12 9.31371 9.31371 12 6 12C2.68629 12 0 9.31371 0 6C0 2.68629 2.68629 0 6 0C9.31371 0 12 2.68629 12 6ZM5.27988 2.40003H6.71988V6.72003H5.27988V2.40003ZM6.72009 8.16003H5.28009V9.60003H6.72009V8.16003Z" fill="%23DB3700"/%3E%3C/svg%3E');
+				outline: 1px solid var(--ck-color-merge-fields-with-warning-outline);
+			}
+
+/* Styling for the value preview: merge field icon with the grey outline. */
+
+.ck .ck-merge-field-image.ck-merge-field-image_with-warning_default-value-used:not(.ck-merge-field-image_with-warning_default-value-used)::before, .ck .ck-merge-field-image.ck-merge-field-image_with-value:not(.ck-merge-field-image_with-warning_default-value-used)::before {
+				content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none"%3E%3Ccircle cx="7.89981" cy="7.70938" r="1.35" fill="%23333333"/%3E%3Cpath d="M10.8241 1.3645C10.8242 0.6895 10.8243 0.6895 10.8243 0.6895L10.8254 0.689501L10.8275 0.689505L10.834 0.689533L10.8558 0.689721C10.8741 0.689929 10.8998 0.690334 10.9313 0.691122C10.9942 0.692692 11.0818 0.695814 11.1822 0.702076C11.3725 0.713953 11.648 0.739273 11.8889 0.799933C12.2461 0.889854 12.5529 1.05305 12.7956 1.29598C13.0364 1.5369 13.1814 1.82347 13.2674 2.11173C13.4307 2.65843 13.4025 3.29399 13.3646 3.83275C13.3558 3.95861 13.3462 4.0811 13.3369 4.20063C13.3027 4.63909 13.2716 5.03792 13.29 5.41777C13.3131 5.89278 13.4121 6.20897 13.5894 6.41849C13.7897 6.65519 14.0336 6.8041 14.2365 6.89438C14.3365 6.93893 14.4218 6.96703 14.4787 6.98333C14.507 6.99142 14.5277 6.99644 14.5391 6.99901L14.5476 7.00087L15.0991 7.09901V7.6645H12.9373C12.8081 7.55756 12.68 7.43372 12.5588 7.29052C12.1016 6.7501 11.9706 6.08078 11.9416 5.48324C11.9186 5.00885 11.9589 4.49792 11.9942 4.05032C12.0027 3.94209 12.0109 3.83752 12.0179 3.73811C12.0572 3.17882 12.0575 2.77784 11.9739 2.49806C11.9366 2.37307 11.8893 2.29891 11.8406 2.25018C11.794 2.20346 11.7142 2.14808 11.5593 2.10908C11.4429 2.07977 11.2684 2.06009 11.0981 2.04945C11.0181 2.04446 10.9477 2.04195 10.8977 2.0407C10.8728 2.04008 10.8532 2.03978 10.8405 2.03963L10.8266 2.03951L10.8239 2.0395L10.1491 2.03945L10.1492 0.689453L10.8243 0.6895L10.8241 1.3645Z" fill="%23333333"/%3E%3Cpath d="M10.8241 13.9645C10.8242 14.6395 10.8243 14.6395 10.8243 14.6395H10.8254L10.8275 14.6395L10.834 14.6395L10.8558 14.6393C10.8741 14.6391 10.8998 14.6387 10.9313 14.6379C10.9942 14.6363 11.0818 14.6332 11.1822 14.6269C11.3725 14.6151 11.648 14.5897 11.8889 14.5291C12.2461 14.4392 12.5529 14.276 12.7956 14.033C13.0364 13.7921 13.1814 13.5055 13.2674 13.2173C13.4307 12.6706 13.4025 12.035 13.3646 11.4963C13.3558 11.3704 13.3462 11.2479 13.3369 11.1284C13.3027 10.6899 13.2716 10.2911 13.29 9.91123C13.3131 9.43623 13.4121 9.12004 13.5894 8.91051C13.7897 8.67382 14.0336 8.52491 14.2365 8.43463C14.3365 8.39008 14.4218 8.36198 14.4787 8.34568C14.507 8.33759 14.5277 8.33257 14.5391 8.32999L14.5476 8.32813L15.0991 8.23V7.6645H12.9373C12.8081 7.77144 12.68 7.89528 12.5588 8.03849C12.1016 8.57891 11.9706 9.24823 11.9416 9.84577C11.9186 10.3202 11.9589 10.8311 11.9942 11.2787C12.0027 11.3869 12.0109 11.4915 12.0179 11.5909C12.0572 12.1502 12.0575 12.5512 11.9739 12.8309C11.9366 12.9559 11.8893 13.0301 11.8406 13.0788C11.794 13.1256 11.7142 13.1809 11.5593 13.2199C11.4429 13.2492 11.2684 13.2689 11.0981 13.2796C11.0181 13.2845 10.9477 13.2871 10.8977 13.2883C10.8728 13.2889 10.8532 13.2892 10.8405 13.2894L10.8266 13.2895L10.8239 13.2895L10.1491 13.2896L10.1492 14.6396L10.8243 14.6395L10.8241 13.9645Z" fill="%23333333"/%3E%3Cpath d="M4.97471 1.3645C4.97466 0.6895 4.97455 0.6895 4.97455 0.6895L4.97338 0.689501L4.97131 0.689505L4.96483 0.689533L4.94301 0.689721C4.92472 0.689929 4.89906 0.690334 4.86749 0.691122C4.8046 0.692692 4.71698 0.695814 4.61666 0.702076C4.42635 0.713953 4.15083 0.739273 3.9099 0.799933C3.55276 0.889854 3.24593 1.05305 3.00319 1.29598C2.76247 1.5369 2.61747 1.82347 2.53138 2.11173C2.3681 2.65843 2.39635 3.29399 2.43421 3.83275C2.44306 3.95861 2.45262 4.0811 2.46194 4.20063C2.49615 4.63909 2.52727 5.03792 2.50883 5.41777C2.48576 5.89278 2.38671 6.20897 2.20942 6.41849C2.00914 6.65519 1.76518 6.8041 1.56236 6.89438C1.46229 6.93893 1.37703 6.96703 1.32009 6.98333C1.29181 6.99142 1.2711 6.99644 1.25976 6.99901L1.25122 7.00087L0.699707 7.09901V7.6645H2.86155C2.9907 7.55756 3.11882 7.43372 3.23999 7.29052C3.69727 6.7501 3.82823 6.08078 3.85724 5.48324C3.88027 5.00885 3.83997 4.49792 3.80466 4.05032C3.79613 3.94209 3.78788 3.83752 3.78089 3.73811C3.74159 3.17882 3.74136 2.77784 3.82492 2.49806C3.86225 2.37307 3.9095 2.29891 3.95819 2.25018C4.00487 2.20346 4.0846 2.14808 4.23951 2.10908C4.35591 2.07977 4.53039 2.06009 4.70075 2.04945C4.78076 2.04446 4.85115 2.04195 4.90117 2.0407C4.92606 2.04008 4.94559 2.03978 4.95837 2.03963L4.97222 2.03951L4.97497 2.0395L5.64975 2.03945L5.64966 0.689453L4.97455 0.6895L4.97471 1.3645Z" fill="%23333333"/%3E%3Cpath d="M4.97471 13.9645C4.97466 14.6395 4.97455 14.6395 4.97455 14.6395H4.97338L4.97131 14.6395L4.96483 14.6395L4.94301 14.6393C4.92472 14.6391 4.89906 14.6387 4.86749 14.6379C4.8046 14.6363 4.71698 14.6332 4.61666 14.6269C4.42635 14.6151 4.15083 14.5897 3.9099 14.5291C3.55276 14.4392 3.24593 14.276 3.00319 14.033C2.76247 13.7921 2.61747 13.5055 2.53138 13.2173C2.3681 12.6706 2.39635 12.035 2.43421 11.4963C2.44306 11.3704 2.45261 11.2479 2.46194 11.1284C2.49615 10.6899 2.52727 10.2911 2.50883 9.91123C2.48576 9.43623 2.38671 9.12004 2.20942 8.91051C2.00914 8.67382 1.76518 8.52491 1.56236 8.43463C1.46229 8.39008 1.37703 8.36198 1.32009 8.34568C1.29181 8.33759 1.2711 8.33257 1.25976 8.32999L1.25122 8.32813L0.699707 8.23V7.6645H2.86155C2.9907 7.77144 3.11882 7.89528 3.23999 8.03849C3.69727 8.57891 3.82823 9.24823 3.85724 9.84577C3.88027 10.3202 3.83997 10.8311 3.80466 11.2787C3.79613 11.3869 3.78788 11.4915 3.78089 11.5909C3.74159 12.1502 3.74136 12.5512 3.82492 12.8309C3.86225 12.9559 3.9095 13.0301 3.95819 13.0788C4.00487 13.1256 4.0846 13.1809 4.23951 13.2199C4.35591 13.2492 4.53039 13.2689 4.70075 13.2796C4.78076 13.2845 4.85115 13.2871 4.90117 13.2883C4.92606 13.2889 4.94559 13.2892 4.95837 13.2894L4.97222 13.2895L4.97497 13.2895L5.64975 13.2896L5.64966 14.6396L4.97455 14.6395L4.97471 13.9645Z" fill="%23333333"/%3E%3C/svg%3E');
+				outline: 1px solid var(--ck-color-merge-fields-value-outline);
+			}
+
+/* Improve the look of merge fields in the code blocks. */
 .ck pre code .ck-merge-field .ck-merge-field__affix {
 	font-family: inherit;
 	position: relative;
 	top: 0;
 	font-size: inherit;
 }
-
 .ck pre code .ck-merge-field .ck-merge-field__affix:first-child {
 		padding-left: 0.15em;
 		padding-right: 0.18em;
 	}
-
 .ck pre code .ck-merge-field .ck-merge-field__affix:last-child {
 		padding-left: 0.18em;
 		padding-right: 0.15em;
@@ -202,10 +313,13 @@
 		background-color: var(--ck-color-merge-fields-form-error-background);
 	}
 
-/* Show outlines for hovered merge fields in read–only mode. */
+/* Do not hide the outlines for hovered merge fields in read–only mode. */
 .ck-editor__editable.ck-read-only .ck-merge-field-block:hover:not(.ck-widget_selected) {
 		outline: 1px solid var(--ck-color-merge-fields-block-outline);
 	}
+.ck-editor__editable.ck-read-only .ck-merge-field-image:hover:not(.ck-widget_selected) {
+		outline: 1px solid var(--ck-color-merge-fields-block-outline);
+	}
 .ck-editor__editable.ck-read-only .ck-merge-field:hover:not(.ck-widget_selected):not(.ck-merge-field_with-warning):not(.ck-merge-field_with-value) {
 			outline: 1px solid var(--ck-color-merge-fields-outline);
 			padding-top: var(--ck-merge-fields-paddings-vertical);
@@ -222,7 +336,8 @@
 			}
 
 /* Disable all mouse interaction for block merge field previews as long as the editor is not read–only. */
-.ck-editor__editable:not(.ck-read-only) .ck-widget.ck-merge-field-block .ck-merge-field {
+.ck-editor__editable:not(.ck-read-only) .ck-widget.ck-merge-field-block
+.ck-merge-field:not(.ck-merge-field_with-warning_missing-data):not(.ck-merge-field_with-warning_no-default) {
 	pointer-events: none;
 }
 
@@ -233,16 +348,16 @@
  * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
  * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
  *
- * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * 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
  */
 
 /*
- * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * 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
  */
 /*
- * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * 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
  */
 
@@ -275,4 +390,13 @@
 .ck.ck-merge-fields-search > .ck-search__results > .ck-list {
 			max-height: var(--ck-insert-merge-field-dropdown-view-list-max-height);
 			overflow: auto;
+
+			/* stylelint-disable no-descending-specificity */
 		}
+
+.ck.ck-merge-fields-search > .ck-search__results > .ck-list .ck-button__label {
+				overflow: hidden;
+				text-overflow: ellipsis;
+			}
+
+/* stylelint-enable no-descending-specificity */