@ckeditor/ckeditor5-theme-lark 41.3.1 → 41.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,2811 @@
1
+ /**
2
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
3
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
+ */
5
+ :root {
6
+ --ck-color-base-foreground: hsl(0, 0%, 98%);
7
+ --ck-color-base-background: hsl(0, 0%, 100%);
8
+ --ck-color-base-border: hsl(220, 6%, 81%);
9
+ --ck-color-base-text: hsl(0, 0%, 20%);
10
+ --ck-color-base-active: hsl(218.1, 100%, 58%);
11
+ --ck-color-base-active-focus: hsl(218.2, 100%, 52.5%);
12
+ --ck-color-base-error: hsl(15, 100%, 43%);
13
+ --ck-color-focus-border: hsl(var(--ck-color-focus-border-coordinates));
14
+ --ck-color-focus-outer-shadow: hsl(212.4, 89.3%, 89%);
15
+ --ck-color-text: var(--ck-color-base-text);
16
+ --ck-color-button-default-background: transparent;
17
+ --ck-color-button-default-hover-background: hsl(0, 0%, 94.1%);
18
+ --ck-color-button-default-active-background: hsl(0, 0%, 94.1%);
19
+ --ck-color-button-default-disabled-background: transparent;
20
+ --ck-color-button-on-background: hsl(212, 100%, 97.1%);
21
+ --ck-color-button-on-hover-background: hsl(211.7, 100%, 92.9%);
22
+ --ck-color-button-on-active-background: hsl(211.7, 100%, 92.9%);
23
+ --ck-color-button-on-disabled-background: hsl(211, 15%, 95%);
24
+ --ck-color-button-on-color: hsl(218.1, 100%, 58%);
25
+ --ck-color-button-action-background: var(--ck-color-base-action);
26
+ --ck-color-button-action-hover-background: hsl(104, 53.2%, 40.2%);
27
+ --ck-color-button-action-active-background: hsl(104, 53.2%, 40.2%);
28
+ --ck-color-button-action-disabled-background: hsl(104, 44%, 58%);
29
+ --ck-color-button-action-text: var(--ck-color-base-background);
30
+ --ck-color-button-save: hsl(120, 100%, 27%);
31
+ --ck-color-button-cancel: hsl(15, 100%, 43%);
32
+ --ck-color-switch-button-off-background: hsl(0, 0%, 57.6%);
33
+ --ck-color-switch-button-off-hover-background: hsl(0, 0%, 49%);
34
+ --ck-color-switch-button-on-background: var(--ck-color-button-action-background);
35
+ --ck-color-switch-button-on-hover-background: hsl(104, 53.2%, 40.2%);
36
+ --ck-color-switch-button-inner-background: var(--ck-color-base-background);
37
+ --ck-color-dropdown-panel-background: var(--ck-color-base-background);
38
+ --ck-color-dropdown-panel-border: var(--ck-color-base-border);
39
+ --ck-color-dialog-background: var(--ck-custom-background);
40
+ --ck-color-dialog-form-header-border: var(--ck-custom-border);
41
+ --ck-color-input-background: var(--ck-color-base-background);
42
+ --ck-color-input-border: var(--ck-color-base-border);
43
+ --ck-color-input-error-border: var(--ck-color-base-error);
44
+ --ck-color-input-disabled-background: hsl(0, 0%, 95%);
45
+ --ck-color-input-disabled-border: var(--ck-color-base-border);
46
+ --ck-color-input-disabled-text: hsl(0, 0%, 46%);
47
+ --ck-color-list-background: var(--ck-color-base-background);
48
+ --ck-color-list-button-hover-background: var(--ck-color-button-default-hover-background);
49
+ --ck-color-list-button-on-background: var(--ck-color-button-on-color);
50
+ --ck-color-list-button-on-background-focus: var(--ck-color-button-on-color);
51
+ --ck-color-list-button-on-text: var(--ck-color-base-background);
52
+ --ck-color-panel-background: var(--ck-color-base-background);
53
+ --ck-color-panel-border: var(--ck-color-base-border);
54
+ --ck-color-toolbar-background: var(--ck-color-base-background);
55
+ --ck-color-toolbar-border: var(--ck-color-base-border);
56
+ --ck-color-tooltip-background: var(--ck-color-base-text);
57
+ --ck-color-tooltip-text: var(--ck-color-base-background);
58
+ --ck-color-upload-bar-background: hsl(209, 92%, 70%);
59
+ --ck-color-link-default: hsl(240, 100%, 47%);
60
+ --ck-color-link-selected-background: hsla(201, 100%, 56%, 0.1);
61
+ --ck-color-link-fake-selection: hsla(201, 100%, 56%, 0.3);
62
+ --ck-disabled-opacity: .5;
63
+ --ck-focus-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-outer-shadow);
64
+ --ck-focus-disabled-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow);
65
+ --ck-focus-error-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-error-shadow);
66
+ --ck-focus-ring: 1px solid var(--ck-color-focus-border);
67
+ --ck-font-size-base: 13px;
68
+ --ck-line-height-base: 1.84615;
69
+ --ck-font-face: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
70
+ --ck-font-size-tiny: 0.7em;
71
+ --ck-font-size-small: 0.75em;
72
+ --ck-ui-component-min-height: 2.3em;
73
+ --ck-border-radius: 2px;
74
+ --ck-inner-shadow: 2px 2px 3px var(--ck-color-shadow-inner) inset;
75
+ --ck-drop-shadow: 0 1px 2px 1px var(--ck-color-shadow-drop);
76
+ --ck-spacing-large: calc(var(--ck-spacing-unit) * 1.5);
77
+ --ck-spacing-standard: var(--ck-spacing-unit);
78
+ --ck-spacing-medium: calc(var(--ck-spacing-unit) * 0.8);
79
+ --ck-spacing-small: calc(var(--ck-spacing-unit) * 0.5);
80
+ --ck-spacing-tiny: calc(var(--ck-spacing-unit) * 0.3);
81
+ --ck-spacing-extra-tiny: calc(var(--ck-spacing-unit) * 0.16);
82
+ --ck-switch-button-toggle-width: 2.6153846154em;
83
+ --ck-switch-button-toggle-inner-size: calc(1.0769230769em + 1px);
84
+ --ck-switch-button-translation: calc(
85
+ var(--ck-switch-button-toggle-width) -
86
+ var(--ck-switch-button-toggle-inner-size) -
87
+ 2px
88
+ );
89
+ --ck-switch-button-inner-hover-shadow: 0 0 0 5px var(--ck-color-switch-button-inner-shadow);
90
+ --ck-collapsible-arrow-size: calc(0.5 * var(--ck-icon-size));
91
+ --ck-color-color-grid-check-icon: hsl(212, 81%, 46%);
92
+ --ck-dialog-overlay-background-color: hsla( 0, 0%, 0%, .5 );
93
+ --ck-dialog-drop-shadow: 0px 0px 6px 2px hsl(0deg 0% 0% / 15%);
94
+ --ck-dialog-max-width: 100vw;
95
+ --ck-dialog-max-height: 90vh;
96
+ --ck-color-dialog-background: var(--ck-color-base-background);
97
+ --ck-color-dialog-form-header-border: var(--ck-color-base-border);
98
+ --ck-dropdown-arrow-size: calc(0.5 * var(--ck-icon-size));
99
+ --ck-color-split-button-hover-background: hsl(0, 0%, 92%);
100
+ --ck-color-split-button-hover-border: hsl(0, 0%, 70%);
101
+ --ck-accessibility-help-dialog-max-width: 600px;
102
+ --ck-accessibility-help-dialog-max-height: 400px;
103
+ --ck-accessibility-help-dialog-border-color: hsl(220, 6%, 81%);
104
+ --ck-accessibility-help-dialog-code-background-color: hsl(0deg 0% 92.94%);
105
+ --ck-accessibility-help-dialog-kbd-shadow-color: hsl(0deg 0% 61%);
106
+ --ck-color-editable-blur-selection: hsl(0, 0%, 85%);
107
+ --ck-form-header-height: 44px;
108
+ --ck-icon-size: calc(var(--ck-line-height-base) * var(--ck-font-size-normal));
109
+ --ck-input-width: 18em;
110
+ --ck-labeled-field-view-transition: .1s cubic-bezier(0, 0, 0.24, 0.95);
111
+ --ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-spacing-medium);
112
+ --ck-labeled-field-label-default-position-x: var(--ck-spacing-medium);
113
+ --ck-labeled-field-label-default-position-y: calc(0.6 * var(--ck-font-size-base));
114
+ --ck-color-labeled-field-label-background: var(--ck-color-base-background);
115
+ --ck-list-button-padding: calc(.11 * var(--ck-line-height-base) * var(--ck-font-size-base))
116
+ calc(.4 * var(--ck-line-height-base) * var(--ck-font-size-base));
117
+ --ck-menu-bar-menu-item-min-width: 18em;
118
+ --ck-menu-bar-menu-panel-max-width: 75vw;
119
+ --ck-balloon-border-width: 1px;
120
+ --ck-balloon-arrow-offset: 2px;
121
+ --ck-balloon-arrow-height: 10px;
122
+ --ck-balloon-arrow-half-width: 8px;
123
+ --ck-balloon-arrow-drop-shadow: 0 2px 2px var(--ck-color-shadow-drop);
124
+ --ck-balloon-fake-panel-offset-horizontal: 6px;
125
+ --ck-balloon-fake-panel-offset-vertical: 6px;
126
+ --ck-search-field-view-horizontal-spacing: calc(var(--ck-icon-size) + var(--ck-spacing-medium));
127
+ --ck-toolbar-spinner-size: 18px;
128
+ --ck-color-block-toolbar-button: var(--ck-color-text);
129
+ --ck-clipboard-drop-target-dot-width: 12px;
130
+ --ck-clipboard-drop-target-dot-height: 8px;
131
+ --ck-clipboard-drop-target-color: var(--ck-color-focus-border);
132
+ --ck-color-code-block-label-background: hsl(0, 0%, 46%);
133
+ --ck-html-embed-content-width: calc(100% - 1.5 * var(--ck-icon-size));
134
+ --ck-html-embed-source-height: 10em;
135
+ --ck-html-embed-unfocused-outline-width: 1px;
136
+ --ck-html-embed-content-min-height: calc(var(--ck-icon-size) + var(--ck-spacing-standard));
137
+ --ck-html-embed-source-disabled-background: var(--ck-color-base-foreground);
138
+ --ck-html-embed-source-disabled-color: hsl(0deg 0% 45%);
139
+ --ck-image-insert-insert-by-url-width: 250px;
140
+ --ck-color-image-upload-icon: hsl(0, 0%, 100%);
141
+ --ck-color-image-upload-icon-background: hsl(120, 100%, 27%);
142
+ --ck-image-upload-icon-size: 20;
143
+ --ck-image-upload-icon-width: 2px;
144
+ --ck-image-upload-icon-is-visible: clamp(0px, 100% - 50px, 1px);
145
+ --ck-color-upload-placeholder-loader: hsl(0, 0%, 70%);
146
+ --ck-upload-placeholder-loader-size: 32px;
147
+ --ck-upload-placeholder-image-aspect-ratio: 2.8;
148
+ --ck-link-image-indicator-icon-size: 20;
149
+ --ck-link-image-indicator-icon-is-visible: clamp(0px, 100% - 50px, 1px);
150
+ --ck-list-style-button-size: 44px;
151
+ --ck-media-embed-placeholder-icon-size: 3em;
152
+ --ck-color-media-embed-placeholder-url-text: hsl(0, 0%, 46%);
153
+ --ck-color-media-embed-placeholder-url-text-hover: var(--ck-color-base-text);
154
+ --ck-color-restricted-editing-exception-background: hsla(31, 100%, 65%, .2);
155
+ --ck-color-restricted-editing-exception-hover-background: hsla(31, 100%, 65%, .35);
156
+ --ck-color-restricted-editing-exception-brackets: hsla(31, 100%, 40%, .4);
157
+ --ck-color-restricted-editing-selected-exception-background: hsla(31, 100%, 65%, .5);
158
+ --ck-color-restricted-editing-selected-exception-brackets: hsla(31, 100%, 40%, .6);
159
+ --ck-character-grid-tile-size: 24px;
160
+ --ck-style-panel-button-width: 120px;
161
+ --ck-style-panel-button-height: 80px;
162
+ --ck-style-panel-button-label-background: hsl(0, 0%, 94.1%);
163
+ --ck-style-panel-button-hover-label-background: hsl(0, 0%, 92.1%);
164
+ --ck-style-panel-button-hover-border-color: hsl(0, 0%, 70%);
165
+ --ck-style-panel-max-height: 470px;
166
+ --ck-insert-table-dropdown-padding: 10px;
167
+ --ck-insert-table-dropdown-box-height: 11px;
168
+ --ck-insert-table-dropdown-box-width: 12px;
169
+ --ck-insert-table-dropdown-box-margin: 1px;
170
+ --ck-color-selector-focused-cell-background: hsla(212, 90%, 80%, .3);
171
+ --ck-table-properties-error-arrow-size: 6px;
172
+ --ck-table-properties-min-error-width: 150px;
173
+ --ck-table-selected-cell-background: hsla(208, 90%, 80%, .3);
174
+ --ck-widget-outline-thickness: 3px;
175
+ --ck-widget-handler-icon-size: 16px;
176
+ --ck-widget-handler-animation-duration: 200ms;
177
+ --ck-widget-handler-animation-curve: ease;
178
+ --ck-color-widget-blurred-border: hsl(0, 0%, 87%);
179
+ --ck-color-widget-hover-border: hsl(43, 100%, 62%);
180
+ --ck-color-widget-drag-handler-icon-color: var(--ck-color-base-background);
181
+ --ck-resizer-size: 10px;
182
+ --ck-resizer-offset: calc( ( var(--ck-resizer-size) / -2 ) - 2px);
183
+ --ck-resizer-border-width: 1px;
184
+ --ck-widget-type-around-button-size: 20px;
185
+ --ck-color-widget-type-around-button-active: var(--ck-color-focus-border);
186
+ --ck-color-widget-type-around-button-hover: var(--ck-color-widget-hover-border);
187
+ --ck-color-widget-type-around-button-blurred-editable: var(--ck-color-widget-blurred-border);
188
+ --ck-color-widget-type-around-button-icon: var(--ck-color-base-background);
189
+ }
190
+ .ck.ck-reset {
191
+ box-sizing: border-box;
192
+ width: auto;
193
+ height: auto;
194
+ position: static;
195
+ margin: 0;
196
+ padding: 0;
197
+ border: 0;
198
+ background: transparent;
199
+ text-decoration: none;
200
+ vertical-align: middle;
201
+ transition: none;
202
+ word-wrap: break-word;
203
+ }
204
+ .ck.ck-reset_all {
205
+ border-collapse: collapse;
206
+ font: normal normal normal var(--ck-font-size-base)/var(--ck-line-height-base) var(--ck-font-face);
207
+ color: var(--ck-color-text);
208
+ text-align: left;
209
+ white-space: nowrap;
210
+ cursor: auto;
211
+ float: none;
212
+ }
213
+ .ck-reset_all .ck-rtl *:not(.ck-reset_all-excluded *) {
214
+ text-align: right;
215
+ }
216
+ .ck-reset_all iframe:not(.ck-reset_all-excluded *) {
217
+ vertical-align: inherit;
218
+ }
219
+ .ck-reset_all textarea:not(.ck-reset_all-excluded *) {
220
+ white-space: pre-wrap;
221
+ }
222
+ .ck-reset_all textarea:not(.ck-reset_all-excluded *) {
223
+ cursor: text;
224
+ }
225
+ .ck-reset_all textarea[disabled]:not(.ck-reset_all-excluded *) {
226
+ cursor: default;
227
+ }
228
+ .ck-reset_all fieldset:not(.ck-reset_all-excluded *) {
229
+ padding: 10px;
230
+ border: 2px groove hsl(255, 7%, 88%);
231
+ }
232
+ .ck-reset_all button:not(.ck-reset_all-excluded *)::-moz-focus-inner {
233
+ padding: 0;
234
+ border: 0;
235
+ }
236
+ .ck[dir="rtl"] {
237
+ text-align: right;
238
+ }
239
+ .ck.ck-autocomplete > .ck-search__results {
240
+ border-radius: 0;
241
+ }
242
+ .ck-rounded-corners .ck.ck-autocomplete > .ck-search__results {
243
+ border-radius: var(--ck-border-radius);
244
+ }
245
+ .ck.ck-autocomplete > .ck-search__results {
246
+ box-shadow: var(--ck-drop-shadow), 0 0;
247
+ max-height: 200px;
248
+ overflow-y: auto;
249
+ background: var(--ck-color-base-background);
250
+ border: 1px solid var(--ck-color-dropdown-panel-border);
251
+ min-width: auto;
252
+ }
253
+ .ck.ck-autocomplete > .ck-search__results.ck-search__results_n {
254
+ border-bottom-left-radius: 0;
255
+ border-bottom-right-radius: 0;
256
+ margin-bottom: -1px;
257
+ }
258
+ .ck.ck-autocomplete > .ck-search__results.ck-search__results_s {
259
+ border-top-left-radius: 0;
260
+ border-top-right-radius: 0;
261
+ margin-top: -1px;
262
+ }
263
+ .ck.ck-button {
264
+ background: var(--ck-color-button-default-background);
265
+ border-radius: 0;
266
+ white-space: nowrap;
267
+ cursor: default;
268
+ vertical-align: middle;
269
+ padding: var(--ck-spacing-tiny);
270
+ text-align: center;
271
+ min-width: var(--ck-ui-component-min-height);
272
+ min-height: var(--ck-ui-component-min-height);
273
+ line-height: 1;
274
+ font-size: inherit;
275
+ border: 1px solid transparent;
276
+ transition: box-shadow .2s ease-in-out, border .2s ease-in-out;
277
+ -webkit-appearance: none;
278
+ }
279
+ .ck.ck-button:not(.ck-disabled):hover {
280
+ background: var(--ck-color-button-default-hover-background);
281
+ }
282
+ .ck.ck-button:not(.ck-disabled):active {
283
+ background: var(--ck-color-button-default-active-background);
284
+ }
285
+ .ck.ck-button.ck-disabled {
286
+ background: var(--ck-color-button-default-disabled-background);
287
+ }
288
+ .ck-rounded-corners .ck.ck-button {
289
+ border-radius: var(--ck-border-radius);
290
+ }
291
+ .ck.ck-button:active {
292
+ outline: none;
293
+ border: var(--ck-focus-ring);
294
+ box-shadow: var(--ck-focus-outer-shadow), 0 0;
295
+ }
296
+ .ck.ck-button .ck-button__icon use {
297
+ color: inherit;
298
+ }
299
+ .ck.ck-button .ck-button__label {
300
+ font-size: inherit;
301
+ font-weight: inherit;
302
+ color: inherit;
303
+ cursor: inherit;
304
+ vertical-align: middle;
305
+ }
306
+ [dir="ltr"] .ck.ck-button .ck-button__label {
307
+ text-align: left;
308
+ }
309
+ [dir="rtl"] .ck.ck-button .ck-button__label {
310
+ text-align: right;
311
+ }
312
+ .ck.ck-button .ck-button__keystroke {
313
+ color: inherit;
314
+ }
315
+ [dir="ltr"] .ck.ck-button .ck-button__keystroke {
316
+ margin-left: var(--ck-spacing-large);
317
+ }
318
+ [dir="rtl"] .ck.ck-button .ck-button__keystroke {
319
+ margin-right: var(--ck-spacing-large);
320
+ }
321
+ .ck.ck-button .ck-button__keystroke {
322
+ opacity: .5;
323
+ }
324
+ .ck.ck-button.ck-disabled:active {
325
+ box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0;
326
+ }
327
+ .ck.ck-button.ck-disabled .ck-button__icon {
328
+ opacity: var(--ck-disabled-opacity);
329
+ }
330
+ .ck.ck-button.ck-disabled .ck-button__label {
331
+ opacity: var(--ck-disabled-opacity);
332
+ }
333
+ .ck.ck-button.ck-disabled .ck-button__keystroke {
334
+ opacity: .3;
335
+ }
336
+ .ck.ck-button.ck-button_with-text {
337
+ padding: var(--ck-spacing-tiny) var(--ck-spacing-standard);
338
+ }
339
+ [dir="ltr"] .ck.ck-button.ck-button_with-text .ck-button__icon {
340
+ margin-left: calc(-1 * var(--ck-spacing-small));
341
+ margin-right: var(--ck-spacing-small);
342
+ }
343
+ [dir="rtl"] .ck.ck-button.ck-button_with-text .ck-button__icon {
344
+ margin-right: calc(-1 * var(--ck-spacing-small));
345
+ margin-left: var(--ck-spacing-small);
346
+ }
347
+ .ck.ck-button.ck-button_with-keystroke .ck-button__label {
348
+ flex-grow: 1;
349
+ }
350
+ .ck.ck-button.ck-on {
351
+ background: var(--ck-color-button-on-background);
352
+ color: var(--ck-color-button-on-color);
353
+ }
354
+ .ck.ck-button.ck-on:not(.ck-disabled):hover {
355
+ background: var(--ck-color-button-on-hover-background);
356
+ }
357
+ .ck.ck-button.ck-on:not(.ck-disabled):active {
358
+ background: var(--ck-color-button-on-active-background);
359
+ }
360
+ .ck.ck-button.ck-on.ck-disabled {
361
+ background: var(--ck-color-button-on-disabled-background);
362
+ }
363
+ .ck.ck-button.ck-button-save {
364
+ color: var(--ck-color-button-save);
365
+ }
366
+ .ck.ck-button.ck-button-cancel {
367
+ color: var(--ck-color-button-cancel);
368
+ }
369
+ .ck.ck-button-action {
370
+ background: var(--ck-color-button-action-background);
371
+ color: var(--ck-color-button-action-text);
372
+ }
373
+ .ck.ck-button-action:not(.ck-disabled):hover {
374
+ background: var(--ck-color-button-action-hover-background);
375
+ }
376
+ .ck.ck-button-action:not(.ck-disabled):active {
377
+ background: var(--ck-color-button-action-active-background);
378
+ }
379
+ .ck.ck-button-action.ck-disabled {
380
+ background: var(--ck-color-button-action-disabled-background);
381
+ }
382
+ .ck.ck-button-bold {
383
+ font-weight: bold;
384
+ }
385
+ .ck.ck-button.ck-switchbutton {
386
+ color: inherit;
387
+ background: transparent;
388
+ }
389
+ [dir="ltr"] .ck.ck-button.ck-switchbutton .ck-button__label {
390
+ margin-right: calc(2 * var(--ck-spacing-large));
391
+ }
392
+ [dir="rtl"] .ck.ck-button.ck-switchbutton .ck-button__label {
393
+ margin-left: calc(2 * var(--ck-spacing-large));
394
+ }
395
+ .ck.ck-button.ck-switchbutton .ck-button__toggle {
396
+ border-radius: 0;
397
+ }
398
+ .ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle {
399
+ border-radius: var(--ck-border-radius);
400
+ }
401
+ [dir="ltr"] .ck.ck-button.ck-switchbutton .ck-button__toggle {
402
+ margin-left: auto;
403
+ }
404
+ [dir="rtl"] .ck.ck-button.ck-switchbutton .ck-button__toggle {
405
+ margin-right: auto;
406
+ }
407
+ .ck.ck-button.ck-switchbutton .ck-button__toggle {
408
+ transition: background 400ms ease, box-shadow .2s ease-in-out, outline .2s ease-in-out;
409
+ border: 1px solid transparent;
410
+ width: var(--ck-switch-button-toggle-width);
411
+ background: var(--ck-color-switch-button-off-background);
412
+ }
413
+ .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
414
+ border-radius: 0;
415
+ }
416
+ .ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
417
+ border-radius: var(--ck-border-radius);
418
+ border-radius: calc(.5 * var(--ck-border-radius));
419
+ }
420
+ .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
421
+ width: var(--ck-switch-button-toggle-inner-size);
422
+ height: var(--ck-switch-button-toggle-inner-size);
423
+ background: var(--ck-color-switch-button-inner-background);
424
+ transition: all 300ms ease;
425
+ }
426
+ .ck.ck-button.ck-switchbutton .ck-button__toggle:hover {
427
+ background: var(--ck-color-switch-button-off-hover-background);
428
+ }
429
+ .ck.ck-button.ck-switchbutton .ck-button__toggle:hover .ck-button__toggle__inner {
430
+ box-shadow: var(--ck-switch-button-inner-hover-shadow);
431
+ }
432
+ .ck.ck-button.ck-switchbutton.ck-disabled .ck-button__toggle {
433
+ opacity: var(--ck-disabled-opacity);
434
+ }
435
+ .ck.ck-button.ck-switchbutton:focus {
436
+ border-color: transparent;
437
+ outline: none;
438
+ box-shadow: none;
439
+ }
440
+ .ck.ck-button.ck-switchbutton:focus .ck-button__toggle {
441
+ box-shadow: 0 0 0 1px var(--ck-color-base-background), 0 0 0 5px var(--ck-color-focus-outer-shadow);
442
+ outline-offset: 1px;
443
+ outline: var(--ck-focus-ring);
444
+ }
445
+ .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle {
446
+ background: var(--ck-color-switch-button-on-background);
447
+ }
448
+ .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle:hover {
449
+ background: var(--ck-color-switch-button-on-hover-background);
450
+ }
451
+ [dir="ltr"] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner {
452
+ transform: translateX( var( --ck-switch-button-translation ) );
453
+ }
454
+ [dir="rtl"] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner {
455
+ transform: translateX( calc( -1 * var( --ck-switch-button-translation ) ) );
456
+ }
457
+ .ck.ck-collapsible > .ck.ck-button {
458
+ width: 100%;
459
+ font-weight: bold;
460
+ padding: var(--ck-list-button-padding);
461
+ border-radius: 0;
462
+ color: inherit;
463
+ }
464
+ .ck.ck-collapsible > .ck.ck-button:focus {
465
+ background: transparent;
466
+ }
467
+ .ck.ck-collapsible > .ck.ck-button:active {
468
+ background: transparent;
469
+ border-color: transparent;
470
+ box-shadow: none;
471
+ }
472
+ .ck.ck-collapsible > .ck.ck-button > .ck-icon {
473
+ margin-right: var(--ck-spacing-medium);
474
+ width: var(--ck-collapsible-arrow-size);
475
+ }
476
+ .ck.ck-collapsible > .ck-collapsible__children {
477
+ padding: var(--ck-spacing-medium) var(--ck-spacing-large) var(--ck-spacing-large);
478
+ }
479
+ .ck.ck-collapsible.ck-collapsible_collapsed > .ck.ck-button .ck-icon {
480
+ transform: rotate(-90deg);
481
+ }
482
+ .ck.ck-color-grid {
483
+ grid-gap: 5px;
484
+ padding: 8px;
485
+ }
486
+ .ck.ck-color-grid__tile {
487
+ transition: .2s ease box-shadow;
488
+ }
489
+ .ck.ck-color-grid__tile.ck-disabled {
490
+ cursor: unset;
491
+ transition: unset;
492
+ }
493
+ .ck.ck-color-grid__tile .ck.ck-icon {
494
+ display: none;
495
+ color: var(--ck-color-color-grid-check-icon);
496
+ }
497
+ .ck.ck-color-grid__tile.ck-on .ck.ck-icon {
498
+ display: block;
499
+ }
500
+ .ck.ck-color-grid__label {
501
+ padding: 0 var(--ck-spacing-standard);
502
+ }
503
+ .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color {
504
+ width: 100%;
505
+ }
506
+ .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
507
+ padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
508
+ border-bottom-left-radius: 0;
509
+ border-bottom-right-radius: 0;
510
+ }
511
+ .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker:not(:focus) {
512
+ border-top: 1px solid var(--ck-color-base-border);
513
+ }
514
+ [dir="ltr"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon {
515
+ margin-right: var(--ck-spacing-standard);
516
+ }
517
+ [dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon {
518
+ margin-left: var(--ck-spacing-standard);
519
+ }
520
+ .ck.ck-color-selector .ck-color-grids-fragment label.ck.ck-color-grid__label {
521
+ font-weight: unset;
522
+ }
523
+ .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker {
524
+ padding: 8px;
525
+ }
526
+ .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker {
527
+ height: 100px;
528
+ min-width: 180px;
529
+ }
530
+ .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation) {
531
+ border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0;
532
+ }
533
+ .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue) {
534
+ border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
535
+ }
536
+ .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation-pointer) {
537
+ width: 15px;
538
+ height: 15px;
539
+ }
540
+ .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar {
541
+ padding: 0 8px 8px;
542
+ }
543
+ .ck.ck-dialog-overlay {
544
+ animation: ck-dialog-fade-in .3s;
545
+ background: var(--ck-dialog-overlay-background-color);
546
+ z-index: var(--ck-z-dialog);
547
+ }
548
+ .ck.ck-dialog {
549
+ border-radius: 0;
550
+ }
551
+ .ck-rounded-corners .ck.ck-dialog {
552
+ border-radius: var(--ck-border-radius);
553
+ }
554
+ .ck.ck-dialog {
555
+ box-shadow: var(--ck-drop-shadow), 0 0;
556
+ --ck-drop-shadow: var(--ck-dialog-drop-shadow);
557
+ background: var(--ck-color-dialog-background);
558
+ max-height: var(--ck-dialog-max-height);
559
+ max-width: var(--ck-dialog-max-width);
560
+ border: 1px solid var(--ck-color-base-border);
561
+ }
562
+ .ck.ck-dialog .ck.ck-form__header {
563
+ border-bottom: 1px solid var(--ck-color-dialog-form-header-border);
564
+ }
565
+ .ck.ck-dialog .ck.ck-dialog__actions {
566
+ padding: var(--ck-spacing-large);
567
+ }
568
+ .ck.ck-dialog .ck.ck-dialog__actions > * + * {
569
+ margin-left: var(--ck-spacing-large);
570
+ }
571
+ .ck.ck-dropdown {
572
+ font-size: inherit;
573
+ }
574
+ .ck.ck-dropdown .ck-dropdown__arrow {
575
+ width: var(--ck-dropdown-arrow-size);
576
+ }
577
+ [dir="ltr"] .ck.ck-dropdown .ck-dropdown__arrow {
578
+ right: var(--ck-spacing-standard);
579
+ margin-left: var(--ck-spacing-standard);
580
+ }
581
+ [dir="rtl"] .ck.ck-dropdown .ck-dropdown__arrow {
582
+ left: var(--ck-spacing-standard);
583
+ margin-right: var(--ck-spacing-small);
584
+ }
585
+ .ck.ck-dropdown.ck-disabled .ck-dropdown__arrow {
586
+ opacity: var(--ck-disabled-opacity);
587
+ }
588
+ [dir="ltr"] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) {
589
+ padding-left: var(--ck-spacing-small);
590
+ }
591
+ [dir="rtl"] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) {
592
+ padding-right: var(--ck-spacing-small);
593
+ }
594
+ .ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label {
595
+ width: 7em;
596
+ overflow: hidden;
597
+ text-overflow: ellipsis;
598
+ }
599
+ .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-disabled .ck-button__label {
600
+ opacity: var(--ck-disabled-opacity);
601
+ }
602
+ .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on {
603
+ border-bottom-left-radius: 0;
604
+ border-bottom-right-radius: 0;
605
+ }
606
+ .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-dropdown__button_label-width_auto .ck-button__label {
607
+ width: auto;
608
+ }
609
+ .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active {
610
+ box-shadow: none;
611
+ }
612
+ .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active:focus {
613
+ box-shadow: var(--ck-focus-outer-shadow), 0 0;
614
+ }
615
+ .ck.ck-dropdown__panel {
616
+ border-radius: 0;
617
+ }
618
+ .ck-rounded-corners .ck.ck-dropdown__panel {
619
+ border-radius: var(--ck-border-radius);
620
+ }
621
+ .ck.ck-dropdown__panel {
622
+ box-shadow: var(--ck-drop-shadow), 0 0;
623
+ background: var(--ck-color-dropdown-panel-background);
624
+ border: 1px solid var(--ck-color-dropdown-panel-border);
625
+ bottom: 0;
626
+ min-width: 100%;
627
+ }
628
+ .ck.ck-dropdown__panel.ck-dropdown__panel_se {
629
+ border-top-left-radius: 0;
630
+ }
631
+ .ck.ck-dropdown__panel.ck-dropdown__panel_sw {
632
+ border-top-right-radius: 0;
633
+ }
634
+ .ck.ck-dropdown__panel.ck-dropdown__panel_ne {
635
+ border-bottom-left-radius: 0;
636
+ }
637
+ .ck.ck-dropdown__panel.ck-dropdown__panel_nw {
638
+ border-bottom-right-radius: 0;
639
+ }
640
+ .ck.ck-dropdown__panel:focus {
641
+ outline: none;
642
+ }
643
+ .ck.ck-dropdown > .ck-dropdown__panel > .ck-list {
644
+ border-radius: 0;
645
+ }
646
+ .ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list {
647
+ border-radius: var(--ck-border-radius);
648
+ border-top-left-radius: 0;
649
+ }
650
+ .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button {
651
+ border-radius: 0;
652
+ }
653
+ .ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button {
654
+ border-radius: var(--ck-border-radius);
655
+ border-top-left-radius: 0;
656
+ border-bottom-left-radius: 0;
657
+ border-bottom-right-radius: 0;
658
+ }
659
+ .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button {
660
+ border-radius: 0;
661
+ }
662
+ .ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button {
663
+ border-radius: var(--ck-border-radius);
664
+ border-top-left-radius: 0;
665
+ border-top-right-radius: 0;
666
+ }
667
+ [dir="ltr"] .ck.ck-splitbutton:hover > .ck-splitbutton__action {
668
+ border-top-right-radius: unset;
669
+ border-bottom-right-radius: unset;
670
+ }
671
+ [dir="rtl"] .ck.ck-splitbutton:hover > .ck-splitbutton__action {
672
+ border-top-left-radius: unset;
673
+ border-bottom-left-radius: unset;
674
+ }
675
+ .ck.ck-splitbutton > .ck-splitbutton__arrow {
676
+ min-width: unset;
677
+ }
678
+ [dir="ltr"] .ck.ck-splitbutton > .ck-splitbutton__arrow {
679
+ border-top-left-radius: unset;
680
+ border-bottom-left-radius: unset;
681
+ }
682
+ [dir="rtl"] .ck.ck-splitbutton > .ck-splitbutton__arrow {
683
+ border-top-right-radius: unset;
684
+ border-bottom-right-radius: unset;
685
+ }
686
+ .ck.ck-splitbutton > .ck-splitbutton__arrow svg {
687
+ width: var(--ck-dropdown-arrow-size);
688
+ }
689
+ .ck.ck-splitbutton > .ck-splitbutton__arrow:not(:focus) {
690
+ border-top-width: 0px;
691
+ border-bottom-width: 0px;
692
+ }
693
+ .ck.ck-splitbutton.ck-splitbutton_open > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover) {
694
+ background: var(--ck-color-split-button-hover-background);
695
+ }
696
+ .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after {
697
+ content: '';
698
+ position: absolute;
699
+ width: 1px;
700
+ height: 100%;
701
+ background-color: var(--ck-color-split-button-hover-border);
702
+ }
703
+ .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:focus::after {
704
+ --ck-color-split-button-hover-border: var(--ck-color-focus-border);
705
+ }
706
+ [dir="ltr"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after {
707
+ left: -1px;
708
+ }
709
+ [dir="rtl"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after {
710
+ right: -1px;
711
+ }
712
+ .ck.ck-splitbutton.ck-splitbutton_open {
713
+ border-radius: 0;
714
+ }
715
+ .ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open {
716
+ border-radius: var(--ck-border-radius);
717
+ }
718
+ .ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action {
719
+ border-bottom-left-radius: 0;
720
+ }
721
+ .ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow {
722
+ border-bottom-right-radius: 0;
723
+ }
724
+ .ck.ck-toolbar-dropdown .ck-toolbar {
725
+ border: 0;
726
+ }
727
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content {
728
+ padding: var(--ck-spacing-large);
729
+ max-width: var(--ck-accessibility-help-dialog-max-width);
730
+ max-height: var(--ck-accessibility-help-dialog-max-height);
731
+ overflow: auto;
732
+ user-select: text;
733
+ border: 1px solid transparent;
734
+ }
735
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content:focus {
736
+ outline: none;
737
+ border: var(--ck-focus-ring);
738
+ box-shadow: var(--ck-focus-outer-shadow), 0 0;
739
+ }
740
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content * {
741
+ white-space: normal;
742
+ }
743
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content .ck-label {
744
+ display: none;
745
+ }
746
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3 {
747
+ font-weight: bold;
748
+ font-size: 1.2em;
749
+ }
750
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4 {
751
+ font-weight: bold;
752
+ font-size: 1em;
753
+ }
754
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content p {
755
+ margin: 1em 0;
756
+ }
757
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl {
758
+ display: grid;
759
+ grid-template-columns: 2fr 1fr;
760
+ border-top: 1px solid var(--ck-accessibility-help-dialog-border-color);
761
+ border-bottom: none;
762
+ }
763
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt {
764
+ border-bottom: 1px solid var(--ck-accessibility-help-dialog-border-color);
765
+ padding: .4em 0;
766
+ }
767
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt {
768
+ grid-column-start: 1;
769
+ }
770
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd {
771
+ grid-column-start: 2;
772
+ text-align: right;
773
+ }
774
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd {
775
+ display: inline-block;
776
+ background: var(--ck-accessibility-help-dialog-code-background-color);
777
+ padding: .4em;
778
+ vertical-align: middle;
779
+ line-height: 1;
780
+ border-radius: 2px;
781
+ text-align: center;
782
+ font-size: .9em;
783
+ }
784
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code {
785
+ font-family: monospace;
786
+ }
787
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd {
788
+ min-width: 1.8em;
789
+ box-shadow: 0px 1px 1px var(--ck-accessibility-help-dialog-kbd-shadow-color);
790
+ margin: 0 1px;
791
+ }
792
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd + kbd {
793
+ margin-left: 2px;
794
+ }
795
+ .ck.ck-editor__editable:not(.ck-editor__nested-editable) {
796
+ border-radius: 0;
797
+ }
798
+ .ck-rounded-corners .ck.ck-editor__editable:not(.ck-editor__nested-editable) {
799
+ border-radius: var(--ck-border-radius);
800
+ }
801
+ .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
802
+ outline: none;
803
+ border: var(--ck-focus-ring);
804
+ box-shadow: var(--ck-inner-shadow), 0 0;
805
+ }
806
+ .ck.ck-editor__editable_inline {
807
+ overflow: auto;
808
+ padding: 0 var(--ck-spacing-standard);
809
+ border: 1px solid transparent;
810
+ }
811
+ .ck.ck-editor__editable_inline[dir="ltr"] {
812
+ text-align: left;
813
+ }
814
+ .ck.ck-editor__editable_inline[dir="rtl"] {
815
+ text-align: right;
816
+ }
817
+ .ck.ck-editor__editable_inline > *:first-child {
818
+ margin-top: var(--ck-spacing-large);
819
+ }
820
+ .ck.ck-editor__editable_inline > *:last-child {
821
+ margin-bottom: var(--ck-spacing-large);
822
+ }
823
+ .ck.ck-editor__editable_inline.ck-blurred ::selection {
824
+ background: var(--ck-color-editable-blur-selection);
825
+ }
826
+ .ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_n"]::after {
827
+ border-bottom-color: var(--ck-color-panel-background);
828
+ }
829
+ .ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_s"]::after {
830
+ border-top-color: var(--ck-color-panel-background);
831
+ }
832
+ .ck.ck-form__header {
833
+ padding: var(--ck-spacing-small) var(--ck-spacing-large);
834
+ height: var(--ck-form-header-height);
835
+ line-height: var(--ck-form-header-height);
836
+ border-bottom: 1px solid var(--ck-color-base-border);
837
+ }
838
+ [dir="ltr"] .ck.ck-form__header > .ck-icon {
839
+ margin-right: var(--ck-spacing-medium);
840
+ }
841
+ [dir="rtl"] .ck.ck-form__header > .ck-icon {
842
+ margin-left: var(--ck-spacing-medium);
843
+ }
844
+ .ck.ck-form__header .ck-form__header__label {
845
+ --ck-font-size-base: 15px;
846
+ font-weight: bold;
847
+ }
848
+ .ck.ck-icon {
849
+ width: var(--ck-icon-size);
850
+ height: var(--ck-icon-size);
851
+ font-size: .8333350694em;
852
+ cursor: inherit;
853
+ will-change: transform;
854
+ }
855
+ .ck.ck-icon * {
856
+ cursor: inherit;
857
+ }
858
+ .ck.ck-icon.ck-icon_inherit-color {
859
+ color: inherit;
860
+ }
861
+ .ck.ck-icon.ck-icon_inherit-color * {
862
+ color: inherit;
863
+ }
864
+ .ck.ck-icon.ck-icon_inherit-color *:not([fill]) {
865
+ fill: currentColor;
866
+ }
867
+ .ck.ck-input {
868
+ border-radius: 0;
869
+ }
870
+ .ck-rounded-corners .ck.ck-input {
871
+ border-radius: var(--ck-border-radius);
872
+ }
873
+ .ck.ck-input {
874
+ background: var(--ck-color-input-background);
875
+ border: 1px solid var(--ck-color-input-border);
876
+ padding: var(--ck-spacing-extra-tiny) var(--ck-spacing-medium);
877
+ min-width: var(--ck-input-width);
878
+ min-height: var(--ck-ui-component-min-height);
879
+ transition: box-shadow .1s ease-in-out, border .1s ease-in-out;
880
+ }
881
+ .ck.ck-input:focus {
882
+ outline: none;
883
+ border: var(--ck-focus-ring);
884
+ box-shadow: var(--ck-focus-outer-shadow), 0 0;
885
+ }
886
+ .ck.ck-input[readonly] {
887
+ border: 1px solid var(--ck-color-input-disabled-border);
888
+ background: var(--ck-color-input-disabled-background);
889
+ color: var(--ck-color-input-disabled-text);
890
+ }
891
+ .ck.ck-input[readonly]:focus {
892
+ box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0;
893
+ }
894
+ .ck.ck-input.ck-error {
895
+ border-color: var(--ck-color-input-error-border);
896
+ animation: ck-input-shake .3s ease both;
897
+ }
898
+ .ck.ck-input.ck-error:focus {
899
+ box-shadow: var(--ck-focus-error-outer-shadow), 0 0;
900
+ }
901
+ .ck.ck-label {
902
+ font-weight: bold;
903
+ }
904
+ .ck.ck-labeled-field-view {
905
+ border-radius: 0;
906
+ }
907
+ .ck-rounded-corners .ck.ck-labeled-field-view {
908
+ border-radius: var(--ck-border-radius);
909
+ }
910
+ .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
911
+ width: 100%;
912
+ }
913
+ .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
914
+ top: 0px;
915
+ }
916
+ [dir="ltr"] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
917
+ left: 0px;
918
+ transform-origin: 0 0;
919
+ transform: translate(var(--ck-spacing-medium), -6px) scale(.75);
920
+ }
921
+ [dir="rtl"] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
922
+ right: 0px;
923
+ transform-origin: 100% 0;
924
+ transform: translate(calc(-1 * var(--ck-spacing-medium)), -6px) scale(.75);
925
+ }
926
+ .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
927
+ pointer-events: none;
928
+ background: var(--ck-color-labeled-field-label-background);
929
+ padding: 0 calc(.5 * var(--ck-font-size-tiny));
930
+ line-height: initial;
931
+ font-weight: normal;
932
+ text-overflow: ellipsis;
933
+ overflow: hidden;
934
+ max-width: 100%;
935
+ transition: transform var(--ck-labeled-field-view-transition),
936
+ padding var(--ck-labeled-field-view-transition),
937
+ background var(--ck-labeled-field-view-transition);
938
+ }
939
+ .ck.ck-labeled-field-view.ck-error > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
940
+ color: var(--ck-color-base-error);
941
+ }
942
+ .ck.ck-labeled-field-view.ck-error .ck-input:not([readonly]) + .ck.ck-label {
943
+ color: var(--ck-color-base-error);
944
+ }
945
+ .ck.ck-labeled-field-view .ck-labeled-field-view__status {
946
+ font-size: var(--ck-font-size-small);
947
+ margin-top: var(--ck-spacing-small);
948
+ white-space: normal;
949
+ }
950
+ .ck.ck-labeled-field-view .ck-labeled-field-view__status.ck-labeled-field-view__status_error {
951
+ color: var(--ck-color-base-error);
952
+ }
953
+ .ck.ck-labeled-field-view.ck-disabled > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
954
+ color: var(--ck-color-input-disabled-text);
955
+ }
956
+ [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 {
957
+ transform: translate(var(--ck-labeled-field-label-default-position-x), var(--ck-labeled-field-label-default-position-y)) scale(1);
958
+ }
959
+ [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 {
960
+ transform: translate(calc(-1 * var(--ck-labeled-field-label-default-position-x)), var(--ck-labeled-field-label-default-position-y)) scale(1);
961
+ }
962
+ .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 {
963
+ max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width));
964
+ background: transparent;
965
+ padding: 0;
966
+ }
967
+ .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck.ck-button {
968
+ background: transparent;
969
+ }
970
+ .ck.ck-labeled-field-view.ck-labeled-field-view_empty > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck-button > .ck-button__label {
971
+ opacity: 0;
972
+ }
973
+ .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown + .ck-label {
974
+ max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width) - var(--ck-dropdown-arrow-size) - var(--ck-spacing-standard));
975
+ }
976
+ .ck.ck-labeled-input .ck-labeled-input__status {
977
+ font-size: var(--ck-font-size-small);
978
+ margin-top: var(--ck-spacing-small);
979
+ white-space: normal;
980
+ }
981
+ .ck.ck-labeled-input .ck-labeled-input__status_error {
982
+ color: var(--ck-color-base-error);
983
+ }
984
+ .ck.ck-list {
985
+ border-radius: 0;
986
+ }
987
+ .ck-rounded-corners .ck.ck-list {
988
+ border-radius: var(--ck-border-radius);
989
+ }
990
+ .ck.ck-list {
991
+ list-style-type: none;
992
+ background: var(--ck-color-list-background);
993
+ }
994
+ .ck.ck-list__item {
995
+ cursor: default;
996
+ min-width: 12em;
997
+ }
998
+ .ck.ck-list__item > .ck-button {
999
+ min-height: unset;
1000
+ width: 100%;
1001
+ border-radius: 0;
1002
+ }
1003
+ [dir="ltr"] .ck.ck-list__item > .ck-button {
1004
+ text-align: left;
1005
+ }
1006
+ [dir="rtl"] .ck.ck-list__item > .ck-button {
1007
+ text-align: right;
1008
+ }
1009
+ .ck.ck-list__item > .ck-button {
1010
+ padding: var(--ck-list-button-padding);
1011
+ }
1012
+ .ck.ck-list__item > .ck-button:active {
1013
+ box-shadow: none;
1014
+ }
1015
+ .ck.ck-list__item > .ck-button.ck-on {
1016
+ background: var(--ck-color-list-button-on-background);
1017
+ color: var(--ck-color-list-button-on-text);
1018
+ }
1019
+ .ck.ck-list__item > .ck-button.ck-on:active {
1020
+ box-shadow: none;
1021
+ }
1022
+ .ck.ck-list__item > .ck-button.ck-on:hover:not(.ck-disabled) {
1023
+ background: var(--ck-color-list-button-on-background-focus);
1024
+ }
1025
+ .ck.ck-list__item > .ck-button.ck-on:focus:not(.ck-switchbutton):not(.ck-disabled) {
1026
+ border-color: var(--ck-color-base-background);
1027
+ }
1028
+ .ck.ck-list__item > .ck-button:hover:not(.ck-disabled) {
1029
+ background: var(--ck-color-list-button-hover-background);
1030
+ }
1031
+ .ck.ck-list__item > .ck-switchbutton.ck-on {
1032
+ background: var(--ck-color-list-background);
1033
+ color: inherit;
1034
+ }
1035
+ .ck.ck-list__item > .ck-switchbutton.ck-on:hover:not(.ck-disabled) {
1036
+ background: var(--ck-color-list-button-hover-background);
1037
+ color: inherit;
1038
+ }
1039
+ .ck-list .ck-list__group {
1040
+ padding-top: var(--ck-spacing-medium);
1041
+ }
1042
+ *:not(.ck-hidden) ~ .ck-list .ck-list__group {
1043
+ border-top: 1px solid var(--ck-color-base-border);
1044
+ }
1045
+ .ck-list .ck-list__group > .ck-label {
1046
+ font-size: 11px;
1047
+ font-weight: bold;
1048
+ padding: var(--ck-spacing-medium) var(--ck-spacing-medium) 0 var(--ck-spacing-medium);
1049
+ }
1050
+ .ck.ck-list__separator {
1051
+ height: 1px;
1052
+ width: 100%;
1053
+ background: var(--ck-color-base-border);
1054
+ }
1055
+ .ck.ck-menu-bar {
1056
+ display: flex;
1057
+ flex-wrap: wrap;
1058
+ justify-content: flex-start;
1059
+ background: var(--ck-color-base-background);
1060
+ padding: var(--ck-spacing-small);
1061
+ gap: var(--ck-spacing-small);
1062
+ border: 1px solid var(--ck-color-toolbar-border);
1063
+ width: 100%;
1064
+ }
1065
+ .ck.ck-menu-bar__menu {
1066
+ font-size: inherit;
1067
+ }
1068
+ .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level {
1069
+ max-width: 100%;
1070
+ }
1071
+ .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button {
1072
+ padding: var(--ck-list-button-padding);
1073
+ width: 100%;
1074
+ }
1075
+ .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-button__label {
1076
+ flex-grow: 1;
1077
+ overflow: hidden;
1078
+ text-overflow: ellipsis;
1079
+ }
1080
+ .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button.ck-disabled > .ck-button__label {
1081
+ opacity: var(--ck-disabled-opacity);
1082
+ }
1083
+ [dir="ltr"] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text) {
1084
+ padding-left: var(--ck-spacing-small);
1085
+ }
1086
+ [dir="rtl"] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text) {
1087
+ padding-right: var(--ck-spacing-small);
1088
+ }
1089
+ .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button {
1090
+ padding: var(--ck-spacing-small) var(--ck-spacing-medium);
1091
+ min-height: unset;
1092
+ }
1093
+ .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-button__label {
1094
+ width: unset;
1095
+ line-height: unset;
1096
+ }
1097
+ .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button.ck-on {
1098
+ border-bottom-left-radius: 0;
1099
+ border-bottom-right-radius: 0;
1100
+ }
1101
+ .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-icon {
1102
+ display: none;
1103
+ }
1104
+ .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button {
1105
+ border-radius: 0;
1106
+ }
1107
+ .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button:focus {
1108
+ border-color: transparent;
1109
+ box-shadow: none;
1110
+ }
1111
+ .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button:focus:not(.ck-on) {
1112
+ background: var(--ck-color-button-default-hover-background);
1113
+ }
1114
+ .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button:not(:has(.ck-button__icon)) > .ck-button__label {
1115
+ margin-left: calc(var(--ck-icon-size) - var(--ck-spacing-small));
1116
+ }
1117
+ .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
1118
+ width: var(--ck-dropdown-arrow-size);
1119
+ }
1120
+ [dir="ltr"] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
1121
+ transform: rotate(-90deg);
1122
+ }
1123
+ [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 {
1124
+ transform: rotate(90deg);
1125
+ }
1126
+ .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 {
1127
+ opacity: var(--ck-disabled-opacity);
1128
+ }
1129
+ [dir="ltr"] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
1130
+ right: var(--ck-spacing-standard);
1131
+ margin-left: var(--ck-spacing-standard);
1132
+ }
1133
+ [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 {
1134
+ left: var(--ck-spacing-standard);
1135
+ margin-right: var(--ck-spacing-small);
1136
+ }
1137
+ .ck.ck-menu-bar__menu .ck.ck-menu-bar__menu__item {
1138
+ min-width: var(--ck-menu-bar-menu-item-min-width);
1139
+ }
1140
+ .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button {
1141
+ border-radius: 0;
1142
+ }
1143
+ .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {
1144
+ --ck-toolbar-spinner-size: 20px;
1145
+ }
1146
+ .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {
1147
+ margin-left: calc(-1 * var(--ck-spacing-small));
1148
+ margin-right: var(--ck-spacing-small);
1149
+ }
1150
+ .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button:focus {
1151
+ border-color: transparent;
1152
+ box-shadow: none;
1153
+ }
1154
+ .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button:focus:not(.ck-on) {
1155
+ background: var(--ck-color-button-default-hover-background);
1156
+ }
1157
+ .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__panel > ul > .ck-menu-bar__menu__item > .ck-menu-bar__menu__item__button:not(:has(.ck-button__icon)) > .ck-button__label {
1158
+ margin-left: calc(var(--ck-icon-size) - var(--ck-spacing-small));
1159
+ }
1160
+ .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
1161
+ border-radius: 0;
1162
+ }
1163
+ .ck-rounded-corners .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
1164
+ border-radius: var(--ck-border-radius);
1165
+ }
1166
+ .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
1167
+ box-shadow: var(--ck-drop-shadow), 0 0;
1168
+ background: var(--ck-color-dropdown-panel-background);
1169
+ border: 1px solid var(--ck-color-dropdown-panel-border);
1170
+ bottom: 0;
1171
+ height: fit-content;
1172
+ max-width: var(--ck-menu-bar-menu-panel-max-width);
1173
+ }
1174
+ .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es {
1175
+ border-top-left-radius: 0;
1176
+ }
1177
+ .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws {
1178
+ border-top-right-radius: 0;
1179
+ }
1180
+ .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en {
1181
+ border-bottom-left-radius: 0;
1182
+ }
1183
+ .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn {
1184
+ border-bottom-right-radius: 0;
1185
+ }
1186
+ .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel:focus {
1187
+ outline: none;
1188
+ }
1189
+ .ck.ck-balloon-panel {
1190
+ border-radius: 0;
1191
+ }
1192
+ .ck-rounded-corners .ck.ck-balloon-panel {
1193
+ border-radius: var(--ck-border-radius);
1194
+ }
1195
+ .ck.ck-balloon-panel {
1196
+ box-shadow: var(--ck-drop-shadow), 0 0;
1197
+ min-height: 15px;
1198
+ background: var(--ck-color-panel-background);
1199
+ border: var(--ck-balloon-border-width) solid var(--ck-color-panel-border);
1200
+ }
1201
+ .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before {
1202
+ width: 0;
1203
+ height: 0;
1204
+ border-style: solid;
1205
+ }
1206
+ .ck.ck-balloon-panel[class*="arrow_n"]::before {
1207
+ border-width: 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width);
1208
+ }
1209
+ .ck.ck-balloon-panel[class*="arrow_n"]::before {
1210
+ border-color: transparent transparent var(--ck-color-panel-border) transparent;
1211
+ margin-top: calc( -1 * var(--ck-balloon-border-width) );
1212
+ }
1213
+ .ck.ck-balloon-panel[class*="arrow_n"]::after {
1214
+ border-color: transparent transparent var(--ck-color-panel-background) transparent;
1215
+ margin-top: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) );
1216
+ }
1217
+ .ck.ck-balloon-panel[class*="arrow_s"]::before {
1218
+ border-width: var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width);
1219
+ }
1220
+ .ck.ck-balloon-panel[class*="arrow_s"]::before {
1221
+ border-color: var(--ck-color-panel-border) transparent transparent;
1222
+ filter: drop-shadow(var(--ck-balloon-arrow-drop-shadow));
1223
+ margin-bottom: calc( -1 * var(--ck-balloon-border-width) );
1224
+ }
1225
+ .ck.ck-balloon-panel[class*="arrow_s"]::after {
1226
+ border-color: var(--ck-color-panel-background) transparent transparent transparent;
1227
+ margin-bottom: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) );
1228
+ }
1229
+ .ck.ck-balloon-panel[class*="arrow_e"]::before {
1230
+ border-width: var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height);
1231
+ }
1232
+ .ck.ck-balloon-panel[class*="arrow_e"]::before {
1233
+ border-color: transparent transparent transparent var(--ck-color-panel-border);
1234
+ margin-right: calc( -1 * var(--ck-balloon-border-width) );
1235
+ }
1236
+ .ck.ck-balloon-panel[class*="arrow_e"]::after {
1237
+ border-color: transparent transparent transparent var(--ck-color-panel-background);
1238
+ margin-right: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) );
1239
+ }
1240
+ .ck.ck-balloon-panel[class*="arrow_w"]::before {
1241
+ border-width: var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0;
1242
+ }
1243
+ .ck.ck-balloon-panel[class*="arrow_w"]::before {
1244
+ border-color: transparent var(--ck-color-panel-border) transparent transparent;
1245
+ margin-left: calc( -1 * var(--ck-balloon-border-width) );
1246
+ }
1247
+ .ck.ck-balloon-panel[class*="arrow_w"]::after {
1248
+ border-color: transparent var(--ck-color-panel-background) transparent transparent;
1249
+ margin-left: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) );
1250
+ }
1251
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_n::before {
1252
+ left: 50%;
1253
+ margin-left: calc(-1 * var(--ck-balloon-arrow-half-width));
1254
+ top: calc(-1 * var(--ck-balloon-arrow-height));
1255
+ }
1256
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_nw::before {
1257
+ left: calc(2 * var(--ck-balloon-arrow-half-width));
1258
+ top: calc(-1 * var(--ck-balloon-arrow-height));
1259
+ }
1260
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_ne::before {
1261
+ right: calc(2 * var(--ck-balloon-arrow-half-width));
1262
+ top: calc(-1 * var(--ck-balloon-arrow-height));
1263
+ }
1264
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_s::before {
1265
+ left: 50%;
1266
+ margin-left: calc(-1 * var(--ck-balloon-arrow-half-width));
1267
+ bottom: calc(-1 * var(--ck-balloon-arrow-height));
1268
+ }
1269
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_sw::before {
1270
+ left: calc(2 * var(--ck-balloon-arrow-half-width));
1271
+ bottom: calc(-1 * var(--ck-balloon-arrow-height));
1272
+ }
1273
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_se::before {
1274
+ right: calc(2 * var(--ck-balloon-arrow-half-width));
1275
+ bottom: calc(-1 * var(--ck-balloon-arrow-height));
1276
+ }
1277
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_sme::before {
1278
+ right: 25%;
1279
+ margin-right: calc(2 * var(--ck-balloon-arrow-half-width));
1280
+ bottom: calc(-1 * var(--ck-balloon-arrow-height));
1281
+ }
1282
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_smw::before {
1283
+ left: 25%;
1284
+ margin-left: calc(2 * var(--ck-balloon-arrow-half-width));
1285
+ bottom: calc(-1 * var(--ck-balloon-arrow-height));
1286
+ }
1287
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_nme::before {
1288
+ right: 25%;
1289
+ margin-right: calc(2 * var(--ck-balloon-arrow-half-width));
1290
+ top: calc(-1 * var(--ck-balloon-arrow-height));
1291
+ }
1292
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw::before {
1293
+ left: 25%;
1294
+ margin-left: calc(2 * var(--ck-balloon-arrow-half-width));
1295
+ top: calc(-1 * var(--ck-balloon-arrow-height));
1296
+ }
1297
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_e::before {
1298
+ right: calc(-1 * var(--ck-balloon-arrow-height));
1299
+ margin-top: calc(-1 * var(--ck-balloon-arrow-half-width));
1300
+ top: 50%;
1301
+ }
1302
+ .ck.ck-balloon-panel.ck-balloon-panel_arrow_w::before {
1303
+ left: calc(-1 * var(--ck-balloon-arrow-height));
1304
+ margin-top: calc(-1 * var(--ck-balloon-arrow-half-width));
1305
+ top: 50%;
1306
+ }
1307
+ .ck .ck-balloon-rotator__navigation {
1308
+ background: var(--ck-color-toolbar-background);
1309
+ border-bottom: 1px solid var(--ck-color-toolbar-border);
1310
+ padding: 0 var(--ck-spacing-small);
1311
+ }
1312
+ .ck .ck-balloon-rotator__navigation > * {
1313
+ margin-right: var(--ck-spacing-small);
1314
+ margin-top: var(--ck-spacing-small);
1315
+ margin-bottom: var(--ck-spacing-small);
1316
+ }
1317
+ .ck .ck-balloon-rotator__navigation .ck-balloon-rotator__counter {
1318
+ margin-right: var(--ck-spacing-standard);
1319
+ margin-left: var(--ck-spacing-small);
1320
+ }
1321
+ .ck .ck-balloon-rotator__content .ck.ck-annotation-wrapper {
1322
+ box-shadow: none;
1323
+ }
1324
+ .ck .ck-fake-panel div {
1325
+ box-shadow: var(--ck-drop-shadow), 0 0;
1326
+ min-height: 15px;
1327
+ background: var(--ck-color-panel-background);
1328
+ border: 1px solid var(--ck-color-panel-border);
1329
+ border-radius: var(--ck-border-radius);
1330
+ width: 100%;
1331
+ height: 100%;
1332
+ }
1333
+ .ck .ck-fake-panel div:nth-child( 1 ) {
1334
+ margin-left: var(--ck-balloon-fake-panel-offset-horizontal);
1335
+ margin-top: var(--ck-balloon-fake-panel-offset-vertical);
1336
+ }
1337
+ .ck .ck-fake-panel div:nth-child( 2 ) {
1338
+ margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 2);
1339
+ margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 2);
1340
+ }
1341
+ .ck .ck-fake-panel div:nth-child( 3 ) {
1342
+ margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 3);
1343
+ margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 3);
1344
+ }
1345
+ .ck .ck-balloon-panel_arrow_s + .ck-fake-panel {
1346
+ --ck-balloon-fake-panel-offset-vertical: -6px;
1347
+ }
1348
+ .ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
1349
+ box-shadow: var(--ck-drop-shadow), 0 0;
1350
+ border-width: 0 1px 1px;
1351
+ border-top-left-radius: 0;
1352
+ border-top-right-radius: 0;
1353
+ }
1354
+ .ck-vertical-form > .ck-button:nth-last-child(2)::after {
1355
+ border-right: 1px solid var(--ck-color-base-border);
1356
+ }
1357
+ .ck.ck-responsive-form {
1358
+ padding: var(--ck-spacing-large);
1359
+ }
1360
+ .ck.ck-responsive-form:focus {
1361
+ outline: none;
1362
+ }
1363
+ [dir="ltr"] .ck.ck-responsive-form > :not(:first-child) {
1364
+ margin-left: var(--ck-spacing-standard);
1365
+ }
1366
+ [dir="rtl"] .ck.ck-responsive-form > :not(:last-child) {
1367
+ margin-left: var(--ck-spacing-standard);
1368
+ }
1369
+ .ck.ck-search > .ck-labeled-field-view .ck-input {
1370
+ width: 100%;
1371
+ }
1372
+ .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon {
1373
+ --ck-labeled-field-label-default-position-x: var(--ck-search-field-view-horizontal-spacing);
1374
+ }
1375
+ .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon > .ck-labeled-field-view__input-wrapper > .ck-icon {
1376
+ opacity: .5;
1377
+ pointer-events: none;
1378
+ }
1379
+ .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input {
1380
+ width: 100%;
1381
+ }
1382
+ [dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input {
1383
+ padding-left: var(--ck-search-field-view-horizontal-spacing);
1384
+ }
1385
+ [dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input:not(.ck-input-text_empty) {
1386
+ padding-left: var(--ck-search-field-view-horizontal-spacing);
1387
+ }
1388
+ .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset {
1389
+ --ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-search-field-view-horizontal-spacing);
1390
+ }
1391
+ .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset.ck-labeled-field-view_empty {
1392
+ --ck-labeled-field-empty-unfocused-max-width: 100% - var(--ck-search-field-view-horizontal-spacing) - var(--ck-spacing-medium);
1393
+ }
1394
+ .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
1395
+ min-width: auto;
1396
+ min-height: auto;
1397
+ background: none;
1398
+ opacity: .5;
1399
+ padding: 0;
1400
+ }
1401
+ [dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
1402
+ right: var(--ck-spacing-medium);
1403
+ }
1404
+ [dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
1405
+ left: var(--ck-spacing-medium);
1406
+ }
1407
+ .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset:hover {
1408
+ opacity: 1;
1409
+ }
1410
+ .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input {
1411
+ width: 100%;
1412
+ }
1413
+ [dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input:not(.ck-input-text_empty) {
1414
+ padding-right: var(--ck-search-field-view-horizontal-spacing);
1415
+ }
1416
+ [dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input {
1417
+ padding-right: var(--ck-search-field-view-horizontal-spacing);
1418
+ }
1419
+ .ck.ck-search > .ck-search__results {
1420
+ min-width: 100%;
1421
+ }
1422
+ .ck.ck-search > .ck-search__results > .ck-search__info {
1423
+ width: 100%;
1424
+ padding: var(--ck-spacing-medium) var(--ck-spacing-large);
1425
+ }
1426
+ .ck.ck-search > .ck-search__results > .ck-search__info * {
1427
+ white-space: normal;
1428
+ }
1429
+ .ck.ck-search > .ck-search__results > .ck-search__info > span:first-child {
1430
+ font-weight: bold;
1431
+ }
1432
+ .ck.ck-search > .ck-search__results > .ck-search__info > span:last-child {
1433
+ margin-top: var(--ck-spacing-medium);
1434
+ }
1435
+ .ck.ck-spinner-container {
1436
+ width: var(--ck-toolbar-spinner-size);
1437
+ height: var(--ck-toolbar-spinner-size);
1438
+ animation: 1.5s infinite rotate linear;
1439
+ }
1440
+ .ck.ck-spinner {
1441
+ width: var(--ck-toolbar-spinner-size);
1442
+ height: var(--ck-toolbar-spinner-size);
1443
+ border-radius: 50%;
1444
+ border: 2px solid var(--ck-color-text);
1445
+ border-top-color: transparent;
1446
+ }
1447
+ .ck-textarea {
1448
+ overflow-x: hidden;
1449
+ }
1450
+ .ck.ck-block-toolbar-button {
1451
+ color: var(--ck-color-block-toolbar-button);
1452
+ font-size: var(--ck-block-toolbar-size);
1453
+ }
1454
+ .ck.ck-toolbar {
1455
+ border-radius: 0;
1456
+ }
1457
+ .ck-rounded-corners .ck.ck-toolbar {
1458
+ border-radius: var(--ck-border-radius);
1459
+ }
1460
+ .ck.ck-toolbar {
1461
+ background: var(--ck-color-toolbar-background);
1462
+ padding: 0 var(--ck-spacing-small);
1463
+ border: 1px solid var(--ck-color-toolbar-border);
1464
+ }
1465
+ .ck.ck-toolbar .ck.ck-toolbar__separator {
1466
+ align-self: stretch;
1467
+ width: 1px;
1468
+ min-width: 1px;
1469
+ background: var(--ck-color-toolbar-border);
1470
+ margin-top: var(--ck-spacing-small);
1471
+ margin-bottom: var(--ck-spacing-small);
1472
+ }
1473
+ .ck.ck-toolbar .ck-toolbar__line-break {
1474
+ height: 0;
1475
+ }
1476
+ .ck.ck-toolbar > .ck-toolbar__items > *:not(.ck-toolbar__line-break) {
1477
+ margin-right: var(--ck-spacing-small);
1478
+ }
1479
+ .ck.ck-toolbar > .ck-toolbar__items:empty + .ck.ck-toolbar__separator {
1480
+ display: none;
1481
+ }
1482
+ .ck.ck-toolbar > .ck-toolbar__items > *:not(.ck-toolbar__line-break) {
1483
+ margin-top: var(--ck-spacing-small);
1484
+ margin-bottom: var(--ck-spacing-small);
1485
+ }
1486
+ .ck.ck-toolbar.ck-toolbar_vertical {
1487
+ padding: 0;
1488
+ }
1489
+ .ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items > .ck {
1490
+ width: 100%;
1491
+ margin: 0;
1492
+ border-radius: 0;
1493
+ }
1494
+ .ck.ck-toolbar.ck-toolbar_compact {
1495
+ padding: 0;
1496
+ }
1497
+ .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > * {
1498
+ margin: 0;
1499
+ }
1500
+ .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > *:not(:first-child):not(:last-child) {
1501
+ border-radius: 0;
1502
+ }
1503
+ .ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck.ck-button.ck-dropdown__button {
1504
+ padding-left: var(--ck-spacing-tiny);
1505
+ }
1506
+ .ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-dropdown__panel {
1507
+ min-width: auto;
1508
+ }
1509
+ .ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-button > .ck-button__label {
1510
+ max-width: 7em;
1511
+ width: auto;
1512
+ }
1513
+ .ck.ck-toolbar:focus {
1514
+ outline: none;
1515
+ }
1516
+ .ck-toolbar-container .ck.ck-toolbar {
1517
+ border: 0;
1518
+ }
1519
+ [dir="rtl"] .ck.ck-toolbar > .ck-toolbar__items > .ck {
1520
+ margin-right: 0;
1521
+ }
1522
+ [dir="rtl"] .ck.ck-toolbar:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck {
1523
+ margin-left: var(--ck-spacing-small);
1524
+ }
1525
+ [dir="rtl"] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child {
1526
+ margin-left: 0;
1527
+ }
1528
+ [dir="rtl"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child {
1529
+ border-top-left-radius: 0;
1530
+ border-bottom-left-radius: 0;
1531
+ }
1532
+ [dir="rtl"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child {
1533
+ border-top-right-radius: 0;
1534
+ border-bottom-right-radius: 0;
1535
+ }
1536
+ [dir="rtl"] .ck.ck-toolbar > .ck.ck-toolbar__separator {
1537
+ margin-left: var(--ck-spacing-small);
1538
+ }
1539
+ [dir="rtl"] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child) {
1540
+ margin-left: var(--ck-spacing-small);
1541
+ }
1542
+ [dir="ltr"] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child {
1543
+ margin-right: 0;
1544
+ }
1545
+ [dir="ltr"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child {
1546
+ border-top-right-radius: 0;
1547
+ border-bottom-right-radius: 0;
1548
+ }
1549
+ [dir="ltr"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child {
1550
+ border-top-left-radius: 0;
1551
+ border-bottom-left-radius: 0;
1552
+ }
1553
+ [dir="ltr"] .ck.ck-toolbar > .ck.ck-toolbar__separator {
1554
+ margin-right: var(--ck-spacing-small);
1555
+ }
1556
+ [dir="ltr"] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child) {
1557
+ margin-right: var(--ck-spacing-small);
1558
+ }
1559
+ .ck.ck-balloon-panel.ck-tooltip {
1560
+ --ck-balloon-border-width: 0px;
1561
+ --ck-balloon-arrow-offset: 0px;
1562
+ --ck-balloon-arrow-half-width: 4px;
1563
+ --ck-balloon-arrow-height: 4px;
1564
+ --ck-tooltip-text-padding: 4px;
1565
+ --ck-color-panel-background: var(--ck-color-tooltip-background);
1566
+ padding: 0 var(--ck-spacing-medium);
1567
+ box-shadow: none;
1568
+ }
1569
+ .ck.ck-balloon-panel.ck-tooltip .ck-tooltip__text {
1570
+ font-size: .9em;
1571
+ line-height: 1.5;
1572
+ color: var(--ck-color-tooltip-text);
1573
+ }
1574
+ .ck.ck-balloon-panel.ck-tooltip.ck-tooltip_multi-line .ck-tooltip__text {
1575
+ white-space: break-spaces;
1576
+ display: inline-block;
1577
+ padding: var(--ck-tooltip-text-padding) 0;
1578
+ max-width: 200px;
1579
+ }
1580
+ .ck.ck-balloon-panel.ck-tooltip::before {
1581
+ display: none;
1582
+ }
1583
+ .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
1584
+ border-radius: 0;
1585
+ }
1586
+ .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
1587
+ border-radius: var(--ck-border-radius);
1588
+ border-bottom-left-radius: 0;
1589
+ border-bottom-right-radius: 0;
1590
+ }
1591
+ .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
1592
+ border: 1px solid var(--ck-color-base-border);
1593
+ border-bottom-width: 0;
1594
+ }
1595
+ .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-sticky-panel__content_sticky {
1596
+ border-bottom-width: 1px;
1597
+ }
1598
+ .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-menu-bar {
1599
+ border: 0;
1600
+ }
1601
+ .ck.ck-editor__main > .ck-editor__editable {
1602
+ background: var(--ck-color-base-background);
1603
+ border-radius: 0;
1604
+ }
1605
+ .ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable {
1606
+ border-radius: var(--ck-border-radius);
1607
+ border-top-left-radius: 0;
1608
+ border-top-right-radius: 0;
1609
+ }
1610
+ .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
1611
+ border-color: var(--ck-color-base-border);
1612
+ }
1613
+ .ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span {
1614
+ bottom: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));
1615
+ top: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));
1616
+ border: 1px solid var(--ck-clipboard-drop-target-color);
1617
+ background: var(--ck-clipboard-drop-target-color);
1618
+ margin-left: -1px;
1619
+ }
1620
+ .ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span::after {
1621
+ content: '';
1622
+ width: 0;
1623
+ height: 0;
1624
+ display: block;
1625
+ position: absolute;
1626
+ left: 50%;
1627
+ top: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));
1628
+ transform: translateX(-50%);
1629
+ border-color: var(--ck-clipboard-drop-target-color) transparent transparent transparent;
1630
+ border-width: calc(var(--ck-clipboard-drop-target-dot-height)) calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(.5 * var(--ck-clipboard-drop-target-dot-width));
1631
+ border-style: solid;
1632
+ }
1633
+ .ck.ck-editor__editable .ck-widget.ck-clipboard-drop-target-range {
1634
+ outline: var(--ck-widget-outline-thickness) solid var(--ck-clipboard-drop-target-color) !important;
1635
+ }
1636
+ .ck.ck-editor__editable .ck-widget:-webkit-drag {
1637
+ zoom: 0.6;
1638
+ outline: none !important;
1639
+ }
1640
+ .ck.ck-clipboard-drop-target-line {
1641
+ height: 0;
1642
+ border: 1px solid var(--ck-clipboard-drop-target-color);
1643
+ background: var(--ck-clipboard-drop-target-color);
1644
+ margin-top: -1px;
1645
+ }
1646
+ .ck.ck-clipboard-drop-target-line::before {
1647
+ content: '';
1648
+ position: absolute;
1649
+ top: calc(-.5 * var(--ck-clipboard-drop-target-dot-width));
1650
+ width: 0;
1651
+ height: 0;
1652
+ border-style: solid;
1653
+ }
1654
+ [dir="ltr"] .ck.ck-clipboard-drop-target-line::before {
1655
+ left: -1px;
1656
+ border-width: calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height);
1657
+ border-color: transparent transparent transparent var(--ck-clipboard-drop-target-color);
1658
+ }
1659
+ [dir="rtl"] .ck.ck-clipboard-drop-target-line::before {
1660
+ right: -1px;
1661
+ border-width: calc(.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height) calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0;
1662
+ border-color: transparent var(--ck-clipboard-drop-target-color) transparent transparent;
1663
+ }
1664
+ .ck.ck-editor__editable pre[data-language]::after {
1665
+ top: -1px;
1666
+ right: 10px;
1667
+ background: var(--ck-color-code-block-label-background);
1668
+ font-size: 10px;
1669
+ font-family: var(--ck-font-face);
1670
+ line-height: 16px;
1671
+ padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
1672
+ color: hsl(0, 0%, 100%);
1673
+ white-space: nowrap;
1674
+ }
1675
+ .ck.ck-code-block-dropdown .ck-dropdown__panel {
1676
+ max-height: 250px;
1677
+ overflow-y: auto;
1678
+ overflow-x: hidden;
1679
+ }
1680
+ .ck.ck-placeholder::before {
1681
+ cursor: text;
1682
+ }
1683
+ .ck.ck-find-and-replace-form {
1684
+ width: 400px;
1685
+ }
1686
+ .ck.ck-find-and-replace-form:focus {
1687
+ outline: none;
1688
+ }
1689
+ .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs {
1690
+ flex: 1 1 auto;
1691
+ flex-direction: row;
1692
+ flex-wrap: wrap;
1693
+ align-items: center;
1694
+ align-content: stretch;
1695
+ padding: var(--ck-spacing-large);
1696
+ margin: 0;
1697
+ }
1698
+ .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button {
1699
+ flex: 0 0 auto;
1700
+ }
1701
+ [dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + * {
1702
+ margin-left: var(--ck-spacing-standard);
1703
+ }
1704
+ [dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + * {
1705
+ margin-right: var(--ck-spacing-standard);
1706
+ }
1707
+ .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view {
1708
+ flex: 1 1 auto;
1709
+ }
1710
+ .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view .ck-input {
1711
+ width: 100%;
1712
+ min-width: 50px;
1713
+ }
1714
+ .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs {
1715
+ align-items: flex-start;
1716
+ }
1717
+ .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-prev > .ck-icon {
1718
+ transform: rotate(90deg);
1719
+ }
1720
+ .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-next > .ck-icon {
1721
+ transform: rotate(-90deg);
1722
+ }
1723
+ .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
1724
+ top: 50%;
1725
+ transform: translateY(-50%);
1726
+ }
1727
+ [dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
1728
+ right: var(--ck-spacing-standard);
1729
+ }
1730
+ [dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
1731
+ left: var(--ck-spacing-standard);
1732
+ }
1733
+ .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
1734
+ color: var(--ck-color-base-border);
1735
+ }
1736
+ .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
1737
+ flex: 0 0 100%;
1738
+ padding-top: var(--ck-spacing-standard);
1739
+ }
1740
+ [dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
1741
+ margin-left: 0;
1742
+ }
1743
+ [dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
1744
+ margin-right: 0;
1745
+ }
1746
+ .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions {
1747
+ flex-wrap: wrap;
1748
+ justify-content: flex-end;
1749
+ margin-top: calc( -1 * var(--ck-spacing-large) );
1750
+ }
1751
+ .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find {
1752
+ font-weight: bold;
1753
+ }
1754
+ .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find .ck-button__label {
1755
+ padding-left: var(--ck-spacing-large);
1756
+ padding-right: var(--ck-spacing-large);
1757
+ }
1758
+ .ck.ck-find-and-replace-form .ck-switchbutton {
1759
+ width: 100%;
1760
+ display: flex;
1761
+ flex-direction: row;
1762
+ flex-wrap: nowrap;
1763
+ justify-content: space-between;
1764
+ align-items: center;
1765
+ }
1766
+ .ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label {
1767
+ width: 8em;
1768
+ }
1769
+ .ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item {
1770
+ min-width: 18em;
1771
+ }
1772
+ .ck-widget.raw-html-embed {
1773
+ font-size: var(--ck-font-size-base);
1774
+ background-color: var(--ck-color-base-foreground);
1775
+ }
1776
+ .ck-widget.raw-html-embed:not(.ck-widget_selected):not(:hover) {
1777
+ outline: var(--ck-html-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border);
1778
+ }
1779
+ .ck-widget.raw-html-embed[dir="ltr"] {
1780
+ text-align: left;
1781
+ }
1782
+ .ck-widget.raw-html-embed[dir="rtl"] {
1783
+ text-align: right;
1784
+ }
1785
+ .ck-widget.raw-html-embed::before {
1786
+ content: attr(data-html-embed-label);
1787
+ top: calc(-1 * var(--ck-html-embed-unfocused-outline-width));
1788
+ left: var(--ck-spacing-standard);
1789
+ background: hsl(0deg 0% 60%);
1790
+ transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
1791
+ padding: calc(var(--ck-spacing-tiny) + var(--ck-html-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny);
1792
+ border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
1793
+ color: var(--ck-color-base-background);
1794
+ font-size: var(--ck-font-size-tiny);
1795
+ font-family: var(--ck-font-face);
1796
+ }
1797
+ .ck-widget.raw-html-embed[dir="rtl"]::before {
1798
+ left: auto;
1799
+ right: var(--ck-spacing-standard);
1800
+ }
1801
+ .ck-widget.raw-html-embed[dir="ltr"] .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before {
1802
+ margin-left: 50px;
1803
+ }
1804
+ .ck.ck-editor__editable.ck-blurred .ck-widget.raw-html-embed.ck-widget_selected::before {
1805
+ top: 0px;
1806
+ padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
1807
+ }
1808
+ .ck.ck-editor__editable:not(.ck-blurred) .ck-widget.raw-html-embed.ck-widget_selected::before {
1809
+ top: 0;
1810
+ padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
1811
+ background: var(--ck-color-focus-border);
1812
+ }
1813
+ .ck.ck-editor__editable .ck-widget.raw-html-embed:not(.ck-widget_selected):hover::before {
1814
+ top: 0px;
1815
+ padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
1816
+ }
1817
+ .ck-widget.raw-html-embed .raw-html-embed__content-wrapper {
1818
+ padding: var(--ck-spacing-standard);
1819
+ }
1820
+ .ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper {
1821
+ top: var(--ck-spacing-standard);
1822
+ right: var(--ck-spacing-standard);
1823
+ }
1824
+ .ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__save-button {
1825
+ color: var(--ck-color-button-save);
1826
+ }
1827
+ .ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__cancel-button {
1828
+ color: var(--ck-color-button-cancel);
1829
+ }
1830
+ .ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button:not(:first-child) {
1831
+ margin-top: var(--ck-spacing-small);
1832
+ }
1833
+ .ck-widget.raw-html-embed[dir="rtl"] .raw-html-embed__buttons-wrapper {
1834
+ left: var(--ck-spacing-standard);
1835
+ right: auto;
1836
+ }
1837
+ .ck-widget.raw-html-embed .raw-html-embed__source {
1838
+ box-sizing: border-box;
1839
+ height: var(--ck-html-embed-source-height);
1840
+ width: var(--ck-html-embed-content-width);
1841
+ resize: none;
1842
+ min-width: 0;
1843
+ padding: var(--ck-spacing-standard);
1844
+ font-family: monospace;
1845
+ tab-size: 4;
1846
+ white-space: pre-wrap;
1847
+ font-size: var(--ck-font-size-base);
1848
+ text-align: left;
1849
+ direction: ltr;
1850
+ }
1851
+ .ck-widget.raw-html-embed .raw-html-embed__source[disabled] {
1852
+ background: var(--ck-html-embed-source-disabled-background);
1853
+ color: var(--ck-html-embed-source-disabled-color);
1854
+ -webkit-text-fill-color: var(--ck-html-embed-source-disabled-color);
1855
+ opacity: 1;
1856
+ }
1857
+ .ck-widget.raw-html-embed .raw-html-embed__preview {
1858
+ min-height: var(--ck-html-embed-content-min-height);
1859
+ width: var(--ck-html-embed-content-width);
1860
+ }
1861
+ .ck-editor__editable:not(.ck-read-only) .ck-widget.raw-html-embed .raw-html-embed__preview {
1862
+ pointer-events: none;
1863
+ }
1864
+ .ck-widget.raw-html-embed .raw-html-embed__preview-content {
1865
+ box-sizing: border-box;
1866
+ background-color: var(--ck-color-base-foreground);
1867
+ }
1868
+ .ck-widget.raw-html-embed .raw-html-embed__preview-content > * {
1869
+ margin-left: auto;
1870
+ margin-right: auto;
1871
+ }
1872
+ .ck-widget.raw-html-embed .raw-html-embed__preview-placeholder {
1873
+ color: var(--ck-html-embed-source-disabled-color);
1874
+ }
1875
+ .ck.ck-image-insert-url {
1876
+ --ck-input-width: 100%;
1877
+ }
1878
+ .ck.ck-image-insert-url .ck-image-insert-url__action-row {
1879
+ grid-column-gap: var(--ck-spacing-large);
1880
+ margin-top: var(--ck-spacing-large);
1881
+ }
1882
+ .ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-save {
1883
+ justify-content: center;
1884
+ min-width: auto;
1885
+ }
1886
+ .ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button .ck-button__label {
1887
+ color: var(--ck-color-text);
1888
+ }
1889
+ .ck.ck-image-insert-form > .ck.ck-button {
1890
+ display: block;
1891
+ width: 100%;
1892
+ padding: var(--ck-list-button-padding);
1893
+ }
1894
+ [dir="ltr"] .ck.ck-image-insert-form > .ck.ck-button {
1895
+ text-align: left;
1896
+ }
1897
+ [dir="rtl"] .ck.ck-image-insert-form > .ck.ck-button {
1898
+ text-align: right;
1899
+ }
1900
+ .ck.ck-image-insert-form > .ck.ck-collapsible {
1901
+ min-width: var(--ck-image-insert-insert-by-url-width);
1902
+ }
1903
+ .ck.ck-image-insert-form > .ck.ck-collapsible:not(:first-child) {
1904
+ border-top: 1px solid var(--ck-color-base-border);
1905
+ }
1906
+ .ck.ck-image-insert-form > .ck.ck-collapsible:not(:last-child) {
1907
+ border-bottom: 1px solid var(--ck-color-base-border);
1908
+ }
1909
+ .ck.ck-image-insert-form > .ck.ck-image-insert-url {
1910
+ min-width: var(--ck-image-insert-insert-by-url-width);
1911
+ padding: var(--ck-spacing-large);
1912
+ }
1913
+ .ck.ck-image-insert-form:focus {
1914
+ outline: none;
1915
+ }
1916
+ .ck-image-upload-complete-icon {
1917
+ opacity: 0;
1918
+ background: var(--ck-color-image-upload-icon-background);
1919
+ animation-name: ck-upload-complete-icon-show, ck-upload-complete-icon-hide;
1920
+ animation-fill-mode: forwards, forwards;
1921
+ animation-duration: 500ms, 500ms;
1922
+ font-size: calc(1px * var(--ck-image-upload-icon-size));
1923
+ animation-delay: 0ms, 3000ms;
1924
+ overflow: hidden;
1925
+ width: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));
1926
+ height: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));
1927
+ }
1928
+ .ck-image-upload-complete-icon::after {
1929
+ left: 25%;
1930
+ top: 50%;
1931
+ opacity: 0;
1932
+ height: 0;
1933
+ width: 0;
1934
+ transform: scaleX(-1) rotate(135deg);
1935
+ transform-origin: left top;
1936
+ border-top: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
1937
+ border-right: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
1938
+ animation-name: ck-upload-complete-icon-check;
1939
+ animation-duration: 500ms;
1940
+ animation-delay: 500ms;
1941
+ animation-fill-mode: forwards;
1942
+ box-sizing: border-box;
1943
+ }
1944
+ .ck .ck-image-upload-placeholder {
1945
+ width: 100%;
1946
+ margin: 0;
1947
+ }
1948
+ .ck .ck-image-upload-placeholder.image-inline {
1949
+ width: calc( 2 * var(--ck-upload-placeholder-loader-size) * var(--ck-upload-placeholder-image-aspect-ratio) );
1950
+ }
1951
+ .ck .ck-image-upload-placeholder img {
1952
+ aspect-ratio: var(--ck-upload-placeholder-image-aspect-ratio);
1953
+ }
1954
+ .ck .ck-upload-placeholder-loader {
1955
+ width: 100%;
1956
+ height: 100%;
1957
+ }
1958
+ .ck .ck-upload-placeholder-loader::before {
1959
+ width: var(--ck-upload-placeholder-loader-size);
1960
+ height: var(--ck-upload-placeholder-loader-size);
1961
+ border-radius: 50%;
1962
+ border-top: 3px solid var(--ck-color-upload-placeholder-loader);
1963
+ border-right: 2px solid transparent;
1964
+ animation: ck-upload-placeholder-loader 1s linear infinite;
1965
+ }
1966
+ .ck.ck-editor__editable .image.ck-appear {
1967
+ animation: fadeIn 700ms;
1968
+ }
1969
+ .ck.ck-editor__editable .image .ck-progress-bar {
1970
+ height: 2px;
1971
+ width: 0;
1972
+ background: var(--ck-color-upload-bar-background);
1973
+ transition: width 100ms;
1974
+ }
1975
+ .ck .ck-link_selected {
1976
+ background: var(--ck-color-link-selected-background);
1977
+ }
1978
+ .ck .ck-link_selected span.image-inline {
1979
+ outline: var(--ck-widget-outline-thickness) solid var(--ck-color-link-selected-background);
1980
+ }
1981
+ .ck .ck-fake-link-selection {
1982
+ background: var(--ck-color-link-fake-selection);
1983
+ }
1984
+ .ck .ck-fake-link-selection_collapsed {
1985
+ height: 100%;
1986
+ border-right: 1px solid var(--ck-color-base-text);
1987
+ margin-right: -1px;
1988
+ outline: solid 1px hsla(0, 0%, 100%, .5);
1989
+ }
1990
+ .ck.ck-link-actions .ck-button.ck-link-actions__preview {
1991
+ padding-left: 0;
1992
+ padding-right: 0;
1993
+ }
1994
+ .ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label {
1995
+ padding: 0 var(--ck-spacing-medium);
1996
+ color: var(--ck-color-link-default);
1997
+ text-overflow: ellipsis;
1998
+ cursor: pointer;
1999
+ max-width: var(--ck-input-width);
2000
+ min-width: 3em;
2001
+ text-align: center;
2002
+ }
2003
+ .ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label:hover {
2004
+ text-decoration: underline;
2005
+ }
2006
+ .ck.ck-link-actions .ck-button.ck-link-actions__preview {
2007
+ background: none;
2008
+ }
2009
+ .ck.ck-link-actions .ck-button.ck-link-actions__preview:active {
2010
+ box-shadow: none;
2011
+ }
2012
+ .ck.ck-link-actions .ck-button.ck-link-actions__preview:focus .ck-button__label {
2013
+ text-decoration: underline;
2014
+ }
2015
+ [dir="ltr"] .ck.ck-link-actions .ck-button:not(:first-child) {
2016
+ margin-left: var(--ck-spacing-standard);
2017
+ }
2018
+ [dir="rtl"] .ck.ck-link-actions .ck-button:not(:last-child) {
2019
+ margin-left: var(--ck-spacing-standard);
2020
+ }
2021
+ .ck.ck-link-form_layout-vertical {
2022
+ padding: 0;
2023
+ min-width: var(--ck-input-width);
2024
+ }
2025
+ .ck.ck-link-form_layout-vertical .ck-labeled-field-view {
2026
+ margin: var(--ck-spacing-large) var(--ck-spacing-large) var(--ck-spacing-small);
2027
+ }
2028
+ .ck.ck-link-form_layout-vertical .ck-labeled-field-view .ck-input-text {
2029
+ min-width: 0;
2030
+ width: 100%;
2031
+ }
2032
+ .ck.ck-link-form_layout-vertical > .ck-button {
2033
+ padding: var(--ck-spacing-standard);
2034
+ margin: 0;
2035
+ width: 50%;
2036
+ border-radius: 0;
2037
+ }
2038
+ .ck.ck-link-form_layout-vertical > .ck-button:not(:focus) {
2039
+ border-top: 1px solid var(--ck-color-base-border);
2040
+ }
2041
+ [dir="ltr"] .ck.ck-link-form_layout-vertical > .ck-button {
2042
+ margin-left: 0;
2043
+ }
2044
+ [dir="rtl"] .ck.ck-link-form_layout-vertical > .ck-button {
2045
+ margin-left: 0;
2046
+ }
2047
+ [dir="rtl"] .ck.ck-link-form_layout-vertical > .ck-button:last-of-type {
2048
+ border-right: 1px solid var(--ck-color-base-border);
2049
+ }
2050
+ .ck.ck-link-form_layout-vertical .ck.ck-list {
2051
+ margin: var(--ck-spacing-standard) var(--ck-spacing-large);
2052
+ }
2053
+ .ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton {
2054
+ padding: 0;
2055
+ width: 100%;
2056
+ }
2057
+ .ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton:hover {
2058
+ background: none;
2059
+ }
2060
+ .ck.ck-editor__editable figure.image > a::after {
2061
+ content: "";
2062
+ top: min(var(--ck-spacing-medium), 6%);
2063
+ right: min(var(--ck-spacing-medium), 6%);
2064
+ background-color: hsla(0, 0%, 0%, .4);
2065
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTExLjA3NyAxNSAuOTkxLTEuNDE2YS43NS43NSAwIDEgMSAxLjIyOS44NmwtMS4xNDggMS42NGEuNzQ4Ljc0OCAwIDAgMS0uMjE3LjIwNiA1LjI1MSA1LjI1MSAwIDAgMS04LjUwMy01Ljk1NS43NDEuNzQxIDAgMCAxIC4xMi0uMjc0bDEuMTQ3LTEuNjM5YS43NS43NSAwIDEgMSAxLjIyOC44Nkw0LjkzMyAxMC43bC4wMDYuMDAzYTMuNzUgMy43NSAwIDAgMCA2LjEzMiA0LjI5NGwuMDA2LjAwNHptNS40OTQtNS4zMzVhLjc0OC43NDggMCAwIDEtLjEyLjI3NGwtMS4xNDcgMS42MzlhLjc1Ljc1IDAgMSAxLTEuMjI4LS44NmwuODYtMS4yM2EzLjc1IDMuNzUgMCAwIDAtNi4xNDQtNC4zMDFsLS44NiAxLjIyOWEuNzUuNzUgMCAwIDEtMS4yMjktLjg2bDEuMTQ4LTEuNjRhLjc0OC43NDggMCAwIDEgLjIxNy0uMjA2IDUuMjUxIDUuMjUxIDAgMCAxIDguNTAzIDUuOTU1em0tNC41NjMtMi41MzJhLjc1Ljc1IDAgMCAxIC4xODQgMS4wNDVsLTMuMTU1IDQuNTA1YS43NS43NSAwIDEgMS0xLjIyOS0uODZsMy4xNTUtNC41MDZhLjc1Ljc1IDAgMCAxIDEuMDQ1LS4xODR6Ii8+PC9zdmc+");
2066
+ background-size: 14px;
2067
+ background-repeat: no-repeat;
2068
+ background-position: center;
2069
+ border-radius: 100%;
2070
+ overflow: hidden;
2071
+ width: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
2072
+ height: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
2073
+ }
2074
+ .ck.ck-list-properties.ck-list-properties_without-styles {
2075
+ padding: var(--ck-spacing-large);
2076
+ }
2077
+ .ck.ck-list-properties.ck-list-properties_without-styles > * {
2078
+ min-width: 14em;
2079
+ }
2080
+ .ck.ck-list-properties.ck-list-properties_without-styles > * + * {
2081
+ margin-top: var(--ck-spacing-standard);
2082
+ }
2083
+ .ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-list-styles-list {
2084
+ grid-template-columns: repeat( 4, auto );
2085
+ }
2086
+ .ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible {
2087
+ border-top: 1px solid var(--ck-color-base-border);
2088
+ }
2089
+ .ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > * {
2090
+ width: 100%;
2091
+ }
2092
+ .ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > * + * {
2093
+ margin-top: var(--ck-spacing-standard);
2094
+ }
2095
+ .ck.ck-list-properties .ck.ck-numbered-list-properties__start-index .ck-input {
2096
+ min-width: auto;
2097
+ width: 100%;
2098
+ }
2099
+ .ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order {
2100
+ background: transparent;
2101
+ padding-left: 0;
2102
+ padding-right: 0;
2103
+ margin-bottom: calc(-1 * var(--ck-spacing-tiny));
2104
+ }
2105
+ .ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:active {
2106
+ box-shadow: none;
2107
+ border-color: transparent;
2108
+ background: none;
2109
+ }
2110
+ .ck.ck-list-styles-list {
2111
+ grid-template-columns: repeat( 3, auto );
2112
+ row-gap: var(--ck-spacing-medium);
2113
+ column-gap: var(--ck-spacing-medium);
2114
+ padding: var(--ck-spacing-large);
2115
+ }
2116
+ .ck.ck-list-styles-list .ck-button {
2117
+ width: var(--ck-list-style-button-size);
2118
+ height: var(--ck-list-style-button-size);
2119
+ padding: 0;
2120
+ margin: 0;
2121
+ box-sizing: content-box;
2122
+ }
2123
+ .ck.ck-list-styles-list .ck-button .ck-icon {
2124
+ width: var(--ck-list-style-button-size);
2125
+ height: var(--ck-list-style-button-size);
2126
+ }
2127
+ .ck-media__wrapper {
2128
+ margin: 0 auto;
2129
+ }
2130
+ .ck-media__wrapper .ck-media__placeholder {
2131
+ padding: calc( 3 * var(--ck-spacing-standard) );
2132
+ background: var(--ck-color-base-foreground);
2133
+ }
2134
+ .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon {
2135
+ min-width: var(--ck-media-embed-placeholder-icon-size);
2136
+ height: var(--ck-media-embed-placeholder-icon-size);
2137
+ margin-bottom: var(--ck-spacing-large);
2138
+ background-position: center;
2139
+ background-size: cover;
2140
+ }
2141
+ .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon .ck-icon {
2142
+ width: 100%;
2143
+ height: 100%;
2144
+ }
2145
+ .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text {
2146
+ color: var(--ck-color-media-embed-placeholder-url-text);
2147
+ white-space: nowrap;
2148
+ text-align: center;
2149
+ font-style: italic;
2150
+ text-overflow: ellipsis;
2151
+ }
2152
+ .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text:hover {
2153
+ color: var(--ck-color-media-embed-placeholder-url-text-hover);
2154
+ cursor: pointer;
2155
+ text-decoration: underline;
2156
+ }
2157
+ .ck-media__wrapper[data-oembed-url*="open.spotify.com"] {
2158
+ max-width: 300px;
2159
+ max-height: 380px;
2160
+ }
2161
+ .ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon {
2162
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAuMzc4IiBoZWlnaHQ9IjI1NC4xNjciIHZpZXdCb3g9IjAgMCA2Ni4yNDYgNjcuMjQ4Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcyLjUzMSAtMjE4LjQ1NSkgc2NhbGUoLjk4MDEyKSI+PHJlY3Qgcnk9IjUuMjM4IiByeD0iNS4yMzgiIHk9IjIzMS4zOTkiIHg9IjE3Ni4wMzEiIGhlaWdodD0iNjAuMDk5IiB3aWR0aD0iNjAuMDk5IiBmaWxsPSIjMzRhNjY4IiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxwYXRoIGQ9Ik0yMDYuNDc3IDI2MC45bC0yOC45ODcgMjguOTg3YTUuMjE4IDUuMjE4IDAgMCAwIDMuNzggMS42MWg0OS42MjFjMS42OTQgMCAzLjE5LS43OTggNC4xNDYtMi4wMzd6IiBmaWxsPSIjNWM4OGM1Ii8+PHBhdGggZD0iTTIyNi43NDIgMjIyLjk4OGMtOS4yNjYgMC0xNi43NzcgNy4xNy0xNi43NzcgMTYuMDE0LjAwNyAyLjc2Mi42NjMgNS40NzQgMi4wOTMgNy44NzUuNDMuNzAzLjgzIDEuNDA4IDEuMTkgMi4xMDcuMzMzLjUwMi42NSAxLjAwNS45NSAxLjUwOC4zNDMuNDc3LjY3My45NTcuOTg4IDEuNDQgMS4zMSAxLjc2OSAyLjUgMy41MDIgMy42MzcgNS4xNjguNzkzIDEuMjc1IDEuNjgzIDIuNjQgMi40NjYgMy45OSAyLjM2MyA0LjA5NCA0LjAwNyA4LjA5MiA0LjYgMTMuOTE0di4wMTJjLjE4Mi40MTIuNTE2LjY2Ni44NzkuNjY3LjQwMy0uMDAxLjc2OC0uMzE0LjkzLS43OTkuNjAzLTUuNzU2IDIuMjM4LTkuNzI5IDQuNTg1LTEzLjc5NC43ODItMS4zNSAxLjY3My0yLjcxNSAyLjQ2NS0zLjk5IDEuMTM3LTEuNjY2IDIuMzI4LTMuNCAzLjYzOC01LjE2OS4zMTUtLjQ4Mi42NDUtLjk2Mi45ODgtMS40MzkuMy0uNTAzLjYxNy0xLjAwNi45NS0xLjUwOC4zNTktLjcuNzYtMS40MDQgMS4xOS0yLjEwNyAxLjQyNi0yLjQwMiAyLTUuMTE0IDIuMDA0LTcuODc1IDAtOC44NDQtNy41MTEtMTYuMDE0LTE2Ljc3Ni0xNi4wMTR6IiBmaWxsPSIjZGQ0YjNlIiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxlbGxpcHNlIHJ5PSI1LjU2NCIgcng9IjUuODI4IiBjeT0iMjM5LjAwMiIgY3g9IjIyNi43NDIiIGZpbGw9IiM4MDJkMjciIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PHBhdGggZD0iTTE5MC4zMDEgMjM3LjI4M2MtNC42NyAwLTguNDU3IDMuODUzLTguNDU3IDguNjA2czMuNzg2IDguNjA3IDguNDU3IDguNjA3YzMuMDQzIDAgNC44MDYtLjk1OCA2LjMzNy0yLjUxNiAxLjUzLTEuNTU3IDIuMDg3LTMuOTEzIDIuMDg3LTYuMjkgMC0uMzYyLS4wMjMtLjcyMi0uMDY0LTEuMDc5aC04LjI1N3YzLjA0M2g0Ljg1Yy0uMTk3Ljc1OS0uNTMxIDEuNDUtMS4wNTggMS45ODYtLjk0Mi45NTgtMi4wMjggMS41NDgtMy45MDEgMS41NDgtMi44NzYgMC01LjIwOC0yLjM3Mi01LjIwOC01LjI5OSAwLTIuOTI2IDIuMzMyLTUuMjk5IDUuMjA4LTUuMjk5IDEuMzk5IDAgMi42MTguNDA3IDMuNTg0IDEuMjkzbDIuMzgxLTIuMzhjMC0uMDAyLS4wMDMtLjAwNC0uMDA0LS4wMDUtMS41ODgtMS41MjQtMy42Mi0yLjIxNS01Ljk1NS0yLjIxNXptNC40MyA1LjY2bC4wMDMuMDA2di0uMDAzeiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjE1LjE4NCAyNTEuOTI5bC03Ljk4IDcuOTc5IDI4LjQ3NyAyOC40NzVjLjI4Ny0uNjQ5LjQ0OS0xLjM2Ni40NDktMi4xMjN2LTMxLjE2NWMtLjQ2OS42NzUtLjkzNCAxLjM0OS0xLjM4MiAyLjAwNS0uNzkyIDEuMjc1LTEuNjgyIDIuNjQtMi40NjUgMy45OS0yLjM0NyA0LjA2NS0zLjk4MiA4LjAzOC00LjU4NSAxMy43OTQtLjE2Mi40ODUtLjUyNy43OTgtLjkzLjc5OS0uMzYzLS4wMDEtLjY5Ny0uMjU1LS44NzktLjY2N3YtLjAxMmMtLjU5My01LjgyMi0yLjIzNy05LjgyLTQuNi0xMy45MTQtLjc4My0xLjM1LTEuNjczLTIuNzE1LTIuNDY2LTMuOTktMS4xMzctMS42NjYtMi4zMjctMy40LTMuNjM3LTUuMTY5bC0uMDAyLS4wMDN6IiBmaWxsPSIjYzNjM2MzIi8+PHBhdGggZD0iTTIxMi45ODMgMjQ4LjQ5NWwtMzYuOTUyIDM2Ljk1M3YuODEyYTUuMjI3IDUuMjI3IDAgMCAwIDUuMjM4IDUuMjM4aDEuMDE1bDM1LjY2Ni0zNS42NjZhMTM2LjI3NSAxMzYuMjc1IDAgMCAwLTIuNzY0LTMuOSAzNy41NzUgMzcuNTc1IDAgMCAwLS45ODktMS40NGMtLjI5OS0uNTAzLS42MTYtMS4wMDYtLjk1LTEuNTA4LS4wODMtLjE2Mi0uMTc2LS4zMjYtLjI2NC0uNDg5eiIgZmlsbD0iI2ZkZGM0ZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjExLjk5OCAyNjEuMDgzbC02LjE1MiA2LjE1MSAyNC4yNjQgMjQuMjY0aC43ODFhNS4yMjcgNS4yMjcgMCAwIDAgNS4yMzktNS4yMzh2LTEuMDQ1eiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48L2c+PC9zdmc+);
2163
+ }
2164
+ .ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder {
2165
+ background: hsl(220, 46%, 48%);
2166
+ }
2167
+ .ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__icon {
2168
+ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMDI0cHgiIGhlaWdodD0iMTAyNHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPkZpbGwgMTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImZMb2dvX1doaXRlIiBmaWxsPSIjRkZGRkZFIj4gICAgICAgICAgICA8cGF0aCBkPSJNOTY3LjQ4NCwwIEw1Ni41MTcsMCBDMjUuMzA0LDAgMCwyNS4zMDQgMCw1Ni41MTcgTDAsOTY3LjQ4MyBDMCw5OTguNjk0IDI1LjI5NywxMDI0IDU2LjUyMiwxMDI0IEw1NDcsMTAyNCBMNTQ3LDYyOCBMNDE0LDYyOCBMNDE0LDQ3MyBMNTQ3LDQ3MyBMNTQ3LDM1OS4wMjkgQzU0NywyMjYuNzY3IDYyNy43NzMsMTU0Ljc0NyA3NDUuNzU2LDE1NC43NDcgQzgwMi4yNjksMTU0Ljc0NyA4NTAuODQyLDE1OC45NTUgODY1LDE2MC44MzYgTDg2NSwyOTkgTDc4My4zODQsMjk5LjAzNyBDNzE5LjM5MSwyOTkuMDM3IDcwNywzMjkuNTI5IDcwNywzNzQuMjczIEw3MDcsNDczIEw4NjAuNDg3LDQ3MyBMODQwLjUwMSw2MjggTDcwNyw2MjggTDcwNywxMDI0IEw5NjcuNDg0LDEwMjQgQzk5OC42OTcsMTAyNCAxMDI0LDk5OC42OTcgMTAyNCw5NjcuNDg0IEwxMDI0LDU2LjUxNSBDMTAyNCwyNS4zMDMgOTk4LjY5NywwIDk2Ny40ODQsMCIgaWQ9IkZpbGwtMSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
2169
+ }
2170
+ .ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text {
2171
+ color: hsl(220, 100%, 90%);
2172
+ }
2173
+ .ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover {
2174
+ color: hsl(0, 0%, 100%);
2175
+ }
2176
+ .ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder {
2177
+ background: linear-gradient(-135deg,hsl(246, 100%, 39%),hsl(302, 100%, 36%),hsl(0, 100%, 48%));
2178
+ }
2179
+ .ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__icon {
2180
+ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MDRweCIgaGVpZ2h0PSI1MDRweCIgdmlld0JveD0iMCAwIDUwNCA1MDQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+Z2x5cGgtbG9nb19NYXkyMDE2PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIwIDAuMTU5IDUwMy44NDEgMC4xNTkgNTAzLjg0MSA1MDMuOTQgMCA1MDMuOTQiPjwvcG9seWdvbj4gICAgPC9kZWZzPiAgICA8ZyBpZD0iZ2x5cGgtbG9nb19NYXkyMDE2IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJHcm91cC0zIj4gICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+ICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+ICAgICAgICAgICAgPC9tYXNrPiAgICAgICAgICAgIDxnIGlkPSJDbGlwLTIiPjwvZz4gICAgICAgICAgICA8cGF0aCBkPSJNMjUxLjkyMSwwLjE1OSBDMTgzLjUwMywwLjE1OSAxNzQuOTI0LDAuNDQ5IDE0OC4wNTQsMS42NzUgQzEyMS4yNCwyLjg5OCAxMDIuOTI3LDcuMTU3IDg2LjkwMywxMy4zODUgQzcwLjMzNywxOS44MjIgNTYuMjg4LDI4LjQzNiA0Mi4yODIsNDIuNDQxIEMyOC4yNzcsNTYuNDQ3IDE5LjY2Myw3MC40OTYgMTMuMjI2LDg3LjA2MiBDNi45OTgsMTAzLjA4NiAyLjczOSwxMjEuMzk5IDEuNTE2LDE0OC4yMTMgQzAuMjksMTc1LjA4MyAwLDE4My42NjIgMCwyNTIuMDggQzAsMzIwLjQ5NyAwLjI5LDMyOS4wNzYgMS41MTYsMzU1Ljk0NiBDMi43MzksMzgyLjc2IDYuOTk4LDQwMS4wNzMgMTMuMjI2LDQxNy4wOTcgQzE5LjY2Myw0MzMuNjYzIDI4LjI3Nyw0NDcuNzEyIDQyLjI4Miw0NjEuNzE4IEM1Ni4yODgsNDc1LjcyMyA3MC4zMzcsNDg0LjMzNyA4Ni45MDMsNDkwLjc3NSBDMTAyLjkyNyw0OTcuMDAyIDEyMS4yNCw1MDEuMjYxIDE0OC4wNTQsNTAyLjQ4NCBDMTc0LjkyNCw1MDMuNzEgMTgzLjUwMyw1MDQgMjUxLjkyMSw1MDQgQzMyMC4zMzgsNTA0IDMyOC45MTcsNTAzLjcxIDM1NS43ODcsNTAyLjQ4NCBDMzgyLjYwMSw1MDEuMjYxIDQwMC45MTQsNDk3LjAwMiA0MTYuOTM4LDQ5MC43NzUgQzQzMy41MDQsNDg0LjMzNyA0NDcuNTUzLDQ3NS43MjMgNDYxLjU1OSw0NjEuNzE4IEM0NzUuNTY0LDQ0Ny43MTIgNDg0LjE3OCw0MzMuNjYzIDQ5MC42MTYsNDE3LjA5NyBDNDk2Ljg0Myw0MDEuMDczIDUwMS4xMDIsMzgyLjc2IDUwMi4zMjUsMzU1Ljk0NiBDNTAzLjU1MSwzMjkuMDc2IDUwMy44NDEsMzIwLjQ5NyA1MDMuODQxLDI1Mi4wOCBDNTAzLjg0MSwxODMuNjYyIDUwMy41NTEsMTc1LjA4MyA1MDIuMzI1LDE0OC4yMTMgQzUwMS4xMDIsMTIxLjM5OSA0OTYuODQzLDEwMy4wODYgNDkwLjYxNiw4Ny4wNjIgQzQ4NC4xNzgsNzAuNDk2IDQ3NS41NjQsNTYuNDQ3IDQ2MS41NTksNDIuNDQxIEM0NDcuNTUzLDI4LjQzNiA0MzMuNTA0LDE5LjgyMiA0MTYuOTM4LDEzLjM4NSBDNDAwLjkxNCw3LjE1NyAzODIuNjAxLDIuODk4IDM1NS43ODcsMS42NzUgQzMyOC45MTcsMC40NDkgMzIwLjMzOCwwLjE1OSAyNTEuOTIxLDAuMTU5IFogTTI1MS45MjEsNDUuNTUgQzMxOS4xODYsNDUuNTUgMzI3LjE1NCw0NS44MDcgMzUzLjcxOCw0Ny4wMTkgQzM3OC4yOCw0OC4xMzkgMzkxLjYxOSw1Mi4yNDMgNDAwLjQ5Niw1NS42OTMgQzQxMi4yNTUsNjAuMjYzIDQyMC42NDcsNjUuNzIyIDQyOS40NjIsNzQuNTM4IEM0MzguMjc4LDgzLjM1MyA0NDMuNzM3LDkxLjc0NSA0NDguMzA3LDEwMy41MDQgQzQ1MS43NTcsMTEyLjM4MSA0NTUuODYxLDEyNS43MiA0NTYuOTgxLDE1MC4yODIgQzQ1OC4xOTMsMTc2Ljg0NiA0NTguNDUsMTg0LjgxNCA0NTguNDUsMjUyLjA4IEM0NTguNDUsMzE5LjM0NSA0NTguMTkzLDMyNy4zMTMgNDU2Ljk4MSwzNTMuODc3IEM0NTUuODYxLDM3OC40MzkgNDUxLjc1NywzOTEuNzc4IDQ0OC4zMDcsNDAwLjY1NSBDNDQzLjczNyw0MTIuNDE0IDQzOC4yNzgsNDIwLjgwNiA0MjkuNDYyLDQyOS42MjEgQzQyMC42NDcsNDM4LjQzNyA0MTIuMjU1LDQ0My44OTYgNDAwLjQ5Niw0NDguNDY2IEMzOTEuNjE5LDQ1MS45MTYgMzc4LjI4LDQ1Ni4wMiAzNTMuNzE4LDQ1Ny4xNCBDMzI3LjE1OCw0NTguMzUyIDMxOS4xOTEsNDU4LjYwOSAyNTEuOTIxLDQ1OC42MDkgQzE4NC42NSw0NTguNjA5IDE3Ni42ODQsNDU4LjM1MiAxNTAuMTIzLDQ1Ny4xNCBDMTI1LjU2MSw0NTYuMDIgMTEyLjIyMiw0NTEuOTE2IDEwMy4zNDUsNDQ4LjQ2NiBDOTEuNTg2LDQ0My44OTYgODMuMTk0LDQzOC40MzcgNzQuMzc5LDQyOS42MjEgQzY1LjU2NCw0MjAuODA2IDYwLjEwNCw0MTIuNDE0IDU1LjUzNCw0MDAuNjU1IEM1Mi4wODQsMzkxLjc3OCA0Ny45OCwzNzguNDM5IDQ2Ljg2LDM1My44NzcgQzQ1LjY0OCwzMjcuMzEzIDQ1LjM5MSwzMTkuMzQ1IDQ1LjM5MSwyNTIuMDggQzQ1LjM5MSwxODQuODE0IDQ1LjY0OCwxNzYuODQ2IDQ2Ljg2LDE1MC4yODIgQzQ3Ljk4LDEyNS43MiA1Mi4wODQsMTEyLjM4MSA1NS41MzQsMTAzLjUwNCBDNjAuMTA0LDkxLjc0NSA2NS41NjMsODMuMzUzIDc0LjM3OSw3NC41MzggQzgzLjE5NCw2NS43MjIgOTEuNTg2LDYwLjI2MyAxMDMuMzQ1LDU1LjY5MyBDMTEyLjIyMiw1Mi4yNDMgMTI1LjU2MSw0OC4xMzkgMTUwLjEyMyw0Ny4wMTkgQzE3Ni42ODcsNDUuODA3IDE4NC42NTUsNDUuNTUgMjUxLjkyMSw0NS41NSBaIiBpZD0iRmlsbC0xIiBmaWxsPSIjRkZGRkZGIiBtYXNrPSJ1cmwoI21hc2stMikiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgICAgIDxwYXRoIGQ9Ik0yNTEuOTIxLDMzNi4wNTMgQzIwNS41NDMsMzM2LjA1MyAxNjcuOTQ3LDI5OC40NTcgMTY3Ljk0NywyNTIuMDggQzE2Ny45NDcsMjA1LjcwMiAyMDUuNTQzLDE2OC4xMDYgMjUxLjkyMSwxNjguMTA2IEMyOTguMjk4LDE2OC4xMDYgMzM1Ljg5NCwyMDUuNzAyIDMzNS44OTQsMjUyLjA4IEMzMzUuODk0LDI5OC40NTcgMjk4LjI5OCwzMzYuMDUzIDI1MS45MjEsMzM2LjA1MyBaIE0yNTEuOTIxLDEyMi43MTUgQzE4MC40NzQsMTIyLjcxNSAxMjIuNTU2LDE4MC42MzMgMTIyLjU1NiwyNTIuMDggQzEyMi41NTYsMzIzLjUyNiAxODAuNDc0LDM4MS40NDQgMjUxLjkyMSwzODEuNDQ0IEMzMjMuMzY3LDM4MS40NDQgMzgxLjI4NSwzMjMuNTI2IDM4MS4yODUsMjUyLjA4IEMzODEuMjg1LDE4MC42MzMgMzIzLjM2NywxMjIuNzE1IDI1MS45MjEsMTIyLjcxNSBaIiBpZD0iRmlsbC00IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgICAgICA8cGF0aCBkPSJNNDE2LjYyNywxMTcuNjA0IEM0MTYuNjI3LDEzNC4zIDQwMy4wOTIsMTQ3LjgzNCAzODYuMzk2LDE0Ny44MzQgQzM2OS43MDEsMTQ3LjgzNCAzNTYuMTY2LDEzNC4zIDM1Ni4xNjYsMTE3LjYwNCBDMzU2LjE2NiwxMDAuOTA4IDM2OS43MDEsODcuMzczIDM4Ni4zOTYsODcuMzczIEM0MDMuMDkyLDg3LjM3MyA0MTYuNjI3LDEwMC45MDggNDE2LjYyNywxMTcuNjA0IiBpZD0iRmlsbC01IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4=);
2181
+ }
2182
+ .ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text {
2183
+ color: hsl(302, 100%, 94%);
2184
+ }
2185
+ .ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover {
2186
+ color: hsl(0, 0%, 100%);
2187
+ }
2188
+ .ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder {
2189
+ background: linear-gradient( to right, hsl(201, 85%, 70%), hsl(201, 85%, 35%) );
2190
+ }
2191
+ .ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__icon {
2192
+ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IldoaXRlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMCA0MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MDAsMjAwYzAsMTEwLjUtODkuNSwyMDAtMjAwLDIwMFMwLDMxMC41LDAsMjAwUzg5LjUsMCwyMDAsMFM0MDAsODkuNSw0MDAsMjAweiBNMTYzLjQsMzA1LjVjODguNywwLDEzNy4yLTczLjUsMTM3LjItMTM3LjJjMC0yLjEsMC00LjItMC4xLTYuMmM5LjQtNi44LDE3LjYtMTUuMywyNC4xLTI1Yy04LjYsMy44LTE3LjksNi40LTI3LjcsNy42YzEwLTYsMTcuNi0xNS40LDIxLjItMjYuN2MtOS4zLDUuNS0xOS42LDkuNS0zMC42LDExLjdjLTguOC05LjQtMjEuMy0xNS4yLTM1LjItMTUuMmMtMjYuNiwwLTQ4LjIsMjEuNi00OC4yLDQ4LjJjMCwzLjgsMC40LDcuNSwxLjMsMTFjLTQwLjEtMi03NS42LTIxLjItOTkuNC01MC40Yy00LjEsNy4xLTYuNSwxNS40LTYuNSwyNC4yYzAsMTYuNyw4LjUsMzEuNSwyMS41LDQwLjFjLTcuOS0wLjItMTUuMy0yLjQtMjEuOC02YzAsMC4yLDAsMC40LDAsMC42YzAsMjMuNCwxNi42LDQyLjgsMzguNyw0Ny4zYy00LDEuMS04LjMsMS43LTEyLjcsMS43Yy0zLjEsMC02LjEtMC4zLTkuMS0wLjljNi4xLDE5LjIsMjMuOSwzMy4xLDQ1LDMzLjVjLTE2LjUsMTIuOS0zNy4zLDIwLjYtNTkuOSwyMC42Yy0zLjksMC03LjctMC4yLTExLjUtMC43QzExMC44LDI5Ny41LDEzNi4yLDMwNS41LDE2My40LDMwNS41Ii8+PC9zdmc+);
2193
+ }
2194
+ .ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text {
2195
+ color: hsl(201, 100%, 86%);
2196
+ }
2197
+ .ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text:hover {
2198
+ color: hsl(0, 0%, 100%);
2199
+ }
2200
+ .ck-editor__editable .restricted-editing-exception {
2201
+ transition: .2s ease-in-out background;
2202
+ background-color: var(--ck-color-restricted-editing-exception-background);
2203
+ border: 1px solid;
2204
+ border-image: linear-gradient(
2205
+ to right,
2206
+ var(--ck-color-restricted-editing-exception-brackets) 0%,
2207
+ var(--ck-color-restricted-editing-exception-brackets) 5px,
2208
+ hsla(0, 0%, 0%, 0) 6px,
2209
+ hsla(0, 0%, 0%, 0) calc(100% - 6px),
2210
+ var(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px),
2211
+ var(--ck-color-restricted-editing-exception-brackets) 100%
2212
+ ) 1;
2213
+ }
2214
+ .ck-editor__editable .restricted-editing-exception.restricted-editing-exception_selected {
2215
+ background-color: var(--ck-color-restricted-editing-selected-exception-background);
2216
+ border-image: linear-gradient(
2217
+ to right,
2218
+ var(--ck-color-restricted-editing-selected-exception-brackets) 0%,
2219
+ var(--ck-color-restricted-editing-selected-exception-brackets) 5px,
2220
+ var(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px),
2221
+ var(--ck-color-restricted-editing-selected-exception-brackets) 100%
2222
+ ) 1;
2223
+ }
2224
+ .ck-editor__editable .restricted-editing-exception.restricted-editing-exception_collapsed {
2225
+ padding-left: 1ch;
2226
+ }
2227
+ .ck-restricted-editing_mode_restricted {
2228
+ cursor: default;
2229
+ }
2230
+ .ck-restricted-editing_mode_restricted * {
2231
+ cursor: default;
2232
+ }
2233
+ .ck-restricted-editing_mode_restricted .restricted-editing-exception {
2234
+ cursor: text;
2235
+ }
2236
+ .ck-restricted-editing_mode_restricted .restricted-editing-exception * {
2237
+ cursor: text;
2238
+ }
2239
+ .ck-restricted-editing_mode_restricted .restricted-editing-exception:hover {
2240
+ background: var(--ck-color-restricted-editing-exception-hover-background);
2241
+ }
2242
+ .ck.ck-character-grid {
2243
+ overflow-y: auto;
2244
+ overflow-x: hidden;
2245
+ width: 350px;
2246
+ max-height: 200px;
2247
+ }
2248
+ .ck.ck-character-grid .ck-character-grid__tiles {
2249
+ grid-template-columns: repeat(10, 1fr);
2250
+ margin: var(--ck-spacing-standard) var(--ck-spacing-large);
2251
+ grid-gap: var(--ck-spacing-standard);
2252
+ }
2253
+ .ck.ck-character-grid .ck-character-grid__tile {
2254
+ width: var(--ck-character-grid-tile-size);
2255
+ height: var(--ck-character-grid-tile-size);
2256
+ min-width: var(--ck-character-grid-tile-size);
2257
+ min-height: var(--ck-character-grid-tile-size);
2258
+ font-size: 1.2em;
2259
+ padding: 0;
2260
+ transition: .2s ease box-shadow;
2261
+ border: 0;
2262
+ }
2263
+ .ck.ck-character-grid .ck-character-grid__tile:focus:not( .ck-disabled ) {
2264
+ border: 0;
2265
+ box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
2266
+ }
2267
+ .ck.ck-character-grid .ck-character-grid__tile .ck-button__label {
2268
+ line-height: var(--ck-character-grid-tile-size);
2269
+ width: 100%;
2270
+ text-align: center;
2271
+ }
2272
+ .ck.ck-character-info {
2273
+ padding: var(--ck-spacing-small) var(--ck-spacing-large);
2274
+ border-top: 1px solid var(--ck-color-base-border);
2275
+ }
2276
+ .ck.ck-character-info > * {
2277
+ text-transform: uppercase;
2278
+ font-size: var(--ck-font-size-small);
2279
+ }
2280
+ .ck.ck-character-info .ck-character-info__name {
2281
+ max-width: 280px;
2282
+ text-overflow: ellipsis;
2283
+ overflow: hidden;
2284
+ }
2285
+ .ck.ck-character-info .ck-character-info__code {
2286
+ opacity: .6;
2287
+ }
2288
+ .ck.ck-special-characters-navigation > .ck-label {
2289
+ max-width: 160px;
2290
+ text-overflow: ellipsis;
2291
+ overflow: hidden;
2292
+ }
2293
+ .ck.ck-special-characters-navigation > .ck-dropdown .ck-dropdown__panel {
2294
+ max-height: 250px;
2295
+ overflow-y: auto;
2296
+ overflow-x: hidden;
2297
+ }
2298
+ .ck.ck-dropdown.ck-style-dropdown.ck-style-dropdown_multiple-active > .ck-button > .ck-button__label {
2299
+ font-style: italic;
2300
+ }
2301
+ .ck.ck-style-panel .ck-style-grid {
2302
+ row-gap: var(--ck-spacing-large);
2303
+ column-gap: var(--ck-spacing-large);
2304
+ }
2305
+ .ck.ck-style-panel .ck-style-grid .ck-style-grid__button {
2306
+ --ck-color-button-default-hover-background: var(--ck-color-base-background);
2307
+ --ck-color-button-default-active-background: var(--ck-color-base-background);
2308
+ padding: 0;
2309
+ width: var(--ck-style-panel-button-width);
2310
+ height: var(--ck-style-panel-button-height);
2311
+ }
2312
+ .ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(:focus) {
2313
+ border: 1px solid var(--ck-color-base-border);
2314
+ }
2315
+ .ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-button__label {
2316
+ height: 22px;
2317
+ line-height: 22px;
2318
+ width: 100%;
2319
+ padding: 0 var(--ck-spacing-medium);
2320
+ overflow: hidden;
2321
+ text-overflow: ellipsis;
2322
+ flex-shrink: 0;
2323
+ }
2324
+ .ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview {
2325
+ width: 100%;
2326
+ overflow: hidden;
2327
+ opacity: .9;
2328
+ padding: var(--ck-spacing-medium);
2329
+ background: var(--ck-color-base-background);
2330
+ border: 2px solid var(--ck-color-base-background);
2331
+ }
2332
+ .ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled {
2333
+ --ck-color-button-default-disabled-background: var(--ck-color-base-foreground);
2334
+ }
2335
+ .ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled:not(:focus) {
2336
+ border-color: var(--ck-style-panel-button-label-background);
2337
+ }
2338
+ .ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled .ck-style-grid__button__preview {
2339
+ opacity: .4;
2340
+ border-color: var(--ck-color-base-foreground);
2341
+ filter: saturate(.3);
2342
+ }
2343
+ .ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on {
2344
+ border-color: var(--ck-color-base-active);
2345
+ }
2346
+ .ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on .ck-button__label {
2347
+ box-shadow: 0 -1px 0 var(--ck-color-base-active);
2348
+ z-index: 1;
2349
+ }
2350
+ .ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on:hover {
2351
+ border-color: var(--ck-color-base-active-focus);
2352
+ }
2353
+ .ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on) .ck-button__label {
2354
+ background: var(--ck-style-panel-button-label-background);
2355
+ }
2356
+ .ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on):hover .ck-button__label {
2357
+ background: var(--ck-style-panel-button-hover-label-background);
2358
+ }
2359
+ .ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) {
2360
+ border-color: var(--ck-style-panel-button-hover-border-color);
2361
+ }
2362
+ .ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) .ck-style-grid__button__preview {
2363
+ opacity: 1;
2364
+ }
2365
+ .ck.ck-style-panel .ck-style-panel__style-group > .ck-label {
2366
+ margin: var(--ck-spacing-large) 0;
2367
+ }
2368
+ .ck.ck-style-panel .ck-style-panel__style-group:first-child > .ck-label {
2369
+ margin-top: 0;
2370
+ }
2371
+ .ck.ck-style-panel {
2372
+ padding: var(--ck-spacing-large);
2373
+ overflow-y: auto;
2374
+ max-height: var(--ck-style-panel-max-height);
2375
+ }
2376
+ [dir="ltr"] .ck.ck-input-color > .ck.ck-input-text {
2377
+ border-top-right-radius: 0;
2378
+ border-bottom-right-radius: 0;
2379
+ }
2380
+ [dir="rtl"] .ck.ck-input-color > .ck.ck-input-text {
2381
+ border-top-left-radius: 0;
2382
+ border-bottom-left-radius: 0;
2383
+ }
2384
+ .ck.ck-input-color > .ck.ck-input-text:focus {
2385
+ z-index: 0;
2386
+ }
2387
+ .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
2388
+ padding: 0;
2389
+ }
2390
+ [dir="ltr"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
2391
+ border-top-left-radius: 0;
2392
+ border-bottom-left-radius: 0;
2393
+ }
2394
+ [dir="ltr"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) {
2395
+ border-left: 1px solid transparent;
2396
+ }
2397
+ [dir="rtl"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
2398
+ border-top-right-radius: 0;
2399
+ border-bottom-right-radius: 0;
2400
+ }
2401
+ [dir="rtl"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) {
2402
+ border-right: 1px solid transparent;
2403
+ }
2404
+ .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button.ck-disabled {
2405
+ background: var(--ck-color-input-disabled-background);
2406
+ }
2407
+ .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview {
2408
+ border-radius: 0;
2409
+ }
2410
+ .ck-rounded-corners .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview {
2411
+ border-radius: var(--ck-border-radius);
2412
+ }
2413
+ .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview {
2414
+ width: 20px;
2415
+ height: 20px;
2416
+ border: 1px solid var(--ck-color-input-border);
2417
+ }
2418
+ .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 {
2419
+ top: -30%;
2420
+ left: 50%;
2421
+ height: 150%;
2422
+ width: 8%;
2423
+ background: hsl(0, 100%, 50%);
2424
+ border-radius: 2px;
2425
+ transform: rotate(45deg);
2426
+ transform-origin: 50%;
2427
+ }
2428
+ .ck.ck-input-color .ck.ck-input-color__remove-color {
2429
+ width: 100%;
2430
+ padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
2431
+ border-bottom-left-radius: 0;
2432
+ border-bottom-right-radius: 0;
2433
+ }
2434
+ .ck.ck-input-color .ck.ck-input-color__remove-color:not(:focus) {
2435
+ border-bottom: 1px solid var(--ck-color-input-border);
2436
+ }
2437
+ [dir="ltr"] .ck.ck-input-color .ck.ck-input-color__remove-color {
2438
+ border-top-right-radius: 0;
2439
+ }
2440
+ [dir="rtl"] .ck.ck-input-color .ck.ck-input-color__remove-color {
2441
+ border-top-left-radius: 0;
2442
+ }
2443
+ .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon {
2444
+ margin-right: var(--ck-spacing-standard);
2445
+ }
2446
+ [dir="rtl"] .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon {
2447
+ margin-right: 0;
2448
+ margin-left: var(--ck-spacing-standard);
2449
+ }
2450
+ .ck.ck-form {
2451
+ padding: 0 0 var(--ck-spacing-large);
2452
+ }
2453
+ .ck.ck-form:focus {
2454
+ outline: none;
2455
+ }
2456
+ .ck.ck-form .ck.ck-input-text {
2457
+ min-width: 100%;
2458
+ width: 0;
2459
+ }
2460
+ .ck.ck-form .ck.ck-dropdown {
2461
+ min-width: 100%;
2462
+ }
2463
+ .ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) {
2464
+ border: 1px solid var(--ck-color-base-border);
2465
+ }
2466
+ .ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label {
2467
+ width: 100%;
2468
+ }
2469
+ .ck.ck-form__row {
2470
+ padding: var(--ck-spacing-standard) var(--ck-spacing-large) 0;
2471
+ }
2472
+ [dir="ltr"] .ck.ck-form__row > *:not(.ck-label) + * {
2473
+ margin-left: var(--ck-spacing-large);
2474
+ }
2475
+ [dir="rtl"] .ck.ck-form__row > *:not(.ck-label) + * {
2476
+ margin-right: var(--ck-spacing-large);
2477
+ }
2478
+ .ck.ck-form__row > .ck-label {
2479
+ width: 100%;
2480
+ min-width: 100%;
2481
+ }
2482
+ .ck.ck-form__row.ck-table-form__action-row {
2483
+ margin-top: var(--ck-spacing-large);
2484
+ }
2485
+ .ck.ck-form__row.ck-table-form__action-row .ck-button .ck-button__label {
2486
+ color: var(--ck-color-text);
2487
+ }
2488
+ .ck .ck-insert-table-dropdown__grid {
2489
+ width: calc(var(--ck-insert-table-dropdown-box-width) * 10 + var(--ck-insert-table-dropdown-box-margin) * 20 + var(--ck-insert-table-dropdown-padding) * 2);
2490
+ padding: var(--ck-insert-table-dropdown-padding) var(--ck-insert-table-dropdown-padding) 0;
2491
+ }
2492
+ .ck .ck-insert-table-dropdown__label {
2493
+ text-align: center;
2494
+ }
2495
+ .ck .ck-insert-table-dropdown-grid-box {
2496
+ min-width: var(--ck-insert-table-dropdown-box-width);
2497
+ min-height: var(--ck-insert-table-dropdown-box-height);
2498
+ margin: var(--ck-insert-table-dropdown-box-margin);
2499
+ border: 1px solid var(--ck-color-base-border);
2500
+ border-radius: 1px;
2501
+ outline: none;
2502
+ transition: none;
2503
+ }
2504
+ .ck .ck-insert-table-dropdown-grid-box:focus {
2505
+ box-shadow: none;
2506
+ }
2507
+ .ck .ck-insert-table-dropdown-grid-box.ck-on {
2508
+ border-color: var(--ck-color-focus-border);
2509
+ background: var(--ck-color-focus-outer-shadow);
2510
+ }
2511
+ .ck.ck-table-cell-properties-form {
2512
+ width: 320px;
2513
+ }
2514
+ .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__padding-row {
2515
+ align-self: flex-end;
2516
+ padding: 0;
2517
+ width: 25%;
2518
+ }
2519
+ .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar {
2520
+ background: none;
2521
+ margin-top: var(--ck-spacing-standard);
2522
+ }
2523
+ .ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused {
2524
+ background: var(--ck-color-selector-focused-cell-background);
2525
+ border-style: none;
2526
+ outline: 1px solid var(--ck-color-focus-border);
2527
+ outline-offset: -1px;
2528
+ }
2529
+ .ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-labeled-field-view > .ck-label {
2530
+ font-size: var(--ck-font-size-tiny);
2531
+ text-align: center;
2532
+ }
2533
+ .ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style {
2534
+ width: 80px;
2535
+ min-width: 80px;
2536
+ max-width: 80px;
2537
+ }
2538
+ .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {
2539
+ padding: 0;
2540
+ }
2541
+ .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width {
2542
+ margin: 0;
2543
+ }
2544
+ .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
2545
+ align-self: flex-end;
2546
+ display: inline-block;
2547
+ height: var(--ck-ui-component-min-height);
2548
+ line-height: var(--ck-ui-component-min-height);
2549
+ margin: 0 var(--ck-spacing-small);
2550
+ }
2551
+ .ck.ck-table-form .ck.ck-labeled-field-view {
2552
+ padding-top: var(--ck-spacing-standard);
2553
+ }
2554
+ .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
2555
+ border-radius: 0;
2556
+ }
2557
+ .ck-rounded-corners .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
2558
+ border-radius: var(--ck-border-radius);
2559
+ }
2560
+ .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
2561
+ background: var(--ck-color-base-error);
2562
+ color: var(--ck-color-base-background);
2563
+ padding: var(--ck-spacing-small) var(--ck-spacing-medium);
2564
+ min-width: var(--ck-table-properties-min-error-width);
2565
+ text-align: center;
2566
+ animation: ck-table-form-labeled-view-status-appear .15s ease both;
2567
+ }
2568
+ .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after {
2569
+ border-color: transparent transparent var(--ck-color-base-error) transparent;
2570
+ border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
2571
+ border-style: solid;
2572
+ }
2573
+ .ck.ck-table-form .ck.ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status {
2574
+ display: none;
2575
+ }
2576
+ .ck.ck-table-properties-form {
2577
+ width: 320px;
2578
+ }
2579
+ .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {
2580
+ align-self: flex-end;
2581
+ padding: 0;
2582
+ }
2583
+ .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar {
2584
+ background: none;
2585
+ margin-top: var(--ck-spacing-standard);
2586
+ }
2587
+ .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items > * {
2588
+ width: 40px;
2589
+ }
2590
+ .ck.ck-editor__editable .table table td.ck-editor__editable_selected {
2591
+ position: relative;
2592
+ caret-color: transparent;
2593
+ outline: unset;
2594
+ box-shadow: unset;
2595
+ }
2596
+ .ck.ck-editor__editable .table table td.ck-editor__editable_selected:after {
2597
+ content: '';
2598
+ pointer-events: none;
2599
+ background-color: var(--ck-table-selected-cell-background);
2600
+ position: absolute;
2601
+ top: 0;
2602
+ left: 0;
2603
+ right: 0;
2604
+ bottom: 0;
2605
+ }
2606
+ .ck.ck-editor__editable .table table td.ck-editor__editable_selected ::selection {
2607
+ background-color: transparent;
2608
+ }
2609
+ .ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget {
2610
+ outline: unset;
2611
+ }
2612
+ .ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle {
2613
+ display: none;
2614
+ }
2615
+ .ck .ck-widget {
2616
+ outline-width: var(--ck-widget-outline-thickness);
2617
+ outline-style: solid;
2618
+ outline-color: transparent;
2619
+ transition: outline-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
2620
+ }
2621
+ .ck .ck-widget.ck-widget_selected {
2622
+ outline: var(--ck-widget-outline-thickness) solid var(--ck-color-focus-border);
2623
+ }
2624
+ .ck .ck-widget:hover {
2625
+ outline-color: var(--ck-color-widget-hover-border);
2626
+ }
2627
+ .ck .ck-editor__nested-editable {
2628
+ border: 1px solid transparent;
2629
+ }
2630
+ .ck .ck-editor__nested-editable.ck-editor__nested-editable_focused {
2631
+ outline: none;
2632
+ border: var(--ck-focus-ring);
2633
+ box-shadow: var(--ck-inner-shadow), 0 0;
2634
+ }
2635
+ .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
2636
+ padding: 4px;
2637
+ box-sizing: border-box;
2638
+ background-color: transparent;
2639
+ opacity: 0;
2640
+ transition: background-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),
2641
+ visibility var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),
2642
+ opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
2643
+ border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0;
2644
+ transform: translateY(-100%);
2645
+ left: calc(0px - var(--ck-widget-outline-thickness));
2646
+ top: 0;
2647
+ }
2648
+ .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon {
2649
+ width: var(--ck-widget-handler-icon-size);
2650
+ height: var(--ck-widget-handler-icon-size);
2651
+ color: var(--ck-color-widget-drag-handler-icon-color);
2652
+ }
2653
+ .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
2654
+ opacity: 0;
2655
+ transition: opacity 300ms var(--ck-widget-handler-animation-curve);
2656
+ }
2657
+ .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover .ck-icon .ck-icon__selected-indicator {
2658
+ opacity: 1;
2659
+ }
2660
+ .ck .ck-widget.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle {
2661
+ opacity: 1;
2662
+ background-color: var(--ck-color-widget-hover-border);
2663
+ }
2664
+ .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle {
2665
+ opacity: 1;
2666
+ background-color: var(--ck-color-focus-border);
2667
+ }
2668
+ .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
2669
+ opacity: 1;
2670
+ }
2671
+ .ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
2672
+ left: auto;
2673
+ right: calc(0px - var(--ck-widget-outline-thickness));
2674
+ }
2675
+ .ck.ck-editor__editable.ck-read-only .ck-widget {
2676
+ transition: none;
2677
+ }
2678
+ .ck.ck-editor__editable.ck-read-only .ck-widget:not(.ck-widget_selected) {
2679
+ --ck-widget-outline-thickness: 0px;
2680
+ }
2681
+ .ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
2682
+ background: var(--ck-color-widget-blurred-border);
2683
+ }
2684
+ .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected {
2685
+ outline-color: var(--ck-color-widget-blurred-border);
2686
+ }
2687
+ .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle > .ck-widget__selection-handle {
2688
+ background: var(--ck-color-widget-blurred-border);
2689
+ }
2690
+ .ck.ck-editor__editable > .ck-widget.ck-widget_with-selection-handle:first-child {
2691
+ margin-top: calc(1em + var(--ck-widget-handler-icon-size));
2692
+ }
2693
+ .ck .ck-widget__resizer {
2694
+ outline: 1px solid var(--ck-color-resizer);
2695
+ }
2696
+ .ck .ck-widget__resizer__handle {
2697
+ width: var(--ck-resizer-size);
2698
+ height: var(--ck-resizer-size);
2699
+ background: var(--ck-color-focus-border);
2700
+ border: var(--ck-resizer-border-width) solid hsl(0, 0%, 100%);
2701
+ border-radius: var(--ck-resizer-border-radius);
2702
+ }
2703
+ .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left {
2704
+ top: var(--ck-resizer-offset);
2705
+ left: var(--ck-resizer-offset);
2706
+ }
2707
+ .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right {
2708
+ top: var(--ck-resizer-offset);
2709
+ right: var(--ck-resizer-offset);
2710
+ }
2711
+ .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right {
2712
+ bottom: var(--ck-resizer-offset);
2713
+ right: var(--ck-resizer-offset);
2714
+ }
2715
+ .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left {
2716
+ bottom: var(--ck-resizer-offset);
2717
+ left: var(--ck-resizer-offset);
2718
+ }
2719
+ .ck .ck-widget .ck-widget__type-around__button {
2720
+ width: var(--ck-widget-type-around-button-size);
2721
+ height: var(--ck-widget-type-around-button-size);
2722
+ background: var(--ck-color-widget-type-around-button);
2723
+ border-radius: 100px;
2724
+ transition: opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve), background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
2725
+ opacity: 0;
2726
+ pointer-events: none;
2727
+ }
2728
+ .ck .ck-widget .ck-widget__type-around__button svg {
2729
+ width: 10px;
2730
+ height: 8px;
2731
+ transform: translate(-50%,-50%);
2732
+ transition: transform .5s ease;
2733
+ margin-top: 1px;
2734
+ }
2735
+ .ck .ck-widget .ck-widget__type-around__button svg * {
2736
+ stroke-dasharray: 10;
2737
+ stroke-dashoffset: 0;
2738
+ fill: none;
2739
+ stroke: var(--ck-color-widget-type-around-button-icon);
2740
+ stroke-width: 1.5px;
2741
+ stroke-linecap: round;
2742
+ stroke-linejoin: round;
2743
+ }
2744
+ .ck .ck-widget .ck-widget__type-around__button svg line {
2745
+ stroke-dasharray: 7;
2746
+ }
2747
+ .ck .ck-widget .ck-widget__type-around__button:hover {
2748
+ animation: ck-widget-type-around-button-sonar 1s ease infinite;
2749
+ }
2750
+ .ck .ck-widget .ck-widget__type-around__button:hover svg polyline {
2751
+ animation: ck-widget-type-around-arrow-dash 2s linear;
2752
+ }
2753
+ .ck .ck-widget .ck-widget__type-around__button:hover svg line {
2754
+ animation: ck-widget-type-around-arrow-tip-dash 2s linear;
2755
+ }
2756
+ .ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button {
2757
+ opacity: 1;
2758
+ pointer-events: auto;
2759
+ }
2760
+ .ck .ck-widget:not(.ck-widget_selected) > .ck-widget__type-around > .ck-widget__type-around__button {
2761
+ background: var(--ck-color-widget-type-around-button-hover);
2762
+ }
2763
+ .ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button {
2764
+ background: var(--ck-color-widget-type-around-button-active);
2765
+ }
2766
+ .ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button::after {
2767
+ width: calc(var(--ck-widget-type-around-button-size) - 2px);
2768
+ height: calc(var(--ck-widget-type-around-button-size) - 2px);
2769
+ border-radius: 100px;
2770
+ background: linear-gradient(135deg, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,.3) 100%);
2771
+ }
2772
+ .ck .ck-widget.ck-widget_with-selection-handle > .ck-widget__type-around > .ck-widget__type-around__button_before {
2773
+ margin-left: 20px;
2774
+ }
2775
+ .ck .ck-widget .ck-widget__type-around__fake-caret {
2776
+ pointer-events: none;
2777
+ height: 1px;
2778
+ animation: ck-widget-type-around-fake-caret-pulse linear 1s infinite normal forwards;
2779
+ outline: solid 1px hsla(0, 0%, 100%, .5);
2780
+ background: var(--ck-color-base-text);
2781
+ }
2782
+ .ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_before {
2783
+ outline-color: transparent;
2784
+ }
2785
+ .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected:hover {
2786
+ outline-color: var(--ck-color-widget-hover-border);
2787
+ }
2788
+ .ck .ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__button {
2789
+ opacity: 0;
2790
+ pointer-events: none;
2791
+ }
2792
+ .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle {
2793
+ opacity: 0;
2794
+ }
2795
+ .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer {
2796
+ opacity: 0;
2797
+ }
2798
+ .ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handle .ck-widget__type-around > .ck-widget__type-around__button_before {
2799
+ margin-left: 0;
2800
+ margin-right: 20px;
2801
+ }
2802
+ .ck-editor__nested-editable.ck-editor__editable_selected .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button {
2803
+ opacity: 0;
2804
+ pointer-events: none;
2805
+ }
2806
+ .ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover) {
2807
+ background: var(--ck-color-widget-type-around-button-blurred-editable);
2808
+ }
2809
+ .ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover) svg * {
2810
+ stroke: hsl(0,0%,60%);
2811
+ }