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