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