UNPKG

145 kBCSSView Raw
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-action:hsl(104, 50.2%, 42.5%);
10 --ck-color-base-focus:hsl(209, 92%, 70%);
11 --ck-color-base-text:hsl(0, 0%, 20%);
12 --ck-color-base-active:hsl(218.1, 100%, 58%);
13 --ck-color-base-active-focus:hsl(218.2, 100%, 52.5%);
14 --ck-color-base-error:hsl(15, 100%, 43%);
15
16 --ck-color-focus-border-coordinates:218, 81.8%, 56.9%;
17 --ck-color-focus-border:hsl(var(--ck-color-focus-border-coordinates));
18 --ck-color-focus-outer-shadow:hsl(212.4, 89.3%, 89%);
19 --ck-color-focus-disabled-shadow:hsla(209, 90%, 72%,.3);
20 --ck-color-focus-error-shadow:hsla(9,100%,56%,.3);
21 --ck-color-text:var(--ck-color-base-text);
22 --ck-color-shadow-drop:hsla(0, 0%, 0%, 0.15);
23 --ck-color-shadow-drop-active:hsla(0, 0%, 0%, 0.2);
24 --ck-color-shadow-inner:hsla(0, 0%, 0%, 0.1);
25
26 --ck-color-button-default-background:transparent;
27 --ck-color-button-default-hover-background:hsl(0, 0%, 94.1%);
28 --ck-color-button-default-active-background:hsl(0, 0%, 94.1%);
29 --ck-color-button-default-disabled-background:transparent;
30
31 --ck-color-button-on-background:hsl(212, 100%, 97.1%);
32 --ck-color-button-on-hover-background:hsl(211.7, 100%, 92.9%);
33 --ck-color-button-on-active-background:hsl(211.7, 100%, 92.9%);
34 --ck-color-button-on-disabled-background:hsl(211, 15%, 95%);
35 --ck-color-button-on-color:hsl(218.1, 100%, 58%);
36
37
38 --ck-color-button-action-background:var(--ck-color-base-action);
39 --ck-color-button-action-hover-background:hsl(104, 53.2%, 40.2%);
40 --ck-color-button-action-active-background:hsl(104, 53.2%, 40.2%);
41 --ck-color-button-action-disabled-background:hsl(104, 44%, 58%);
42 --ck-color-button-action-text:var(--ck-color-base-background);
43
44 --ck-color-button-save:hsl(120, 100%, 27%);
45 --ck-color-button-cancel:hsl(15, 100%, 43%);
46
47 --ck-color-switch-button-off-background:hsl(0, 0%, 57.6%);
48 --ck-color-switch-button-off-hover-background:hsl(0, 0%, 49%);
49 --ck-color-switch-button-on-background:var(--ck-color-button-action-background);
50 --ck-color-switch-button-on-hover-background:hsl(104, 53.2%, 40.2%);
51 --ck-color-switch-button-inner-background:var(--ck-color-base-background);
52 --ck-color-switch-button-inner-shadow:hsla(0, 0%, 0%, 0.1);
53
54 --ck-color-dropdown-panel-background:var(--ck-color-base-background);
55 --ck-color-dropdown-panel-border:var(--ck-color-base-border);
56
57 --ck-color-dialog-background:var(--ck-custom-background);
58 --ck-color-dialog-form-header-border:var(--ck-custom-border);
59
60 --ck-color-input-background:var(--ck-color-base-background);
61 --ck-color-input-border:var(--ck-color-base-border);
62 --ck-color-input-error-border:var(--ck-color-base-error);
63 --ck-color-input-text:var(--ck-color-base-text);
64 --ck-color-input-disabled-background:hsl(0, 0%, 95%);
65 --ck-color-input-disabled-border:var(--ck-color-base-border);
66 --ck-color-input-disabled-text:hsl(0, 0%, 46%);
67
68 --ck-color-list-background:var(--ck-color-base-background);
69 --ck-color-list-button-hover-background:var(--ck-color-button-default-hover-background);
70 --ck-color-list-button-on-background:var(--ck-color-button-on-color);
71 --ck-color-list-button-on-background-focus:var(--ck-color-button-on-color);
72 --ck-color-list-button-on-text:var(--ck-color-base-background);
73
74 --ck-color-panel-background:var(--ck-color-base-background);
75 --ck-color-panel-border:var(--ck-color-base-border);
76
77 --ck-color-toolbar-background:var(--ck-color-base-background);
78 --ck-color-toolbar-border:var(--ck-color-base-border);
79
80 --ck-color-tooltip-background:var(--ck-color-base-text);
81 --ck-color-tooltip-text:var(--ck-color-base-background);
82
83 --ck-color-engine-placeholder-text:hsl(0, 0%, 44%);
84
85 --ck-color-upload-bar-background:hsl(209, 92%, 70%);
86
87 --ck-color-link-default:hsl(240, 100%, 47%);
88 --ck-color-link-selected-background:hsla(201, 100%, 56%, 0.1);
89 --ck-color-link-fake-selection:hsla(201, 100%, 56%, 0.3);
90
91 --ck-color-highlight-background:hsl(60, 100%, 50%);
92
93 --ck-color-light-red:hsl(0, 100%, 90%);
94}
95:root{
96 --ck-disabled-opacity:.5;
97}
98:root{
99 --ck-focus-outer-shadow-geometry:0 0 0 3px;
100 --ck-focus-outer-shadow:var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-outer-shadow);
101 --ck-focus-disabled-outer-shadow:var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow);
102 --ck-focus-error-outer-shadow:var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-error-shadow);
103 --ck-focus-ring:1px solid var(--ck-color-focus-border);
104}
105:root{
106 --ck-font-size-base:13px;
107 --ck-line-height-base:1.84615;
108 --ck-font-face:Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
109
110 --ck-font-size-tiny:0.7em;
111 --ck-font-size-small:0.75em;
112 --ck-font-size-normal:1em;
113 --ck-font-size-big:1.4em;
114 --ck-font-size-large:1.8em;
115}
116:root{
117 --ck-ui-component-min-height:2.3em;
118}
119.ck.ck-reset,
120.ck.ck-reset_all,
121.ck-reset_all *:not(.ck-reset_all-excluded *){
122 box-sizing:border-box;
123 width:auto;
124 height:auto;
125 position:static;
126 margin:0;
127 padding:0;
128 border:0;
129 background:transparent;
130 text-decoration:none;
131 vertical-align:middle;
132 transition:none;
133 word-wrap:break-word;
134}
135.ck.ck-reset_all,
136.ck-reset_all *:not(.ck-reset_all-excluded *){
137 border-collapse:collapse;
138 font:normal normal normal var(--ck-font-size-base)/var(--ck-line-height-base) var(--ck-font-face);
139 color:var(--ck-color-text);
140 text-align:left;
141 white-space:nowrap;
142 cursor:auto;
143 float:none;
144}
145.ck-reset_all .ck-rtl *:not(.ck-reset_all-excluded *){
146 text-align:right;
147 }
148.ck-reset_all iframe:not(.ck-reset_all-excluded *){
149 vertical-align:inherit;
150 }
151.ck-reset_all textarea:not(.ck-reset_all-excluded *){
152 white-space:pre-wrap;
153 }
154.ck-reset_all textarea:not(.ck-reset_all-excluded *),
155 .ck-reset_all input[type="text"]:not(.ck-reset_all-excluded *),
156 .ck-reset_all input[type="password"]:not(.ck-reset_all-excluded *){
157 cursor:text;
158 }
159.ck-reset_all textarea[disabled]:not(.ck-reset_all-excluded *),
160 .ck-reset_all input[type="text"][disabled]:not(.ck-reset_all-excluded *),
161 .ck-reset_all input[type="password"][disabled]:not(.ck-reset_all-excluded *){
162 cursor:default;
163 }
164.ck-reset_all fieldset:not(.ck-reset_all-excluded *){
165 padding:10px;
166 border:2px groove hsl(255, 7%, 88%);
167 }
168.ck-reset_all button:not(.ck-reset_all-excluded *)::-moz-focus-inner{
169 padding:0;
170 border:0
171 }
172.ck[dir="rtl"],
173.ck[dir="rtl"] .ck{
174 text-align:right;
175}
176:root{
177 --ck-border-radius:2px;
178}
179:root{
180 --ck-inner-shadow:2px 2px 3px var(--ck-color-shadow-inner) inset;
181 --ck-drop-shadow:0 1px 2px 1px var(--ck-color-shadow-drop);
182 --ck-drop-shadow-active:0 3px 6px 1px var(--ck-color-shadow-drop-active);
183}
184:root{
185 --ck-spacing-unit:0.6em;
186 --ck-spacing-large:calc(var(--ck-spacing-unit) * 1.5);
187 --ck-spacing-standard:var(--ck-spacing-unit);
188 --ck-spacing-medium:calc(var(--ck-spacing-unit) * 0.8);
189 --ck-spacing-small:calc(var(--ck-spacing-unit) * 0.5);
190 --ck-spacing-tiny:calc(var(--ck-spacing-unit) * 0.3);
191 --ck-spacing-extra-tiny:calc(var(--ck-spacing-unit) * 0.16);
192}
193.ck.ck-autocomplete > .ck-search__results{
194 border-radius:0;
195
196 max-height:200px;
197 overflow-y:auto;
198 background:var(--ck-color-base-background);
199 border:1px solid var(--ck-color-dropdown-panel-border);
200 min-width:auto;
201 }
202.ck-rounded-corners .ck.ck-autocomplete > .ck-search__results,
203 .ck.ck-autocomplete > .ck-search__results.ck-rounded-corners{
204 border-radius:var(--ck-border-radius);
205 }
206.ck.ck-autocomplete > .ck-search__results{
207 box-shadow:var(--ck-drop-shadow), 0 0;
208 }
209.ck.ck-autocomplete > .ck-search__results.ck-search__results_n{
210 border-bottom-left-radius:0;
211 border-bottom-right-radius:0;
212 margin-bottom:-1px;
213 }
214.ck.ck-autocomplete > .ck-search__results.ck-search__results_s{
215 border-top-left-radius:0;
216 border-top-right-radius:0;
217 margin-top:-1px;
218 }
219.ck.ck-button,
220a.ck.ck-button{
221 background:var(--ck-color-button-default-background);
222 border-radius:0;
223
224 white-space:nowrap;
225 cursor:default;
226 vertical-align:middle;
227 padding:var(--ck-spacing-tiny);
228 text-align:center;
229 min-width:var(--ck-ui-component-min-height);
230 min-height:var(--ck-ui-component-min-height);
231 line-height:1;
232 font-size:inherit;
233 border:1px solid transparent;
234 transition:box-shadow .2s ease-in-out, border .2s ease-in-out;
235 -webkit-appearance:none;
236}
237.ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover{
238 background:var(--ck-color-button-default-hover-background);
239 }
240.ck.ck-button:not(.ck-disabled):active, a.ck.ck-button:not(.ck-disabled):active{
241 background:var(--ck-color-button-default-active-background);
242 }
243.ck.ck-button.ck-disabled, a.ck.ck-button.ck-disabled{
244 background:var(--ck-color-button-default-disabled-background);
245 }
246.ck-rounded-corners .ck.ck-button,
247 .ck-rounded-corners a.ck.ck-button,
248 .ck.ck-button.ck-rounded-corners,
249 a.ck.ck-button.ck-rounded-corners{
250 border-radius:var(--ck-border-radius);
251 }
252@media (prefers-reduced-motion: reduce){
253.ck.ck-button,
254a.ck.ck-button{
255 transition:none;
256}
257 }
258.ck.ck-button:active,
259 a.ck.ck-button:active,
260 .ck.ck-button:focus,
261 a.ck.ck-button:focus{
262 outline:none;
263 border:var(--ck-focus-ring);
264 box-shadow:var(--ck-focus-outer-shadow), 0 0;
265 }
266.ck.ck-button .ck-button__icon use,
267 a.ck.ck-button .ck-button__icon use,
268 .ck.ck-button .ck-button__icon use *,
269 a.ck.ck-button .ck-button__icon use *{
270 color:inherit;
271 }
272.ck.ck-button .ck-button__label, a.ck.ck-button .ck-button__label{
273 font-size:inherit;
274 font-weight:inherit;
275 color:inherit;
276 cursor:inherit;
277 vertical-align:middle;
278 }
279[dir="ltr"] .ck.ck-button .ck-button__label, [dir="ltr"] a.ck.ck-button .ck-button__label{
280 text-align:left;
281 }
282[dir="rtl"] .ck.ck-button .ck-button__label, [dir="rtl"] a.ck.ck-button .ck-button__label{
283 text-align:right;
284 }
285.ck.ck-button .ck-button__keystroke, a.ck.ck-button .ck-button__keystroke{
286 color:inherit;
287
288 opacity:.5;
289 }
290[dir="ltr"] .ck.ck-button .ck-button__keystroke, [dir="ltr"] a.ck.ck-button .ck-button__keystroke{
291 margin-left:var(--ck-spacing-large);
292 }
293[dir="rtl"] .ck.ck-button .ck-button__keystroke, [dir="rtl"] a.ck.ck-button .ck-button__keystroke{
294 margin-right:var(--ck-spacing-large);
295 }
296.ck.ck-button.ck-disabled:active,
297 a.ck.ck-button.ck-disabled:active,
298 .ck.ck-button.ck-disabled:focus,
299 a.ck.ck-button.ck-disabled:focus{
300 box-shadow:var(--ck-focus-disabled-outer-shadow), 0 0;
301 }
302.ck.ck-button.ck-disabled .ck-button__icon, a.ck.ck-button.ck-disabled .ck-button__icon{
303 opacity:var(--ck-disabled-opacity);
304 }
305.ck.ck-button.ck-disabled .ck-button__label, a.ck.ck-button.ck-disabled .ck-button__label{
306 opacity:var(--ck-disabled-opacity);
307 }
308.ck.ck-button.ck-disabled .ck-button__keystroke, a.ck.ck-button.ck-disabled .ck-button__keystroke{
309 opacity:.3;
310 }
311.ck.ck-button.ck-button_with-text, a.ck.ck-button.ck-button_with-text{
312 padding:var(--ck-spacing-tiny) var(--ck-spacing-standard);
313 }
314[dir="ltr"] .ck.ck-button.ck-button_with-text .ck-button__icon, [dir="ltr"] a.ck.ck-button.ck-button_with-text .ck-button__icon{
315 margin-right:var(--ck-spacing-medium);
316 }
317[dir="rtl"] .ck.ck-button.ck-button_with-text .ck-button__icon, [dir="rtl"] a.ck.ck-button.ck-button_with-text .ck-button__icon{
318 margin-left:var(--ck-spacing-medium);
319 }
320.ck.ck-button.ck-button_with-keystroke .ck-button__label, a.ck.ck-button.ck-button_with-keystroke .ck-button__label{
321 flex-grow:1;
322 }
323.ck.ck-button.ck-on, a.ck.ck-button.ck-on{
324 background:var(--ck-color-button-on-background);
325
326 color:var(--ck-color-button-on-color);
327 }
328.ck.ck-button.ck-on:not(.ck-disabled):hover, a.ck.ck-button.ck-on:not(.ck-disabled):hover{
329 background:var(--ck-color-button-on-hover-background);
330 }
331.ck.ck-button.ck-on:not(.ck-disabled):active, a.ck.ck-button.ck-on:not(.ck-disabled):active{
332 background:var(--ck-color-button-on-active-background);
333 }
334.ck.ck-button.ck-on.ck-disabled, a.ck.ck-button.ck-on.ck-disabled{
335 background:var(--ck-color-button-on-disabled-background);
336 }
337.ck.ck-button.ck-button-save, a.ck.ck-button.ck-button-save{
338 color:var(--ck-color-button-save);
339 }
340.ck.ck-button.ck-button-cancel, a.ck.ck-button.ck-button-cancel{
341 color:var(--ck-color-button-cancel);
342 }
343.ck.ck-button-action,
344a.ck.ck-button-action{
345 background:var(--ck-color-button-action-background);
346
347 color:var(--ck-color-button-action-text);
348}
349.ck.ck-button-action:not(.ck-disabled):hover, a.ck.ck-button-action:not(.ck-disabled):hover{
350 background:var(--ck-color-button-action-hover-background);
351 }
352.ck.ck-button-action:not(.ck-disabled):active, a.ck.ck-button-action:not(.ck-disabled):active{
353 background:var(--ck-color-button-action-active-background);
354 }
355.ck.ck-button-action.ck-disabled, a.ck.ck-button-action.ck-disabled{
356 background:var(--ck-color-button-action-disabled-background);
357 }
358.ck.ck-button-bold,
359a.ck.ck-button-bold{
360 font-weight:bold;
361}
362:root{
363 --ck-switch-button-toggle-width:2.6153846154em;
364 --ck-switch-button-toggle-inner-size:calc(1.0769230769em + 1px);
365 --ck-switch-button-translation:calc(
366 var(--ck-switch-button-toggle-width) -
367 var(--ck-switch-button-toggle-inner-size) -
368 2px );
369 --ck-switch-button-inner-hover-shadow:0 0 0 5px var(--ck-color-switch-button-inner-shadow);
370}
371.ck.ck-button.ck-switchbutton, .ck.ck-button.ck-switchbutton:hover, .ck.ck-button.ck-switchbutton:focus, .ck.ck-button.ck-switchbutton:active, .ck.ck-button.ck-switchbutton.ck-on:hover, .ck.ck-button.ck-switchbutton.ck-on:focus, .ck.ck-button.ck-switchbutton.ck-on:active{
372 color:inherit;
373 background:transparent;
374 }
375[dir="ltr"] .ck.ck-button.ck-switchbutton .ck-button__label{
376 margin-right:calc(2 * var(--ck-spacing-large));
377 }
378[dir="rtl"] .ck.ck-button.ck-switchbutton .ck-button__label{
379 margin-left:calc(2 * var(--ck-spacing-large));
380 }
381.ck.ck-button.ck-switchbutton .ck-button__toggle{
382 border-radius:0;
383 transition:background 400ms ease, box-shadow .2s ease-in-out, outline .2s ease-in-out;
384 border:1px solid transparent;
385 width:var(--ck-switch-button-toggle-width);
386 background:var(--ck-color-switch-button-off-background);
387 }
388.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle,
389 .ck.ck-button.ck-switchbutton .ck-button__toggle.ck-rounded-corners{
390 border-radius:var(--ck-border-radius);
391 }
392[dir="ltr"] .ck.ck-button.ck-switchbutton .ck-button__toggle{
393 margin-left:auto;
394 }
395[dir="rtl"] .ck.ck-button.ck-switchbutton .ck-button__toggle{
396 margin-right:auto;
397 }
398.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner{
399 border-radius:0;
400
401 width:var(--ck-switch-button-toggle-inner-size);
402 height:var(--ck-switch-button-toggle-inner-size);
403 background:var(--ck-color-switch-button-inner-background);
404 transition:all 300ms ease;
405 }
406.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner,
407 .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner.ck-rounded-corners{
408 border-radius:var(--ck-border-radius);
409 border-radius:calc(.5 * var(--ck-border-radius));
410 }
411@media (prefers-reduced-motion: reduce){
412.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner{
413 transition:none;
414 }
415 }
416.ck.ck-button.ck-switchbutton .ck-button__toggle:hover{
417 background:var(--ck-color-switch-button-off-hover-background);
418 }
419.ck.ck-button.ck-switchbutton .ck-button__toggle:hover .ck-button__toggle__inner{
420 box-shadow:var(--ck-switch-button-inner-hover-shadow);
421 }
422.ck.ck-button.ck-switchbutton.ck-disabled .ck-button__toggle{
423 opacity:var(--ck-disabled-opacity);
424 }
425.ck.ck-button.ck-switchbutton:focus{
426 border-color:transparent;
427 outline:none;
428 box-shadow:none;
429 }
430.ck.ck-button.ck-switchbutton:focus .ck-button__toggle{
431 box-shadow:0 0 0 1px var(--ck-color-base-background), 0 0 0 5px var(--ck-color-focus-outer-shadow);
432 outline-offset:1px;
433 outline:var(--ck-focus-ring);
434 }
435.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle{
436 background:var(--ck-color-switch-button-on-background);
437 }
438.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle:hover{
439 background:var(--ck-color-switch-button-on-hover-background);
440 }
441[dir="ltr"] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner{
442 transform:translateX( var(--ck-switch-button-translation));
443 }
444[dir="rtl"] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner{
445 transform:translateX( calc( -1 * var(--ck-switch-button-translation)));
446 }
447.ck.ck-button.ck-list-item-button{
448 padding:var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));
449}
450.ck.ck-button.ck-list-item-button,
451 .ck.ck-button.ck-list-item-button.ck-on{
452 background:var(--ck-color-list-background);
453 color:var(--ck-color-text);
454 }
455[dir="ltr"] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder){
456 padding-left:var(--ck-spacing-small);
457 }
458[dir="rtl"] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder){
459 padding-right:var(--ck-spacing-small);
460 }
461.ck.ck-button.ck-list-item-button:hover:not(.ck-disabled),
462 .ck.ck-button.ck-list-item-button.ck-button.ck-on:hover,
463 .ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable),
464 .ck.ck-button.ck-list-item-button.ck-on:hover{
465 background:var(--ck-color-list-button-hover-background);
466 }
467.ck.ck-button.ck-list-item-button:hover:not(.ck-disabled):not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-button.ck-on:hover:not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable):not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-on:hover:not(.ck-disabled){
468 color:var(--ck-color-text);
469 }
470:root{
471 --ck-collapsible-arrow-size:calc(0.5 * var(--ck-icon-size));
472}
473.ck.ck-collapsible > .ck.ck-button{
474 width:100%;
475 font-weight:bold;
476 border-radius:0;
477 color:inherit;
478 }
479.ck.ck-collapsible > .ck.ck-button:focus{
480 background:transparent;
481 }
482.ck.ck-collapsible > .ck.ck-button:active, .ck.ck-collapsible > .ck.ck-button:not(:focus), .ck.ck-collapsible > .ck.ck-button:hover:not(:focus){
483 background:transparent;
484 border-color:transparent;
485 box-shadow:none;
486 }
487.ck.ck-collapsible > .ck.ck-button > .ck-icon{
488 margin-right:var(--ck-spacing-medium);
489 width:var(--ck-collapsible-arrow-size);
490 }
491.ck.ck-collapsible > .ck-collapsible__children{
492 padding:var(--ck-spacing-medium) var(--ck-spacing-large) var(--ck-spacing-large);
493 }
494.ck.ck-collapsible.ck-collapsible_collapsed > .ck.ck-button .ck-icon{
495 transform:rotate(-90deg);
496 }
497:root{
498 --ck-color-grid-tile-size:24px;
499 --ck-color-color-grid-check-icon:hsl(212, 81%, 46%);
500}
501.ck.ck-color-grid{
502 grid-gap:5px;
503 padding:8px;
504}
505.ck.ck-color-grid__tile{
506 transition:.2s ease box-shadow;
507}
508@media (forced-colors: none){
509 .ck.ck-color-grid__tile{
510 width:var(--ck-color-grid-tile-size);
511 height:var(--ck-color-grid-tile-size);
512 min-width:var(--ck-color-grid-tile-size);
513 min-height:var(--ck-color-grid-tile-size);
514 padding:0;
515 border:0;
516 }
517
518 .ck.ck-color-grid__tile.ck-on,
519 .ck.ck-color-grid__tile:focus:not( .ck-disabled),
520 .ck.ck-color-grid__tile:hover:not( .ck-disabled){
521 border:0;
522 }
523
524 .ck.ck-color-grid__tile.ck-color-selector__color-tile_bordered{
525 box-shadow:0 0 0 1px var(--ck-color-base-border);
526 }
527
528 .ck.ck-color-grid__tile.ck-on{
529 box-shadow:inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-base-text);
530 }
531
532 .ck.ck-color-grid__tile:focus:not( .ck-disabled),
533 .ck.ck-color-grid__tile:hover:not( .ck-disabled){
534 box-shadow:inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
535 }
536 }
537@media (forced-colors: active){
538 .ck.ck-color-grid__tile{
539 width:unset;
540 height:unset;
541 min-width:unset;
542 min-height:unset;
543 padding:0 var(--ck-spacing-small);
544 }
545
546 .ck.ck-color-grid__tile .ck-button__label{
547 display:inline-block;
548 }
549 }
550@media (prefers-reduced-motion: reduce){
551.ck.ck-color-grid__tile{
552 transition:none;
553}
554 }
555.ck.ck-color-grid__tile.ck-disabled{
556 cursor:unset;
557 transition:unset;
558 }
559.ck.ck-color-grid__tile .ck.ck-icon{
560 display:none;
561 color:var(--ck-color-color-grid-check-icon);
562 }
563.ck.ck-color-grid__tile.ck-on .ck.ck-icon{
564 display:block;
565 }
566.ck.ck-color-grid__label{
567 padding:0 var(--ck-spacing-standard);
568}
569.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color,
570 .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker{
571 width:100%;
572 }
573.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker{
574 padding:calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
575 border-bottom-left-radius:0;
576 border-bottom-right-radius:0;
577 }
578.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker:not(:focus){
579 border-top:1px solid var(--ck-color-base-border);
580 }
581[dir="ltr"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon{
582 margin-right:var(--ck-spacing-standard);
583 }
584[dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon{
585 margin-left:var(--ck-spacing-standard);
586 }
587.ck.ck-color-selector .ck-color-grids-fragment label.ck.ck-color-grid__label{
588 font-weight:unset;
589 }
590.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker{
591 padding:8px;
592 }
593.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker{
594 height:100px;
595 min-width:180px;
596 }
597.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation){
598 border-radius:var(--ck-border-radius) var(--ck-border-radius) 0 0;
599 }
600.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue){
601 border-radius:0 0 var(--ck-border-radius) var(--ck-border-radius);
602 }
603.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation-pointer),
604 .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue-pointer){
605 width:15px;
606 height:15px;
607 }
608.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar{
609 padding:0 8px 8px;
610 }
611:root{
612 --ck-dialog-overlay-background-color:hsla( 0, 0%, 0%, .5);
613 --ck-dialog-drop-shadow:0px 0px 6px 2px hsl(0deg 0% 0% / 15%);
614 --ck-dialog-max-width:100vw;
615 --ck-dialog-max-height:90vh;
616 --ck-color-dialog-background:var(--ck-color-base-background);
617 --ck-color-dialog-form-header-border:var(--ck-color-base-border);
618}
619.ck.ck-dialog-overlay{
620 animation:ck-dialog-fade-in .3s;
621 background:var(--ck-dialog-overlay-background-color);
622 z-index:var(--ck-z-dialog);
623}
624.ck.ck-dialog{
625 border-radius:0;
626
627 --ck-drop-shadow:var(--ck-dialog-drop-shadow);
628
629 background:var(--ck-color-dialog-background);
630 max-height:var(--ck-dialog-max-height);
631 max-width:var(--ck-dialog-max-width);
632 border:1px solid var(--ck-color-base-border);
633 overscroll-behavior:contain;
634}
635.ck-rounded-corners .ck.ck-dialog,
636 .ck.ck-dialog.ck-rounded-corners{
637 border-radius:var(--ck-border-radius);
638 }
639.ck.ck-dialog{
640 box-shadow:var(--ck-drop-shadow), 0 0;
641}
642.ck.ck-dialog .ck.ck-form__header{
643 border-bottom:1px solid var(--ck-color-dialog-form-header-border);
644 }
645.ck-dialog-scroll-locked{
646 overflow:hidden;
647}
648@keyframes ck-dialog-fade-in{
649 0%{
650 background:hsla( 0, 0%, 0%, 0);
651 }
652
653 100%{
654 background:var(--ck-dialog-overlay-background-color);
655 }
656}
657.ck.ck-dialog .ck.ck-dialog__actions{
658 padding:var(--ck-spacing-large);
659 }
660.ck.ck-dialog .ck.ck-dialog__actions > * + *{
661 margin-left:var(--ck-spacing-large);
662 }
663:root{
664 --ck-dropdown-arrow-size:calc(0.5 * var(--ck-icon-size));
665}
666.ck.ck-dropdown{
667 font-size:inherit;
668}
669.ck.ck-dropdown .ck-dropdown__arrow{
670 width:var(--ck-dropdown-arrow-size);
671 }
672[dir="ltr"] .ck.ck-dropdown .ck-dropdown__arrow{
673 right:var(--ck-spacing-standard);
674 margin-left:var(--ck-spacing-standard);
675 }
676[dir="rtl"] .ck.ck-dropdown .ck-dropdown__arrow{
677 left:var(--ck-spacing-standard);
678 margin-right:var(--ck-spacing-small);
679 }
680.ck.ck-dropdown.ck-disabled .ck-dropdown__arrow{
681 opacity:var(--ck-disabled-opacity);
682 }
683[dir="ltr"] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text){
684 padding-left:var(--ck-spacing-small);
685 }
686[dir="rtl"] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text){
687 padding-right:var(--ck-spacing-small);
688 }
689.ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label{
690 width:7em;
691 overflow:hidden;
692 text-overflow:ellipsis;
693 }
694.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-disabled .ck-button__label{
695 opacity:var(--ck-disabled-opacity);
696 }
697.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on{
698 border-bottom-left-radius:0;
699 border-bottom-right-radius:0;
700 }
701.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-dropdown__button_label-width_auto .ck-button__label{
702 width:auto;
703 }
704.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active,
705 .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active{
706 box-shadow:none;
707 }
708.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active:focus, .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active:focus{
709 box-shadow:var(--ck-focus-outer-shadow), 0 0;
710 }
711.ck.ck-dropdown__panel{
712 border-radius:0;
713
714 background:var(--ck-color-dropdown-panel-background);
715 border:1px solid var(--ck-color-dropdown-panel-border);
716 bottom:0;
717 min-width:100%;
718}
719.ck-rounded-corners .ck.ck-dropdown__panel,
720 .ck.ck-dropdown__panel.ck-rounded-corners{
721 border-radius:var(--ck-border-radius);
722 }
723.ck.ck-dropdown__panel{
724 box-shadow:var(--ck-drop-shadow), 0 0;
725}
726.ck.ck-dropdown__panel.ck-dropdown__panel_se{
727 border-top-left-radius:0;
728 }
729.ck.ck-dropdown__panel.ck-dropdown__panel_sw{
730 border-top-right-radius:0;
731 }
732.ck.ck-dropdown__panel.ck-dropdown__panel_ne{
733 border-bottom-left-radius:0;
734 }
735.ck.ck-dropdown__panel.ck-dropdown__panel_nw{
736 border-bottom-right-radius:0;
737 }
738.ck.ck-dropdown__panel:focus{
739 outline:none;
740 }
741.ck.ck-dropdown > .ck-dropdown__panel > .ck-list{
742 border-radius:0;
743}
744.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list,
745 .ck.ck-dropdown > .ck-dropdown__panel > .ck-list.ck-rounded-corners{
746 border-radius:var(--ck-border-radius);
747 border-top-left-radius:0;
748 }
749.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button{
750 border-radius:0;
751 }
752.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button,
753 .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button.ck-rounded-corners{
754 border-radius:var(--ck-border-radius);
755 border-top-left-radius:0;
756 border-bottom-left-radius:0;
757 border-bottom-right-radius:0;
758 }
759.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button{
760 border-radius:0;
761 }
762.ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button,
763 .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button.ck-rounded-corners{
764 border-radius:var(--ck-border-radius);
765 border-top-left-radius:0;
766 border-top-right-radius:0;
767 }
768:root{
769 --ck-color-split-button-hover-background:hsl(0, 0%, 92%);
770 --ck-color-split-button-hover-border:hsl(0, 0%, 70%);
771}
772[dir="ltr"] .ck.ck-splitbutton:hover > .ck-splitbutton__action, [dir="ltr"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action{
773 border-top-right-radius:unset;
774 border-bottom-right-radius:unset;
775 }
776[dir="rtl"] .ck.ck-splitbutton:hover > .ck-splitbutton__action, [dir="rtl"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action{
777 border-top-left-radius:unset;
778 border-bottom-left-radius:unset;
779 }
780.ck.ck-splitbutton > .ck-splitbutton__arrow{
781 min-width:unset;
782 }
783[dir="ltr"] .ck.ck-splitbutton > .ck-splitbutton__arrow{
784 border-top-left-radius:unset;
785 border-bottom-left-radius:unset;
786 }
787[dir="rtl"] .ck.ck-splitbutton > .ck-splitbutton__arrow{
788 border-top-right-radius:unset;
789 border-bottom-right-radius:unset;
790 }
791.ck.ck-splitbutton > .ck-splitbutton__arrow svg{
792 width:var(--ck-dropdown-arrow-size);
793 }
794.ck.ck-splitbutton > .ck-splitbutton__arrow:not(:focus){
795 border-top-width:0px;
796 border-bottom-width:0px;
797 }
798.ck.ck-splitbutton.ck-splitbutton_open{
799 border-radius:0;
800 }
801.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open,
802 .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners{
803 border-radius:var(--ck-border-radius);
804 }
805.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__action{
806 border-bottom-left-radius:0;
807 }
808.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__arrow{
809 border-bottom-right-radius:0;
810 }
811.ck.ck-splitbutton.ck-splitbutton_open > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover), .ck.ck-splitbutton:hover > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover){
812 background:var(--ck-color-split-button-hover-background);
813 }
814.ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after{
815 content:'';
816 position:absolute;
817 width:1px;
818 height:100%;
819 background-color:var(--ck-color-split-button-hover-border);
820 }
821.ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:focus::after, .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:focus::after{
822 --ck-color-split-button-hover-border:var(--ck-color-focus-border);
823 }
824[dir="ltr"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, [dir="ltr"] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after{
825 left:-1px;
826 }
827[dir="rtl"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, [dir="rtl"] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after{
828 right:-1px;
829 }
830.ck.ck-toolbar-dropdown .ck-toolbar{
831 border:0;
832}
833.ck.ck-button.ck-dropdown-menu-list__nested-menu__button{
834 width:100%;
835 padding:var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));
836 border-radius:0;
837}
838.ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus{
839 border-color:transparent;
840 box-shadow:none;
841 }
842.ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus:not(.ck-on){
843 background:var(--ck-color-button-default-hover-background);
844 }
845.ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-button__label{
846 flex-grow:1;
847 overflow:hidden;
848 text-overflow:ellipsis;
849 }
850.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-button__label{
851 opacity:var(--ck-disabled-opacity);
852 }
853.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-icon-spacing:not(:has(.ck-button__icon)) > .ck-button__label{
854 margin-left:calc(var(--ck-icon-size) - var(--ck-spacing-small));
855 }
856.ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow{
857 width:var(--ck-dropdown-arrow-size);
858 }
859[dir="ltr"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow{
860 transform:rotate(-90deg);
861 margin-right:calc(-1 * var(--ck-spacing-small));
862 }
863[dir="rtl"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow{
864 transform:rotate(90deg);
865 margin-left:calc(-1 * var(--ck-spacing-small));
866 }
867.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-dropdown-menu-list__nested-menu__button__arrow{
868 opacity:var(--ck-disabled-opacity);
869 }
870[dir="ltr"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text){
871 padding-left:var(--ck-spacing-small);
872 }
873[dir="ltr"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow{
874 right:var(--ck-spacing-standard);
875 margin-left:var(--ck-spacing-standard);
876 }
877[dir="rtl"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text){
878 padding-right:var(--ck-spacing-small);
879 }
880[dir="rtl"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow{
881 left:var(--ck-spacing-standard);
882 margin-right:var(--ck-spacing-small);
883 }
884:root{
885 --ck-dropdown-menu-menu-item-min-width:18em;
886}
887.ck.ck-dropdown-menu-list__nested-menu__item{
888 min-width:var(--ck-dropdown-menu-menu-item-min-width);
889}
890.ck-button.ck-dropdown-menu-list__nested-menu__item__button{
891 border-radius:0;
892}
893.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container,
894 .ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container .ck-spinner{
895 --ck-toolbar-spinner-size:20px;
896 }
897.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container{
898 margin-left:calc(-1 * var(--ck-spacing-small));
899 margin-right:var(--ck-spacing-small);
900 }
901.ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus{
902 border-color:transparent;
903 box-shadow:none;
904 }
905.ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus:not(.ck-on){
906 background:var(--ck-color-button-default-hover-background);
907 }
908:root{
909 --ck-dropdown-menu-menu-panel-max-width:75vw;
910}
911.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel{
912 box-shadow:var(--ck-drop-shadow), 0 0;
913
914 background:var(--ck-color-dropdown-panel-background);
915 border:1px solid var(--ck-color-dropdown-panel-border);
916 bottom:0;
917 height:fit-content;
918 max-width:var(--ck-dropdown-menu-menu-panel-max-width);
919}
920.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel::after,
921 .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel::before{
922 display:none;
923 }
924.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_es,
925 .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_se{
926 border-top-left-radius:0;
927 }
928.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ws,
929 .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_sw{
930 border-top-right-radius:0;
931 }
932.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_en,
933 .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ne{
934 border-bottom-left-radius:0;
935 }
936.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_wn,
937 .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_nw{
938 border-bottom-right-radius:0;
939 }
940.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:focus{
941 outline:none;
942 }
943:root{
944 --ck-accessibility-help-dialog-max-width:600px;
945 --ck-accessibility-help-dialog-max-height:400px;
946 --ck-accessibility-help-dialog-border-color:hsl(220, 6%, 81%);
947 --ck-accessibility-help-dialog-code-background-color:hsl(0deg 0% 92.94%);
948 --ck-accessibility-help-dialog-kbd-shadow-color:hsl(0deg 0% 61%);
949}
950.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content{
951 padding:var(--ck-spacing-large);
952 max-width:var(--ck-accessibility-help-dialog-max-width);
953 max-height:var(--ck-accessibility-help-dialog-max-height);
954 overflow:auto;
955 user-select:text;
956
957 border:1px solid transparent;
958}
959.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content:focus{
960 outline:none;
961 border:var(--ck-focus-ring);
962 box-shadow:var(--ck-focus-outer-shadow), 0 0;
963 }
964.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content *{
965 white-space:normal;
966 }
967.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content .ck-label{
968 display:none;
969 }
970.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3{
971 font-weight:bold;
972 font-size:1.2em;
973 }
974.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4{
975 font-weight:bold;
976 font-size:1em;
977 }
978.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content p,
979 .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3,
980 .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4,
981 .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content table{
982 margin:1em 0;
983 }
984.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl{
985 display:grid;
986 grid-template-columns:2fr 1fr;
987 border-top:1px solid var(--ck-accessibility-help-dialog-border-color);
988 border-bottom:none;
989 }
990.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd{
991 border-bottom:1px solid var(--ck-accessibility-help-dialog-border-color);
992 padding:.4em 0;
993 }
994.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt{
995 grid-column-start:1;
996 }
997.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd{
998 grid-column-start:2;
999 text-align:right;
1000 }
1001.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code{
1002 display:inline-block;
1003 background:var(--ck-accessibility-help-dialog-code-background-color);
1004 padding:.4em;
1005 vertical-align:middle;
1006 line-height:1;
1007 border-radius:2px;
1008 text-align:center;
1009 font-size:.9em;
1010 }
1011.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code{
1012 font-family:monospace;
1013 }
1014.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd{
1015 min-width:1.8em;
1016 box-shadow:0px 1px 1px var(--ck-accessibility-help-dialog-kbd-shadow-color);
1017 margin:0 1px;
1018 }
1019.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd + kbd{
1020 margin-left:2px;
1021 }
1022:root{
1023 --ck-color-editable-blur-selection:hsl(0, 0%, 85%);
1024}
1025.ck.ck-editor__editable:not(.ck-editor__nested-editable){
1026 border-radius:0;
1027}
1028.ck-rounded-corners .ck.ck-editor__editable:not(.ck-editor__nested-editable),
1029 .ck.ck-editor__editable.ck-rounded-corners:not(.ck-editor__nested-editable){
1030 border-radius:var(--ck-border-radius);
1031 }
1032.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable){
1033 outline:none;
1034 border:var(--ck-focus-ring);
1035 box-shadow:var(--ck-inner-shadow), 0 0;
1036 }
1037.ck.ck-editor__editable_inline{
1038 overflow:auto;
1039 padding:0 var(--ck-spacing-standard);
1040 border:1px solid transparent;
1041}
1042.ck.ck-editor__editable_inline[dir="ltr"]{
1043 text-align:left;
1044 }
1045.ck.ck-editor__editable_inline[dir="rtl"]{
1046 text-align:right;
1047 }
1048.ck.ck-editor__editable_inline > *:first-child{
1049 margin-top:var(--ck-spacing-large);
1050 }
1051.ck.ck-editor__editable_inline > *:last-child{
1052 margin-bottom:var(--ck-spacing-large);
1053 }
1054.ck.ck-editor__editable_inline.ck-blurred ::selection{
1055 background:var(--ck-color-editable-blur-selection);
1056 }
1057.ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_n"]::after{
1058 border-bottom-color:var(--ck-color-panel-background);
1059 }
1060.ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_s"]::after{
1061 border-top-color:var(--ck-color-panel-background);
1062 }
1063:root{
1064 --ck-form-header-height:44px;
1065}
1066.ck.ck-form__header{
1067 padding:var(--ck-spacing-small) var(--ck-spacing-large);
1068 height:var(--ck-form-header-height);
1069 line-height:var(--ck-form-header-height);
1070 border-bottom:1px solid var(--ck-color-base-border);
1071}
1072[dir="ltr"] .ck.ck-form__header > .ck-icon{
1073 margin-right:var(--ck-spacing-medium);
1074 }
1075[dir="rtl"] .ck.ck-form__header > .ck-icon{
1076 margin-left:var(--ck-spacing-medium);
1077 }
1078.ck.ck-form__header .ck-form__header__label{
1079 --ck-font-size-base:15px;
1080 font-weight:bold;
1081 }
1082:root{
1083 --ck-icon-size:calc(var(--ck-line-height-base) * var(--ck-font-size-normal));
1084 --ck-icon-font-size:.8333350694em;
1085}
1086.ck.ck-icon{
1087 width:var(--ck-icon-size);
1088 height:var(--ck-icon-size);
1089 font-size:var(--ck-icon-font-size);
1090 cursor:inherit;
1091}
1092.ck.ck-icon *{
1093 cursor:inherit;
1094 }
1095.ck.ck-icon.ck-icon_inherit-color{
1096 color:inherit;
1097 }
1098.ck.ck-icon.ck-icon_inherit-color *{
1099 color:inherit;
1100 }
1101.ck.ck-icon.ck-icon_inherit-color *:not([fill]){
1102 fill:currentColor;
1103 }
1104:root{
1105 --ck-input-width:18em;
1106 --ck-input-text-width:var(--ck-input-width);
1107}
1108.ck.ck-input{
1109 border-radius:0;
1110
1111 background:var(--ck-color-input-background);
1112 border:1px solid var(--ck-color-input-border);
1113 padding:var(--ck-spacing-extra-tiny) var(--ck-spacing-medium);
1114 min-width:var(--ck-input-width);
1115 min-height:var(--ck-ui-component-min-height);
1116 transition:box-shadow .1s ease-in-out, border .1s ease-in-out;
1117}
1118.ck-rounded-corners .ck.ck-input,
1119 .ck.ck-input.ck-rounded-corners{
1120 border-radius:var(--ck-border-radius);
1121 }
1122@media (prefers-reduced-motion: reduce){
1123.ck.ck-input{
1124 transition:none;
1125}
1126 }
1127.ck.ck-input:focus{
1128 outline:none;
1129 border:var(--ck-focus-ring);
1130 box-shadow:var(--ck-focus-outer-shadow), 0 0;
1131 }
1132.ck.ck-input[readonly]{
1133 border:1px solid var(--ck-color-input-disabled-border);
1134 background:var(--ck-color-input-disabled-background);
1135 color:var(--ck-color-input-disabled-text);
1136 }
1137.ck.ck-input[readonly]:focus{
1138 box-shadow:var(--ck-focus-disabled-outer-shadow), 0 0;
1139 }
1140.ck.ck-input.ck-error{
1141 border-color:var(--ck-color-input-error-border);
1142 animation:ck-input-shake .3s ease both;
1143 }
1144@media (prefers-reduced-motion: reduce){
1145.ck.ck-input.ck-error{
1146 animation:none;
1147 }
1148 }
1149.ck.ck-input.ck-error:focus{
1150 box-shadow:var(--ck-focus-error-outer-shadow), 0 0;
1151 }
1152@keyframes ck-input-shake{
1153 20%{
1154 transform:translateX(-2px);
1155 }
1156
1157 40%{
1158 transform:translateX(2px);
1159 }
1160
1161 60%{
1162 transform:translateX(-1px);
1163 }
1164
1165 80%{
1166 transform:translateX(1px);
1167 }
1168}
1169.ck.ck-label{
1170 font-weight:bold;
1171}
1172:root{
1173 --ck-labeled-field-view-transition:.1s cubic-bezier(0, 0, 0.24, 0.95);
1174 --ck-labeled-field-empty-unfocused-max-width:100% - 2 * var(--ck-spacing-medium);
1175 --ck-labeled-field-label-default-position-x:var(--ck-spacing-medium);
1176 --ck-labeled-field-label-default-position-y:calc(0.6 * var(--ck-font-size-base));
1177 --ck-color-labeled-field-label-background:var(--ck-color-base-background);
1178}
1179.ck.ck-labeled-field-view{
1180 border-radius:0;
1181}
1182.ck-rounded-corners .ck.ck-labeled-field-view,
1183 .ck.ck-labeled-field-view.ck-rounded-corners{
1184 border-radius:var(--ck-border-radius);
1185 }
1186.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper{
1187 width:100%;
1188 }
1189.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label{
1190 top:0px;
1191
1192 pointer-events:none;
1193
1194 background:var(--ck-color-labeled-field-label-background);
1195 padding:0 calc(.5 * var(--ck-font-size-tiny));
1196 line-height:initial;
1197 font-weight:normal;
1198 text-overflow:ellipsis;
1199 overflow:hidden;
1200
1201 max-width:100%;
1202
1203 transition:transform var(--ck-labeled-field-view-transition), padding var(--ck-labeled-field-view-transition), background var(--ck-labeled-field-view-transition);
1204 }
1205[dir="ltr"] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label{
1206 left:0px;
1207 transform-origin:0 0;
1208 transform:translate(var(--ck-spacing-medium), -6px) scale(.75);
1209 }
1210[dir="rtl"] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label{
1211 right:0px;
1212 transform-origin:100% 0;
1213 transform:translate(calc(-1 * var(--ck-spacing-medium)), -6px) scale(.75);
1214 }
1215@media (prefers-reduced-motion: reduce){
1216.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label{
1217 transition:none;
1218 }
1219 }
1220.ck.ck-labeled-field-view.ck-error > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label{
1221 color:var(--ck-color-base-error);
1222 }
1223.ck.ck-labeled-field-view.ck-error .ck-input:not([readonly]) + .ck.ck-label{
1224 color:var(--ck-color-base-error);
1225 }
1226.ck.ck-labeled-field-view .ck-labeled-field-view__status{
1227 font-size:var(--ck-font-size-small);
1228 margin-top:var(--ck-spacing-small);
1229 white-space:normal;
1230 }
1231.ck.ck-labeled-field-view .ck-labeled-field-view__status.ck-labeled-field-view__status_error{
1232 color:var(--ck-color-base-error);
1233 }
1234.ck.ck-labeled-field-view.ck-disabled > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
1235 .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label{
1236 color:var(--ck-color-input-disabled-text);
1237 }
1238.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,
1239 .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label{
1240 max-width:calc(var(--ck-labeled-field-empty-unfocused-max-width));
1241
1242 background:transparent;
1243 padding:0;
1244 }
1245[dir="ltr"] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, [dir="ltr"] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label{
1246 transform:translate(var(--ck-labeled-field-label-default-position-x), var(--ck-labeled-field-label-default-position-y)) scale(1);
1247 }
1248[dir="rtl"] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, [dir="rtl"] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label{
1249 transform:translate(calc(-1 * var(--ck-labeled-field-label-default-position-x)), var(--ck-labeled-field-label-default-position-y)) scale(1);
1250 }
1251.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck.ck-button{
1252 background:transparent;
1253 }
1254.ck.ck-labeled-field-view.ck-labeled-field-view_empty > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck-button > .ck-button__label{
1255 opacity:0;
1256 }
1257.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{
1258 max-width:calc(var(--ck-labeled-field-empty-unfocused-max-width) - var(--ck-dropdown-arrow-size) - var(--ck-spacing-standard));
1259 }
1260.ck.ck-labeled-input .ck-labeled-input__status{
1261 font-size:var(--ck-font-size-small);
1262 margin-top:var(--ck-spacing-small);
1263 white-space:normal;
1264}
1265.ck.ck-labeled-input .ck-labeled-input__status_error{
1266 color:var(--ck-color-base-error);
1267}
1268.ck.ck-list{
1269 border-radius:0;
1270
1271 list-style-type:none;
1272 background:var(--ck-color-list-background);
1273 padding:var(--ck-spacing-small) 0;
1274}
1275.ck-rounded-corners .ck.ck-list,
1276 .ck.ck-list.ck-rounded-corners{
1277 border-radius:var(--ck-border-radius);
1278 }
1279.ck.ck-list__item{
1280 cursor:default;
1281 min-width:15em;
1282}
1283.ck.ck-list__item > .ck-button:not(.ck-list-item-button){
1284 padding:var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));
1285 min-height:unset;
1286 width:100%;
1287 border-radius:0;
1288 }
1289[dir="ltr"] .ck.ck-list__item > .ck-button:not(.ck-list-item-button){
1290 text-align:left;
1291 }
1292[dir="rtl"] .ck.ck-list__item > .ck-button:not(.ck-list-item-button){
1293 text-align:right;
1294 }
1295.ck.ck-list__item > .ck-button:not(.ck-list-item-button) .ck-button__label{
1296 line-height:calc(var(--ck-line-height-base) * var(--ck-font-size-base));
1297 }
1298.ck.ck-list__item > .ck-button:not(.ck-list-item-button):active{
1299 box-shadow:none;
1300 }
1301.ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button){
1302 background:var(--ck-color-list-button-on-background);
1303 color:var(--ck-color-list-button-on-text);
1304 }
1305.ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):active{
1306 box-shadow:none;
1307 }
1308.ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):hover:not(.ck-disabled){
1309 background:var(--ck-color-list-button-on-background-focus);
1310 }
1311.ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):focus:not(.ck-disabled){
1312 border-color:var(--ck-color-base-background);
1313 }
1314.ck.ck-list__item > .ck-button:not(.ck-list-item-button):hover:not(.ck-disabled){
1315 background:var(--ck-color-list-button-hover-background);
1316 }
1317.ck.ck-list__item > .ck-button.ck-switchbutton.ck-on{
1318 background:var(--ck-color-list-background);
1319 color:inherit;
1320 }
1321.ck.ck-list__item > .ck-button.ck-switchbutton.ck-on:hover:not(.ck-disabled){
1322 background:var(--ck-color-list-button-hover-background);
1323 color:inherit;
1324 }
1325.ck-list .ck-list__group{
1326 padding-top:var(--ck-spacing-medium);
1327}
1328.ck-list .ck-list__group:first-child{
1329 padding-top:0;
1330 }
1331*:not(.ck-hidden) ~ .ck-list .ck-list__group{
1332 border-top:1px solid var(--ck-color-base-border);
1333 }
1334.ck-list .ck-list__group > .ck-label{
1335 font-size:11px;
1336 font-weight:bold;
1337 padding:var(--ck-spacing-medium) var(--ck-spacing-large) 0;
1338 }
1339.ck.ck-list__separator{
1340 height:1px;
1341 width:100%;
1342 background:var(--ck-color-base-border);
1343 margin:var(--ck-spacing-small) 0;
1344}
1345.ck.ck-menu-bar{
1346 display:flex;
1347 flex-wrap:wrap;
1348 justify-content:flex-start;
1349 background:var(--ck-color-base-background);
1350 padding:var(--ck-spacing-small);
1351 gap:var(--ck-spacing-small);
1352 border:1px solid var(--ck-color-toolbar-border);
1353 width:100%;
1354}
1355.ck.ck-menu-bar__menu{
1356 font-size:inherit;
1357}
1358.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level{
1359 max-width:100%;
1360 }
1361.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button{
1362 width:100%;
1363 }
1364.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-button__label{
1365 flex-grow:1;
1366 overflow:hidden;
1367 text-overflow:ellipsis;
1368 }
1369.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button.ck-disabled > .ck-button__label{
1370 opacity:var(--ck-disabled-opacity);
1371 }
1372[dir="ltr"] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text){
1373 padding-left:var(--ck-spacing-small);
1374 }
1375[dir="rtl"] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text){
1376 padding-right:var(--ck-spacing-small);
1377 }
1378.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button{
1379 padding:var(--ck-spacing-small) var(--ck-spacing-medium);
1380 min-height:unset;
1381 }
1382.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-button__label{
1383 width:unset;
1384 line-height:unset;
1385 overflow:visible;
1386 }
1387.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button.ck-on{
1388 border-bottom-left-radius:0;
1389 border-bottom-right-radius:0;
1390 }
1391.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-icon{
1392 display:none;
1393 }
1394.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button{
1395 border-radius:0;
1396 }
1397.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow{
1398 width:var(--ck-dropdown-arrow-size);
1399 }
1400[dir="ltr"] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow{
1401 transform:rotate(-90deg);
1402 margin-left:var(--ck-spacing-standard);
1403 margin-right:calc(-1 * var(--ck-spacing-small));
1404 }
1405[dir="rtl"] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow{
1406 transform:rotate(90deg);
1407
1408 left:var(--ck-spacing-standard);
1409 margin-right:var(--ck-spacing-small);
1410 margin-left:calc(-1 * var(--ck-spacing-small));
1411 }
1412.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button.ck-disabled > .ck-menu-bar__menu__button__arrow{
1413 opacity:var(--ck-disabled-opacity);
1414 }
1415:root{
1416 --ck-menu-bar-menu-item-min-width:18em;
1417}
1418.ck.ck-menu-bar__menu .ck.ck-menu-bar__menu__item{
1419 min-width:var(--ck-menu-bar-menu-item-min-width);
1420}
1421.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button{
1422 border-radius:0;
1423 }
1424.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container,
1425 .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container .ck-spinner{
1426 --ck-toolbar-spinner-size:20px;
1427 }
1428.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container{
1429 font-size:var(--ck-icon-font-size);
1430 }
1431[dir="ltr"] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container{
1432 margin-right:var(--ck-spacing-medium);
1433 }
1434[dir="rtl"] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container{
1435 margin-left:var(--ck-spacing-medium);
1436 }
1437:root{
1438 --ck-menu-bar-menu-panel-max-width:75vw;
1439}
1440.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel{
1441 border-radius:0;
1442
1443 background:var(--ck-color-dropdown-panel-background);
1444 border:1px solid var(--ck-color-dropdown-panel-border);
1445 bottom:0;
1446 height:fit-content;
1447 max-width:var(--ck-menu-bar-menu-panel-max-width);
1448}
1449.ck-rounded-corners .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel,
1450 .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-rounded-corners{
1451 border-radius:var(--ck-border-radius);
1452 }
1453.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel{
1454 box-shadow:var(--ck-drop-shadow), 0 0;
1455}
1456.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es,
1457 .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se{
1458 border-top-left-radius:0;
1459 }
1460.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws,
1461 .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw{
1462 border-top-right-radius:0;
1463 }
1464.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en,
1465 .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne{
1466 border-bottom-left-radius:0;
1467 }
1468.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn,
1469 .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw{
1470 border-bottom-right-radius:0;
1471 }
1472.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel:focus{
1473 outline:none;
1474 }
1475.ck.ck-menu-bar .ck-list-item-button:focus,
1476 .ck.ck-menu-bar .ck-list-item-button:active{
1477 border-color:transparent;
1478 box-shadow:none;
1479 }
1480.ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:focus,
1481 .ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:active{
1482 position:relative;
1483 z-index:2;
1484
1485 outline:none;
1486
1487 border:var(--ck-focus-ring);
1488 box-shadow:var(--ck-focus-outer-shadow), 0 0;
1489 }
1490:root{
1491 --ck-balloon-border-width:1px;
1492 --ck-balloon-arrow-offset:2px;
1493 --ck-balloon-arrow-height:10px;
1494 --ck-balloon-arrow-half-width:8px;
1495 --ck-balloon-arrow-drop-shadow:0 2px 2px var(--ck-color-shadow-drop);
1496}
1497.ck.ck-balloon-panel{
1498 border-radius:0;
1499
1500 min-height:15px;
1501
1502 background:var(--ck-color-panel-background);
1503 border:var(--ck-balloon-border-width) solid var(--ck-color-panel-border);
1504}
1505.ck-rounded-corners .ck.ck-balloon-panel,
1506 .ck.ck-balloon-panel.ck-rounded-corners{
1507 border-radius:var(--ck-border-radius);
1508 }
1509.ck.ck-balloon-panel{
1510 box-shadow:var(--ck-drop-shadow), 0 0;
1511}
1512.ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before,
1513 .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after{
1514 width:0;
1515 height:0;
1516 border-style:solid;
1517 }
1518.ck.ck-balloon-panel[class*="arrow_n"]::before,
1519 .ck.ck-balloon-panel[class*="arrow_n"]::after{
1520 border-width:0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width);
1521 }
1522.ck.ck-balloon-panel[class*="arrow_n"]::before{
1523 border-color:transparent transparent var(--ck-color-panel-border) transparent;
1524 margin-top:calc( -1 * var(--ck-balloon-border-width));
1525 }
1526.ck.ck-balloon-panel[class*="arrow_n"]::after{
1527 border-color:transparent transparent var(--ck-color-panel-background) transparent;
1528 margin-top:calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
1529 }
1530.ck.ck-balloon-panel[class*="arrow_s"]::before,
1531 .ck.ck-balloon-panel[class*="arrow_s"]::after{
1532 border-width:var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width);
1533 }
1534.ck.ck-balloon-panel[class*="arrow_s"]::before{
1535 border-color:var(--ck-color-panel-border) transparent transparent;
1536 filter:drop-shadow(var(--ck-balloon-arrow-drop-shadow));
1537 margin-bottom:calc( -1 * var(--ck-balloon-border-width));
1538 }
1539.ck.ck-balloon-panel[class*="arrow_s"]::after{
1540 border-color:var(--ck-color-panel-background) transparent transparent transparent;
1541 margin-bottom:calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
1542 }
1543.ck.ck-balloon-panel[class*="arrow_e"]::before,
1544 .ck.ck-balloon-panel[class*="arrow_e"]::after{
1545 border-width:var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height);
1546 }
1547.ck.ck-balloon-panel[class*="arrow_e"]::before{
1548 border-color:transparent transparent transparent var(--ck-color-panel-border);
1549 margin-right:calc( -1 * var(--ck-balloon-border-width));
1550 }
1551.ck.ck-balloon-panel[class*="arrow_e"]::after{
1552 border-color:transparent transparent transparent var(--ck-color-panel-background);
1553 margin-right:calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
1554 }
1555.ck.ck-balloon-panel[class*="arrow_w"]::before,
1556 .ck.ck-balloon-panel[class*="arrow_w"]::after{
1557 border-width:var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0;
1558 }
1559.ck.ck-balloon-panel[class*="arrow_w"]::before{
1560 border-color:transparent var(--ck-color-panel-border) transparent transparent;
1561 margin-left:calc( -1 * var(--ck-balloon-border-width));
1562 }
1563.ck.ck-balloon-panel[class*="arrow_w"]::after{
1564 border-color:transparent var(--ck-color-panel-background) transparent transparent;
1565 margin-left:calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
1566 }
1567.ck.ck-balloon-panel.ck-balloon-panel_arrow_n::before,
1568 .ck.ck-balloon-panel.ck-balloon-panel_arrow_n::after{
1569 left:50%;
1570 margin-left:calc(-1 * var(--ck-balloon-arrow-half-width));
1571 top:calc(-1 * var(--ck-balloon-arrow-height));
1572 }
1573.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw::before,
1574 .ck.ck-balloon-panel.ck-balloon-panel_arrow_nw::after{
1575 left:calc(2 * var(--ck-balloon-arrow-half-width));
1576 top:calc(-1 * var(--ck-balloon-arrow-height));
1577 }
1578.ck.ck-balloon-panel.ck-balloon-panel_arrow_ne::before,
1579 .ck.ck-balloon-panel.ck-balloon-panel_arrow_ne::after{
1580 right:calc(2 * var(--ck-balloon-arrow-half-width));
1581 top:calc(-1 * var(--ck-balloon-arrow-height));
1582 }
1583.ck.ck-balloon-panel.ck-balloon-panel_arrow_s::before,
1584 .ck.ck-balloon-panel.ck-balloon-panel_arrow_s::after{
1585 left:50%;
1586 margin-left:calc(-1 * var(--ck-balloon-arrow-half-width));
1587 bottom:calc(-1 * var(--ck-balloon-arrow-height));
1588 }
1589.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw::before,
1590 .ck.ck-balloon-panel.ck-balloon-panel_arrow_sw::after{
1591 left:calc(2 * var(--ck-balloon-arrow-half-width));
1592 bottom:calc(-1 * var(--ck-balloon-arrow-height));
1593 }
1594.ck.ck-balloon-panel.ck-balloon-panel_arrow_se::before,
1595 .ck.ck-balloon-panel.ck-balloon-panel_arrow_se::after{
1596 right:calc(2 * var(--ck-balloon-arrow-half-width));
1597 bottom:calc(-1 * var(--ck-balloon-arrow-height));
1598 }
1599.ck.ck-balloon-panel.ck-balloon-panel_arrow_sme::before,
1600 .ck.ck-balloon-panel.ck-balloon-panel_arrow_sme::after{
1601 right:25%;
1602 margin-right:calc(2 * var(--ck-balloon-arrow-half-width));
1603 bottom:calc(-1 * var(--ck-balloon-arrow-height));
1604 }
1605.ck.ck-balloon-panel.ck-balloon-panel_arrow_smw::before,
1606 .ck.ck-balloon-panel.ck-balloon-panel_arrow_smw::after{
1607 left:25%;
1608 margin-left:calc(2 * var(--ck-balloon-arrow-half-width));
1609 bottom:calc(-1 * var(--ck-balloon-arrow-height));
1610 }
1611.ck.ck-balloon-panel.ck-balloon-panel_arrow_nme::before,
1612 .ck.ck-balloon-panel.ck-balloon-panel_arrow_nme::after{
1613 right:25%;
1614 margin-right:calc(2 * var(--ck-balloon-arrow-half-width));
1615 top:calc(-1 * var(--ck-balloon-arrow-height));
1616 }
1617.ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw::before,
1618 .ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw::after{
1619 left:25%;
1620 margin-left:calc(2 * var(--ck-balloon-arrow-half-width));
1621 top:calc(-1 * var(--ck-balloon-arrow-height));
1622 }
1623.ck.ck-balloon-panel.ck-balloon-panel_arrow_e::before,
1624 .ck.ck-balloon-panel.ck-balloon-panel_arrow_e::after{
1625 right:calc(-1 * var(--ck-balloon-arrow-height));
1626 margin-top:calc(-1 * var(--ck-balloon-arrow-half-width));
1627 top:50%;
1628 }
1629.ck.ck-balloon-panel.ck-balloon-panel_arrow_w::before,
1630 .ck.ck-balloon-panel.ck-balloon-panel_arrow_w::after{
1631 left:calc(-1 * var(--ck-balloon-arrow-height));
1632 margin-top:calc(-1 * var(--ck-balloon-arrow-half-width));
1633 top:50%;
1634 }
1635.ck .ck-balloon-rotator__navigation{
1636 background:var(--ck-color-toolbar-background);
1637 border-bottom:1px solid var(--ck-color-toolbar-border);
1638 padding:0 var(--ck-spacing-small);
1639}
1640.ck .ck-balloon-rotator__navigation > *{
1641 margin-right:var(--ck-spacing-small);
1642 margin-top:var(--ck-spacing-small);
1643 margin-bottom:var(--ck-spacing-small);
1644 }
1645.ck .ck-balloon-rotator__navigation .ck-balloon-rotator__counter{
1646 margin-right:var(--ck-spacing-standard);
1647 margin-left:var(--ck-spacing-small);
1648 }
1649.ck .ck-balloon-rotator__content .ck.ck-annotation-wrapper{
1650 box-shadow:none;
1651 }
1652:root{
1653 --ck-balloon-fake-panel-offset-horizontal:6px;
1654 --ck-balloon-fake-panel-offset-vertical:6px;
1655}
1656.ck .ck-fake-panel div{
1657 box-shadow:var(--ck-drop-shadow), 0 0;
1658
1659 min-height:15px;
1660
1661 background:var(--ck-color-panel-background);
1662 border:1px solid var(--ck-color-panel-border);
1663 border-radius:var(--ck-border-radius);
1664
1665 width:100%;
1666 height:100%;
1667}
1668.ck .ck-fake-panel div:nth-child( 1){
1669 margin-left:var(--ck-balloon-fake-panel-offset-horizontal);
1670 margin-top:var(--ck-balloon-fake-panel-offset-vertical);
1671}
1672.ck .ck-fake-panel div:nth-child( 2){
1673 margin-left:calc(var(--ck-balloon-fake-panel-offset-horizontal) * 2);
1674 margin-top:calc(var(--ck-balloon-fake-panel-offset-vertical) * 2);
1675}
1676.ck .ck-fake-panel div:nth-child( 3){
1677 margin-left:calc(var(--ck-balloon-fake-panel-offset-horizontal) * 3);
1678 margin-top:calc(var(--ck-balloon-fake-panel-offset-vertical) * 3);
1679}
1680.ck .ck-balloon-panel_arrow_s + .ck-fake-panel,
1681.ck .ck-balloon-panel_arrow_se + .ck-fake-panel,
1682.ck .ck-balloon-panel_arrow_sw + .ck-fake-panel{
1683 --ck-balloon-fake-panel-offset-vertical:-6px;
1684}
1685.ck.ck-sticky-panel .ck-sticky-panel__content_sticky{
1686 box-shadow:var(--ck-drop-shadow), 0 0;
1687
1688 border-width:0 1px 1px;
1689 border-top-left-radius:0;
1690 border-top-right-radius:0;
1691 }
1692.ck-vertical-form > .ck-button:nth-last-child(2)::after{
1693 border-right:1px solid var(--ck-color-base-border);
1694}
1695.ck.ck-responsive-form{
1696 padding:var(--ck-spacing-large);
1697}
1698.ck.ck-responsive-form:focus{
1699 outline:none;
1700 }
1701[dir="ltr"] .ck.ck-responsive-form > :not(:first-child){
1702 margin-left:var(--ck-spacing-standard);
1703 }
1704[dir="rtl"] .ck.ck-responsive-form > :not(:last-child){
1705 margin-left:var(--ck-spacing-standard);
1706 }
1707@media screen and (max-width: 600px){
1708.ck.ck-responsive-form{
1709 padding:0;
1710 width:calc(.8 * var(--ck-input-width));
1711}
1712
1713 .ck.ck-responsive-form .ck-labeled-field-view{
1714 margin:var(--ck-spacing-large) var(--ck-spacing-large) 0;
1715 }
1716
1717 .ck.ck-responsive-form .ck-labeled-field-view .ck-input-text,
1718 .ck.ck-responsive-form .ck-labeled-field-view .ck-input-number{
1719 min-width:0;
1720 width:100%;
1721 }
1722 .ck.ck-responsive-form .ck-labeled-field-view .ck-labeled-field-view__error{
1723 white-space:normal;
1724 }
1725 .ck.ck-responsive-form > .ck-button:nth-last-child(2)::after{
1726 border-right:1px solid var(--ck-color-base-border);
1727 }
1728
1729 .ck.ck-responsive-form > .ck-button:nth-last-child(1),
1730 .ck.ck-responsive-form > .ck-button:nth-last-child(2){
1731 padding:var(--ck-spacing-standard);
1732 margin-top:var(--ck-spacing-large);
1733 border-radius:0;
1734 }
1735
1736 .ck.ck-responsive-form > .ck-button:nth-last-child(1):not(:focus), .ck.ck-responsive-form > .ck-button:nth-last-child(2):not(:focus){
1737 border-top:1px solid var(--ck-color-base-border);
1738 }
1739
1740 [dir="ltr"] .ck.ck-responsive-form > .ck-button:nth-last-child(1), [dir="ltr"] .ck.ck-responsive-form > .ck-button:nth-last-child(2){
1741 margin-left:0;
1742 }
1743
1744 [dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(1), [dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(2){
1745 margin-left:0;
1746 }
1747
1748 [dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(1):last-of-type, [dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(2):last-of-type{
1749 border-right:1px solid var(--ck-color-base-border);
1750 }
1751 }
1752:root{
1753 --ck-search-field-view-horizontal-spacing:calc(var(--ck-icon-size) + var(--ck-spacing-medium));
1754}
1755.ck.ck-search > .ck-labeled-field-view .ck-input{
1756 width:100%;
1757 }
1758.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon{
1759 --ck-labeled-field-label-default-position-x:var(--ck-search-field-view-horizontal-spacing);
1760 }
1761.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon > .ck-labeled-field-view__input-wrapper > .ck-icon{
1762 opacity:.5;
1763 pointer-events:none;
1764 }
1765.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input{
1766 width:100%;
1767 }
1768[dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input{
1769 padding-left:var(--ck-search-field-view-horizontal-spacing);
1770 }
1771[dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input:not(.ck-input-text_empty){
1772 padding-left:var(--ck-search-field-view-horizontal-spacing);
1773 }
1774.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset{
1775 --ck-labeled-field-empty-unfocused-max-width:100% - 2 * var(--ck-search-field-view-horizontal-spacing);
1776 }
1777.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset.ck-labeled-field-view_empty{
1778 --ck-labeled-field-empty-unfocused-max-width:100% - var(--ck-search-field-view-horizontal-spacing) - var(--ck-spacing-medium);
1779 }
1780.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset{
1781 min-width:auto;
1782 min-height:auto;
1783
1784 background:none;
1785 opacity:.5;
1786 padding:0;
1787 }
1788[dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset{
1789 right:var(--ck-spacing-medium);
1790 }
1791[dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset{
1792 left:var(--ck-spacing-medium);
1793 }
1794.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset:hover{
1795 opacity:1;
1796 }
1797.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input{
1798 width:100%;
1799 }
1800[dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input:not(.ck-input-text_empty){
1801 padding-right:var(--ck-search-field-view-horizontal-spacing);
1802 }
1803[dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input{
1804 padding-right:var(--ck-search-field-view-horizontal-spacing);
1805 }
1806.ck.ck-search > .ck-search__results{
1807 min-width:100%;
1808 }
1809.ck.ck-search > .ck-search__results > .ck-search__info{
1810 width:100%;
1811 padding:var(--ck-spacing-medium) var(--ck-spacing-large);
1812 }
1813.ck.ck-search > .ck-search__results > .ck-search__info *{
1814 white-space:normal;
1815 }
1816.ck.ck-search > .ck-search__results > .ck-search__info > span:first-child{
1817 font-weight:bold;
1818 }
1819.ck.ck-search > .ck-search__results > .ck-search__info > span:last-child{
1820 margin-top:var(--ck-spacing-medium);
1821 }
1822:root{
1823 --ck-toolbar-spinner-size:18px;
1824}
1825.ck.ck-spinner-container{
1826 width:var(--ck-toolbar-spinner-size);
1827 height:var(--ck-toolbar-spinner-size);
1828 animation:1.5s infinite ck-spinner-rotate linear;
1829}
1830@media (prefers-reduced-motion: reduce){
1831.ck.ck-spinner-container{
1832 animation-duration:3s;
1833}
1834 }
1835.ck.ck-spinner{
1836 width:var(--ck-toolbar-spinner-size);
1837 height:var(--ck-toolbar-spinner-size);
1838 border-radius:50%;
1839 border:2px solid var(--ck-color-text);
1840 border-top-color:transparent;
1841}
1842@keyframes ck-spinner-rotate{
1843 to{
1844 transform:rotate(360deg)
1845 }
1846}
1847.ck-textarea{
1848 overflow-x:hidden
1849}
1850:root{
1851 --ck-color-block-toolbar-button:var(--ck-color-text);
1852 --ck-block-toolbar-button-size:var(--ck-font-size-normal);
1853}
1854.ck.ck-block-toolbar-button{
1855 color:var(--ck-color-block-toolbar-button);
1856 font-size:var(--ck-block-toolbar-size);
1857}
1858.ck.ck-toolbar{
1859 border-radius:0;
1860
1861 background:var(--ck-color-toolbar-background);
1862 padding:0 var(--ck-spacing-small);
1863 border:1px solid var(--ck-color-toolbar-border);
1864}
1865.ck-rounded-corners .ck.ck-toolbar,
1866 .ck.ck-toolbar.ck-rounded-corners{
1867 border-radius:var(--ck-border-radius);
1868 }
1869.ck.ck-toolbar .ck.ck-toolbar__separator{
1870 height:var(--ck-icon-size);
1871 width:1px;
1872 min-width:1px;
1873 background:var(--ck-color-toolbar-border);
1874 margin-top:var(--ck-spacing-small);
1875 margin-bottom:var(--ck-spacing-small);
1876 }
1877.ck.ck-toolbar .ck-toolbar__line-break{
1878 height:0;
1879 }
1880.ck.ck-toolbar > .ck-toolbar__items > *:not(.ck-toolbar__line-break){
1881 margin-right:var(--ck-spacing-small);
1882 }
1883.ck.ck-toolbar > .ck-toolbar__items:empty + .ck.ck-toolbar__separator{
1884 display:none;
1885 }
1886.ck.ck-toolbar > .ck-toolbar__items > *:not(.ck-toolbar__line-break),
1887 .ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown{
1888 margin-top:var(--ck-spacing-small);
1889 margin-bottom:var(--ck-spacing-small);
1890 }
1891.ck.ck-toolbar.ck-toolbar_vertical{
1892 padding:0;
1893 }
1894.ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items > .ck{
1895 width:100%;
1896 margin:0;
1897 border-radius:0;
1898 }
1899.ck.ck-toolbar.ck-toolbar_compact{
1900 padding:0;
1901 }
1902.ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > *{
1903 margin:0;
1904 }
1905.ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > *:not(:first-child):not(:last-child){
1906 border-radius:0;
1907 }
1908.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck.ck-button.ck-dropdown__button{
1909 padding-left:var(--ck-spacing-tiny);
1910 }
1911.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-dropdown__panel{
1912 min-width:auto;
1913 }
1914.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-button > .ck-button__label{
1915 max-width:7em;
1916 width:auto;
1917 }
1918.ck.ck-toolbar:focus{
1919 outline:none;
1920 }
1921.ck-toolbar-container .ck.ck-toolbar{
1922 border:0;
1923 }
1924[dir="rtl"] .ck.ck-toolbar > .ck-toolbar__items > .ck, .ck.ck-toolbar[dir="rtl"] > .ck-toolbar__items > .ck{
1925 margin-right:0;
1926 }
1927[dir="rtl"] .ck.ck-toolbar:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck, .ck.ck-toolbar[dir="rtl"]:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck{
1928 margin-left:var(--ck-spacing-small);
1929 }
1930[dir="rtl"] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar[dir="rtl"] > .ck-toolbar__items > .ck:last-child{
1931 margin-left:0;
1932 }
1933[dir="rtl"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child, .ck.ck-toolbar.ck-toolbar_compact[dir="rtl"] > .ck-toolbar__items > .ck:first-child{
1934 border-top-left-radius:0;
1935 border-bottom-left-radius:0;
1936 }
1937[dir="rtl"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar.ck-toolbar_compact[dir="rtl"] > .ck-toolbar__items > .ck:last-child{
1938 border-top-right-radius:0;
1939 border-bottom-right-radius:0;
1940 }
1941[dir="rtl"] .ck.ck-toolbar > .ck.ck-toolbar__separator, .ck.ck-toolbar[dir="rtl"] > .ck.ck-toolbar__separator{
1942 margin-left:var(--ck-spacing-small);
1943 }
1944[dir="rtl"] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child), .ck.ck-toolbar.ck-toolbar_grouping[dir="rtl"] > .ck-toolbar__items:not(:empty):not(:only-child){
1945 margin-left:var(--ck-spacing-small);
1946 }
1947[dir="ltr"] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar[dir="ltr"] > .ck-toolbar__items > .ck:last-child{
1948 margin-right:0;
1949 }
1950[dir="ltr"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child, .ck.ck-toolbar.ck-toolbar_compact[dir="ltr"] > .ck-toolbar__items > .ck:first-child{
1951 border-top-right-radius:0;
1952 border-bottom-right-radius:0;
1953 }
1954[dir="ltr"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar.ck-toolbar_compact[dir="ltr"] > .ck-toolbar__items > .ck:last-child{
1955 border-top-left-radius:0;
1956 border-bottom-left-radius:0;
1957 }
1958[dir="ltr"] .ck.ck-toolbar > .ck.ck-toolbar__separator, .ck.ck-toolbar[dir="ltr"] > .ck.ck-toolbar__separator{
1959 margin-right:var(--ck-spacing-small);
1960 }
1961[dir="ltr"] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child), .ck.ck-toolbar.ck-toolbar_grouping[dir="ltr"] > .ck-toolbar__items:not(:empty):not(:only-child){
1962 margin-right:var(--ck-spacing-small);
1963 }
1964.ck.ck-balloon-panel.ck-tooltip{
1965 --ck-balloon-border-width:0px;
1966 --ck-balloon-arrow-offset:0px;
1967 --ck-balloon-arrow-half-width:4px;
1968 --ck-balloon-arrow-height:4px;
1969 --ck-tooltip-text-padding:4px;
1970 --ck-color-panel-background:var(--ck-color-tooltip-background);
1971
1972 padding:0 var(--ck-spacing-medium);
1973 box-shadow:none;
1974}
1975.ck.ck-balloon-panel.ck-tooltip .ck-tooltip__text{
1976 font-size:.9em;
1977 line-height:1.5;
1978 color:var(--ck-color-tooltip-text);
1979 }
1980.ck.ck-balloon-panel.ck-tooltip.ck-tooltip_multi-line .ck-tooltip__text{
1981 white-space:break-spaces;
1982 display:inline-block;
1983 padding:var(--ck-tooltip-text-padding) 0;
1984 max-width:200px;
1985 }
1986.ck.ck-balloon-panel.ck-tooltip::before{
1987 display:none;
1988 }
1989.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content{
1990 border-radius:0;
1991
1992 border:1px solid var(--ck-color-base-border);
1993 border-bottom-width:0;
1994 }
1995.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content,
1996 .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-rounded-corners{
1997 border-radius:var(--ck-border-radius);
1998 border-bottom-left-radius:0;
1999 border-bottom-right-radius:0;
2000 }
2001.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-sticky-panel__content_sticky{
2002 border-bottom-width:1px;
2003 }
2004.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-menu-bar{
2005 border:0;
2006 border-bottom:1px solid var(--ck-color-base-border);
2007 }
2008.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar{
2009 border:0;
2010 }
2011.ck.ck-editor__main > .ck-editor__editable{
2012 background:var(--ck-color-base-background);
2013
2014 border-radius:0;
2015}
2016.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
2017 .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners{
2018 border-radius:var(--ck-border-radius);
2019 border-top-left-radius:0;
2020 border-top-right-radius:0;
2021 }
2022.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused){
2023 border-color:var(--ck-color-base-border);
2024 }
2025.ck .ck-fake-bookmark-selection{
2026 background:var(--ck-color-link-fake-selection);
2027}
2028.ck .ck-fake-bookmark-selection_collapsed{
2029 height:100%;
2030 border-right:1px solid var(--ck-color-base-text);
2031 margin-right:-1px;
2032 outline:solid 1px hsla(0, 0%, 100%, .5);
2033}
2034:root{
2035 --ck-clipboard-drop-target-dot-width:12px;
2036 --ck-clipboard-drop-target-dot-height:8px;
2037 --ck-clipboard-drop-target-color:var(--ck-color-focus-border);
2038}
2039.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span{
2040 bottom:calc(-.5 * var(--ck-clipboard-drop-target-dot-height));
2041 top:calc(-.5 * var(--ck-clipboard-drop-target-dot-height));
2042 border:1px solid var(--ck-clipboard-drop-target-color);
2043 background:var(--ck-clipboard-drop-target-color);
2044 margin-left:-1px;
2045 }
2046.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span::after{
2047 content:'';
2048 width:0;
2049 height:0;
2050
2051 display:block;
2052 position:absolute;
2053 left:50%;
2054 top:calc(-.5 * var(--ck-clipboard-drop-target-dot-height));
2055
2056 transform:translateX(-50%);
2057 border-color:var(--ck-clipboard-drop-target-color) transparent transparent transparent;
2058 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));
2059 border-style:solid;
2060 }
2061.ck.ck-editor__editable .ck-widget.ck-clipboard-drop-target-range{
2062 outline:var(--ck-widget-outline-thickness) solid var(--ck-clipboard-drop-target-color) !important;
2063 }
2064.ck.ck-editor__editable .ck-widget:-webkit-drag{
2065 zoom:0.6;
2066 outline:none !important;
2067 }
2068.ck.ck-clipboard-drop-target-line{
2069 height:0;
2070 border:1px solid var(--ck-clipboard-drop-target-color);
2071 background:var(--ck-clipboard-drop-target-color);
2072 margin-top:-1px;
2073}
2074.ck.ck-clipboard-drop-target-line::before{
2075 content:'';
2076 position:absolute;
2077 top:calc(-.5 * var(--ck-clipboard-drop-target-dot-width));
2078 width:0;
2079 height:0;
2080 border-style:solid;
2081 }
2082[dir="ltr"] .ck.ck-clipboard-drop-target-line::before{
2083 left:-1px;
2084
2085 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);
2086 border-color:transparent transparent transparent var(--ck-clipboard-drop-target-color);
2087 }
2088[dir="rtl"] .ck.ck-clipboard-drop-target-line::before{
2089 right:-1px;
2090
2091 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;
2092 border-color:transparent var(--ck-clipboard-drop-target-color) transparent transparent;
2093 }
2094:root{
2095 --ck-color-code-block-label-background:hsl(0, 0%, 46%);
2096}
2097.ck.ck-editor__editable pre[data-language]::after{
2098 top:-1px;
2099 right:10px;
2100 background:var(--ck-color-code-block-label-background);
2101
2102 font-size:10px;
2103 font-family:var(--ck-font-face);
2104 line-height:16px;
2105 padding:var(--ck-spacing-tiny) var(--ck-spacing-medium);
2106 color:hsl(0, 0%, 100%);
2107 white-space:nowrap;
2108}
2109.ck.ck-code-block-dropdown .ck-dropdown__panel{
2110 max-height:250px;
2111 overflow-y:auto;
2112 overflow-x:hidden;
2113}
2114@media (forced-colors: active){
2115 .ck.ck-placeholder, .ck .ck-placeholder{
2116 forced-color-adjust:preserve-parent-color;
2117 }
2118 }
2119.ck.ck-placeholder::before, .ck .ck-placeholder::before{
2120 cursor:text;
2121 }
2122@media (forced-colors: none){
2123 .ck.ck-placeholder::before, .ck .ck-placeholder::before{
2124 color:var(--ck-color-engine-placeholder-text);
2125 }
2126 }
2127@media (forced-colors: active){
2128 .ck.ck-placeholder::before, .ck .ck-placeholder::before{
2129 font-style:italic;
2130 margin-left:1px;
2131 }
2132 }
2133.ck.ck-find-and-replace-form{
2134 width:400px;
2135}
2136.ck.ck-find-and-replace-form:focus{
2137 outline:none;
2138 }
2139.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs,
2140 .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions{
2141 flex:1 1 auto;
2142 flex-direction:row;
2143 flex-wrap:wrap;
2144 align-items:center;
2145 align-content:stretch;
2146
2147 padding:var(--ck-spacing-large);
2148 margin:0;
2149
2150 }
2151.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button{
2152 flex:0 0 auto;
2153 }
2154[dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + *, [dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > * + *{
2155 margin-left:var(--ck-spacing-standard);
2156 }
2157[dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + *, [dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > * + *{
2158 margin-right:var(--ck-spacing-standard);
2159 }
2160.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view{
2161 flex:1 1 auto;
2162 }
2163.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view .ck-input, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view .ck-input{
2164 width:100%;
2165 min-width:50px;
2166 }
2167.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs{
2168 align-items:flex-start;
2169 }
2170.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-prev > .ck-icon{
2171 transform:rotate(90deg);
2172 }
2173.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-next > .ck-icon{
2174 transform:rotate(-90deg);
2175 }
2176.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter{
2177 top:50%;
2178 transform:translateY(-50%);
2179
2180 color:var(--ck-color-base-border);
2181 }
2182[dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter{
2183 right:var(--ck-spacing-standard);
2184 }
2185[dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter{
2186 left:var(--ck-spacing-standard);
2187 }
2188.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace{
2189 flex:0 0 100%;
2190 padding-top:var(--ck-spacing-standard);
2191 }
2192[dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace{
2193 margin-left:0;
2194 }
2195[dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace{
2196 margin-right:0;
2197 }
2198.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions{
2199 flex-wrap:wrap;
2200 justify-content:flex-end;
2201 margin-top:calc( -1 * var(--ck-spacing-large));
2202 }
2203.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find{
2204 font-weight:bold;
2205 }
2206.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find .ck-button__label{
2207 padding-left:var(--ck-spacing-large);
2208 padding-right:var(--ck-spacing-large);
2209 }
2210.ck.ck-find-and-replace-form .ck-switchbutton{
2211 width:100%;
2212 display:flex;
2213 flex-direction:row;
2214 flex-wrap:nowrap;
2215 justify-content:space-between;
2216 align-items:center;
2217 }
2218@media screen and (max-width: 600px){
2219 .ck.ck-find-and-replace-form{
2220 width:300px;
2221 max-width:100%;
2222 }
2223 .ck.ck-find-and-replace-form.ck-find-and-replace-form__input{
2224 flex-wrap:wrap;
2225 }
2226
2227 .ck.ck-find-and-replace-form.ck-find-and-replace-form__input .ck-labeled-field-view{
2228 flex:1 0 auto;
2229 width:100%;
2230 margin-bottom:var(--ck-spacing-standard);
2231 }
2232
2233 .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button{
2234 text-align:center;
2235 }
2236
2237 .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type{
2238 flex:1 1 auto;
2239 }
2240
2241 [dir="ltr"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type{
2242 margin-left:0;
2243 }
2244
2245 [dir="rtl"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type{
2246 margin-right:0;
2247 }
2248
2249 .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type .ck-button__label{
2250 width:100%;
2251 text-align:center;
2252 }
2253 .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view){
2254 flex-wrap:wrap;
2255 flex:1 1 auto;
2256 }
2257
2258 .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button{
2259 text-align:center;
2260 }
2261
2262 .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type{
2263 flex:1 1 auto;
2264 }
2265
2266 [dir="ltr"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type{
2267 margin-left:0;
2268 }
2269
2270 [dir="rtl"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type{
2271 margin-right:0;
2272 }
2273
2274 .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button .ck-button__label{
2275 width:100%;
2276 text-align:center;
2277 }
2278 }
2279.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label{
2280 width:8em;
2281 }
2282.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item{
2283 min-width:18em;
2284 }
2285:root{
2286 --ck-html-embed-content-width:calc(100% - 1.5 * var(--ck-icon-size));
2287 --ck-html-embed-source-height:10em;
2288 --ck-html-embed-unfocused-outline-width:1px;
2289 --ck-html-embed-content-min-height:calc(var(--ck-icon-size) + var(--ck-spacing-standard));
2290
2291 --ck-html-embed-source-disabled-background:var(--ck-color-base-foreground);
2292 --ck-html-embed-source-disabled-color:hsl(0deg 0% 45%);
2293}
2294.ck-widget.raw-html-embed{
2295 font-size:var(--ck-font-size-base);
2296 background-color:var(--ck-color-base-foreground);
2297}
2298.ck-widget.raw-html-embed:not(.ck-widget_selected):not(:hover){
2299 outline:var(--ck-html-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border);
2300 }
2301.ck-widget.raw-html-embed[dir="ltr"]{
2302 text-align:left;
2303 }
2304.ck-widget.raw-html-embed[dir="rtl"]{
2305 text-align:right;
2306 }
2307.ck-widget.raw-html-embed::before{
2308 content:attr(data-html-embed-label);
2309 top:calc(-1 * var(--ck-html-embed-unfocused-outline-width));
2310 left:var(--ck-spacing-standard);
2311 background:hsl(0deg 0% 60%);
2312 transition:background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
2313 padding:calc(var(--ck-spacing-tiny) + var(--ck-html-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny);
2314 border-radius:0 0 var(--ck-border-radius) var(--ck-border-radius);
2315 color:var(--ck-color-base-background);
2316 font-size:var(--ck-font-size-tiny);
2317 font-family:var(--ck-font-face);
2318 }
2319.ck-widget.raw-html-embed[dir="rtl"]::before{
2320 left:auto;
2321 right:var(--ck-spacing-standard);
2322 }
2323.ck-widget.raw-html-embed[dir="ltr"] .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before{
2324 margin-left:50px;
2325 }
2326.ck.ck-editor__editable.ck-blurred .ck-widget.raw-html-embed.ck-widget_selected::before{
2327 top:0px;
2328 padding:var(--ck-spacing-tiny) var(--ck-spacing-small);
2329 }
2330.ck.ck-editor__editable:not(.ck-blurred) .ck-widget.raw-html-embed.ck-widget_selected::before{
2331 top:0;
2332 padding:var(--ck-spacing-tiny) var(--ck-spacing-small);
2333 background:var(--ck-color-focus-border);
2334 }
2335.ck.ck-editor__editable .ck-widget.raw-html-embed:not(.ck-widget_selected):hover::before{
2336 top:0px;
2337 padding:var(--ck-spacing-tiny) var(--ck-spacing-small);
2338 }
2339.ck-widget.raw-html-embed .raw-html-embed__content-wrapper{
2340 padding:var(--ck-spacing-standard);
2341 }
2342.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper{
2343 top:var(--ck-spacing-standard);
2344 right:var(--ck-spacing-standard);
2345 }
2346.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__save-button{
2347 color:var(--ck-color-button-save);
2348 }
2349.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__cancel-button{
2350 color:var(--ck-color-button-cancel);
2351 }
2352.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button:not(:first-child){
2353 margin-top:var(--ck-spacing-small);
2354 }
2355.ck-widget.raw-html-embed[dir="rtl"] .raw-html-embed__buttons-wrapper{
2356 left:var(--ck-spacing-standard);
2357 right:auto;
2358 }
2359.ck-widget.raw-html-embed .raw-html-embed__source{
2360 box-sizing:border-box;
2361 height:var(--ck-html-embed-source-height);
2362 width:var(--ck-html-embed-content-width);
2363 resize:none;
2364 min-width:0;
2365 padding:var(--ck-spacing-standard);
2366
2367 font-family:monospace;
2368 tab-size:4;
2369 white-space:pre-wrap;
2370 font-size:var(--ck-font-size-base);
2371 text-align:left;
2372 direction:ltr;
2373 }
2374.ck-widget.raw-html-embed .raw-html-embed__source[disabled]{
2375 background:var(--ck-html-embed-source-disabled-background);
2376 color:var(--ck-html-embed-source-disabled-color);
2377 -webkit-text-fill-color:var(--ck-html-embed-source-disabled-color);
2378 opacity:1;
2379 }
2380.ck-widget.raw-html-embed .raw-html-embed__preview{
2381 min-height:var(--ck-html-embed-content-min-height);
2382 width:var(--ck-html-embed-content-width);
2383 }
2384.ck-editor__editable:not(.ck-read-only) .ck-widget.raw-html-embed .raw-html-embed__preview{
2385 pointer-events:none;
2386 }
2387.ck-widget.raw-html-embed .raw-html-embed__preview-content{
2388 box-sizing:border-box;
2389 background-color:var(--ck-color-base-foreground);
2390 }
2391.ck-widget.raw-html-embed .raw-html-embed__preview-content > *{
2392 margin-left:auto;
2393 margin-right:auto;
2394 }
2395.ck-widget.raw-html-embed .raw-html-embed__preview-placeholder{
2396 color:var(--ck-html-embed-source-disabled-color)
2397 }
2398:root{
2399 --ck-image-insert-insert-by-url-width:250px;
2400}
2401.ck.ck-image-insert-url{
2402 --ck-input-width:100%;
2403}
2404.ck.ck-image-insert-url .ck-image-insert-url__action-row{
2405 grid-column-gap:var(--ck-spacing-large);
2406 margin-top:var(--ck-spacing-large);
2407 }
2408.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-save,
2409 .ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-cancel{
2410 justify-content:center;
2411 min-width:auto;
2412 }
2413.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button .ck-button__label{
2414 color:var(--ck-color-text);
2415 }
2416.ck.ck-image-insert-form > .ck.ck-button{
2417 display:block;
2418 width:100%;
2419 }
2420[dir="ltr"] .ck.ck-image-insert-form > .ck.ck-button{
2421 text-align:left;
2422 }
2423[dir="rtl"] .ck.ck-image-insert-form > .ck.ck-button{
2424 text-align:right;
2425 }
2426.ck.ck-image-insert-form > .ck.ck-collapsible{
2427
2428 min-width:var(--ck-image-insert-insert-by-url-width);
2429 }
2430.ck.ck-image-insert-form > .ck.ck-collapsible:not(:first-child){
2431 border-top:1px solid var(--ck-color-base-border);
2432 }
2433.ck.ck-image-insert-form > .ck.ck-collapsible:not(:last-child){
2434 border-bottom:1px solid var(--ck-color-base-border);
2435 }
2436.ck.ck-image-insert-form > .ck.ck-image-insert-url{
2437 min-width:var(--ck-image-insert-insert-by-url-width);
2438 padding:var(--ck-spacing-large);
2439 }
2440.ck.ck-image-insert-form:focus{
2441 outline:none;
2442 }
2443:root{
2444 --ck-color-image-upload-icon:hsl(0, 0%, 100%);
2445 --ck-color-image-upload-icon-background:hsl(120, 100%, 27%);
2446 --ck-image-upload-icon-size:20;
2447 --ck-image-upload-icon-width:2px;
2448 --ck-image-upload-icon-is-visible:clamp(0px, 100% - 50px, 1px);
2449}
2450.ck-image-upload-complete-icon{
2451 opacity:0;
2452 background:var(--ck-color-image-upload-icon-background);
2453 animation-name:ck-upload-complete-icon-show, ck-upload-complete-icon-hide;
2454 animation-fill-mode:forwards, forwards;
2455 animation-duration:500ms, 500ms;
2456 font-size:calc(1px * var(--ck-image-upload-icon-size));
2457 animation-delay:0ms, 3000ms;
2458 overflow:hidden;
2459 width:calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));
2460 height:calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));
2461}
2462.ck-image-upload-complete-icon::after{
2463 left:25%;
2464
2465 top:50%;
2466 opacity:0;
2467 height:0;
2468 width:0;
2469
2470 transform:scaleX(-1) rotate(135deg);
2471 transform-origin:left top;
2472 border-top:var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
2473 border-right:var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
2474
2475 animation-name:ck-upload-complete-icon-check;
2476 animation-duration:500ms;
2477 animation-delay:500ms;
2478 animation-fill-mode:forwards;
2479 box-sizing:border-box;
2480 }
2481@media (prefers-reduced-motion: reduce){
2482.ck-image-upload-complete-icon{
2483 animation-duration:0ms;
2484}
2485
2486 .ck-image-upload-complete-icon::after{
2487 animation:none;
2488 opacity:1;
2489 width:0.3em;
2490 height:0.45em;
2491 }
2492 }
2493@keyframes ck-upload-complete-icon-show{
2494 from{
2495 opacity:0;
2496 }
2497
2498 to{
2499 opacity:1;
2500 }
2501}
2502@keyframes ck-upload-complete-icon-hide{
2503 from{
2504 opacity:1;
2505 }
2506
2507 to{
2508 opacity:0;
2509 }
2510}
2511@keyframes ck-upload-complete-icon-check{
2512 0%{
2513 opacity:1;
2514 width:0;
2515 height:0;
2516 }
2517 33%{
2518 width:0.3em;
2519 height:0;
2520 }
2521 100%{
2522 opacity:1;
2523 width:0.3em;
2524 height:0.45em;
2525 }
2526}
2527:root{
2528 --ck-color-upload-placeholder-loader:hsl(0, 0%, 70%);
2529 --ck-upload-placeholder-loader-size:32px;
2530 --ck-upload-placeholder-image-aspect-ratio:2.8;
2531}
2532.ck .ck-image-upload-placeholder{
2533 width:100%;
2534 margin:0;
2535}
2536.ck .ck-image-upload-placeholder.image-inline{
2537 width:calc( 2 * var(--ck-upload-placeholder-loader-size) * var(--ck-upload-placeholder-image-aspect-ratio));
2538 }
2539.ck .ck-image-upload-placeholder img{
2540 aspect-ratio:var(--ck-upload-placeholder-image-aspect-ratio);
2541 }
2542.ck .ck-upload-placeholder-loader{
2543 width:100%;
2544 height:100%;
2545}
2546.ck .ck-upload-placeholder-loader::before{
2547 width:var(--ck-upload-placeholder-loader-size);
2548 height:var(--ck-upload-placeholder-loader-size);
2549 border-radius:50%;
2550 border-top:3px solid var(--ck-color-upload-placeholder-loader);
2551 border-right:2px solid transparent;
2552 animation:ck-upload-placeholder-loader 1s linear infinite;
2553 }
2554@keyframes ck-upload-placeholder-loader{
2555 to{
2556 transform:rotate( 360deg);
2557 }
2558}
2559.ck.ck-editor__editable .image.ck-appear, .ck.ck-editor__editable .image-inline.ck-appear{
2560 animation:fadeIn 700ms;
2561 }
2562@media (prefers-reduced-motion: reduce){
2563.ck.ck-editor__editable .image.ck-appear, .ck.ck-editor__editable .image-inline.ck-appear{
2564 opacity:1;
2565 animation:none;
2566 }
2567 }
2568.ck.ck-editor__editable .image .ck-progress-bar,
2569 .ck.ck-editor__editable .image-inline .ck-progress-bar{
2570 height:2px;
2571 width:0;
2572 background:var(--ck-color-upload-bar-background);
2573 transition:width 100ms;
2574 }
2575@keyframes fadeIn{
2576 from{ opacity:0; }
2577 to{ opacity:1; }
2578}
2579.ck .ck-link_selected{
2580 background:var(--ck-color-link-selected-background);
2581}
2582.ck .ck-link_selected span.image-inline{
2583 outline:var(--ck-widget-outline-thickness) solid var(--ck-color-link-selected-background);
2584 }
2585.ck .ck-fake-link-selection{
2586 background:var(--ck-color-link-fake-selection);
2587}
2588.ck .ck-fake-link-selection_collapsed{
2589 height:100%;
2590 border-right:1px solid var(--ck-color-base-text);
2591 margin-right:-1px;
2592 outline:solid 1px hsla(0, 0%, 100%, .5);
2593}
2594.ck.ck-link-actions .ck-button.ck-link-actions__preview{
2595 padding-left:0;
2596 padding-right:0;
2597 }
2598.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label{
2599 padding:0 var(--ck-spacing-medium);
2600 color:var(--ck-color-link-default);
2601 text-overflow:ellipsis;
2602 cursor:pointer;
2603 max-width:var(--ck-input-width);
2604 min-width:3em;
2605 text-align:center;
2606 }
2607.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label:hover{
2608 text-decoration:underline;
2609 }
2610.ck.ck-link-actions .ck-button.ck-link-actions__preview,
2611 .ck.ck-link-actions .ck-button.ck-link-actions__preview:hover,
2612 .ck.ck-link-actions .ck-button.ck-link-actions__preview:focus,
2613 .ck.ck-link-actions .ck-button.ck-link-actions__preview:active{
2614 background:none;
2615 }
2616.ck.ck-link-actions .ck-button.ck-link-actions__preview:active{
2617 box-shadow:none;
2618 }
2619.ck.ck-link-actions .ck-button.ck-link-actions__preview:focus .ck-button__label{
2620 text-decoration:underline;
2621 }
2622[dir="ltr"] .ck.ck-link-actions .ck-button:not(:first-child){
2623 margin-left:var(--ck-spacing-standard);
2624 }
2625[dir="rtl"] .ck.ck-link-actions .ck-button:not(:last-child){
2626 margin-left:var(--ck-spacing-standard);
2627 }
2628@media screen and (max-width: 600px){
2629 .ck.ck-link-actions .ck-button.ck-link-actions__preview{
2630 margin:var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
2631 }
2632
2633 .ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label{
2634 min-width:0;
2635 max-width:100%;
2636 }
2637 [dir="ltr"] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview){
2638 margin-left:0;
2639 }
2640
2641 [dir="rtl"] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview){
2642 margin-left:0;
2643 }
2644 }
2645.ck.ck-link-form_layout-vertical{
2646 padding:0;
2647 min-width:var(--ck-input-width);
2648}
2649.ck.ck-link-form_layout-vertical .ck-labeled-field-view{
2650 margin:var(--ck-spacing-large) var(--ck-spacing-large) var(--ck-spacing-small);
2651 }
2652.ck.ck-link-form_layout-vertical .ck-labeled-field-view .ck-input-text{
2653 min-width:0;
2654 width:100%;
2655 }
2656.ck.ck-link-form_layout-vertical > .ck-button{
2657 padding:var(--ck-spacing-standard);
2658 margin:0;
2659 width:50%;
2660 border-radius:0;
2661 }
2662.ck.ck-link-form_layout-vertical > .ck-button:not(:focus){
2663 border-top:1px solid var(--ck-color-base-border);
2664 }
2665[dir="ltr"] .ck.ck-link-form_layout-vertical > .ck-button{
2666 margin-left:0;
2667 }
2668[dir="rtl"] .ck.ck-link-form_layout-vertical > .ck-button{
2669 margin-left:0;
2670 }
2671[dir="rtl"] .ck.ck-link-form_layout-vertical > .ck-button:last-of-type{
2672 border-right:1px solid var(--ck-color-base-border);
2673 }
2674.ck.ck-link-form_layout-vertical .ck.ck-list{
2675 margin:0 var(--ck-spacing-large);
2676 }
2677.ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton{
2678 padding:0;
2679 width:100%;
2680 }
2681.ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton:hover{
2682 background:none;
2683 }
2684:root{
2685 --ck-link-image-indicator-icon-size:20;
2686 --ck-link-image-indicator-icon-is-visible:clamp(0px, 100% - 50px, 1px);
2687}
2688.ck.ck-editor__editable figure.image > a::after, .ck.ck-editor__editable a span.image-inline::after{
2689 content:"";
2690 top:min(var(--ck-spacing-medium), 6%);
2691 right:min(var(--ck-spacing-medium), 6%);
2692
2693 background-color:hsla(0, 0%, 0%, .4);
2694 background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTExLjA3NyAxNSAuOTkxLTEuNDE2YS43NS43NSAwIDEgMSAxLjIyOS44NmwtMS4xNDggMS42NGEuNzQ4Ljc0OCAwIDAgMS0uMjE3LjIwNiA1LjI1MSA1LjI1MSAwIDAgMS04LjUwMy01Ljk1NS43NDEuNzQxIDAgMCAxIC4xMi0uMjc0bDEuMTQ3LTEuNjM5YS43NS43NSAwIDEgMSAxLjIyOC44Nkw0LjkzMyAxMC43bC4wMDYuMDAzYTMuNzUgMy43NSAwIDAgMCA2LjEzMiA0LjI5NGwuMDA2LjAwNHptNS40OTQtNS4zMzVhLjc0OC43NDggMCAwIDEtLjEyLjI3NGwtMS4xNDcgMS42MzlhLjc1Ljc1IDAgMSAxLTEuMjI4LS44NmwuODYtMS4yM2EzLjc1IDMuNzUgMCAwIDAtNi4xNDQtNC4zMDFsLS44NiAxLjIyOWEuNzUuNzUgMCAwIDEtMS4yMjktLjg2bDEuMTQ4LTEuNjRhLjc0OC43NDggMCAwIDEgLjIxNy0uMjA2IDUuMjUxIDUuMjUxIDAgMCAxIDguNTAzIDUuOTU1em0tNC41NjMtMi41MzJhLjc1Ljc1IDAgMCAxIC4xODQgMS4wNDVsLTMuMTU1IDQuNTA1YS43NS43NSAwIDEgMS0xLjIyOS0uODZsMy4xNTUtNC41MDZhLjc1Ljc1IDAgMCAxIDEuMDQ1LS4xODR6Ii8+PC9zdmc+");
2695 background-size:14px;
2696 background-repeat:no-repeat;
2697 background-position:center;
2698 border-radius:100%;
2699 overflow:hidden;
2700 width:calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
2701 height:calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
2702 }
2703.ck.ck-list-properties.ck-list-properties_without-styles{
2704 padding:var(--ck-spacing-large);
2705 }
2706.ck.ck-list-properties.ck-list-properties_without-styles > *{
2707 min-width:14em;
2708 }
2709.ck.ck-list-properties.ck-list-properties_without-styles > * + *{
2710 margin-top:var(--ck-spacing-standard);
2711 }
2712.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-list-styles-list{
2713 grid-template-columns:repeat( 4, auto);
2714 }
2715.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible{
2716 border-top:1px solid var(--ck-color-base-border);
2717 }
2718.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > *{
2719 width:100%;
2720 }
2721.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > * + *{
2722 margin-top:var(--ck-spacing-standard);
2723 }
2724.ck.ck-list-properties .ck.ck-numbered-list-properties__start-index .ck-input{
2725 min-width:auto;
2726 width:100%;
2727 }
2728.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order{
2729 background:transparent;
2730 padding-left:0;
2731 padding-right:0;
2732 margin-bottom:calc(-1 * var(--ck-spacing-tiny));
2733 }
2734.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:active, .ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:hover{
2735 box-shadow:none;
2736 border-color:transparent;
2737 background:none;
2738 }
2739:root{
2740 --ck-list-style-button-size:44px;
2741}
2742.ck.ck-list-styles-list{
2743 grid-template-columns:repeat( 3, auto);
2744 row-gap:var(--ck-spacing-medium);
2745 column-gap:var(--ck-spacing-medium);
2746 padding:var(--ck-spacing-large);
2747}
2748.ck.ck-list-styles-list .ck-button{
2749 width:var(--ck-list-style-button-size);
2750 height:var(--ck-list-style-button-size);
2751 padding:0;
2752 margin:0;
2753 box-sizing:content-box;
2754 }
2755.ck.ck-list-styles-list .ck-button .ck-icon{
2756 width:var(--ck-list-style-button-size);
2757 height:var(--ck-list-style-button-size);
2758 }
2759:root{
2760 --ck-media-embed-placeholder-icon-size:3em;
2761
2762 --ck-color-media-embed-placeholder-url-text:hsl(0, 0%, 46%);
2763 --ck-color-media-embed-placeholder-url-text-hover:var(--ck-color-base-text);
2764}
2765.ck-media__wrapper{
2766 margin:0 auto;
2767}
2768.ck-media__wrapper .ck-media__placeholder{
2769 padding:calc( 3 * var(--ck-spacing-standard));
2770 background:var(--ck-color-base-foreground);
2771 }
2772.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon{
2773 min-width:var(--ck-media-embed-placeholder-icon-size);
2774 height:var(--ck-media-embed-placeholder-icon-size);
2775 margin-bottom:var(--ck-spacing-large);
2776 background-position:center;
2777 background-size:cover;
2778 }
2779.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon .ck-icon{
2780 width:100%;
2781 height:100%;
2782 }
2783.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text{
2784 color:var(--ck-color-media-embed-placeholder-url-text);
2785 white-space:nowrap;
2786 text-align:center;
2787 font-style:italic;
2788 text-overflow:ellipsis;
2789 }
2790.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text:hover{
2791 color:var(--ck-color-media-embed-placeholder-url-text-hover);
2792 cursor:pointer;
2793 text-decoration:underline;
2794 }
2795.ck-media__wrapper[data-oembed-url*="open.spotify.com"]{
2796 max-width:300px;
2797 max-height:380px;
2798 }
2799.ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon,
2800 .ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon,
2801 .ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon,
2802 .ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon{
2803 background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAuMzc4IiBoZWlnaHQ9IjI1NC4xNjciIHZpZXdCb3g9IjAgMCA2Ni4yNDYgNjcuMjQ4Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcyLjUzMSAtMjE4LjQ1NSkgc2NhbGUoLjk4MDEyKSI+PHJlY3Qgcnk9IjUuMjM4IiByeD0iNS4yMzgiIHk9IjIzMS4zOTkiIHg9IjE3Ni4wMzEiIGhlaWdodD0iNjAuMDk5IiB3aWR0aD0iNjAuMDk5IiBmaWxsPSIjMzRhNjY4IiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxwYXRoIGQ9Ik0yMDYuNDc3IDI2MC45bC0yOC45ODcgMjguOTg3YTUuMjE4IDUuMjE4IDAgMCAwIDMuNzggMS42MWg0OS42MjFjMS42OTQgMCAzLjE5LS43OTggNC4xNDYtMi4wMzd6IiBmaWxsPSIjNWM4OGM1Ii8+PHBhdGggZD0iTTIyNi43NDIgMjIyLjk4OGMtOS4yNjYgMC0xNi43NzcgNy4xNy0xNi43NzcgMTYuMDE0LjAwNyAyLjc2Mi42NjMgNS40NzQgMi4wOTMgNy44NzUuNDMuNzAzLjgzIDEuNDA4IDEuMTkgMi4xMDcuMzMzLjUwMi42NSAxLjAwNS45NSAxLjUwOC4zNDMuNDc3LjY3My45NTcuOTg4IDEuNDQgMS4zMSAxLjc2OSAyLjUgMy41MDIgMy42MzcgNS4xNjguNzkzIDEuMjc1IDEuNjgzIDIuNjQgMi40NjYgMy45OSAyLjM2MyA0LjA5NCA0LjAwNyA4LjA5MiA0LjYgMTMuOTE0di4wMTJjLjE4Mi40MTIuNTE2LjY2Ni44NzkuNjY3LjQwMy0uMDAxLjc2OC0uMzE0LjkzLS43OTkuNjAzLTUuNzU2IDIuMjM4LTkuNzI5IDQuNTg1LTEzLjc5NC43ODItMS4zNSAxLjY3My0yLjcxNSAyLjQ2NS0zLjk5IDEuMTM3LTEuNjY2IDIuMzI4LTMuNCAzLjYzOC01LjE2OS4zMTUtLjQ4Mi42NDUtLjk2Mi45ODgtMS40MzkuMy0uNTAzLjYxNy0xLjAwNi45NS0xLjUwOC4zNTktLjcuNzYtMS40MDQgMS4xOS0yLjEwNyAxLjQyNi0yLjQwMiAyLTUuMTE0IDIuMDA0LTcuODc1IDAtOC44NDQtNy41MTEtMTYuMDE0LTE2Ljc3Ni0xNi4wMTR6IiBmaWxsPSIjZGQ0YjNlIiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxlbGxpcHNlIHJ5PSI1LjU2NCIgcng9IjUuODI4IiBjeT0iMjM5LjAwMiIgY3g9IjIyNi43NDIiIGZpbGw9IiM4MDJkMjciIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PHBhdGggZD0iTTE5MC4zMDEgMjM3LjI4M2MtNC42NyAwLTguNDU3IDMuODUzLTguNDU3IDguNjA2czMuNzg2IDguNjA3IDguNDU3IDguNjA3YzMuMDQzIDAgNC44MDYtLjk1OCA2LjMzNy0yLjUxNiAxLjUzLTEuNTU3IDIuMDg3LTMuOTEzIDIuMDg3LTYuMjkgMC0uMzYyLS4wMjMtLjcyMi0uMDY0LTEuMDc5aC04LjI1N3YzLjA0M2g0Ljg1Yy0uMTk3Ljc1OS0uNTMxIDEuNDUtMS4wNTggMS45ODYtLjk0Mi45NTgtMi4wMjggMS41NDgtMy45MDEgMS41NDgtMi44NzYgMC01LjIwOC0yLjM3Mi01LjIwOC01LjI5OSAwLTIuOTI2IDIuMzMyLTUuMjk5IDUuMjA4LTUuMjk5IDEuMzk5IDAgMi42MTguNDA3IDMuNTg0IDEuMjkzbDIuMzgxLTIuMzhjMC0uMDAyLS4wMDMtLjAwNC0uMDA0LS4wMDUtMS41ODgtMS41MjQtMy42Mi0yLjIxNS01Ljk1NS0yLjIxNXptNC40MyA1LjY2bC4wMDMuMDA2di0uMDAzeiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjE1LjE4NCAyNTEuOTI5bC03Ljk4IDcuOTc5IDI4LjQ3NyAyOC40NzVjLjI4Ny0uNjQ5LjQ0OS0xLjM2Ni40NDktMi4xMjN2LTMxLjE2NWMtLjQ2OS42NzUtLjkzNCAxLjM0OS0xLjM4MiAyLjAwNS0uNzkyIDEuMjc1LTEuNjgyIDIuNjQtMi40NjUgMy45OS0yLjM0NyA0LjA2NS0zLjk4MiA4LjAzOC00LjU4NSAxMy43OTQtLjE2Mi40ODUtLjUyNy43OTgtLjkzLjc5OS0uMzYzLS4wMDEtLjY5Ny0uMjU1LS44NzktLjY2N3YtLjAxMmMtLjU5My01LjgyMi0yLjIzNy05LjgyLTQuNi0xMy45MTQtLjc4My0xLjM1LTEuNjczLTIuNzE1LTIuNDY2LTMuOTktMS4xMzctMS42NjYtMi4zMjctMy40LTMuNjM3LTUuMTY5bC0uMDAyLS4wMDN6IiBmaWxsPSIjYzNjM2MzIi8+PHBhdGggZD0iTTIxMi45ODMgMjQ4LjQ5NWwtMzYuOTUyIDM2Ljk1M3YuODEyYTUuMjI3IDUuMjI3IDAgMCAwIDUuMjM4IDUuMjM4aDEuMDE1bDM1LjY2Ni0zNS42NjZhMTM2LjI3NSAxMzYuMjc1IDAgMCAwLTIuNzY0LTMuOSAzNy41NzUgMzcuNTc1IDAgMCAwLS45ODktMS40NGMtLjI5OS0uNTAzLS42MTYtMS4wMDYtLjk1LTEuNTA4LS4wODMtLjE2Mi0uMTc2LS4zMjYtLjI2NC0uNDg5eiIgZmlsbD0iI2ZkZGM0ZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjExLjk5OCAyNjEuMDgzbC02LjE1MiA2LjE1MSAyNC4yNjQgMjQuMjY0aC43ODFhNS4yMjcgNS4yMjcgMCAwIDAgNS4yMzktNS4yMzh2LTEuMDQ1eiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48L2c+PC9zdmc+);
2804 }
2805.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder{
2806 background:hsl(220, 46%, 48%);
2807 }
2808.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__icon{
2809 background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMDI0cHgiIGhlaWdodD0iMTAyNHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPkZpbGwgMTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImZMb2dvX1doaXRlIiBmaWxsPSIjRkZGRkZFIj4gICAgICAgICAgICA8cGF0aCBkPSJNOTY3LjQ4NCwwIEw1Ni41MTcsMCBDMjUuMzA0LDAgMCwyNS4zMDQgMCw1Ni41MTcgTDAsOTY3LjQ4MyBDMCw5OTguNjk0IDI1LjI5NywxMDI0IDU2LjUyMiwxMDI0IEw1NDcsMTAyNCBMNTQ3LDYyOCBMNDE0LDYyOCBMNDE0LDQ3MyBMNTQ3LDQ3MyBMNTQ3LDM1OS4wMjkgQzU0NywyMjYuNzY3IDYyNy43NzMsMTU0Ljc0NyA3NDUuNzU2LDE1NC43NDcgQzgwMi4yNjksMTU0Ljc0NyA4NTAuODQyLDE1OC45NTUgODY1LDE2MC44MzYgTDg2NSwyOTkgTDc4My4zODQsMjk5LjAzNyBDNzE5LjM5MSwyOTkuMDM3IDcwNywzMjkuNTI5IDcwNywzNzQuMjczIEw3MDcsNDczIEw4NjAuNDg3LDQ3MyBMODQwLjUwMSw2MjggTDcwNyw2MjggTDcwNywxMDI0IEw5NjcuNDg0LDEwMjQgQzk5OC42OTcsMTAyNCAxMDI0LDk5OC42OTcgMTAyNCw5NjcuNDg0IEwxMDI0LDU2LjUxNSBDMTAyNCwyNS4zMDMgOTk4LjY5NywwIDk2Ny40ODQsMCIgaWQ9IkZpbGwtMSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
2810 }
2811.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text{
2812 color:hsl(220, 100%, 90%);
2813 }
2814.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover{
2815 color:hsl(0, 0%, 100%);
2816 }
2817.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder{
2818 background:linear-gradient(-135deg,hsl(246, 100%, 39%),hsl(302, 100%, 36%),hsl(0, 100%, 48%));
2819 }
2820.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__icon{
2821 background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MDRweCIgaGVpZ2h0PSI1MDRweCIgdmlld0JveD0iMCAwIDUwNCA1MDQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+Z2x5cGgtbG9nb19NYXkyMDE2PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIwIDAuMTU5IDUwMy44NDEgMC4xNTkgNTAzLjg0MSA1MDMuOTQgMCA1MDMuOTQiPjwvcG9seWdvbj4gICAgPC9kZWZzPiAgICA8ZyBpZD0iZ2x5cGgtbG9nb19NYXkyMDE2IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJHcm91cC0zIj4gICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+ICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+ICAgICAgICAgICAgPC9tYXNrPiAgICAgICAgICAgIDxnIGlkPSJDbGlwLTIiPjwvZz4gICAgICAgICAgICA8cGF0aCBkPSJNMjUxLjkyMSwwLjE1OSBDMTgzLjUwMywwLjE1OSAxNzQuOTI0LDAuNDQ5IDE0OC4wNTQsMS42NzUgQzEyMS4yNCwyLjg5OCAxMDIuOTI3LDcuMTU3IDg2LjkwMywxMy4zODUgQzcwLjMzNywxOS44MjIgNTYuMjg4LDI4LjQzNiA0Mi4yODIsNDIuNDQxIEMyOC4yNzcsNTYuNDQ3IDE5LjY2Myw3MC40OTYgMTMuMjI2LDg3LjA2MiBDNi45OTgsMTAzLjA4NiAyLjczOSwxMjEuMzk5IDEuNTE2LDE0OC4yMTMgQzAuMjksMTc1LjA4MyAwLDE4My42NjIgMCwyNTIuMDggQzAsMzIwLjQ5NyAwLjI5LDMyOS4wNzYgMS41MTYsMzU1Ljk0NiBDMi43MzksMzgyLjc2IDYuOTk4LDQwMS4wNzMgMTMuMjI2LDQxNy4wOTcgQzE5LjY2Myw0MzMuNjYzIDI4LjI3Nyw0NDcuNzEyIDQyLjI4Miw0NjEuNzE4IEM1Ni4yODgsNDc1LjcyMyA3MC4zMzcsNDg0LjMzNyA4Ni45MDMsNDkwLjc3NSBDMTAyLjkyNyw0OTcuMDAyIDEyMS4yNCw1MDEuMjYxIDE0OC4wNTQsNTAyLjQ4NCBDMTc0LjkyNCw1MDMuNzEgMTgzLjUwMyw1MDQgMjUxLjkyMSw1MDQgQzMyMC4zMzgsNTA0IDMyOC45MTcsNTAzLjcxIDM1NS43ODcsNTAyLjQ4NCBDMzgyLjYwMSw1MDEuMjYxIDQwMC45MTQsNDk3LjAwMiA0MTYuOTM4LDQ5MC43NzUgQzQzMy41MDQsNDg0LjMzNyA0NDcuNTUzLDQ3NS43MjMgNDYxLjU1OSw0NjEuNzE4IEM0NzUuNTY0LDQ0Ny43MTIgNDg0LjE3OCw0MzMuNjYzIDQ5MC42MTYsNDE3LjA5NyBDNDk2Ljg0Myw0MDEuMDczIDUwMS4xMDIsMzgyLjc2IDUwMi4zMjUsMzU1Ljk0NiBDNTAzLjU1MSwzMjkuMDc2IDUwMy44NDEsMzIwLjQ5NyA1MDMuODQxLDI1Mi4wOCBDNTAzLjg0MSwxODMuNjYyIDUwMy41NTEsMTc1LjA4MyA1MDIuMzI1LDE0OC4yMTMgQzUwMS4xMDIsMTIxLjM5OSA0OTYuODQzLDEwMy4wODYgNDkwLjYxNiw4Ny4wNjIgQzQ4NC4xNzgsNzAuNDk2IDQ3NS41NjQsNTYuNDQ3IDQ2MS41NTksNDIuNDQxIEM0NDcuNTUzLDI4LjQzNiA0MzMuNTA0LDE5LjgyMiA0MTYuOTM4LDEzLjM4NSBDNDAwLjkxNCw3LjE1NyAzODIuNjAxLDIuODk4IDM1NS43ODcsMS42NzUgQzMyOC45MTcsMC40NDkgMzIwLjMzOCwwLjE1OSAyNTEuOTIxLDAuMTU5IFogTTI1MS45MjEsNDUuNTUgQzMxOS4xODYsNDUuNTUgMzI3LjE1NCw0NS44MDcgMzUzLjcxOCw0Ny4wMTkgQzM3OC4yOCw0OC4xMzkgMzkxLjYxOSw1Mi4yNDMgNDAwLjQ5Niw1NS42OTMgQzQxMi4yNTUsNjAuMjYzIDQyMC42NDcsNjUuNzIyIDQyOS40NjIsNzQuNTM4IEM0MzguMjc4LDgzLjM1MyA0NDMuNzM3LDkxLjc0NSA0NDguMzA3LDEwMy41MDQgQzQ1MS43NTcsMTEyLjM4MSA0NTUuODYxLDEyNS43MiA0NTYuOTgxLDE1MC4yODIgQzQ1OC4xOTMsMTc2Ljg0NiA0NTguNDUsMTg0LjgxNCA0NTguNDUsMjUyLjA4IEM0NTguNDUsMzE5LjM0NSA0NTguMTkzLDMyNy4zMTMgNDU2Ljk4MSwzNTMuODc3IEM0NTUuODYxLDM3OC40MzkgNDUxLjc1NywzOTEuNzc4IDQ0OC4zMDcsNDAwLjY1NSBDNDQzLjczNyw0MTIuNDE0IDQzOC4yNzgsNDIwLjgwNiA0MjkuNDYyLDQyOS42MjEgQzQyMC42NDcsNDM4LjQzNyA0MTIuMjU1LDQ0My44OTYgNDAwLjQ5Niw0NDguNDY2IEMzOTEuNjE5LDQ1MS45MTYgMzc4LjI4LDQ1Ni4wMiAzNTMuNzE4LDQ1Ny4xNCBDMzI3LjE1OCw0NTguMzUyIDMxOS4xOTEsNDU4LjYwOSAyNTEuOTIxLDQ1OC42MDkgQzE4NC42NSw0NTguNjA5IDE3Ni42ODQsNDU4LjM1MiAxNTAuMTIzLDQ1Ny4xNCBDMTI1LjU2MSw0NTYuMDIgMTEyLjIyMiw0NTEuOTE2IDEwMy4zNDUsNDQ4LjQ2NiBDOTEuNTg2LDQ0My44OTYgODMuMTk0LDQzOC40MzcgNzQuMzc5LDQyOS42MjEgQzY1LjU2NCw0MjAuODA2IDYwLjEwNCw0MTIuNDE0IDU1LjUzNCw0MDAuNjU1IEM1Mi4wODQsMzkxLjc3OCA0Ny45OCwzNzguNDM5IDQ2Ljg2LDM1My44NzcgQzQ1LjY0OCwzMjcuMzEzIDQ1LjM5MSwzMTkuMzQ1IDQ1LjM5MSwyNTIuMDggQzQ1LjM5MSwxODQuODE0IDQ1LjY0OCwxNzYuODQ2IDQ2Ljg2LDE1MC4yODIgQzQ3Ljk4LDEyNS43MiA1Mi4wODQsMTEyLjM4MSA1NS41MzQsMTAzLjUwNCBDNjAuMTA0LDkxLjc0NSA2NS41NjMsODMuMzUzIDc0LjM3OSw3NC41MzggQzgzLjE5NCw2NS43MjIgOTEuNTg2LDYwLjI2MyAxMDMuMzQ1LDU1LjY5MyBDMTEyLjIyMiw1Mi4yNDMgMTI1LjU2MSw0OC4xMzkgMTUwLjEyMyw0Ny4wMTkgQzE3Ni42ODcsNDUuODA3IDE4NC42NTUsNDUuNTUgMjUxLjkyMSw0NS41NSBaIiBpZD0iRmlsbC0xIiBmaWxsPSIjRkZGRkZGIiBtYXNrPSJ1cmwoI21hc2stMikiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgICAgIDxwYXRoIGQ9Ik0yNTEuOTIxLDMzNi4wNTMgQzIwNS41NDMsMzM2LjA1MyAxNjcuOTQ3LDI5OC40NTcgMTY3Ljk0NywyNTIuMDggQzE2Ny45NDcsMjA1LjcwMiAyMDUuNTQzLDE2OC4xMDYgMjUxLjkyMSwxNjguMTA2IEMyOTguMjk4LDE2OC4xMDYgMzM1Ljg5NCwyMDUuNzAyIDMzNS44OTQsMjUyLjA4IEMzMzUuODk0LDI5OC40NTcgMjk4LjI5OCwzMzYuMDUzIDI1MS45MjEsMzM2LjA1MyBaIE0yNTEuOTIxLDEyMi43MTUgQzE4MC40NzQsMTIyLjcxNSAxMjIuNTU2LDE4MC42MzMgMTIyLjU1NiwyNTIuMDggQzEyMi41NTYsMzIzLjUyNiAxODAuNDc0LDM4MS40NDQgMjUxLjkyMSwzODEuNDQ0IEMzMjMuMzY3LDM4MS40NDQgMzgxLjI4NSwzMjMuNTI2IDM4MS4yODUsMjUyLjA4IEMzODEuMjg1LDE4MC42MzMgMzIzLjM2NywxMjIuNzE1IDI1MS45MjEsMTIyLjcxNSBaIiBpZD0iRmlsbC00IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgICAgICA8cGF0aCBkPSJNNDE2LjYyNywxMTcuNjA0IEM0MTYuNjI3LDEzNC4zIDQwMy4wOTIsMTQ3LjgzNCAzODYuMzk2LDE0Ny44MzQgQzM2OS43MDEsMTQ3LjgzNCAzNTYuMTY2LDEzNC4zIDM1Ni4xNjYsMTE3LjYwNCBDMzU2LjE2NiwxMDAuOTA4IDM2OS43MDEsODcuMzczIDM4Ni4zOTYsODcuMzczIEM0MDMuMDkyLDg3LjM3MyA0MTYuNjI3LDEwMC45MDggNDE2LjYyNywxMTcuNjA0IiBpZD0iRmlsbC01IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4=);
2822 }
2823.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text{
2824 color:hsl(302, 100%, 94%);
2825 }
2826.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover{
2827 color:hsl(0, 0%, 100%);
2828 }
2829.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder{
2830 background:linear-gradient( to right, hsl(201, 85%, 70%), hsl(201, 85%, 35%));
2831 }
2832.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__icon{
2833 background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IldoaXRlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMCA0MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MDAsMjAwYzAsMTEwLjUtODkuNSwyMDAtMjAwLDIwMFMwLDMxMC41LDAsMjAwUzg5LjUsMCwyMDAsMFM0MDAsODkuNSw0MDAsMjAweiBNMTYzLjQsMzA1LjVjODguNywwLDEzNy4yLTczLjUsMTM3LjItMTM3LjJjMC0yLjEsMC00LjItMC4xLTYuMmM5LjQtNi44LDE3LjYtMTUuMywyNC4xLTI1Yy04LjYsMy44LTE3LjksNi40LTI3LjcsNy42YzEwLTYsMTcuNi0xNS40LDIxLjItMjYuN2MtOS4zLDUuNS0xOS42LDkuNS0zMC42LDExLjdjLTguOC05LjQtMjEuMy0xNS4yLTM1LjItMTUuMmMtMjYuNiwwLTQ4LjIsMjEuNi00OC4yLDQ4LjJjMCwzLjgsMC40LDcuNSwxLjMsMTFjLTQwLjEtMi03NS42LTIxLjItOTkuNC01MC40Yy00LjEsNy4xLTYuNSwxNS40LTYuNSwyNC4yYzAsMTYuNyw4LjUsMzEuNSwyMS41LDQwLjFjLTcuOS0wLjItMTUuMy0yLjQtMjEuOC02YzAsMC4yLDAsMC40LDAsMC42YzAsMjMuNCwxNi42LDQyLjgsMzguNyw0Ny4zYy00LDEuMS04LjMsMS43LTEyLjcsMS43Yy0zLjEsMC02LjEtMC4zLTkuMS0wLjljNi4xLDE5LjIsMjMuOSwzMy4xLDQ1LDMzLjVjLTE2LjUsMTIuOS0zNy4zLDIwLjYtNTkuOSwyMC42Yy0zLjksMC03LjctMC4yLTExLjUtMC43QzExMC44LDI5Ny41LDEzNi4yLDMwNS41LDE2My40LDMwNS41Ii8+PC9zdmc+);
2834 }
2835.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text{
2836 color:hsl(201, 100%, 86%);
2837 }
2838.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text:hover{
2839 color:hsl(0, 0%, 100%);
2840 }
2841:root{
2842 --ck-color-mention-background:hsla(341, 100%, 30%, 0.1);
2843 --ck-color-mention-text:hsl(341, 100%, 30%);
2844}
2845:root{
2846 --ck-color-restricted-editing-exception-background:hsla(31, 100%, 65%, .2);
2847 --ck-color-restricted-editing-exception-hover-background:hsla(31, 100%, 65%, .35);
2848 --ck-color-restricted-editing-exception-brackets:hsla(31, 100%, 40%, .4);
2849 --ck-color-restricted-editing-selected-exception-background:hsla(31, 100%, 65%, .5);
2850 --ck-color-restricted-editing-selected-exception-brackets:hsla(31, 100%, 40%, .6);
2851}
2852.ck-editor__editable .restricted-editing-exception{
2853 transition:.2s ease-in-out background;
2854 background-color:var(--ck-color-restricted-editing-exception-background);
2855 border:1px solid;
2856 border-image:linear-gradient(
2857 to right,
2858 var(--ck-color-restricted-editing-exception-brackets) 0%,
2859 var(--ck-color-restricted-editing-exception-brackets) 5px,
2860 hsla(0, 0%, 0%, 0) 6px,
2861 hsla(0, 0%, 0%, 0) calc(100% - 6px),
2862 var(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px),
2863 var(--ck-color-restricted-editing-exception-brackets) 100%) 1;
2864}
2865@media (prefers-reduced-motion: reduce){
2866.ck-editor__editable .restricted-editing-exception{
2867 transition:none;
2868}
2869 }
2870.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_selected{
2871 background-color:var(--ck-color-restricted-editing-selected-exception-background);
2872 border-image:linear-gradient(
2873 to right,
2874 var(--ck-color-restricted-editing-selected-exception-brackets) 0%,
2875 var(--ck-color-restricted-editing-selected-exception-brackets) 5px,
2876 var(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px),
2877 var(--ck-color-restricted-editing-selected-exception-brackets) 100%) 1;
2878 }
2879.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_collapsed{
2880 padding-left:1ch;
2881 }
2882.ck-restricted-editing_mode_restricted{
2883 cursor:default;
2884}
2885.ck-restricted-editing_mode_restricted *{
2886 cursor:default;
2887 }
2888.ck-restricted-editing_mode_restricted .restricted-editing-exception{
2889 cursor:text;
2890 }
2891.ck-restricted-editing_mode_restricted .restricted-editing-exception *{
2892 cursor:text;
2893 }
2894.ck-restricted-editing_mode_restricted .restricted-editing-exception:hover{
2895 background:var(--ck-color-restricted-editing-exception-hover-background);
2896 }
2897:root{
2898 --ck-character-grid-tile-size:24px;
2899}
2900.ck.ck-character-grid{
2901 overflow-y:auto;
2902 overflow-x:hidden;
2903}
2904.ck.ck-character-grid .ck-character-grid__tiles{
2905 grid-template-columns:repeat(auto-fill, minmax(var(--ck-character-grid-tile-size), 1fr));
2906 margin:var(--ck-spacing-standard) var(--ck-spacing-large);
2907 grid-gap:var(--ck-spacing-standard);
2908 }
2909.ck.ck-character-grid .ck-character-grid__tile{
2910 width:var(--ck-character-grid-tile-size);
2911 height:var(--ck-character-grid-tile-size);
2912 min-width:var(--ck-character-grid-tile-size);
2913 min-height:var(--ck-character-grid-tile-size);
2914 font-size:1.5em;
2915 padding:0;
2916 transition:.2s ease box-shadow;
2917 border:0;
2918 }
2919@media (prefers-reduced-motion: reduce){
2920.ck.ck-character-grid .ck-character-grid__tile{
2921 transition:none;
2922 }
2923 }
2924.ck.ck-character-grid .ck-character-grid__tile:focus:not( .ck-disabled),
2925 .ck.ck-character-grid .ck-character-grid__tile:hover:not( .ck-disabled){
2926 border:0;
2927 box-shadow:inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
2928 }
2929.ck.ck-character-grid .ck-character-grid__tile .ck-button__label{
2930 line-height:var(--ck-character-grid-tile-size);
2931 width:100%;
2932 text-align:center;
2933 }
2934.ck.ck-character-info{
2935 padding:var(--ck-spacing-small) var(--ck-spacing-large);
2936 border-top:1px solid var(--ck-color-base-border);
2937}
2938.ck.ck-character-info > *{
2939 text-transform:uppercase;
2940 font-size:var(--ck-font-size-small);
2941 }
2942.ck.ck-character-info .ck-character-info__name{
2943 max-width:280px;
2944 text-overflow:ellipsis;
2945 overflow:hidden;
2946 }
2947.ck.ck-character-info .ck-character-info__code{
2948 opacity:.6;
2949 }
2950.ck.ck-special-characters-navigation > .ck-label{
2951 max-width:160px;
2952 text-overflow:ellipsis;
2953 overflow:hidden;
2954 }
2955.ck.ck-special-characters-navigation > .ck-dropdown .ck-dropdown__panel{
2956 max-height:250px;
2957 overflow-y:auto;
2958 overflow-x:hidden;
2959 }
2960@media screen and (max-width: 600px){
2961.ck.ck-special-characters-navigation{
2962 max-width:190px;
2963}
2964
2965 .ck.ck-special-characters-navigation > .ck-form__header__label{
2966 text-overflow:ellipsis;
2967 overflow:hidden;
2968 }
2969 }
2970.ck.ck-dropdown.ck-style-dropdown.ck-style-dropdown_multiple-active > .ck-button > .ck-button__label{
2971 font-style:italic;
2972}
2973:root{
2974 --ck-style-panel-button-width:120px;
2975 --ck-style-panel-button-height:80px;
2976 --ck-style-panel-button-label-background:hsl(0, 0%, 94.1%);
2977 --ck-style-panel-button-hover-label-background:hsl(0, 0%, 92.1%);
2978 --ck-style-panel-button-hover-border-color:hsl(0, 0%, 70%);
2979}
2980.ck.ck-style-panel .ck-style-grid{
2981 row-gap:var(--ck-spacing-large);
2982 column-gap:var(--ck-spacing-large);
2983}
2984.ck.ck-style-panel .ck-style-grid .ck-style-grid__button{
2985 --ck-color-button-default-hover-background:var(--ck-color-base-background);
2986 --ck-color-button-default-active-background:var(--ck-color-base-background);
2987
2988 padding:0;
2989 width:var(--ck-style-panel-button-width);
2990 height:var(--ck-style-panel-button-height);
2991 }
2992.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(:focus){
2993 border:1px solid var(--ck-color-base-border);
2994 }
2995.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-button__label{
2996 height:22px;
2997 line-height:22px;
2998 width:100%;
2999 padding:0 var(--ck-spacing-medium);
3000 overflow:hidden;
3001 text-overflow:ellipsis;
3002 flex-shrink:0;
3003 }
3004.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview{
3005 width:100%;
3006 overflow:hidden;
3007 opacity:.9;
3008
3009 padding:var(--ck-spacing-medium);
3010 background:var(--ck-color-base-background);
3011 border:2px solid var(--ck-color-base-background);
3012 }
3013.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled{
3014 --ck-color-button-default-disabled-background:var(--ck-color-base-foreground);
3015 }
3016.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled:not(:focus){
3017 border-color:var(--ck-style-panel-button-label-background);
3018 }
3019.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled .ck-style-grid__button__preview{
3020 opacity:.4;
3021
3022 border-color:var(--ck-color-base-foreground);
3023 filter:saturate(.3);
3024 }
3025.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on{
3026 border-color:var(--ck-color-base-active);
3027 }
3028.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on .ck-button__label{
3029 box-shadow:0 -1px 0 var(--ck-color-base-active);
3030 z-index:1;
3031 }
3032.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on:hover{
3033 border-color:var(--ck-color-base-active-focus);
3034 }
3035.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on) .ck-button__label{
3036 background:var(--ck-style-panel-button-label-background);
3037 }
3038.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on):hover .ck-button__label{
3039 background:var(--ck-style-panel-button-hover-label-background);
3040 }
3041.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on){
3042 border-color:var(--ck-style-panel-button-hover-border-color);
3043 }
3044.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) .ck-style-grid__button__preview{
3045 opacity:1;
3046 }
3047.ck.ck-style-panel .ck-style-panel__style-group > .ck-label{
3048 margin:var(--ck-spacing-large) 0;
3049 }
3050.ck.ck-style-panel .ck-style-panel__style-group:first-child > .ck-label{
3051 margin-top:0;
3052 }
3053:root{
3054 --ck-style-panel-max-height:470px;
3055}
3056.ck.ck-style-panel{
3057 padding:var(--ck-spacing-large);
3058 overflow-y:auto;
3059 max-height:var(--ck-style-panel-max-height);
3060}
3061[dir="ltr"] .ck.ck-input-color > .ck.ck-input-text{
3062 border-top-right-radius:0;
3063 border-bottom-right-radius:0;
3064 }
3065[dir="rtl"] .ck.ck-input-color > .ck.ck-input-text{
3066 border-top-left-radius:0;
3067 border-bottom-left-radius:0;
3068 }
3069.ck.ck-input-color > .ck.ck-input-text:focus{
3070 z-index:0;
3071 }
3072.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button{
3073 padding:0;
3074 }
3075[dir="ltr"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button{
3076 border-top-left-radius:0;
3077 border-bottom-left-radius:0;
3078 }
3079[dir="ltr"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus){
3080 border-left:1px solid transparent;
3081 }
3082[dir="rtl"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button{
3083 border-top-right-radius:0;
3084 border-bottom-right-radius:0;
3085 }
3086[dir="rtl"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus){
3087 border-right:1px solid transparent;
3088 }
3089.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button.ck-disabled{
3090 background:var(--ck-color-input-disabled-background);
3091 }
3092.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview{
3093 border-radius:0;
3094
3095 width:20px;
3096 height:20px;
3097 border:1px solid var(--ck-color-input-border);
3098 }
3099.ck-rounded-corners .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview,
3100 .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview.ck-rounded-corners{
3101 border-radius:var(--ck-border-radius);
3102 }
3103.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{
3104 top:-30%;
3105 left:50%;
3106 height:150%;
3107 width:8%;
3108 background:hsl(0, 100%, 50%);
3109 border-radius:2px;
3110 transform:rotate(45deg);
3111 transform-origin:50%;
3112 }
3113.ck.ck-input-color .ck.ck-input-color__remove-color{
3114 width:100%;
3115 padding:calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
3116
3117 border-bottom-left-radius:0;
3118 border-bottom-right-radius:0;
3119 }
3120.ck.ck-input-color .ck.ck-input-color__remove-color:not(:focus){
3121 border-bottom:1px solid var(--ck-color-input-border);
3122 }
3123[dir="ltr"] .ck.ck-input-color .ck.ck-input-color__remove-color{
3124 border-top-right-radius:0;
3125 }
3126[dir="rtl"] .ck.ck-input-color .ck.ck-input-color__remove-color{
3127 border-top-left-radius:0;
3128 }
3129.ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon{
3130 margin-right:var(--ck-spacing-standard);
3131 }
3132[dir="rtl"] .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon{
3133 margin-right:0;
3134 margin-left:var(--ck-spacing-standard);
3135 }
3136.ck.ck-form{
3137 padding:0 0 var(--ck-spacing-large);
3138}
3139.ck.ck-form:focus{
3140 outline:none;
3141 }
3142.ck.ck-form .ck.ck-input-text{
3143 min-width:100%;
3144 width:0;
3145 }
3146.ck.ck-form .ck.ck-dropdown{
3147 min-width:100%;
3148 }
3149.ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus){
3150 border:1px solid var(--ck-color-base-border);
3151 }
3152.ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label{
3153 width:100%;
3154 }
3155.ck.ck-form__row{
3156 padding:var(--ck-spacing-standard) var(--ck-spacing-large) 0;
3157}
3158[dir="ltr"] .ck.ck-form__row > *:not(.ck-label) + *{
3159 margin-left:var(--ck-spacing-large);
3160 }
3161[dir="rtl"] .ck.ck-form__row > *:not(.ck-label) + *{
3162 margin-right:var(--ck-spacing-large);
3163 }
3164.ck.ck-form__row > .ck-label{
3165 width:100%;
3166 min-width:100%;
3167 }
3168.ck.ck-form__row.ck-table-form__action-row{
3169 margin-top:var(--ck-spacing-large);
3170 }
3171.ck.ck-form__row.ck-table-form__action-row .ck-button .ck-button__label{
3172 color:var(--ck-color-text);
3173 }
3174:root{
3175 --ck-insert-table-dropdown-padding:10px;
3176 --ck-insert-table-dropdown-box-height:11px;
3177 --ck-insert-table-dropdown-box-width:12px;
3178 --ck-insert-table-dropdown-box-margin:1px;
3179}
3180.ck .ck-insert-table-dropdown__grid{
3181 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);
3182 padding:var(--ck-insert-table-dropdown-padding) var(--ck-insert-table-dropdown-padding) 0;
3183}
3184.ck .ck-insert-table-dropdown__label,
3185.ck[dir=rtl] .ck-insert-table-dropdown__label{
3186 text-align:center;
3187}
3188.ck .ck-insert-table-dropdown-grid-box{
3189 min-width:var(--ck-insert-table-dropdown-box-width);
3190 min-height:var(--ck-insert-table-dropdown-box-height);
3191 margin:var(--ck-insert-table-dropdown-box-margin);
3192 border:1px solid var(--ck-color-base-border);
3193 border-radius:1px;
3194 outline:none;
3195 transition:none;
3196}
3197@media (prefers-reduced-motion: reduce){
3198.ck .ck-insert-table-dropdown-grid-box{
3199 transition:none;
3200}
3201 }
3202.ck .ck-insert-table-dropdown-grid-box:focus{
3203 box-shadow:none;
3204 }
3205.ck .ck-insert-table-dropdown-grid-box.ck-on{
3206 border-color:var(--ck-color-focus-border);
3207 background:var(--ck-color-focus-outer-shadow);
3208 }
3209.ck.ck-table-cell-properties-form{
3210 width:320px;
3211}
3212.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__padding-row{
3213 align-self:flex-end;
3214 padding:0;
3215 width:25%;
3216 }
3217.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar{
3218 background:none;
3219 margin-top:var(--ck-spacing-standard);
3220 }
3221:root{
3222 --ck-color-selector-focused-cell-background:hsla(212, 90%, 80%, .3);
3223}
3224.ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused,
3225 .ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused,
3226 .ck-widget.table td.ck-editor__nested-editable:focus,
3227 .ck-widget.table th.ck-editor__nested-editable:focus{
3228 background:var(--ck-color-selector-focused-cell-background);
3229 outline:1px solid var(--ck-color-focus-border);
3230 outline-offset:-1px;
3231 }
3232:root{
3233 --ck-table-properties-error-arrow-size:6px;
3234 --ck-table-properties-min-error-width:150px;
3235}
3236.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-labeled-field-view > .ck-label{
3237 font-size:var(--ck-font-size-tiny);
3238 text-align:center;
3239 }
3240.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style,
3241 .ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-width{
3242 width:80px;
3243 min-width:80px;
3244 max-width:80px;
3245 }
3246.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row{
3247 padding:0;
3248 }
3249.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width,
3250 .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height{
3251 margin:0
3252 }
3253.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator{
3254 align-self:flex-end;
3255 display:inline-block;
3256 height:var(--ck-ui-component-min-height);
3257 line-height:var(--ck-ui-component-min-height);
3258 margin:0 var(--ck-spacing-small);
3259 }
3260.ck.ck-table-form .ck.ck-labeled-field-view{
3261 padding-top:var(--ck-spacing-standard);
3262 }
3263.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status{
3264 border-radius:0;
3265
3266 background:var(--ck-color-base-error);
3267 color:var(--ck-color-base-background);
3268 padding:var(--ck-spacing-small) var(--ck-spacing-medium);
3269 min-width:var(--ck-table-properties-min-error-width);
3270 text-align:center;
3271
3272 animation:ck-table-form-labeled-view-status-appear .15s ease both;
3273 }
3274.ck-rounded-corners .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status,
3275 .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status.ck-rounded-corners{
3276 border-radius:var(--ck-border-radius);
3277 }
3278.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after{
3279 border-color:transparent transparent var(--ck-color-base-error) transparent;
3280 border-width:0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
3281 border-style:solid;
3282 }
3283@media (prefers-reduced-motion: reduce){
3284.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status{
3285 animation:none;
3286 }
3287 }
3288.ck.ck-table-form .ck.ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status{
3289 display:none;
3290 }
3291@keyframes ck-table-form-labeled-view-status-appear{
3292 0%{
3293 opacity:0;
3294 }
3295
3296 100%{
3297 opacity:1;
3298 }
3299}
3300.ck.ck-table-properties-form{
3301 width:320px;
3302}
3303.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row{
3304 align-self:flex-end;
3305 padding:0;
3306 }
3307.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar{
3308 background:none;
3309 margin-top:var(--ck-spacing-standard);
3310 }
3311.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items > *{
3312 width:40px;
3313 }
3314:root{
3315 --ck-table-selected-cell-background:hsla(208, 90%, 80%, .3);
3316}
3317.ck.ck-editor__editable .table table td.ck-editor__editable_selected,
3318 .ck.ck-editor__editable .table table th.ck-editor__editable_selected{
3319 position:relative;
3320 caret-color:transparent;
3321 outline:unset;
3322 box-shadow:unset;
3323 }
3324.ck.ck-editor__editable .table table td.ck-editor__editable_selected:after, .ck.ck-editor__editable .table table th.ck-editor__editable_selected:after{
3325 content:'';
3326 pointer-events:none;
3327 background-color:var(--ck-table-selected-cell-background);
3328 position:absolute;
3329 top:0;
3330 left:0;
3331 right:0;
3332 bottom:0;
3333 }
3334.ck.ck-editor__editable .table table td.ck-editor__editable_selected ::selection,
3335 .ck.ck-editor__editable .table table th.ck-editor__editable_selected ::selection,
3336 .ck.ck-editor__editable .table table td.ck-editor__editable_selected:focus,
3337 .ck.ck-editor__editable .table table th.ck-editor__editable_selected:focus{
3338 background-color:transparent;
3339 }
3340.ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget, .ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget{
3341 outline:unset;
3342 }
3343.ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle, .ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle{
3344 display:none;
3345 }
3346:root{
3347 --ck-widget-outline-thickness:3px;
3348 --ck-widget-handler-icon-size:16px;
3349 --ck-widget-handler-animation-duration:200ms;
3350 --ck-widget-handler-animation-curve:ease;
3351
3352 --ck-color-widget-blurred-border:hsl(0, 0%, 87%);
3353 --ck-color-widget-hover-border:hsl(43, 100%, 62%);
3354 --ck-color-widget-editable-focus-background:var(--ck-color-base-background);
3355 --ck-color-widget-drag-handler-icon-color:var(--ck-color-base-background);
3356}
3357.ck .ck-widget{
3358 outline-width:var(--ck-widget-outline-thickness);
3359 outline-style:solid;
3360 outline-color:transparent;
3361 transition:outline-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
3362}
3363@media (prefers-reduced-motion: reduce){
3364.ck .ck-widget{
3365 transition:none;
3366}
3367 }
3368.ck .ck-widget.ck-widget_selected,
3369 .ck .ck-widget.ck-widget_selected:hover{
3370 outline:var(--ck-widget-outline-thickness) solid var(--ck-color-focus-border);
3371 }
3372.ck .ck-widget:hover{
3373 outline-color:var(--ck-color-widget-hover-border);
3374 }
3375.ck .ck-editor__nested-editable{
3376 border:1px solid transparent;
3377}
3378.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,
3379 .ck .ck-editor__nested-editable:focus{
3380 box-shadow:var(--ck-inner-shadow), 0 0;
3381 }
3382@media (forced-colors: none){
3383 .ck .ck-editor__nested-editable.ck-editor__nested-editable_focused, .ck .ck-editor__nested-editable:focus{
3384 background-color:var(--ck-color-widget-editable-focus-background);
3385 }
3386 }
3387.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused:not(td, th), .ck .ck-editor__nested-editable:focus:not(td, th){
3388 outline:none;
3389 border:var(--ck-focus-ring);
3390 }
3391.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle{
3392 padding:4px;
3393 box-sizing:border-box;
3394 background-color:transparent;
3395 opacity:0;
3396 transition:background-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve), visibility var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve), opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
3397 border-radius:var(--ck-border-radius) var(--ck-border-radius) 0 0;
3398 transform:translateY(-100%);
3399 left:calc(0px - var(--ck-widget-outline-thickness));
3400 top:0;
3401 }
3402@media (prefers-reduced-motion: reduce){
3403.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle{
3404 transition:none;
3405 }
3406 }
3407.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon{
3408 width:var(--ck-widget-handler-icon-size);
3409 height:var(--ck-widget-handler-icon-size);
3410 color:var(--ck-color-widget-drag-handler-icon-color);
3411 }
3412.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator{
3413 opacity:0;
3414 transition:opacity 300ms var(--ck-widget-handler-animation-curve);
3415 }
3416@media (prefers-reduced-motion: reduce){
3417.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator{
3418 transition:none;
3419 }
3420 }
3421.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover .ck-icon .ck-icon__selected-indicator{
3422 opacity:1;
3423 }
3424.ck .ck-widget.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle{
3425 opacity:1;
3426 background-color:var(--ck-color-widget-hover-border);
3427 }
3428.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle{
3429 opacity:1;
3430 background-color:var(--ck-color-focus-border);
3431 }
3432.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator, .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator{
3433 opacity:1;
3434 }
3435.ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle{
3436 left:auto;
3437 right:calc(0px - var(--ck-widget-outline-thickness));
3438}
3439.ck.ck-editor__editable.ck-read-only .ck-widget{
3440 transition:none;
3441}
3442.ck.ck-editor__editable.ck-read-only .ck-widget:not(.ck-widget_selected){
3443 --ck-widget-outline-thickness:0px;
3444 }
3445.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle,
3446 .ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover{
3447 background:var(--ck-color-widget-blurred-border);
3448 }
3449.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected,
3450 .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover{
3451 outline-color:var(--ck-color-widget-blurred-border);
3452 }
3453.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle > .ck-widget__selection-handle,
3454 .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle,
3455 .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle > .ck-widget__selection-handle:hover,
3456 .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle:hover{
3457 background:var(--ck-color-widget-blurred-border);
3458 }
3459.ck.ck-editor__editable > .ck-widget.ck-widget_with-selection-handle:first-child,
3460.ck.ck-editor__editable blockquote > .ck-widget.ck-widget_with-selection-handle:first-child{
3461 margin-top:calc(1em + var(--ck-widget-handler-icon-size));
3462}
3463:root{
3464 --ck-resizer-size:10px;
3465 --ck-resizer-offset:calc( ( var(--ck-resizer-size) / -2) - 2px);
3466 --ck-resizer-border-width:1px;
3467}
3468.ck .ck-widget__resizer{
3469 outline:1px solid var(--ck-color-resizer);
3470}
3471.ck .ck-widget__resizer__handle{
3472 width:var(--ck-resizer-size);
3473 height:var(--ck-resizer-size);
3474 background:var(--ck-color-focus-border);
3475 border:var(--ck-resizer-border-width) solid hsl(0, 0%, 100%);
3476 border-radius:var(--ck-resizer-border-radius);
3477}
3478.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left{
3479 top:var(--ck-resizer-offset);
3480 left:var(--ck-resizer-offset);
3481 }
3482.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right{
3483 top:var(--ck-resizer-offset);
3484 right:var(--ck-resizer-offset);
3485 }
3486.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right{
3487 bottom:var(--ck-resizer-offset);
3488 right:var(--ck-resizer-offset);
3489 }
3490.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left{
3491 bottom:var(--ck-resizer-offset);
3492 left:var(--ck-resizer-offset);
3493 }
3494:root{
3495 --ck-widget-type-around-button-size:20px;
3496 --ck-color-widget-type-around-button-active:var(--ck-color-focus-border);
3497 --ck-color-widget-type-around-button-hover:var(--ck-color-widget-hover-border);
3498 --ck-color-widget-type-around-button-blurred-editable:var(--ck-color-widget-blurred-border);
3499 --ck-color-widget-type-around-button-radar-start-alpha:0;
3500 --ck-color-widget-type-around-button-radar-end-alpha:.3;
3501 --ck-color-widget-type-around-button-icon:var(--ck-color-base-background);
3502}
3503.ck .ck-widget .ck-widget__type-around__button{
3504 width:var(--ck-widget-type-around-button-size);
3505 height:var(--ck-widget-type-around-button-size);
3506 background:var(--ck-color-widget-type-around-button);
3507 border-radius:100px;
3508 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);
3509
3510 opacity:0;
3511
3512 pointer-events:none;
3513 }
3514@media (prefers-reduced-motion: reduce){
3515.ck .ck-widget .ck-widget__type-around__button{
3516 transition:none;
3517 }
3518 }
3519.ck .ck-widget .ck-widget__type-around__button svg{
3520 width:10px;
3521 height:8px;
3522 transform:translate(-50%,-50%);
3523 transition:transform .5s ease;
3524 margin-top:1px;
3525 }
3526@media (prefers-reduced-motion: reduce){
3527.ck .ck-widget .ck-widget__type-around__button svg{
3528 transition:none;
3529 }
3530 }
3531.ck .ck-widget .ck-widget__type-around__button svg *{
3532 stroke-dasharray:10;
3533 stroke-dashoffset:0;
3534
3535 fill:none;
3536 stroke:var(--ck-color-widget-type-around-button-icon);
3537 stroke-width:1.5px;
3538 stroke-linecap:round;
3539 stroke-linejoin:round;
3540 }
3541.ck .ck-widget .ck-widget__type-around__button svg line{
3542 stroke-dasharray:7;
3543 }
3544.ck .ck-widget .ck-widget__type-around__button:hover{
3545 animation:ck-widget-type-around-button-sonar 1s ease infinite;
3546 }
3547.ck .ck-widget .ck-widget__type-around__button:hover svg polyline{
3548 animation:ck-widget-type-around-arrow-dash 2s linear;
3549 }
3550.ck .ck-widget .ck-widget__type-around__button:hover svg line{
3551 animation:ck-widget-type-around-arrow-tip-dash 2s linear;
3552 }
3553@media (prefers-reduced-motion: reduce){
3554.ck .ck-widget .ck-widget__type-around__button:hover{
3555 animation:none;
3556 }
3557 .ck .ck-widget .ck-widget__type-around__button:hover svg polyline{
3558 animation:none;
3559 }
3560
3561 .ck .ck-widget .ck-widget__type-around__button:hover svg line{
3562 animation:none;
3563 }
3564 }
3565.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button, .ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button{
3566 opacity:1;
3567 pointer-events:auto;
3568 }
3569.ck .ck-widget:not(.ck-widget_selected) > .ck-widget__type-around > .ck-widget__type-around__button{
3570 background:var(--ck-color-widget-type-around-button-hover);
3571 }
3572.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button,
3573 .ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover{
3574 background:var(--ck-color-widget-type-around-button-active);
3575 }
3576.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button::after, .ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover::after{
3577 width:calc(var(--ck-widget-type-around-button-size) - 2px);
3578 height:calc(var(--ck-widget-type-around-button-size) - 2px);
3579 border-radius:100px;
3580 background:linear-gradient(135deg, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,.3) 100%);
3581 }
3582.ck .ck-widget.ck-widget_with-selection-handle > .ck-widget__type-around > .ck-widget__type-around__button_before{
3583 margin-left:20px;
3584 }
3585.ck .ck-widget .ck-widget__type-around__fake-caret{
3586 pointer-events:none;
3587 height:1px;
3588 animation:ck-widget-type-around-fake-caret-pulse linear 1s infinite normal forwards;
3589 outline:solid 1px hsla(0, 0%, 100%, .5);
3590 background:var(--ck-color-base-text);
3591 }
3592.ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_before,
3593 .ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_after{
3594 outline-color:transparent;
3595 }
3596.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected:hover, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected:hover{
3597 outline-color:var(--ck-color-widget-hover-border);
3598 }
3599.ck .ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__button, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__button{
3600 opacity:0;
3601 pointer-events:none;
3602 }
3603.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle{
3604 opacity:0
3605 }
3606.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer{
3607 opacity:0
3608 }
3609.ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handle .ck-widget__type-around > .ck-widget__type-around__button_before{
3610 margin-left:0;
3611 margin-right:20px;
3612}
3613.ck-editor__nested-editable.ck-editor__editable_selected .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button, .ck-editor__nested-editable.ck-editor__editable_selected .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button{
3614 opacity:0;
3615 pointer-events:none;
3616 }
3617.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover){
3618 background:var(--ck-color-widget-type-around-button-blurred-editable);
3619}
3620.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover) svg *{
3621 stroke:hsl(0,0%,60%);
3622 }
3623@keyframes ck-widget-type-around-arrow-dash{
3624 0%{
3625 stroke-dashoffset:10;
3626 }
3627 20%, 100%{
3628 stroke-dashoffset:0;
3629 }
3630}
3631@keyframes ck-widget-type-around-arrow-tip-dash{
3632 0%, 20%{
3633 stroke-dashoffset:7;
3634 }
3635 40%, 100%{
3636 stroke-dashoffset:0;
3637 }
3638}
3639@keyframes ck-widget-type-around-button-sonar{
3640 0%{
3641 box-shadow:0 0 0 0 hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-start-alpha));
3642 }
3643 50%{
3644 box-shadow:0 0 0 5px hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-end-alpha));
3645 }
3646 100%{
3647 box-shadow:0 0 0 5px hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-start-alpha));
3648 }
3649}
3650@keyframes ck-widget-type-around-fake-caret-pulse{
3651 0%{
3652 opacity:1;
3653 }
3654 49%{
3655 opacity:1;
3656 }
3657 50%{
3658 opacity:0;
3659 }
3660 99%{
3661 opacity:0;
3662 }
3663 100%{
3664 opacity:1;
3665 }
3666}
\No newline at end of file