ckeditor5-premium-features 46.1.1 → 47.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (154) hide show
  1. package/LICENSE.md +9 -0
  2. package/dist/browser/ckeditor5-premium-features-editor.css +5 -2
  3. package/dist/browser/ckeditor5-premium-features.css +5 -2
  4. package/dist/browser/ckeditor5-premium-features.js +63 -61
  5. package/dist/browser/ckeditor5-premium-features.umd.js +65 -63
  6. package/dist/ckeditor5-premium-features-editor.css +2792 -53
  7. package/dist/ckeditor5-premium-features.css +3203 -55
  8. package/dist/translations/af.js +1 -1
  9. package/dist/translations/af.umd.js +1 -1
  10. package/dist/translations/ar.js +1 -1
  11. package/dist/translations/ar.umd.js +1 -1
  12. package/dist/translations/ast.js +1 -1
  13. package/dist/translations/ast.umd.js +1 -1
  14. package/dist/translations/az.js +1 -1
  15. package/dist/translations/az.umd.js +1 -1
  16. package/dist/translations/be.js +1 -1
  17. package/dist/translations/be.umd.js +1 -1
  18. package/dist/translations/bg.js +1 -1
  19. package/dist/translations/bg.umd.js +1 -1
  20. package/dist/translations/bn.js +1 -1
  21. package/dist/translations/bn.umd.js +1 -1
  22. package/dist/translations/bs.js +1 -1
  23. package/dist/translations/bs.umd.js +1 -1
  24. package/dist/translations/ca.js +1 -1
  25. package/dist/translations/ca.umd.js +1 -1
  26. package/dist/translations/cs.js +1 -1
  27. package/dist/translations/cs.umd.js +1 -1
  28. package/dist/translations/da.js +1 -1
  29. package/dist/translations/da.umd.js +1 -1
  30. package/dist/translations/de-ch.js +1 -1
  31. package/dist/translations/de-ch.umd.js +1 -1
  32. package/dist/translations/de.js +1 -1
  33. package/dist/translations/de.umd.js +1 -1
  34. package/dist/translations/el.js +1 -1
  35. package/dist/translations/el.umd.js +1 -1
  36. package/dist/translations/en-au.js +1 -1
  37. package/dist/translations/en-au.umd.js +1 -1
  38. package/dist/translations/en-gb.js +1 -1
  39. package/dist/translations/en-gb.umd.js +1 -1
  40. package/dist/translations/en.js +1 -1
  41. package/dist/translations/en.umd.js +1 -1
  42. package/dist/translations/eo.js +1 -1
  43. package/dist/translations/eo.umd.js +1 -1
  44. package/dist/translations/es-co.js +1 -1
  45. package/dist/translations/es-co.umd.js +1 -1
  46. package/dist/translations/es.js +1 -1
  47. package/dist/translations/es.umd.js +1 -1
  48. package/dist/translations/et.js +1 -1
  49. package/dist/translations/et.umd.js +1 -1
  50. package/dist/translations/eu.js +1 -1
  51. package/dist/translations/eu.umd.js +1 -1
  52. package/dist/translations/fa.js +1 -1
  53. package/dist/translations/fa.umd.js +1 -1
  54. package/dist/translations/fi.js +1 -1
  55. package/dist/translations/fi.umd.js +1 -1
  56. package/dist/translations/fr.js +1 -1
  57. package/dist/translations/fr.umd.js +1 -1
  58. package/dist/translations/gl.js +1 -1
  59. package/dist/translations/gl.umd.js +1 -1
  60. package/dist/translations/gu.js +1 -1
  61. package/dist/translations/gu.umd.js +1 -1
  62. package/dist/translations/he.js +1 -1
  63. package/dist/translations/he.umd.js +1 -1
  64. package/dist/translations/hi.js +1 -1
  65. package/dist/translations/hi.umd.js +1 -1
  66. package/dist/translations/hr.js +1 -1
  67. package/dist/translations/hr.umd.js +1 -1
  68. package/dist/translations/hu.js +1 -1
  69. package/dist/translations/hu.umd.js +1 -1
  70. package/dist/translations/hy.js +1 -1
  71. package/dist/translations/hy.umd.js +1 -1
  72. package/dist/translations/id.js +1 -1
  73. package/dist/translations/id.umd.js +1 -1
  74. package/dist/translations/it.js +1 -1
  75. package/dist/translations/it.umd.js +1 -1
  76. package/dist/translations/ja.js +1 -1
  77. package/dist/translations/ja.umd.js +1 -1
  78. package/dist/translations/jv.js +1 -1
  79. package/dist/translations/jv.umd.js +1 -1
  80. package/dist/translations/kk.js +1 -1
  81. package/dist/translations/kk.umd.js +1 -1
  82. package/dist/translations/km.js +1 -1
  83. package/dist/translations/km.umd.js +1 -1
  84. package/dist/translations/kn.js +1 -1
  85. package/dist/translations/kn.umd.js +1 -1
  86. package/dist/translations/ko.js +1 -1
  87. package/dist/translations/ko.umd.js +1 -1
  88. package/dist/translations/ku.js +1 -1
  89. package/dist/translations/ku.umd.js +1 -1
  90. package/dist/translations/lt.js +1 -1
  91. package/dist/translations/lt.umd.js +1 -1
  92. package/dist/translations/lv.js +1 -1
  93. package/dist/translations/lv.umd.js +1 -1
  94. package/dist/translations/ms.js +1 -1
  95. package/dist/translations/ms.umd.js +1 -1
  96. package/dist/translations/nb.js +1 -1
  97. package/dist/translations/nb.umd.js +1 -1
  98. package/dist/translations/ne.js +1 -1
  99. package/dist/translations/ne.umd.js +1 -1
  100. package/dist/translations/nl.js +1 -1
  101. package/dist/translations/nl.umd.js +1 -1
  102. package/dist/translations/no.js +1 -1
  103. package/dist/translations/no.umd.js +1 -1
  104. package/dist/translations/oc.js +1 -1
  105. package/dist/translations/oc.umd.js +1 -1
  106. package/dist/translations/pl.js +1 -1
  107. package/dist/translations/pl.umd.js +1 -1
  108. package/dist/translations/pt-br.js +1 -1
  109. package/dist/translations/pt-br.umd.js +1 -1
  110. package/dist/translations/pt.js +1 -1
  111. package/dist/translations/pt.umd.js +1 -1
  112. package/dist/translations/ro.js +1 -1
  113. package/dist/translations/ro.umd.js +1 -1
  114. package/dist/translations/ru.js +1 -1
  115. package/dist/translations/ru.umd.js +1 -1
  116. package/dist/translations/si.js +1 -1
  117. package/dist/translations/si.umd.js +1 -1
  118. package/dist/translations/sk.js +1 -1
  119. package/dist/translations/sk.umd.js +1 -1
  120. package/dist/translations/sl.js +1 -1
  121. package/dist/translations/sl.umd.js +1 -1
  122. package/dist/translations/sq.js +1 -1
  123. package/dist/translations/sq.umd.js +1 -1
  124. package/dist/translations/sr-latn.js +1 -1
  125. package/dist/translations/sr-latn.umd.js +1 -1
  126. package/dist/translations/sr.js +1 -1
  127. package/dist/translations/sr.umd.js +1 -1
  128. package/dist/translations/sv.js +1 -1
  129. package/dist/translations/sv.umd.js +1 -1
  130. package/dist/translations/th.js +1 -1
  131. package/dist/translations/th.umd.js +1 -1
  132. package/dist/translations/ti.js +1 -1
  133. package/dist/translations/ti.umd.js +1 -1
  134. package/dist/translations/tk.js +1 -1
  135. package/dist/translations/tk.umd.js +1 -1
  136. package/dist/translations/tr.js +1 -1
  137. package/dist/translations/tr.umd.js +1 -1
  138. package/dist/translations/tt.js +1 -1
  139. package/dist/translations/tt.umd.js +1 -1
  140. package/dist/translations/ug.js +1 -1
  141. package/dist/translations/ug.umd.js +1 -1
  142. package/dist/translations/uk.js +1 -1
  143. package/dist/translations/uk.umd.js +1 -1
  144. package/dist/translations/ur.js +1 -1
  145. package/dist/translations/ur.umd.js +1 -1
  146. package/dist/translations/uz.js +1 -1
  147. package/dist/translations/uz.umd.js +1 -1
  148. package/dist/translations/vi.js +1 -1
  149. package/dist/translations/vi.umd.js +1 -1
  150. package/dist/translations/zh-cn.js +1 -1
  151. package/dist/translations/zh-cn.umd.js +1 -1
  152. package/dist/translations/zh.js +1 -1
  153. package/dist/translations/zh.umd.js +1 -1
  154. package/package.json +26 -26
@@ -295,6 +295,2749 @@
295
295
  margin-bottom:var(--ck-spacing-medium);
296
296
  }
297
297
 
298
+ .ck.ck-button.ck-tab-button{
299
+ padding:0;
300
+ border:0;
301
+ cursor:pointer;
302
+ justify-content:center;
303
+ }
304
+
305
+ .ck.ck-button.ck-tab-button:active,
306
+ .ck.ck-button.ck-tab-button:focus{
307
+ box-shadow:none;
308
+ }
309
+
310
+ .ck.ck-button.ck-tab-button:not(.ck-disabled):hover{
311
+ background-color:var(--ck-color-tab-button-active-background);
312
+ }
313
+
314
+ .ck.ck-button.ck-tab-button .ck.ck-icon{
315
+ padding:var(--ck-tab-button-padding);
316
+ color:var(--ck-color-tab-button-icon);
317
+ }
318
+
319
+ .ck.ck-button.ck-tab-button.ck-on{
320
+ border:0;
321
+ background-color:var(--ck-color-tab-button-active-background);
322
+ }
323
+
324
+ .ck.ck-button.ck-tab-button.ck-on .ck.ck-icon{
325
+ color:var(--ck-color-tab-button-active-icon);
326
+ background-color:var(--ck-color-tab-button-active-background);
327
+ }
328
+
329
+ .ck.ck-button.ck-tab-button.ck-tab-button_top.ck-on{
330
+ border-bottom:1px solid var(--ck-color-tab-button-active-icon);
331
+ box-shadow:var(--ck-color-tab-button-active-icon) 0 1px 0 0;
332
+ }
333
+
334
+ .ck.ck-button.ck-tab-button.ck-tab-button_top.ck-on .ck.ck-icon{
335
+ padding-bottom:calc(var(--ck-tab-button-padding) - 1px);
336
+ }
337
+
338
+ .ck.ck-button.ck-tab-button.ck-tab-button_left.ck-on{
339
+ border-left:0;
340
+ border-right:1px solid var(--ck-color-tab-button-active-icon);
341
+ box-shadow:var(--ck-color-tab-button-active-icon) 1px 0 0 0;
342
+ }
343
+
344
+ .ck.ck-button.ck-tab-button.ck-tab-button_left.ck-on .ck.ck-icon{
345
+ padding-right:calc(var(--ck-tab-button-padding) - 1px);
346
+ }
347
+
348
+ .ck.ck-button.ck-tab-button.ck-tab-button_right.ck-on{
349
+ border-right:0;
350
+ border-left:1px solid var(--ck-color-tab-button-active-icon);
351
+ box-shadow:var(--ck-color-tab-button-active-icon) -1px 0 0 0;
352
+ }
353
+
354
+ .ck.ck-button.ck-tab-button.ck-tab-button_right.ck-on .ck.ck-icon{
355
+ padding-left:calc(var(--ck-tab-button-padding) - 1px);
356
+ }
357
+
358
+ :root{
359
+ --ck-tabs-buttons-container-buttons-vertical-spacing:0;
360
+ --ck-tabs-panels-container-width:auto;
361
+ --ck-tabs-panels-container-background:hsl(0, 0%, 100%);
362
+ --ck-tab-button-padding:12px;
363
+ --ck-tab-button-gap:var(--ck-spacing-medium);
364
+ --ck-color-tabs-buttons-container-background:hsl(0, 0%, 96%);
365
+ --ck-color-tab-button-icon:hsl(0, 0%, 44%);
366
+ --ck-color-tab-button-active-icon:hsl(0, 0%, 44%);
367
+ --ck-color-tab-button-active-background:hsl(0, 0%, 91%);
368
+ }
369
+
370
+ .ck.ck-tabs{
371
+ display:flex;
372
+ height:100%;
373
+
374
+ font-size:var(--ck-font-size-base);
375
+ border:1px solid var(--ck-color-base-border);
376
+ border-radius:var(--ck-border-radius);
377
+ }
378
+
379
+ .ck.ck-tabs.ck-tabs_top{
380
+ flex-direction:column;
381
+ }
382
+
383
+ .ck.ck-tabs.ck-tabs_left{
384
+ flex-direction:row;
385
+ }
386
+
387
+ .ck.ck-tabs.ck-tabs_right{
388
+ flex-direction:row-reverse;
389
+ }
390
+
391
+ .ck.ck-tabs .ck-tabs__panels-container{
392
+ width:var(--ck-tabs-panels-container-width);
393
+ transition:width 0.8s ease-in-out;
394
+ transition:height 0.8s ease-in-out;
395
+ background-color:var(--ck-tabs-panels-container-background);
396
+ flex-grow:1;
397
+ }
398
+
399
+ .ck.ck-tabs .ck-tabs__buttons-container{
400
+ display:flex;
401
+ background-color:var(--ck-color-tabs-buttons-container-background);
402
+ gap:var(--ck-tab-button-gap);
403
+ }
404
+
405
+ .ck.ck-tabs .ck-tabs__buttons-container.ck-tabs__buttons-container_top{
406
+ border-top:none;
407
+ border-bottom:1px solid var(--ck-color-base-border);
408
+ flex-direction:row;
409
+ }
410
+
411
+ .ck.ck-tabs .ck-tabs__buttons-container.ck-tabs__buttons-container_left{
412
+ border-left:none;
413
+ border-right:1px solid var(--ck-color-base-border);
414
+ }
415
+
416
+ .ck.ck-tabs .ck-tabs__buttons-container.ck-tabs__buttons-container_right{
417
+ border-right:none;
418
+ border-left:1px solid var(--ck-color-base-border);
419
+ }
420
+
421
+ .ck.ck-tabs .ck-tabs__buttons-container.ck-tabs__buttons-container_left,
422
+ .ck.ck-tabs .ck-tabs__buttons-container.ck-tabs__buttons-container_right{
423
+ flex-direction:column;
424
+ padding-top:var(--ck-tabs-buttons-container-buttons-vertical-spacing);
425
+ }
426
+
427
+ :root{
428
+ --ck-tabs-overlay-top-position:0;
429
+ --ck-tabs-overlay-right-position:0;
430
+ --ck-tabs-overlay-left-position:auto;
431
+ --ck-tabs-overlay-bottom-position:auto;
432
+ --ck-tabs-overlay-height:100%;
433
+ --ck-ai-tabs-overlay-width:500px;
434
+ --ck-ai-tabs-overlay-width-maximized:50%;
435
+ }
436
+
437
+ .ck.ck-tabs.ck-ai-tabs{
438
+ --ck-tabs-buttons-container-buttons-vertical-spacing:61.5px;
439
+ --ck-color-tab-button-active-icon:hsl(263, 59%, 52%);
440
+ --ck-tabs-panels-container-width:450px;
441
+ }
442
+
443
+ .ck.ck-tabs.ck-ai-tabs .ck-tab-panel{
444
+ height:100%;
445
+ display:flex;
446
+ flex-direction:column;
447
+ overflow:hidden;
448
+ }
449
+
450
+ .ck.ck-tabs.ck-ai-tabs .ck-tab-panel>*{
451
+ flex-grow:1;
452
+ }
453
+
454
+ .ck.ck-tabs.ck-ai-tabs.ck-ai-tabs__overlay{
455
+ position:fixed;
456
+ height:var(--ck-tabs-overlay-height);
457
+ top:var(--ck-tabs-overlay-top-position);
458
+ right:var(--ck-tabs-overlay-right-position);
459
+ left:var(--ck-tabs-overlay-left-position);
460
+ bottom:var(--ck-tabs-overlay-bottom-position);
461
+ z-index:calc(var(--ck-z-dialog) - 1);
462
+ border-radius:0;
463
+ border-top:0;
464
+ border-bottom:0;
465
+ width:var(--ck-ai-tabs-overlay-width);
466
+ transition:width 0.3s ease;
467
+ }
468
+
469
+ .ck.ck-tabs.ck-ai-tabs.ck-ai-tabs__overlay.ck-ai-tabs_maximized{
470
+ width:var(--ck-ai-tabs-overlay-width-maximized);
471
+ }
472
+
473
+ .ck.ck-tabs.ck-ai-tabs.ck-ai-tabs__overlay.ck-tabs_left{
474
+ --ck-tabs-overlay-right-position:auto;
475
+ --ck-tabs-overlay-left-position:0;
476
+ border-left:0;
477
+ }
478
+
479
+ .ck.ck-tabs.ck-ai-tabs.ck-ai-tabs__overlay.ck-tabs_right{
480
+ border-right:0;
481
+ }
482
+
483
+ .ck.ck-ai-chat__prompt-input.ck-search .ck-labeled-field-view{
484
+ width:100%;
485
+ }
486
+
487
+ .ck.ck-ai-chat__prompt-input.ck-search .ck-labeled-field-view .ck-labeled-field-view__status_error{
488
+ line-height:1.4em;
489
+ }
490
+
491
+ .ck.ck-ai-chat__prompt-input.ck-search .ck-labeled-field-view__input-wrapper .ck.ck-input.ck-textarea{
492
+ line-height:calc(var(--ck-font-size-base) * 2);
493
+ }
494
+
495
+ [dir="ltr"] .ck.ck-ai-chat__prompt-input.ck-search .ck-labeled-field-view__input-wrapper .ck.ck-input.ck-textarea{
496
+ padding-right:2.6em;
497
+ }
498
+
499
+ [dir="rtl"] .ck.ck-ai-chat__prompt-input.ck-search .ck-labeled-field-view__input-wrapper .ck.ck-input.ck-textarea{
500
+ padding-left:2.6em;
501
+ }
502
+
503
+ .ck.ck-ai-chat__prompt-input.ck-search .ck-labeled-field-view__input-wrapper > .ck.ck-label{
504
+ visibility:hidden;
505
+ }
506
+
507
+ .ck.ck-ai-chat__prompt-input.ck-search .ck-ai-chat__prompt-submit-button{
508
+ height:auto;
509
+ align-self:flex-end;
510
+ margin-left:var(--ck-spacing-medium);
511
+ background-color:var(--ck-ai-background-color-action-button);
512
+ color:var(--ck-ai-font-color-action-button);
513
+ }
514
+
515
+ .ck.ck-ai-chat__prompt-input.ck-search .ck-ai-chat__prompt-submit-button.ck-disabled{
516
+ opacity:var(--ck-disabled-opacity);
517
+ }
518
+
519
+ .ck.ck-ai-chat__prompt-input.ck-search .ck-ai-chat__prompt-submit-button > svg{
520
+ opacity:1;
521
+ }
522
+
523
+ .ck.ck-ai-chat-controls .ck-ai-chat__prompt-capabilities{
524
+ display:flex;
525
+ justify-content:space-between;
526
+ align-items:center;
527
+ padding-top:var(--ck-spacing-medium-small);
528
+ gap:var(--ck-spacing-medium-small);
529
+ padding-inline-end:calc(var(--ck-ui-component-min-height) + var(--ck-spacing-medium));
530
+ }
531
+
532
+ .ck.ck-ai-chat-controls .ck-ai-chat__prompt-capabilities .ck-ai-chat-controls-button:not(.ck-button_with-text){
533
+ margin:0;
534
+ padding:var(--ck-spacing-tiny);
535
+ }
536
+
537
+ .ck.ck-ai-chat-controls .ck-ai-chat__prompt-capabilities .ck-ai-chat-controls-button > .ck-icon{
538
+ --ck-icon-size:16px;
539
+ color:var(--ck-ai-chat-color-icon);
540
+ }
541
+
542
+ .ck.ck-ai-chat-controls .ck-ai-chat__prompt-capabilities .ck-ai-chat-controls-button--commands{
543
+ margin-inline-start:auto;
544
+ margin-inline-end:0;
545
+ margin-block-start:0;
546
+ margin-block-end:0;
547
+ padding:0;
548
+ visibility:hidden;
549
+ pointer-events:none;
550
+ }
551
+
552
+ .ck.ck-ai-chat-controls .ck-ai-chat__prompt-capabilities .ck-ai-chat-controls__model-name{
553
+ color:var(--ck-ai-chat-color-icon);
554
+ }
555
+
556
+ :root{
557
+ --ck-ai-chat-context-controls-balloon-width:400px;
558
+ }
559
+
560
+ .ck.ck-ai-chat-controls .ck-ai-chat-context-controls{
561
+ display:flex;
562
+ align-content:center;
563
+ justify-content:flex-start;
564
+ align-items:flex-start;
565
+ flex-wrap:wrap;
566
+ padding-top:0;
567
+ gap:var(--ck-spacing-medium-small);
568
+
569
+ padding-bottom:var(--ck-spacing-medium-small);
570
+ }
571
+
572
+ .ck.ck-ai-chat-controls .ck-ai-chat-context-controls:has(.ck-ai-chat-context-controls__pending-contexts:empty){
573
+ padding-bottom:var(--ck-spacing-small);
574
+ }
575
+
576
+ .ck.ck-ai-chat-controls .ck-ai-chat-context-controls .ck-ai-chat-context-controls__pending-contexts{
577
+ display:contents;
578
+ }
579
+
580
+ .ck.ck-ai-chat-controls .ck-button.ck-ai-chat-controls-button.ck-ai-chat-context-controls__add-context-button{
581
+ position:absolute;
582
+ bottom:3px;
583
+ opacity:.7;
584
+ margin:0;
585
+ }
586
+
587
+ .ck.ck-ai-chat-controls .ck-button.ck-ai-chat-controls-button.ck-ai-chat-context-controls__add-context-button:hover, .ck.ck-ai-chat-controls .ck-button.ck-ai-chat-controls-button.ck-ai-chat-context-controls__add-context-button:focus{
588
+ opacity:1;
589
+ }
590
+
591
+ :root{
592
+ --ck-ai-chat-context-balloon-width:290px;
593
+ }
594
+
595
+ .ck.ck-balloon-panel .ck-ai-chat-context-chip, .ck.ck-ai-chat .ck-ai-chat-context-chip{
596
+ display:inline-flex;
597
+ align-items:center;
598
+ justify-content:center;
599
+ flex-shrink:0;
600
+
601
+ max-width:max(calc(33% - var(--ck-spacing-medium-small) - (2 * var(--ck-spacing-large) / 3)), 118px);
602
+ box-sizing:border-box;
603
+
604
+ width:auto;
605
+
606
+ padding:var(--ck-spacing-small) var(--ck-spacing-medium-small);
607
+
608
+ background-color:var(--ck-ai-chat-user-context-background);
609
+ border-radius:var(--ck-ai-border-radius);
610
+ border:var(--ck-ai-chat-border-width) solid var(--ck-ai-border-color-main);
611
+
612
+ line-height:1;
613
+ color:var(--ck-ai-chat-color-icon);
614
+ }
615
+
616
+ .ck.ck-balloon-panel .ck-ai-chat-context-chip.ck-ai-chat-context-chip_wide, .ck.ck-ai-chat .ck-ai-chat-context-chip.ck-ai-chat-context-chip_wide{
617
+ max-width:max(calc(66% - var(--ck-spacing-medium-small)), 240px);
618
+ width:auto;
619
+ }
620
+
621
+ .ck.ck-balloon-panel .ck-ai-chat-context-chip.ck-ai-chat-context-chip_document, .ck.ck-ai-chat .ck-ai-chat-context-chip.ck-ai-chat-context-chip_document{
622
+ max-width:unset;
623
+ }
624
+
625
+ .ck.ck-balloon-panel .ck-ai-chat-context-chip.ck-ai-chat-context-chip_new-chip, .ck.ck-ai-chat .ck-ai-chat-context-chip.ck-ai-chat-context-chip_new-chip{
626
+ animation:ck-ai-new-item-flash var(--ck-ai-chat-animation-duration) var(--ck-ai-chat-animation-timing);
627
+ }
628
+
629
+ .ck.ck-balloon-panel .ck-ai-chat-context-chip > .ck-ai-chat-context-chip__label, .ck.ck-ai-chat .ck-ai-chat-context-chip > .ck-ai-chat-context-chip__label{
630
+ font-size:0.9em;
631
+ display:inline-block;
632
+ margin:0 var(--ck-spacing-medium-small);
633
+ text-overflow:ellipsis;
634
+ overflow:hidden;
635
+ line-height:1.25;
636
+ color:var(--ck-ai-chat-color-icon);
637
+ }
638
+
639
+ .ck.ck-balloon-panel .ck-ai-chat-context-chip > .ck-icon.ck-ai-chat-context-chip__type-icon, .ck.ck-ai-chat .ck-ai-chat-context-chip > .ck-icon.ck-ai-chat-context-chip__type-icon{
640
+ --ck-icon-size:1em;
641
+
642
+ flex-shrink:0;
643
+ font-size:1em;
644
+ fill:var(--ck-ai-chat-color-icon);
645
+ }
646
+
647
+ .ck.ck-balloon-panel .ck-ai-chat-context-chip .ck-button, .ck.ck-ai-chat .ck-ai-chat-context-chip .ck-button{
648
+ --ck-ui-component-min-height:1em;
649
+
650
+ max-width:var(--ck-ui-component-min-height);
651
+ max-height:var(--ck-ui-component-min-height);
652
+ border:none;
653
+ padding:var(--ck-spacing-tiny);
654
+ }
655
+
656
+ .ck.ck-balloon-panel .ck-ai-chat-context-chip .ck-button > .ck-icon, .ck.ck-ai-chat .ck-ai-chat-context-chip .ck-button > .ck-icon{
657
+ --ck-icon-size:1em;
658
+
659
+ font-size:1em;
660
+ fill:var(--ck-ai-chat-color-icon);
661
+ }
662
+
663
+ .ck.ck-balloon-panel .ck-ai-chat-context-chips-wrapper, .ck.ck-ai-chat .ck-ai-chat-context-chips-wrapper{
664
+ display:flex;
665
+ gap:var(--ck-spacing-medium-small);
666
+ flex-wrap:wrap;
667
+ align-items:center;
668
+ justify-content:flex-end;
669
+
670
+ width:100%;
671
+ margin-bottom:0;
672
+ padding:0;
673
+ }
674
+
675
+ .ck.ck-balloon-panel .ck-ai-chat-context-chips-wrapper-balloon, .ck.ck-ai-chat .ck-ai-chat-context-chips-wrapper-balloon{
676
+ display:flex;
677
+ gap:var(--ck-spacing-standard);
678
+ flex-wrap:wrap;
679
+ align-items:center;
680
+ justify-content:flex-start;
681
+
682
+ width:var(--ck-ai-chat-context-balloon-width);
683
+ max-height:10em;
684
+ padding:var(--ck-spacing-standard);
685
+ overflow-y:auto;
686
+ }
687
+
688
+ .ck.ck-balloon-panel .ck-ai-chat-context-chips-wrapper-balloon .ck-ai-chat-context-chip, .ck.ck-ai-chat .ck-ai-chat-context-chips-wrapper-balloon .ck-ai-chat-context-chip{
689
+ max-width:max( calc(50% - var(--ck-spacing-standard)), 110px);
690
+ }
691
+
692
+ .ck.ck-balloon-panel .ck-ai-chat-context-chips-wrapper-balloon.ck-ai-chat-context-chip_wide, .ck.ck-ai-chat .ck-ai-chat-context-chips-wrapper-balloon.ck-ai-chat-context-chip_wide{
693
+ max-width:100%;
694
+ }
695
+
696
+ .ck.ck-balloon-panel .ck-ai-chat-context-chips-wrapper-balloon .ck-ai-chat-context-chip.ck-ai-chat-context-chip_new-chip, .ck.ck-ai-chat .ck-ai-chat-context-chips-wrapper-balloon .ck-ai-chat-context-chip.ck-ai-chat-context-chip_new-chip{
697
+ animation:none;
698
+ }
699
+
700
+ @keyframes ck-ai-new-item-flash{
701
+ 0%{
702
+ background-color:var(--ck-ai-chat-flash-color);
703
+ color:var(--ck-ai-chat-flash-color-text);
704
+ border-color:var(--ck-ai-chat-flash-color-text);
705
+ }
706
+
707
+ 100%{
708
+ background-color:var(--ck-ai-chat-user-context-background);
709
+ color:var(--ck-ai-chat-color-icon);
710
+ border-color:var(--ck-ai-border-color-main);
711
+ }
712
+ }
713
+
714
+ .ck.ck-button.ck-ai-chat-controls-button{
715
+ --ck-ui-component-min-height:1.88em;
716
+
717
+ padding:var(--ck-spacing-tiny);
718
+ flex-shrink:0;
719
+ display:flex;
720
+ align-items:center;
721
+ justify-content:center;
722
+ }
723
+
724
+ .ck.ck-button.ck-ai-chat-controls-button:not(.ck-button_with-text){
725
+ margin:0 0 var(--ck-spacing-tiny) 0;
726
+ padding:var(--ck-spacing-tiny);
727
+ }
728
+
729
+ .ck.ck-button.ck-ai-chat-controls-button.ck-button_with-text.ck-ai-chat-controls_context_show-more-button{
730
+ display:block;
731
+ padding:0;
732
+ border-width:0;
733
+ letter-spacing:-0.1em;
734
+ text-align:center;
735
+ }
736
+
737
+ .ck.ck-button.ck-ai-chat-controls-button:not(.ck-disabled):hover{
738
+ background-color:var(--ck-ai-chat-button-active-background-color);
739
+ color:var(--ck-ai-chat-button-hover-color);
740
+ }
741
+
742
+ .ck.ck-button.ck-ai-chat-controls-button:not(.ck-disabled):hover .ck-button__icon{
743
+ fill:var(--ck-ai-chat-button-hover-color);
744
+ }
745
+
746
+ .ck.ck-button.ck-ai-chat-controls-button:not(.ck-disabled):active{
747
+ background-color:var(--ck-ai-chat-button-active-background-color);
748
+ color:var(--ck-ai-chat-button-active-color);
749
+ }
750
+
751
+ .ck.ck-button.ck-ai-chat-controls-button:not(.ck-disabled):active .ck-button__icon{
752
+ fill:var(--ck-ai-chat-button-active-color);
753
+ }
754
+
755
+ .ck.ck-button.ck-ai-chat-controls-button.ck-on:not(.ck-disabled):not(:hover):not(:active):not(.ck-disabled){
756
+ background-color:var(--ck-ai-chat-button-active-background-color);
757
+ color:var(--ck-ai-chat-button-active-color);
758
+ }
759
+
760
+ .ck.ck-button.ck-ai-chat-controls-button.ck-on:not(.ck-disabled):not(:hover):not(:active):not(.ck-disabled) .ck-button__icon{
761
+ color:var(--ck-ai-chat-button-active-color);
762
+ }
763
+
764
+ .ck.ck-button.ck-ai-chat-controls-button > .ck-icon{
765
+ --ck-icon-size:16px;
766
+ }
767
+
768
+ .ck.ck-button.ck-ai-chat-controls-button .ck-dropdown__arrow{
769
+ display:none;
770
+ }
771
+
772
+ :root{
773
+ --ck-ai-chat-loader-icon-dot-color:hsl(216, 5%, 81%);
774
+ --ck-ai-chat-loader-icon-dot-active-color:hsl(0, 0%, 20%);
775
+ --ck-ai-loader-dot-pulse-dot-size:6px;
776
+ --ck-ai-loader-dot-pulse-width:40px;
777
+ --ck-ai-loader-dot-pulse-height:20px;
778
+ --ck-ai-loader-dot-pulse-border-radius:8px;
779
+ --ck-ai-loader-dot-pulse-animation-delay:0.3s;
780
+ }
781
+
782
+ .ck-ai-chat-controls-loader{
783
+ display:flex;
784
+ align-items:center;
785
+ color:var(--ck-color-input-disabled-text);
786
+ }
787
+
788
+ .ck-ai-chat-controls-loader .ck-ai-chat-controls-loader-icon{
789
+ box-sizing:border-box;
790
+ display:flex;
791
+ align-items:center;
792
+ justify-content:space-between;
793
+ width:var(--ck-ai-loader-dot-pulse-width);
794
+ height:var(--ck-ai-loader-dot-pulse-height);
795
+ margin-inline-end:var(--ck-spacing-standard);
796
+ padding:var(--ck-spacing-small) var(--ck-spacing-medium-small);
797
+ border-radius:var(--ck-ai-loader-dot-pulse-border-radius);
798
+ background-color:var(--ck-ai-chat-loader-icon-color);
799
+ }
800
+
801
+ .ck-ai-chat-controls-loader .ck-ai-chat-controls-loader-icon-dot{
802
+ width:var(--ck-ai-loader-dot-pulse-dot-size);
803
+ height:var(--ck-ai-loader-dot-pulse-dot-size);
804
+ border-radius:50%;
805
+ background-color:var(--ck-ai-chat-loader-icon-dot-color);
806
+ flex-shrink:0;
807
+
808
+ animation:ck-ai-loader-dot-pulse var(--ck-ai-chat-loader-animation-duration) infinite;
809
+ }
810
+
811
+ .ck-ai-chat-controls-loader .ck-ai-chat-controls-loader-icon-dot:nth-child(1){
812
+ animation-delay:0s;
813
+ }
814
+
815
+ .ck-ai-chat-controls-loader .ck-ai-chat-controls-loader-icon-dot:nth-child(2){
816
+ animation-delay:var(--ck-ai-loader-dot-pulse-animation-delay);
817
+ }
818
+
819
+ .ck-ai-chat-controls-loader .ck-ai-chat-controls-loader-icon-dot:nth-child(3){
820
+ animation-delay:calc(var(--ck-ai-loader-dot-pulse-animation-delay) * 2);
821
+ }
822
+
823
+ .ck.ck-button.ai-chat-controls-loader__cancel-button{
824
+ min-height:22px;
825
+ padding:0 var(--ck-spacing-medium) 0 var(--ck-spacing-small);
826
+ border:var(--ck-ai-chat-border-width) solid var(--ck-ai-border-color-button);
827
+ border-radius:var(--ck-border-radius);
828
+ color:var(--ck-ai-chat-color-text);
829
+ }
830
+
831
+ .ck.ck-button.ai-chat-controls-loader__cancel-button .ck.ck-icon.ck-button__icon{
832
+ color:var(--ck-ai-chat-color-text);
833
+ height:14px;
834
+ width:14px;
835
+ margin-right:4px;
836
+ }
837
+
838
+ .ck.ck-button.ai-chat-controls-loader__cancel-button:hover{
839
+ background-color:var(--ck-ai-chat-button-active-background-color);
840
+ }
841
+
842
+ .ck-ai-chat-controls-loader-wrapper{
843
+ display:flex;
844
+ justify-content:space-between;
845
+ }
846
+
847
+ @keyframes ck-ai-loader-dot-pulse{
848
+ 0%, 80%, 100%{
849
+ background-color:var(--ck-ai-chat-loader-icon-dot-color);
850
+ }
851
+
852
+ 40%{
853
+ background-color:var(--ck-ai-chat-loader-icon-dot-active-color);
854
+ }
855
+ }
856
+
857
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__add-context-balloon-panel{
858
+ min-width:157px;
859
+ max-width:250px;
860
+ }
861
+
862
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__add-context-balloon-panel .ck-ai-chat-context-controls__balloon-button{
863
+ width:100%;
864
+ display:flex;
865
+ padding-left:var(--ck-spacing-extra-large);
866
+ padding-right:var(--ck-spacing-extra-large);
867
+ }
868
+
869
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__add-context-balloon-panel .ck-ai-chat-context-controls__balloon-button:first-child{
870
+ margin-top:var(--ck-spacing-tiny);
871
+ }
872
+
873
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__add-context-balloon-panel .ck-ai-chat-context-controls__balloon-button:last-child{
874
+ margin-bottom:var(--ck-spacing-tiny);
875
+ }
876
+
877
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__add-context-balloon-panel .ck-ai-chat-context-controls__balloon-button .ck-icon.ck-button__icon{
878
+ --ck-icon-size:16px;
879
+ }
880
+
881
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__add-context-balloon-panel .ck-ai-chat-context-controls__balloon-button .ck-button__label{
882
+ margin:0;
883
+ line-height:var(--ck-line-height-base);
884
+ }
885
+
886
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__add-context-balloon-panel .ck-ai-chat-context-controls__balloon-button:hover{
887
+ background-color:var(--ck-ai-button-secondary-hover-background-color);
888
+ }
889
+
890
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__add-context-balloon-panel .ck-ai-chat-context-controls__balloon-button > .ck-ai-chat-context-controls__balloon-button-source__arrow{
891
+ width:var(--ck-dropdown-arrow-size);
892
+
893
+ transform:rotate(-90deg);
894
+ margin-left:var(--ck-spacing-standard);
895
+ margin-right:calc(-1 * var(--ck-spacing-small));
896
+ }
897
+
898
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__add-context-balloon-panel .ck-ai-chat-context-controls__balloon-button > span{
899
+ flex-grow:1;
900
+ }
901
+
902
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__url-balloon-panel .ck-ai-chat-context-controls__url-form{
903
+ width:var(--ck-ai-chat-context-controls-balloon-width);
904
+ line-height:var(--ck-form-header-height);
905
+ }
906
+
907
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__url-balloon-panel .ck-ai-chat-context-controls__url-form .ck-ai-chat-context-controls__url-input-section{
908
+ display:flex;
909
+ align-items:flex-start;
910
+ padding:var(--ck-spacing-large);
911
+ }
912
+
913
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__url-balloon-panel .ck-ai-chat-context-controls__url-form .ck-ai-chat-context-controls__url-input-section>.ck-labeled-field-view{
914
+ width:100%;
915
+ }
916
+
917
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__url-balloon-panel .ck-ai-chat-context-controls__url-form .ck-ai-chat-context-controls__url-input-section>.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-input{
918
+ width:100%;
919
+ font:normal normal normal var(--ck-font-size-base) / var(--ck-line-height-base) var(--ck-font-face);
920
+ vertical-align:middle;
921
+ line-height:var(--ck-line-height-base);
922
+ }
923
+
924
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__url-balloon-panel .ck-ai-chat-context-controls__url-form .ck-ai-chat-context-controls__url-input-section>.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label{
925
+ visibility:hidden;
926
+ }
927
+
928
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__url-balloon-panel .ck-ai-chat-context-controls__url-form .ck-ai-chat-context-controls__url-input-section>.ck.ck-button{
929
+ height:auto;
930
+ margin-left:var(--ck-spacing-medium);
931
+ background-color:var(--ck-ai-background-color-action-button);
932
+ color:var(--ck-ai-font-color-action-button);
933
+ }
934
+
935
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__url-balloon-panel .ck-ai-chat-context-controls__url-form .ck-ai-chat-context-controls__url-input-section>.ck.ck-button.ck-disabled{
936
+ opacity:0.5;
937
+ }
938
+
939
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__url-balloon-panel .ck-ai-chat-context-controls__url-form .ck-ai-chat-context-controls__url-input-section>.ck.ck-button.ck-disabled>.ck-button__icon{
940
+ opacity:1;
941
+ }
942
+
943
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel{
944
+ width:var(--ck-ai-chat-context-controls-balloon-width);
945
+ height:319px;
946
+ }
947
+
948
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel:has(.ck-ai-skeleton:not(.ck-hidden)){
949
+ overflow:hidden;
950
+ }
951
+
952
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck.ck-search__query_with-icon{
953
+ padding:var(--ck-spacing-large) var(--ck-spacing-large) var(--ck-spacing-tiny) var(--ck-spacing-large);
954
+ }
955
+
956
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-skeleton{
957
+ --ck-ai-skeleton-gap:var(--ck-spacing-small);
958
+
959
+ padding-top:var(--ck-spacing-standard);
960
+ padding-bottom:var(--ck-spacing-standard);
961
+ }
962
+
963
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources__list{
964
+ height:233px;
965
+ overflow-y:auto;
966
+ overflow-x:hidden;
967
+ }
968
+
969
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources__list .ck-ai-chat-resources__item{
970
+ display:flex;
971
+ align-items:center;
972
+ padding:var(--ck-spacing-tiny) var(--ck-spacing-extra-large);
973
+ border-radius:var(--ck-border-radius);
974
+
975
+ cursor:pointer;
976
+ transition:background-color 0.2s;
977
+ }
978
+
979
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources__list .ck-ai-chat-resources__item:hover{
980
+ background-color:var(--ck-ai-button-secondary-hover-background-color);
981
+ }
982
+
983
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources__list .ck-ai-chat-resources__item.ck-ai-chat-resources__item--in-context{
984
+ color:hsla(0, 0%, 20%, 0.5);
985
+ pointer-events:none;
986
+ }
987
+
988
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources__list .ck-ai-chat-resources__item.ck-ai-chat-resources__item--in-context *{
989
+ color:inherit;
990
+ }
991
+
992
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources__list .ck-ai-chat-resources__item .ck-ai-chat-resources__item__icon{
993
+ display:flex;
994
+ align-items:center;
995
+ justify-content:center;
996
+ height:1.14em;
997
+ margin-right:0.35em;
998
+ flex-shrink:0;
999
+ }
1000
+
1001
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources__list .ck-ai-chat-resources__item .ck-ai-chat-resources__item__icon .ck-icon{
1002
+ height:1.368em;
1003
+ fill:currentColor;
1004
+ }
1005
+
1006
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources__list .ck-ai-chat-resources__item.ck-ai-chat-resources__item--in-context .ck-ai-chat-resources__item__icon{
1007
+ color:hsla(0, 0%, 20%, 0.5);
1008
+ }
1009
+
1010
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources__list .ck-ai-chat-resources__item .ck-ai-chat-resources__item-title{
1011
+ flex:1;
1012
+ font-size:1em;
1013
+ line-height:var(--ck-line-height-base);
1014
+ overflow:hidden;
1015
+ text-overflow:ellipsis;
1016
+ white-space:nowrap;
1017
+ }
1018
+
1019
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__source-balloon-panel .ck-ai-chat-resources__list.ck-hidden{
1020
+ display:none;
1021
+ }
1022
+
1023
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__chip-tooltip{
1024
+ max-width:180px;
1025
+ }
1026
+
1027
+ .ck.ck-balloon-panel.ck-ai-chat-context-controls__chip-tooltip .ck.ck-tooltip__text{
1028
+ white-space:normal;
1029
+ display:inline-block;
1030
+ padding:var(--ck-tooltip-text-padding) 0;
1031
+ }
1032
+
1033
+ .ck.ck-ai-chat-controls{
1034
+ padding:var(--ck-spacing-large) var(--ck-spacing-large) var(--ck-spacing-standard);
1035
+ line-height:var(--ck-form-header-height);
1036
+ border-top:var(--ck-ai-chat-border-width) solid var(--ck-color-base-border);
1037
+ }
1038
+
1039
+ .ck.ck-ai-chat-controls:has(>:first-child.ck-hidden){
1040
+ padding-bottom:var(--ck-spacing-large);
1041
+ }
1042
+
1043
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection{
1044
+ line-height:0;
1045
+ }
1046
+
1047
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-dropdown__panel.ck-dropdown__panel_ne{
1048
+ bottom:calc(100% + 10px);
1049
+ top:auto;
1050
+ padding-top:.5em;
1051
+ width:426px;
1052
+ max-width:max-content;
1053
+ max-height:600px;
1054
+ overflow-y:scroll;
1055
+ }
1056
+
1057
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-dropdown__panel.ck-dropdown__panel_ne::before,
1058
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-dropdown__panel.ck-dropdown__panel_ne::after{
1059
+ content:'';
1060
+ position:absolute;
1061
+ left:calc(2 * var(--ck-balloon-arrow-half-width));
1062
+ bottom:calc(-1 * var(--ck-balloon-arrow-height));
1063
+ width:0;
1064
+ height:0;
1065
+ border-style:solid;
1066
+ border-width:var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width);
1067
+ border-color:var(--ck-color-panel-border) transparent transparent;
1068
+ }
1069
+
1070
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-dropdown__panel.ck-dropdown__panel_ne::before{
1071
+ z-index:var(--ck-balloon-panel-arrow-z-index);
1072
+ margin-bottom:calc(-1 * var(--ck-balloon-border-width));
1073
+ filter:drop-shadow(var(--ck-balloon-arrow-drop-shadow));
1074
+ }
1075
+
1076
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-dropdown__panel.ck-dropdown__panel_ne::after{
1077
+ z-index:calc(var(--ck-balloon-panel-arrow-z-index) + 1);
1078
+ margin-bottom:calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
1079
+ }
1080
+
1081
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-button.ck-dropdown__button{
1082
+ border:0;
1083
+ font-size:.9em;
1084
+ margin-inline-end:0;
1085
+ color:var(--ck-ai-chat-color-icon);
1086
+ padding-top:0;
1087
+ padding-bottom:0;
1088
+ min-height:auto;
1089
+ }
1090
+
1091
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-button.ck-dropdown__button.ck-on .ck-dropdown__arrow{
1092
+ transform:rotate(180deg);
1093
+ }
1094
+
1095
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-button.ck-dropdown__button .ck-button__label{
1096
+ width:auto;
1097
+ }
1098
+
1099
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-button.ck-dropdown__button:hover,
1100
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-button.ck-dropdown__button.ck-on{
1101
+ background-color:var(--ck-ai-chat-button-active-background-color);
1102
+ color:var(--ck-ai-background-color-action-button);
1103
+ }
1104
+
1105
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-button.ck-dropdown__button:hover .ck-dropdown__arrow, .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-button.ck-dropdown__button.ck-on .ck-dropdown__arrow{
1106
+ color:var(--ck-ai-background-color-action-button);
1107
+ }
1108
+
1109
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-list > .ck-list__item:not(:last-child){
1110
+ margin-bottom:var(--ck-spacing-medium-small);
1111
+ }
1112
+
1113
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-list > .ck-list__item > .ck-button{
1114
+ align-items:start;
1115
+ }
1116
+
1117
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-list > .ck-list__item > .ck-button > .ck-list-item-button__check-holder{
1118
+ height:1.2em;
1119
+ }
1120
+
1121
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-list > .ck-list__item > .ck-button > .ck-list-item-button__check-holder > .ck-list-item-button__check-icon{
1122
+ padding-top:2px;
1123
+ }
1124
+
1125
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-list > .ck-list__item > .ck-button > .ck-button__label{
1126
+ line-height:1.3;
1127
+ }
1128
+
1129
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-list > .ck-list__item > .ck-button > .ck-button__label > .ck-ai-chat-controls__model-selection__item-name{
1130
+ line-height:1.3;
1131
+ font-weight:500;
1132
+ }
1133
+
1134
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-list > .ck-list__item > .ck-button > .ck-button__label > .ck-ai-chat-controls__model-selection__item-description{
1135
+ line-height:1.3;
1136
+ padding-top:var(--ck-spacing-tiny);
1137
+ }
1138
+
1139
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-list > .ck-list__item > .ck-button > .ck-button__label > .ck-ai-chat-controls__model-selection__item-description > span{
1140
+ color:var(--ck-ai-chat-color-icon);
1141
+ line-height:1;
1142
+ white-space:normal;
1143
+ }
1144
+
1145
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-list > .ck-list__item > .ck-button > .ck-button__label > .ck-ai-chat-controls__model-selection__item-capabilities{
1146
+ line-height:1.3;
1147
+ --ck-icon-font-size:.5em;
1148
+ }
1149
+
1150
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-list > .ck-list__item > .ck-button > .ck-button__label > .ck-ai-chat-controls__model-selection__item-capabilities > span{
1151
+ color:var(--ck-ai-chat-color-icon);
1152
+ }
1153
+
1154
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-list > .ck-list__item > .ck-button > .ck-button__label > .ck-ai-chat-controls__model-selection__item-capabilities > span:nth-of-type(2n){
1155
+ font-weight:bold;
1156
+ display:inline-block;
1157
+ width:4ch;
1158
+ }
1159
+
1160
+ .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection .ck-list > .ck-list__item > .ck-button > .ck-button__label > .ck-ai-chat-controls__model-selection__item-capabilities > .ck-icon{
1161
+ margin-inline-end:var(--ck-spacing-standard);
1162
+ color:var(--ck-ai-chat-color-icon);
1163
+ fill:var(--ck-ai-chat-color-icon);
1164
+ }
1165
+ :root{
1166
+ --ck-ai-chat-feed-item-color-text:hsla(0, 0%, 0%, 1);
1167
+ --ck-ai-chat-feed-item-color-background:hsla(0, 0%, 96%, 1);
1168
+ --ck-ai-chat-feed-item-color-background-secondary:hsla(0, 0%, 96%, 1);
1169
+ --ck-ai-chat-feed-item-color-actions-button-hover:hsla(263, 59%, 40%, 1);
1170
+ --ck-ai-chat-feed-item-color-show-changes-toggle-hover-color:hsla(263, 59%, 40%, 1);
1171
+ --ck-ai-chat-feed-item-color-show-changes-toggle-hover-background:hsl(262, 100%, 96%);
1172
+ --ck-ai-chat-feed-item-color-show-changes-toggle-on-color:hsla(263, 59%, 40%, 1);
1173
+ --ck-ai-chat-feed-item-color-show-changes-toggle-on-background:hsl(262, 100%, 96%);
1174
+ --ck-ai-chat-feed-item-color-show-changes-toggle-active-background:hsl(262, 100%, 96%);
1175
+ --ck-ai-chat-feed-loader-icon-color:hsla(0, 0%, 85%, 1);
1176
+ --ck-ai-chat-feed-interaction-header-capabilities-color-text:hsla(0, 0%, 44%, 1);
1177
+ }
1178
+ .ck.ck-ai-chat__feed{
1179
+ flex:1 1 auto;
1180
+ overflow-y:auto;
1181
+ display:flex;
1182
+ flex-direction:column;
1183
+ justify-content:flex-start;
1184
+ align-items:stretch;
1185
+ flex-wrap:nowrap;
1186
+ padding-bottom:var(--ck-spacing-extra-large);
1187
+ gap:var(--ck-spacing-large);
1188
+ position:relative;
1189
+ }
1190
+ .ck.ck-ai-chat__feed:has(.ck-ai-skeleton:not(.ck-hidden)){
1191
+ overflow:hidden;
1192
+ }
1193
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__items{
1194
+ display:flex;
1195
+ flex-direction:column;
1196
+ gap:var(--ck-spacing-extra-large) 0;
1197
+ }
1198
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__items > .ck-ai-chat__feed__item:first-child{
1199
+ margin-top:var(--ck-spacing-extra-large);
1200
+ }
1201
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item{
1202
+ margin:0 var(--ck-spacing-large);
1203
+ scroll-margin:var(--ck-spacing-large);
1204
+ }
1205
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-mini-toolbar,
1206
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-chat__feed__ai-suggestion__actions,
1207
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-suggestion__header__show-changes-toggle{
1208
+ transition:opacity .4s, display .4s allow-discrete;
1209
+ }
1210
+ @starting-style{
1211
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-mini-toolbar, .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-chat__feed__ai-suggestion__actions, .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-suggestion__header__show-changes-toggle{
1212
+ opacity:0;
1213
+ }
1214
+ }
1215
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-suggestion__header__show-changes-toggle{
1216
+ --ck-color-button-default-hover-background:var(--ck-ai-chat-feed-item-color-show-changes-toggle-hover-background);
1217
+ --ck-color-button-on-hover-background:var(--ck-ai-chat-feed-item-color-show-changes-toggle-hover-background);
1218
+ --ck-color-button-default-active-background:var(--ck-ai-chat-feed-item-color-show-changes-toggle-active-background);
1219
+ --ck-color-button-on-background:var(--ck-ai-chat-feed-item-color-show-changes-toggle-active-background);
1220
+ --ck-color-focus-border:var(--ck-ai-chat-feed-item-color-show-changes-toggle-active-background);
1221
+ --ck-focus-ring:1px solid var(--ck-color-focus-border);
1222
+
1223
+ padding:0 var(--ck-spacing-small);
1224
+ min-height:22px;
1225
+ font-size:var(--ck-ai-chat-suggestion-container-header-font-size);
1226
+ color:var(--ck-ai-chat-color-icon);
1227
+ }
1228
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-suggestion__header__show-changes-toggle:hover{
1229
+ color:var(--ck-ai-chat-feed-item-color-show-changes-toggle-hover-color);
1230
+ }
1231
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-suggestion__header__show-changes-toggle:active{
1232
+ box-shadow:none;
1233
+ color:var(--ck-ai-chat-feed-item-color-show-changes-toggle-on-color);
1234
+ }
1235
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-suggestion__header__show-changes-toggle.ck-on{
1236
+ color:var(--ck-ai-chat-feed-item-color-show-changes-toggle-on-color);
1237
+ }
1238
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-suggestion__header__show-changes-toggle:focus{
1239
+ border:1px solid transparent;
1240
+ }
1241
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-suggestion__header__show-changes-toggle > .ck-icon{
1242
+ width:16px;
1243
+ height:16px;
1244
+ margin-right:0;
1245
+ margin-left:var(--ck-spacing-medium);
1246
+ }
1247
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item:not(.ck-ai-chat__feed__item_done) .ck-ai-mini-toolbar,
1248
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item:not(.ck-ai-chat__feed__item_done) .ck-ai-chat__feed__ai-suggestion__actions,
1249
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item:not(.ck-ai-chat__feed__item_done) .ck-ai-suggestion__header__show-changes-toggle{
1250
+ display:none;
1251
+ opacity:0;
1252
+ }
1253
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck.ck-ai-chat__feed__text-item{
1254
+ word-break:normal;
1255
+ text-wrap:auto;
1256
+ }
1257
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck.ck-ai-chat__feed__text-item pre > code{
1258
+ white-space:pre-wrap;
1259
+ }
1260
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck.ck-ai-chat__feed__user-message:has(.ck-ai-chat-context-chips-wrapper){
1261
+ max-width:100%;
1262
+ }
1263
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck.ck-ai-chat__feed__user-message .ck-ai-chat__feed__message-content{
1264
+ max-width:80%;
1265
+ margin-inline-end:0;
1266
+ margin-inline-start:auto;
1267
+ text-align:end;
1268
+ }
1269
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck.ck-ai-chat__feed__user-message p{
1270
+ display:inline-block;
1271
+ background-color:var(--ck-ai-chat-feed-item-color-background-secondary);
1272
+ padding:8px;
1273
+ border-radius:var(--ck-ai-border-radius);
1274
+ }
1275
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck-ai-chat__feed__ai-suggestion .ck-ai-chat__feed__ai-suggestion__actions{
1276
+ --ck-color-split-button-hover-background:var(--ck-ai-background-color-action-button);
1277
+
1278
+ margin-top:var(--ck-spacing-medium);
1279
+ width:fit-content;
1280
+ }
1281
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck-ai-chat__feed__ai-suggestion .ck-ai-chat__feed__ai-suggestion__actions > .ck-button{
1282
+ --ck-color-button-default-background:var(--ck-ai-background-color-action-button);
1283
+ --ck-color-button-default-hover-background:var(--ck-ai-chat-feed-item-color-actions-button-hover);
1284
+ --ck-color-button-on-hover-background:var(--ck-ai-chat-feed-item-color-actions-button-hover);
1285
+ --ck-color-button-default-active-background:var(--ck-ai-chat-feed-item-color-actions-button-hover);
1286
+ --ck-color-button-on-background:var(--ck-ai-chat-feed-item-color-actions-button-hover);
1287
+ --ck-color-button-on-active-background:var(--ck-ai-chat-feed-item-color-actions-button-hover);
1288
+ --ck-color-focus-border:var(--ck-color-base-background);
1289
+ --ck-focus-ring:1px solid var(--ck-color-focus-border);
1290
+
1291
+ color:var(--ck-color-base-background);
1292
+ }
1293
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck-ai-chat__feed__ai-suggestion .ck-ai-chat__feed__ai-suggestion__actions > .ck-button.ck-splitbutton__action{
1294
+ border-radius:0;
1295
+ }
1296
+ .ck-rounded-corners .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck-ai-chat__feed__ai-suggestion .ck-ai-chat__feed__ai-suggestion__actions > .ck-button.ck-splitbutton__action,
1297
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck-ai-chat__feed__ai-suggestion .ck-ai-chat__feed__ai-suggestion__actions > .ck-button.ck-splitbutton__action.ck-rounded-corners{
1298
+ border-radius:var(--ck-border-radius);
1299
+ border-top-right-radius:0;
1300
+ border-bottom-right-radius:0;
1301
+ }
1302
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck-ai-chat__feed__ai-suggestion .ck-ai-chat__feed__ai-suggestion__actions > .ck-button.ck-splitbutton__arrow{
1303
+ width:1.9em;
1304
+ color:var(--ck-color-base-background);
1305
+ }
1306
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck-ai-chat__feed__ai-suggestion .ck-ai-chat__feed__ai-suggestion__actions > .ck-button.ck-splitbutton__arrow:after{
1307
+ content:'';
1308
+ position:absolute;
1309
+ width:1px;
1310
+ height:100%;
1311
+ left:-1px;
1312
+ background:var(--ck-color-base-background);
1313
+ }
1314
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck-ai-chat__feed__ai-suggestion .ck-ai-chat__feed__ai-suggestion__actions > .ck-button.ck-disabled{
1315
+ background:hsl(263, 59%, 52%, 0.5);
1316
+ }
1317
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck.ck-ai-chat__feed__interaction-header .ck-ai-chat__feed__interaction-header__capabilities{
1318
+ display:flex;
1319
+ align-items:center;
1320
+ gap:4px;
1321
+ color:var(--ck-ai-chat-feed-interaction-header-capabilities-color-text);
1322
+ }
1323
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck.ck-ai-chat__feed__interaction-header .ck-ai-chat__feed__interaction-header__capabilities svg{
1324
+ border-radius:50%;
1325
+ flex-shrink:0;
1326
+ background-color:var(--ck-tabs-panels-container-background);
1327
+ }
1328
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck.ck-ai-chat__feed__interaction-header .ck-ai-chat__feed__interaction-header__capabilities svg:not(:first-child){
1329
+ margin-left:calc(var(--ck-icon-size) * -0.75)
1330
+ }
1331
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck.ck-ai-chat__feed__interaction-header .ck-ai-chat__feed__interaction-header__capabilities__text{
1332
+ color:var(--ck-ai-chat-feed-interaction-header-capabilities-color-text);
1333
+ font-weight:500;
1334
+ }
1335
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-chat__feed__ai-reply-container > *:first-child{
1336
+ margin-top:0;
1337
+ }
1338
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-chat__feed__ai-reply-container > *:last-child{
1339
+ margin-bottom:0;
1340
+ }
1341
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck.ck-ai-chat__feed__ai-suggestion .ck-ai-suggestion__body *,
1342
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item.ck.ck-ai-chat__feed__text-item
1343
+ *:not(.ck-ai-chat__feed__context-chips):not(.ck-ai-chat__feed__context-chips *):not(.ck-ai-web-source .ck-button__label){
1344
+ white-space:normal;
1345
+ line-height:1.4em;
1346
+ }
1347
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-chat__feed__context-chips{
1348
+ display:flex;
1349
+ justify-content:flex-end;
1350
+ margin-bottom:var(--ck-spacing-medium-small);
1351
+ }
1352
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-web-sources{
1353
+ display:grid;
1354
+ grid-template-columns:repeat(3, 1fr);
1355
+ gap:var(--ck-spacing-standard);
1356
+
1357
+ padding:var(--ck-spacing-medium-small) var(--ck-spacing-large) var(--ck-spacing-extra-large) var(--ck-spacing-large);
1358
+ }
1359
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-web-sources > .ck-ai-web-sources__header{
1360
+ grid-column-start:span 3;
1361
+
1362
+ font-size:12px;
1363
+ font-weight:500;
1364
+ line-height:1.4em;
1365
+ }
1366
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-web-sources > .ck-ai-web-sources__header > .ck-icon{
1367
+ vertical-align:text-bottom;
1368
+ width:14px;
1369
+ height:14px;
1370
+ margin-right:var(--ck-spacing-medium-small);
1371
+ color:hsl(0, 0%, 44%);
1372
+ }
1373
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-web-sources > .ck-ai-web-sources__header > span{
1374
+ color:hsl(0, 0%, 44%);
1375
+ }
1376
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-web-sources > .ck-ai-web-source{
1377
+ padding:var(--ck-spacing-medium) var(--ck-spacing-large);
1378
+ border:0;
1379
+ border-radius:50px;
1380
+ background-color:var(--ck-ai-chat-feed-item-color-background);
1381
+ }
1382
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-web-sources > .ck-ai-web-source:focus, .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-web-sources > .ck-ai-web-source:active{
1383
+ box-shadow:none;
1384
+ }
1385
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-web-sources > .ck-ai-web-source .ck-button__icon{
1386
+ margin-right:var(--ck-spacing-medium);
1387
+ color:var(--ck-ai-button-primary-background-color);
1388
+ width:16px;
1389
+ height:16px;
1390
+ }
1391
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-web-sources > .ck-ai-web-source .ck-button__label{
1392
+ white-space:nowrap;
1393
+ overflow:hidden;
1394
+ text-overflow:ellipsis;
1395
+ max-width:80px;
1396
+ font-size:10px;
1397
+ font-weight:700;
1398
+ line-height:1.4em;
1399
+ }
1400
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item .ck-ai-web-sources > .ck-ai-web-source .ck-ai-web-source__title{
1401
+ display:flex;
1402
+ align-items:center;
1403
+ gap:var(--ck-spacing-small);
1404
+ }
1405
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__feed__item > .ck-ai-web-sources{
1406
+ padding:var(--ck-spacing-extra-large) 0 var(--ck-spacing-medium) 0;
1407
+ }
1408
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__loader{
1409
+ display:flex;
1410
+ align-items:flex-start;
1411
+ }
1412
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__loader .ck.ck-spinner-container.ck-ai-spinner{
1413
+ margin:0 var(--ck-spacing-large);
1414
+ }
1415
+ .ck.ck-ai-chat__feed .ck.ck-ai-chat__loader .ck.ck-ai-chat__loader-text{
1416
+ font-weight:500;
1417
+ line-height:1.462em;
1418
+ white-space:normal;
1419
+ }
1420
+ .ck-ai-chat__feed__ai-suggestion__actions__balloon .ck-button.ck-list-item-button{
1421
+ padding-top:0;
1422
+ padding-bottom:0;
1423
+ }
1424
+ @keyframes ck-html-streamer-fade-in{
1425
+ from{
1426
+ opacity:0;
1427
+ }
1428
+
1429
+ to{
1430
+ opacity:1;
1431
+ }
1432
+ }
1433
+ :root{
1434
+ --ck-ai-chat-suggestion-container-header-font-size:.9em;
1435
+ --ck-ai-background-color-action-button-semi-transparent:hsla(263, 59%, 52%, 0.5);
1436
+ }
1437
+ .ck.ck-ai-suggestion__container{
1438
+ border-radius:0;
1439
+
1440
+ --ck-border-radius:4px;
1441
+
1442
+ border:1px solid var(--ck-color-base-border);
1443
+ position:relative;
1444
+ }
1445
+ .ck-rounded-corners .ck.ck-ai-suggestion__container,
1446
+ .ck.ck-ai-suggestion__container.ck-rounded-corners{
1447
+ border-radius:var(--ck-border-radius);
1448
+ }
1449
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__header{
1450
+ height:3.23em;
1451
+ border-bottom:1px solid var(--ck-color-base-border);
1452
+ display:flex;
1453
+ flex-direction:row;
1454
+ justify-content:space-between;
1455
+ align-items:center;
1456
+ padding:0 var(--ck-spacing-large);
1457
+ }
1458
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__header > span{
1459
+ font-size:var(--ck-ai-chat-suggestion-container-header-font-size);
1460
+ font-weight:bold;
1461
+ color:var(--ck-ai-chat-color-icon);
1462
+ flex-grow:1;
1463
+ }
1464
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__header > .ck-icon{
1465
+ width:14px;
1466
+ height:14px;
1467
+ margin-right:var(--ck-spacing-medium);
1468
+ color:var(--ck-ai-chat-color-icon);
1469
+ }
1470
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__header > .ck-switchbutton{
1471
+ --ck-switch-button-toggle-width:2.307em;
1472
+ --ck-switch-button-toggle-inner-size:1em;
1473
+ --ck-switch-button-translation:calc(var(--ck-switch-button-toggle-width) - var(--ck-switch-button-toggle-inner-size) - 2px);
1474
+ --ck-color-switch-button-off-background:var(--ck-ai-chat-color-icon);
1475
+ }
1476
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__header > .ck-switchbutton .ck-button__label{
1477
+ font-size:var(--ck-ai-chat-suggestion-container-header-font-size);
1478
+ margin-right:var(--ck-spacing-standard);
1479
+ }
1480
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__header > .ck-switchbutton .ck-button__toggle{
1481
+ border-radius:var(--ck-switch-button-toggle-inner-size);
1482
+ }
1483
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__header > .ck-switchbutton .ck-button__toggle .ck-button__toggle__inner{
1484
+ border-radius:100%;
1485
+ }
1486
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__body{
1487
+ display:flex;
1488
+ flex-direction:column;
1489
+ }
1490
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-parts{
1491
+ display:flex;
1492
+ flex-direction:column;
1493
+ }
1494
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part{
1495
+ position:relative;
1496
+ padding-bottom:var(--ck-spacing-large);
1497
+ }
1498
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part .ck-ai-suggestion__body__content-part__title{
1499
+ display:flex;
1500
+ justify-content:space-between;
1501
+ align-items:center;
1502
+ color:var(--ck-ai-background-color-action-button);
1503
+ height:2.308em;
1504
+ }
1505
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part .ck-ai-suggestion__body__content-part__title > .ck-ai-suggestion__body__content-part__icon-title{
1506
+ position:absolute;
1507
+ left:calc(-1.8 * var(--ck-spacing-large));
1508
+ background:var(--ck-color-base-background);
1509
+ box-shadow:0 0 5px 6px var(--ck-color-base-background);
1510
+ clip-path:inset(-6px 0 -6px 0);
1511
+ border-radius:100%;
1512
+ }
1513
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part .ck-ai-suggestion__body__content-part__title > .ck-ai-suggestion__body__content-part__icon-accepted{
1514
+ color:var(--ck-color-base-action);
1515
+ }
1516
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part .ck-ai-suggestion__body__content-part__title > .ck-ai-suggestion__body__content-part__icon-rejected{
1517
+ color:var(--ck-color-base-error);
1518
+ }
1519
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part .ck-ai-suggestion__body__content-part__title > .ck-icon,
1520
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part .ck-ai-suggestion__body__content-part__title > .ck-toolbar .ck-icon{
1521
+ --ck-icon-size:1.477em;
1522
+ }
1523
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part .ck-ai-suggestion__body__content-part__title .ck-toolbar{
1524
+ border:0;
1525
+ }
1526
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part .ck-ai-suggestion__body__content-part__title .ck-toolbar .ck-button{
1527
+ margin:0;
1528
+ opacity:.6;
1529
+ }
1530
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part .ck-ai-suggestion__body__content-part__content :last-child{
1531
+ padding-bottom:0;
1532
+ margin-bottom:var(--ck-spacing-medium);
1533
+ }
1534
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part:hover .ck-ai-suggestion__body__content-part__title .ck-toolbar{
1535
+ visibility:visible;
1536
+ opacity:1;
1537
+ }
1538
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part:not(:last-child)::after{
1539
+ content:'...';
1540
+ width:100%;
1541
+ text-align:center;
1542
+ display:block;
1543
+ clear:both;
1544
+ }
1545
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part_active:hover::before{
1546
+ content:'';
1547
+ position:absolute;
1548
+ left:calc((-1 * var(--ck-spacing-large)) - 1px);
1549
+ top:5px;
1550
+ height:100%;
1551
+ border-left:2px solid hsl( 262, 51%, 80%);
1552
+ }
1553
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part_active:last-child::before{
1554
+ height:calc(100% - 10px);
1555
+ }
1556
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part_active:last-child:first-child::before{
1557
+ display:none;
1558
+ }
1559
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part_accepted .ck-ai-suggestion__body__content-part__content, .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part_rejected .ck-ai-suggestion__body__content-part__content{
1560
+ opacity:0.5;
1561
+ }
1562
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part_accepted .ck-ai-suggestion__body__content-part__title
1563
+ :not(.ck-ai-suggestion__body__content-part__icon-title):not(.ck-ai-suggestion__body__content-part__icon-title *), .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part_rejected .ck-ai-suggestion__body__content-part__title
1564
+ :not(.ck-ai-suggestion__body__content-part__icon-title):not(.ck-ai-suggestion__body__content-part__icon-title *){
1565
+ opacity:0.5;
1566
+ }
1567
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part_accepted .ck-ai-suggestion__body__content-part__icon-title, .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part_rejected .ck-ai-suggestion__body__content-part__icon-title{
1568
+ color:var(--ck-ai-background-color-action-button-semi-transparent);
1569
+ }
1570
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part_accepted::after, .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part_rejected::after{
1571
+ opacity:0.5;
1572
+ }
1573
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck.ck-ai-chat__feed__item.ck-ai-chat-error_warning{
1574
+ margin-left:0;
1575
+ margin-right:0;
1576
+ margin-bottom:var(--ck-spacing-large);
1577
+ }
1578
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__body,
1579
+ .ck.ck-ai-suggestion__container .ck-ai-suggestion__changes{
1580
+ padding:var(--ck-spacing-large);
1581
+ padding-bottom:0px;
1582
+ }
1583
+ .ck.ck-ai-mini-toolbar{
1584
+ --ck-color-button-action-background:hsl(263.2, 59.2%, 52%);
1585
+ --ck-color-button-default-hover-background:hsl(262.1, 100%, 96.3%);
1586
+ --ck-color-button-default-active-background:hsl(262.1, 100%, 96.3%);
1587
+ --ck-color-button-on-background:hsl(262.1, 100%, 96.3%);
1588
+ --ck-color-button-on-hover-background:hsl(262.1, 100%, 96.3%);
1589
+ --ck-color-button-on-active-background:hsl(262.1, 100%, 96.3%);
1590
+ --ck-color-button-on-disabled-background:hsl(262.1, 100%, 96.3%);
1591
+ --ck-color-button-on-color:hsl(263.2, 59.2%, 52%);
1592
+ --ck-color-button-action-hover-background:hsl(262.6, 58.9%, 49.6%);
1593
+ --ck-color-button-action-active-background:hsl(262.6, 58.9%, 49.6%);
1594
+ --ck-color-button-action-disabled-background:hsl(263.8, 59.3%, 75.9%);
1595
+
1596
+ position:absolute;
1597
+ right:var(--ck-spacing-large);
1598
+ bottom:0;
1599
+ transform:translateY(50%);
1600
+ }
1601
+ .ck.ck-ai-mini-toolbar .ck.ck-button{
1602
+ font-size:.9em;
1603
+ font-family:var(--ck-ai-chat-font-family);
1604
+ color:var(--ck-ai-chat-color-icon);
1605
+ }
1606
+ .ck.ck-ai-mini-toolbar .ck.ck-button.ck-on{
1607
+ color:var(--ck-ai-background-color-action-button);
1608
+ }
1609
+ .ck.ck-ai-mini-toolbar .ck.ck-button.ck-button_with-text{
1610
+ min-height:2.1em;
1611
+ box-sizing:border-box;
1612
+ flex-direction:row-reverse;
1613
+ padding-right:0.3em;
1614
+ padding-left:0.3em;
1615
+ }
1616
+ .ck.ck-ai-mini-toolbar .ck.ck-button.ck-button_with-text span{
1617
+ line-height:1.4em;
1618
+ }
1619
+ .ck.ck-ai-mini-toolbar .ck.ck-button.ck-button_with-text svg{
1620
+ margin-left:var(--ck-spacing-medium);
1621
+ margin-right:0;
1622
+ --ck-icon-size:16px}
1623
+ .ck.ck-ai-mini-toolbar .ck.ck-button.ck-ai-mini-toolbar-copy-button .ck-ai-mini-toolbar-copy-button__check-mark{
1624
+ position:absolute;
1625
+ top:50%;
1626
+ right:50%;
1627
+ transform:translate(50%, -50%);
1628
+ color:var(--ck-color-base-action);
1629
+ display:none;
1630
+ }
1631
+ .ck.ck-ai-mini-toolbar .ck.ck-button.ck-ai-mini-toolbar-copy-button.ck-ai-mini-toolbar-copy-button_copied .ck-button__icon{
1632
+ display:none;
1633
+ }
1634
+ .ck.ck-ai-mini-toolbar .ck.ck-button.ck-ai-mini-toolbar-copy-button.ck-ai-mini-toolbar-copy-button_copied .ck-ai-mini-toolbar-copy-button__check-mark{
1635
+ display:block;
1636
+ animation-duration:1s;
1637
+ animation-name:ck-ai-mini-toolbar-copy-animation;
1638
+ animation-iteration-count:1;
1639
+ animation-timing-function:ease-out;
1640
+ }
1641
+ @keyframes ck-ai-mini-toolbar-copy-animation{
1642
+ 0%{
1643
+ clip-path:inset(0 100% 0 0);
1644
+ }
1645
+
1646
+ 50%{
1647
+ clip-path:inset(0 0 0 0);
1648
+ }
1649
+
1650
+ 100%{
1651
+ clip-path:inset(0 0 0 0);
1652
+ }
1653
+ }
1654
+ .ck-ai-header{
1655
+ --ck-ui-component-min-height:1.7em;
1656
+ --ck-ui-component-min-width:1.7em;
1657
+ --ck-form-header-height:3em;
1658
+ --ck-form-header-small-icon-color:hsla(0, 0%, 20%, 1);
1659
+ }
1660
+ .ck-ai-header > .ck-button{
1661
+ margin-inline-start:var(--ck-spacing-standard);
1662
+ }
1663
+ .ck-ai-header > .ck-button > .ck-button__icon{
1664
+ --ck-icon-font-size:.666em;
1665
+
1666
+ color:var(--ck-ai-chat-color-icon);
1667
+ }
1668
+ .ck-ai-header > .ck.ck-button.ck-ai-chat__start-conversation{
1669
+ font-size:11.7px;
1670
+ min-height:unset;
1671
+ border:1px solid var(--ck-ai-border-color-button);
1672
+ border-radius:var(--ck-border-radius);
1673
+ gap:var(--ck-spacing-small);
1674
+ color:var(--ck-ai-chat-color-text);
1675
+ }
1676
+ .ck-ai-header > .ck.ck-button.ck-ai-chat__start-conversation:hover{
1677
+ background-color:var(--ck-ai-chat-button-active-background-color);
1678
+ }
1679
+ .ck-ai-header > .ck.ck-button.ck-ai-chat__start-conversation > .ck-button__label{
1680
+ line-height:1.4em;
1681
+ }
1682
+ .ck-ai-header > .ck.ck-button.ck-ai-chat__start-conversation > .ck-button__icon{
1683
+ --ck-icon-font-size:.632em;
1684
+
1685
+ margin-inline-end:0;
1686
+ color:var(--ck-ai-chat-color-text);
1687
+ }
1688
+ .ck-ai-header > .ck.ck-button.ck-ai-chat__start-conversation > span.ck-button__label{
1689
+ position:relative;
1690
+ top:1px;
1691
+ }
1692
+ .ck-ai-header.ck-ai-header_small > .ck.ck-button.ck-button-back{
1693
+ margin-inline-start:0;
1694
+ margin-inline-end:var(--ck-spacing-small);
1695
+ }
1696
+ .ck-ai-header.ck-ai-header_small > .ck.ck-button.ck-button-back > .ck-button__icon{
1697
+ --ck-icon-font-size:13px;
1698
+
1699
+ color:var(--ck-form-header-small-icon-color);
1700
+ }
1701
+ .ck-ai-header.ck-ai-header_small .ck-form__header__label{
1702
+ --ck-font-size-base:13px;
1703
+ --ck-font-face:var(--ck-ai-chat-font-family);
1704
+
1705
+ font-weight:500;
1706
+ }
1707
+ .ck-ai-header .ck-form__header__label:not(:last-child){
1708
+ margin-inline-end:var(--ck-spacing-small);
1709
+ }
1710
+ :root{
1711
+ --ck-ai-chat-color-background-error:hsla(15, 100%, 97%, 1);
1712
+ --ck-ai-chat-color-background-warning:hsla(36, 100%, 65.10%, 0.10);
1713
+
1714
+ --ck-ai-chat-color-border-error:hsla(14, 100%, 68%, 1);
1715
+ --ck-ai-chat-color-border-warning:hsla(36, 100%, 65%, 1);
1716
+ }
1717
+ .ck.ck-ai-chat-error{
1718
+ display:flex;
1719
+ align-items:flex-start;
1720
+ justify-content:space-between;
1721
+ gap:var(--ck-spacing-medium);
1722
+ width:fit-content;
1723
+
1724
+ background-color:var(--ck-ai-chat-color-background-error);
1725
+ border:1px solid var(--ck-ai-chat-color-border-error);
1726
+ padding:var(--ck-spacing-standard);
1727
+ border-radius:var(--ck-ai-border-radius);
1728
+ }
1729
+ .ck.ck-ai-chat-error.ck-ai-chat-error_warning{
1730
+ background-color:var(--ck-ai-chat-color-background-warning);
1731
+ border-color:var(--ck-ai-chat-color-border-warning);
1732
+ }
1733
+ .ck.ck-ai-chat-error > p{
1734
+ flex:1;
1735
+ max-width:calc(100% - (16px + var(--ck-spacing-medium)));
1736
+ white-space:normal;
1737
+ color:var(--ck-color-base-text);
1738
+ line-height:var(--ck-line-height-base);
1739
+ }
1740
+ .ck.ck-ai-chat-error > .ck-button{
1741
+ --ck-icon-font-size:0.666em;
1742
+ }
1743
+ .ck.ck-ai-chat-error > .ck-button.ck-ai-chat-error__dismiss-button{
1744
+ --ck-icon-font-size:0.666em;
1745
+ --ck-ui-component-min-height:16px;
1746
+
1747
+ padding:0;
1748
+ flex-shrink:0;
1749
+ }
1750
+ .ck.ck-ai-chat-error.ck-ai-chat-error_full-width > p{
1751
+ max-width:100%;
1752
+ }
1753
+ :root{
1754
+ --ai-skeleton-z-index:calc( var(--ck-z-default) + 1);
1755
+ --ck-ai-skeleton-item-background:linear-gradient(90deg, hsl(0, 0.00%, 98.00%) 0%, hsl(0, 0.00%, 94.10%) 50%, hsl(0, 0.00%, 98.00%) 100%);
1756
+ --ck-ai-skeleton-animation-duration:1s;
1757
+ --ck-ai-skeleton-gap:var(--ck-spacing-extra-large);
1758
+ }
1759
+ .ck.ck-ai-skeleton{
1760
+ position:absolute;
1761
+ inset:0;
1762
+ z-index:var(--ai-skeleton-z-index);
1763
+ display:flex;
1764
+ flex-direction:column;
1765
+ align-items:flex-end;
1766
+ gap:var(--ck-ai-skeleton-gap) 0;
1767
+ padding:var(--ck-spacing-extra-large) var(--ck-spacing-large) var(--ck-spacing-large);
1768
+ width:100%;
1769
+ height:100%;
1770
+ background-color:var(--ck-color-base-background);
1771
+ opacity:1;
1772
+ transition:opacity .4s, display .4s allow-discrete;
1773
+ transition-delay:350ms;
1774
+ }
1775
+ .ck.ck-ai-skeleton.ck-hidden{
1776
+ transition-delay:0ms;
1777
+ opacity:0;
1778
+ }
1779
+ @starting-style{
1780
+ .ck.ck-ai-skeleton{
1781
+ opacity:0;
1782
+ }
1783
+ }
1784
+ .ck.ck-ai-skeleton > .ck.ck-ai-skeleton__item{
1785
+ background:var(--ck-ai-skeleton-item-background);
1786
+ background-size:200% 100%;
1787
+ animation:var(--ck-ai-skeleton-animation-duration) ck-ai-skeleton-shine linear infinite;
1788
+ width:100%;
1789
+ }
1790
+ @keyframes ck-ai-skeleton-shine{
1791
+ to{
1792
+ background-position-x:-200%;
1793
+ }
1794
+ }
1795
+ :root{
1796
+ --ck-ai-spinner-size:var(--ck-toolbar-spinner-size);
1797
+ --ck-ai-spinner-background:linear-gradient(to right, hsl(0, 0%, 100%), hsl(0, 0%, 58%));
1798
+ --ck-ai-spinner-mask:radial-gradient(farthest-side, transparent 66%, hsl(0, 0%, 0%) 61%);
1799
+ --ck-ai-spinner-animation-duration:1s;
1800
+ }
1801
+ .ck.ck-spinner-container.ck-ai-spinner{
1802
+ display:inline-block;
1803
+ width:var(--ck-ai-spinner-size);
1804
+ height:var(--ck-ai-spinner-size);
1805
+ margin:0;
1806
+ flex-shrink:0;
1807
+ animation-duration:var(--ck-ai-spinner-animation-duration);
1808
+ }
1809
+ .ck.ck-spinner-container.ck-ai-spinner .ck-spinner{
1810
+ width:var(--ck-ai-spinner-size);
1811
+ height:var(--ck-ai-spinner-size);
1812
+
1813
+ border:none;
1814
+
1815
+ background:var(--ck-ai-spinner-background);
1816
+ -webkit-mask:var(--ck-ai-spinner-mask);
1817
+ mask:var(--ck-ai-spinner-mask);
1818
+
1819
+ box-sizing:border-box;
1820
+ }
1821
+ .ck.ck-spinner-container.ck-ai-spinner.ck-ai-spinner_small{
1822
+ --ck-ai-spinner-size:1em;
1823
+ }
1824
+ .ck.ck-spinner-container.ck-ai-spinner.ck-ai-spinner_tiny{
1825
+ --ck-ai-spinner-size:12px;
1826
+ }
1827
+ .ck.ck-spinner-container.ck-hidden{
1828
+ display:none;
1829
+ animation:none;
1830
+ }
1831
+ @keyframes ck-spin{
1832
+ to{
1833
+ transform:rotate(360deg);
1834
+ }
1835
+ }
1836
+ :root{
1837
+ --ck-ai-button-primary-color:hsla(0, 0%, 100%, 1);
1838
+ --ck-ai-button-primary-disabled-color:hsla(0, 0%, 100%, 1);
1839
+ --ck-ai-button-primary-background-color:hsla(263, 59%, 52%, 1);
1840
+ --ck-ai-button-primary-disabled-background-color:hsla(263, 59%, 52%, 0.5);
1841
+ --ck-ai-button-primary-hover-background-color:hsla(263, 59%, 40%, 1);
1842
+ --ck-ai-button-secondary-color:hsla(263, 59%, 52%, 1);
1843
+ --ck-ai-button-secondary-disabled-color:hsla(263, 59%, 52%, 0.5);
1844
+ --ck-ai-button-secondary-background-color:hsla(0, 0%, 100%, 1);
1845
+ --ck-ai-button-secondary-disabled-background-color:hsla(0, 0%, 100%, 0.5);
1846
+ --ck-ai-button-secondary-border-color:hsla(262, 51%, 80%, 1);
1847
+ --ck-ai-button-secondary-disabled-border-color:hsla(262, 51%, 80%, 0.5);
1848
+ --ck-ai-button-secondary-hover-background-color:hsla(262, 100%, 96%, 1);
1849
+ --ck-ai-button-secondary-active-background-color:hsla(262, 100%, 96%, 1);
1850
+ --ck-ai-button-tertiary-text-color:hsla(263, 59%, 52%, 1);
1851
+ --ck-ai-button-tertiary-disabled-text-color:hsla(263, 59%, 52%, 0.5);
1852
+ --ck-ai-button-tertiary-text-background-color:transparent;
1853
+ --ck-ai-button-tertiary-text-hover-background-color:hsla(262, 100%, 96%, 1);
1854
+ --ck-ai-button-tertiary-filled-color:hsla(0, 0%, 44%, 1);
1855
+ --ck-ai-button-tertiary-filled-disabled-color:hsla(0, 0%, 44%, 0.5);
1856
+ --ck-ai-button-tertiary-filled-hover-color:hsla(0, 0%, 20%, 1);
1857
+ --ck-ai-button-tertiary-filled-active-color:hsla(263, 59%, 52%, 1);
1858
+ --ck-ai-button-tertiary-filled-background-color:transparent;
1859
+ --ck-ai-button-tertiary-filled-disabled-background-color:hsla(0, 0%, 93%, 1);
1860
+ --ck-ai-button-tertiary-filled-hover-background-color:hsla(262, 100%, 96%, 1);
1861
+ --ck-ai-button-tertiary-filled-active-background-color:hsla(262, 100%, 96%, 1);
1862
+ }
1863
+ .ck.ck-button.ck-ai-button-primary{
1864
+ color:var(--ck-ai-button-primary-color);
1865
+ background-color:var(--ck-ai-button-primary-background-color);
1866
+ border:none;
1867
+ }
1868
+ .ck.ck-button.ck-ai-button-primary:hover{
1869
+ background-color:var(--ck-ai-button-primary-hover-background-color);
1870
+ }
1871
+ .ck.ck-button.ck-ai-button-primary:disabled,
1872
+ .ck.ck-button.ck-ai-button-primary.ck-disabled{
1873
+ color:var(--ck-ai-button-primary-disabled-color);
1874
+ background-color:var(--ck-ai-button-primary-disabled-background-color);
1875
+ cursor:not-allowed;
1876
+ }
1877
+ .ck.ck-button.ck-ai-button-primary:disabled > .ck.ck-button__label,
1878
+ .ck.ck-button.ck-ai-button-primary.ck-disabled > .ck.ck-button__label,
1879
+ .ck.ck-button.ck-ai-button-primary:disabled > .ck-button__icon,
1880
+ .ck.ck-button.ck-ai-button-primary.ck-disabled > .ck-button__icon{
1881
+ opacity:1;
1882
+ }
1883
+ .ck.ck-button.ck-ai-button-secondary{
1884
+ color:var(--ck-ai-button-secondary-color);
1885
+ background-color:var(--ck-ai-button-secondary-background-color);
1886
+ border:1px solid var(--ck-ai-button-secondary-border-color);
1887
+ }
1888
+ .ck.ck-button.ck-ai-button-secondary:hover{
1889
+ background-color:var(--ck-ai-button-secondary-hover-background-color);
1890
+ }
1891
+ .ck.ck-button.ck-ai-button-secondary:active,
1892
+ .ck.ck-button.ck-ai-button-secondary.ck-on{
1893
+ background-color:var(--ck-ai-button-secondary-active-background-color);
1894
+ }
1895
+ .ck.ck-button.ck-ai-button-secondary:disabled,
1896
+ .ck.ck-button.ck-ai-button-secondary.ck-disabled{
1897
+ color:var(--ck-ai-button-secondary-disabled-color);
1898
+ background-color:var(--ck-ai-button-secondary-disabled-background-color);
1899
+ border:1px solid var(--ck-ai-button-secondary-disabled-border-color);
1900
+ cursor:not-allowed;
1901
+ }
1902
+ .ck.ck-button.ck-ai-button-secondary:disabled > .ck.ck-button__label,
1903
+ .ck.ck-button.ck-ai-button-secondary.ck-disabled > .ck.ck-button__label,
1904
+ .ck.ck-button.ck-ai-button-secondary:disabled > .ck-button__icon,
1905
+ .ck.ck-button.ck-ai-button-secondary.ck-disabled > .ck-button__icon{
1906
+ opacity:1;
1907
+ }
1908
+ .ck.ck-button.ck-ai-button-tertiary-text{
1909
+ color:var(--ck-ai-button-tertiary-text-color);
1910
+ background-color:var(--ck-ai-button-tertiary-text-background-color);
1911
+ border:none;
1912
+ }
1913
+ .ck.ck-button.ck-ai-button-tertiary-text:hover{
1914
+ background-color:var(--ck-ai-button-tertiary-text-hover-background-color);
1915
+ }
1916
+ .ck.ck-button.ck-ai-button-tertiary-text:disabled,
1917
+ .ck.ck-button.ck-ai-button-tertiary-text.ck-disabled{
1918
+ color:var(--ck-ai-button-tertiary-disabled-text-color);
1919
+ cursor:not-allowed;
1920
+ }
1921
+ .ck.ck-button.ck-ai-button-tertiary-text:disabled > .ck.ck-button__label,
1922
+ .ck.ck-button.ck-ai-button-tertiary-text.ck-disabled > .ck.ck-button__label,
1923
+ .ck.ck-button.ck-ai-button-tertiary-text:disabled > .ck-button__icon,
1924
+ .ck.ck-button.ck-ai-button-tertiary-text.ck-disabled > .ck-button__icon{
1925
+ opacity:1;
1926
+ }
1927
+ .ck.ck-button.ck-ai-button-tertiary-filled{
1928
+ color:var(--ck-ai-button-tertiary-filled-color);
1929
+ background-color:var(--ck-ai-button-tertiary-filled-background-color);
1930
+ border:none;
1931
+ }
1932
+ .ck.ck-button.ck-ai-button-tertiary-filled:hover{
1933
+ color:var(--ck-ai-button-tertiary-filled-hover-color);
1934
+ background-color:var(--ck-ai-button-tertiary-filled-hover-background-color);
1935
+ }
1936
+ .ck.ck-button.ck-ai-button-tertiary-filled:active,
1937
+ .ck.ck-button.ck-ai-button-tertiary-filled.ck-on{
1938
+ color:var(--ck-ai-button-tertiary-filled-active-color);
1939
+ background-color:var(--ck-ai-button-tertiary-filled-active-background-color);
1940
+ }
1941
+ .ck.ck-button.ck-ai-button-tertiary-filled:disabled,
1942
+ .ck.ck-button.ck-ai-button-tertiary-filled.ck-disabled{
1943
+ color:var(--ck-ai-button-tertiary-filled-disabled-color);
1944
+ background-color:var(--ck-ai-button-tertiary-filled-disabled-background-color);
1945
+ cursor:not-allowed;
1946
+ }
1947
+ .ck.ck-button.ck-ai-button-tertiary-filled:disabled > .ck.ck-button__label,
1948
+ .ck.ck-button.ck-ai-button-tertiary-filled.ck-disabled > .ck.ck-button__label,
1949
+ .ck.ck-button.ck-ai-button-tertiary-filled:disabled > .ck-button__icon,
1950
+ .ck.ck-button.ck-ai-button-tertiary-filled.ck-disabled > .ck-button__icon{
1951
+ opacity:1;
1952
+ }
1953
+ :root{
1954
+ --ck-ai-disclaimer-background-color:hsla(0, 0%, 96%, 1);
1955
+ --ck-ai-disclaimer-border-color:hsla(220, 6%, 82%, 1);
1956
+ --ck-ai-disclaimer-text-color:hsla(0, 0%, 44%, 1);
1957
+ }
1958
+ .ck.ck-ai-disclaimer{
1959
+ background-color:var(--ck-ai-disclaimer-background-color);
1960
+ border-top:1px solid var(--ck-ai-disclaimer-border-color);
1961
+ padding:var(--ck-spacing-standard) 1em;
1962
+ }
1963
+ .ck.ck-ai-disclaimer > .ck.ck-ai-disclaimer__content{
1964
+ color:var(--ck-ai-disclaimer-text-color);
1965
+ font-size:0.75em;
1966
+ line-height:1.025em;
1967
+ text-align:center;
1968
+ word-break:normal;
1969
+ text-wrap:auto;
1970
+ }
1971
+
1972
+ :root{
1973
+ --ck-ai-border-color-main:hsla(216, 5%, 81%, 1);
1974
+ --ck-ai-border-color-button:hsla(262, 51%, 80%, 1);
1975
+ --ck-ai-background-color-action-button:hsla(263, 59%, 52%, 1);
1976
+ --ck-ai-font-color-action-button:hsl(0, 0%, 100%);
1977
+
1978
+ --ck-ai-chat-color-text:hsla(263, 59%, 52%, 1);
1979
+ --ck-ai-chat-color-icon:hsla(0, 0%, 44%, 1);
1980
+ --ck-ai-chat-border-width:1px;
1981
+
1982
+ --ck-ai-chat-button-active-background-color:hsla(262, 100%, 96%, 1);
1983
+ --ck-ai-chat-button-active-color:hsla(263, 59%, 52%, 1);
1984
+ --ck-ai-chat-button-hover-color:hsla(0, 0%, 20%, 1);
1985
+ --ck-ai-chat-font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
1986
+ --ck-ai-chat-user-context-background:hsla(0, 0%, 98%, 1);
1987
+
1988
+ --ck-ai-chat-flash-color:hsla(263, 59%, 52%, 0.102);
1989
+ --ck-ai-chat-flash-color-text:hsla(263, 59%, 52%, 1);
1990
+ --ck-ai-chat-animation-duration:0.6s;
1991
+ --ck-ai-chat-animation-timing:ease-out;
1992
+
1993
+ --ck-ai-chat-loader-animation-duration:1.5s;
1994
+ --ck-ai-chat-loader-icon-color:hsla(0, 0%, 96%, 0.98);
1995
+
1996
+ --ck-ai-chat-feed-loader-icon-color:hsla(0, 0%, 85%, 1);
1997
+
1998
+ --ck-ai-border-radius:calc(var(--ck-border-radius) * 2);
1999
+ }
2000
+
2001
+ .ck.ck-ai-chat{
2002
+
2003
+ width:100%;
2004
+ min-height:300px;
2005
+ display:flex;
2006
+ flex-direction:column;
2007
+ overflow:hidden;
2008
+ font-family:var(--ck-ai-chat-font-family) !important;
2009
+ }
2010
+
2011
+ .ck.ck-ai-chat *{
2012
+ font-family:var(--ck-ai-chat-font-family) !important;
2013
+ }
2014
+
2015
+ :root{
2016
+ --ai-active-icon-size:17px;
2017
+
2018
+ --ck-ai-loader-icon-color:hsla(0, 0%, 85%, 1);
2019
+ --ck-ai-loader-icon-dot-color:hsla(0, 0%, 65%, 1);
2020
+ --ck-ai-chat-feed-item-spacing:var(--ck-spacing-extra-large);
2021
+ }
2022
+
2023
+ .ck .ck-ai-chat-history{
2024
+ display:flex;
2025
+ flex-direction:column;
2026
+ height:100%;
2027
+ }
2028
+
2029
+ .ck .ck-ai-chat-history .ck-ai-chat-history__content,
2030
+ .ck .ck-ai-chat-history .ck-search{
2031
+ display:flex;
2032
+ flex-direction:column;
2033
+ flex:1 1 auto;
2034
+ min-height:0;
2035
+ gap:var(--ck-spacing-medium-small);
2036
+ position:relative;
2037
+ }
2038
+
2039
+ .ck .ck-ai-chat-history .ck-ai-chat-history__content .ck-ai-chat-error{
2040
+ margin:var(--ck-spacing-extra-large) var(--ck-spacing-large) var(--ck-spacing-medium) var(--ck-spacing-large);
2041
+ }
2042
+
2043
+ .ck .ck-ai-chat-history .ck-search > .ck-labeled-field-view{
2044
+ margin-top:var(--ck-spacing-medium);
2045
+ padding:var(--ck-spacing-large) var(--ck-spacing-large) var(--ck-spacing-tiny);
2046
+ }
2047
+
2048
+ .ck .ck-ai-chat-history .ck-search__results{
2049
+ min-height:0;
2050
+ flex:1 1 auto;
2051
+ overflow-y:auto;
2052
+ overflow-x:hidden;
2053
+ }
2054
+
2055
+ .ck .ck-ai-chat-history .ck-dropdown .ck-dropdown__arrow{
2056
+ display:none;
2057
+ }
2058
+
2059
+ .ck .ck-ai-chat-history .ck-ai-chat-history__sections{
2060
+ gap:var(--ck-spacing-medium-small);
2061
+ }
2062
+
2063
+ .ck .ck-ai-chat-history .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text){
2064
+ padding:0;
2065
+ }
2066
+
2067
+ .ck .ck-ai-chat-history .ck-ai-chat-history__section-title{
2068
+ color:var(--ck-ai-chat-color-icon);
2069
+ font-size:0.85em;
2070
+ font-weight:700;
2071
+ line-height:1.85em;
2072
+ padding:0.48em 0.9em 0 0.9em;
2073
+ }
2074
+
2075
+ .ck .ck-ai-chat-history .ck-confirm-view .ck-confirm-view-inner, .ck .ck-ai-chat-history .ck-ai-chat-history__item{
2076
+ padding:var(--ck-spacing-tiny) var(--ck-spacing-extra-large) var(--ck-spacing-tiny) var(--ck-spacing-large);
2077
+ }
2078
+
2079
+ .ck .ck-ai-chat-history .ck-ai-chat-history__item{
2080
+ display:flex;
2081
+ position:relative;
2082
+ transition:transform 300ms ease;
2083
+ }
2084
+
2085
+ @media (prefers-reduced-motion: reduce){
2086
+
2087
+ .ck .ck-ai-chat-history .ck-ai-chat-history__item{
2088
+ transition:none;
2089
+ }
2090
+ }
2091
+
2092
+ .ck .ck-ai-chat-history .ck-ai-chat-history__item:hover{
2093
+ background-color:var(--ck-ai-chat-button-active-background-color);
2094
+ }
2095
+
2096
+ .ck .ck-ai-chat-history .ck-ai-chat-history__item-title{
2097
+ display:inline-block;
2098
+ width:100%;
2099
+ overflow:hidden;
2100
+ text-overflow:ellipsis;
2101
+ }
2102
+
2103
+ .ck .ck-ai-chat-history .ck-ai-chat-history__item--active .ck-ai-chat-history__item-title{
2104
+ font-weight:700;
2105
+ }
2106
+
2107
+ .ck .ck-ai-chat-history .ck-ai-chat-history__item-row{
2108
+ --ck-icon-font-size:.666em;
2109
+ --ck-ui-component-min-height:1.7em;
2110
+ --ck-ui-component-min-width:1.7em;
2111
+
2112
+ width:100%;
2113
+ min-width:0;
2114
+ margin-left:0.3em;
2115
+ }
2116
+
2117
+ .ck .ck-ai-chat-history .ck-ai-chat-history__item-row, .ck .ck-ai-chat-history .ck-ai-chat-history__item-actions{
2118
+ display:flex;
2119
+ align-items:center;
2120
+ gap:0.6em;
2121
+ }
2122
+
2123
+ .ck .ck-ai-chat-history .ck-ai-chat-history__item-actions{
2124
+ height:100%;
2125
+ }
2126
+
2127
+ .ck .ck-ai-chat-history .ck-ai-chat-history__item-actions > .ck-button,
2128
+ .ck .ck-ai-chat-history .ck-ai-chat-history__item-actions > .ck-dropdown .ck-dropdown__button{
2129
+ opacity:.7;
2130
+ }
2131
+
2132
+ .ck .ck-ai-chat-history .ck-ai-chat-history__item-actions > .ck-button:hover, .ck .ck-ai-chat-history .ck-ai-chat-history__item-actions > .ck-dropdown .ck-dropdown__button:hover{
2133
+ opacity:1;
2134
+ background:none;
2135
+ }
2136
+
2137
+ .ck .ck-ai-chat-history .ck-ai-chat-history__item-actions > .ck-button.ck-on, .ck .ck-ai-chat-history .ck-ai-chat-history__item-actions > .ck-dropdown .ck-dropdown__button.ck-on{
2138
+ background-color:var(--ck-ai-chat-button-active-background-color);
2139
+ color:var(--ck-ai-chat-button-hover-color);
2140
+ }
2141
+
2142
+ .ck .ck-ai-chat-history .ck-ai-chat-history__item-actions > .ck-button.ck-on svg, .ck .ck-ai-chat-history .ck-ai-chat-history__item-actions > .ck-dropdown .ck-dropdown__button.ck-on svg{
2143
+ color:var(--ck-ai-chat-button-active-color);
2144
+ }
2145
+
2146
+ .ck .ck-ai-chat-history .ck-ai-chat-history__item--edit .ck-input,
2147
+ .ck .ck-ai-chat-history .ck-ai-chat-history__item--edit .ck-input_focused{
2148
+ width:100%;
2149
+ padding:0;
2150
+ border:none;
2151
+ box-shadow:none;
2152
+ background:transparent;
2153
+ }
2154
+
2155
+ .ck .ck-ai-chat-history .ck-ai-chat-history__item--edit{
2156
+ background:var(--ck-ai-chat-button-active-background-color);
2157
+ }
2158
+
2159
+ .ck .ck-ai-chat-history .ck-ai-chat-history__item--edit .ck-ai-chat-history__item-edit .ck-input{
2160
+ background:var(--ck-ai-chat-button-active-background-color);
2161
+ }
2162
+
2163
+ .ck .ck-ai-chat-history .ck-ai-chat-history__item--edit .ck-ai-chat-history__item-actions{
2164
+ align-items:center;
2165
+ }
2166
+
2167
+ .ck .ck-ai-chat-history .ck-ai-chat-history__item-content{
2168
+ display:flex;
2169
+ flex-direction:column;
2170
+ justify-content:center;
2171
+ align-items:flex-start;
2172
+ flex:1 0 0;
2173
+ overflow:hidden;
2174
+ }
2175
+
2176
+ .ck .ck-ai-chat-history .ck-ai-chat-history__item-main-content{
2177
+ width:100%;
2178
+ }
2179
+
2180
+ .ck .ck-ai-chat-history .ck-ai-chat-history__item-main-content, .ck .ck-ai-chat-history .ck-ai-chat-history__item-check-container{
2181
+ display:flex;
2182
+ align-items:center;
2183
+ height:2em;
2184
+ }
2185
+
2186
+ .ck .ck-ai-chat-history .ck-ai-chat-history__item-check-container{
2187
+ --ck-icon-font-size:.5em;
2188
+
2189
+ min-width:var(--ai-active-icon-size);
2190
+ }
2191
+
2192
+ .ck .ck-ai-chat-history .ck-ai-chat-history__item-date{
2193
+ line-height:1.385em;
2194
+ color:var(--ck-ai-chat-color-icon);
2195
+ }
2196
+
2197
+ .ck .ck-ai-chat-history .ck-ai-chat-history__empty{
2198
+ padding:var(--ck-spacing-tiny) var(--ck-spacing-large) var(--ck-spacing-large) var(--ck-spacing-large);
2199
+ }
2200
+
2201
+ .ck .ck-ai-chat-history .ck-ai-chat-history__empty .ck-ai-chat-history__empty-message{
2202
+ text-wrap:auto;
2203
+ line-height:1.85em;
2204
+ margin:var(--ck-spacing-large) 0;
2205
+ }
2206
+
2207
+ .ck .ck-ai-chat-history .ck-ai-chat-history__empty .ck-ai-chat-history__open-chat-button{
2208
+ font-size:0.9em;
2209
+ border:none;
2210
+ padding:0 var(--ck-spacing-standard);
2211
+ min-height:22px;
2212
+ height:22px;
2213
+
2214
+ background-color:var(--ck-ai-background-color-action-button);
2215
+ color:var(--ck-ai-font-color-action-button);
2216
+ }
2217
+
2218
+ .ck .ck-ai-chat-history .ck-confirm-view{
2219
+ --ck-icon-font-size:.666em;
2220
+ --ck-ui-component-min-height:1.7em;
2221
+ --ck-ui-component-min-width:1.7em;
2222
+ }
2223
+
2224
+ .ck .ck-ai-chat-history .ck-confirm-view .ck-confirm-view-inner{
2225
+ flex-direction:row;
2226
+ align-items:center;
2227
+ justify-content:space-between;
2228
+ gap:0.6em;
2229
+ flex:1 0 0;
2230
+ margin-left:var(--ai-active-icon-size);
2231
+ }
2232
+
2233
+ .ck .ck-ai-chat-history .ck-confirm-view .ck-confirm-view-actions{
2234
+ display:flex;
2235
+ gap:0.6em;
2236
+ }
2237
+
2238
+ :root{
2239
+ --ck-ai-quick-actions-button-color:hsla(263, 59%, 52%, 1);
2240
+ --ck-ai-quick-actions-button-background-color:hsla(265, 100%, 96%, 1);
2241
+ }
2242
+
2243
+ .ck-ai-quick-actions{
2244
+ width:300px;
2245
+ }
2246
+
2247
+ .ck-ai-quick-actions svg.ck-icon{
2248
+ width:20px;
2249
+ height:20px;
2250
+ }
2251
+
2252
+ :scope .ck-ai-quick-actions-dropdown,:scope .ck-ai-quick-actions-group-panel{
2253
+ --ck-color-list-button-hover-background:var(--ck-ai-quick-actions-button-background-color);
2254
+ --ck-color-button-default-hover-background:var(--ck-ai-quick-actions-button-background-color);
2255
+ --ck-color-button-on-background:var(--ck-ai-quick-actions-button-background-color);
2256
+ --ck-color-button-on-hover-background:var(--ck-ai-quick-actions-button-background-color);
2257
+ }
2258
+
2259
+ :scope .ck-ai-quick-actions-dropdown .ck.ck-button:not(.ck-dropdown__button),:scope .ck-ai-quick-actions-group-panel .ck.ck-button:not(.ck-dropdown__button){
2260
+ border-color:transparent;
2261
+ box-shadow:none;
2262
+ }
2263
+
2264
+ :scope .ck-ai-quick-actions-dropdown .ck.ck-button:not(.ck-dropdown__button):focus,:scope .ck-ai-quick-actions-group-panel .ck.ck-button:not(.ck-dropdown__button):focus{
2265
+ background-color:var(--ck-ai-quick-actions-button-background-color);
2266
+ }
2267
+
2268
+ :scope .ck-ai-quick-actions-dropdown .ck.ck-button.ck-dropdown__button.ck-on,:scope .ck-ai-quick-actions-group-panel .ck.ck-button.ck-dropdown__button.ck-on{
2269
+ color:var(--ck-ai-quick-actions-button-color);
2270
+ }
2271
+
2272
+ :root{
2273
+ --ck-color-ai-selection:hsl(262.5, 60%, 90%);
2274
+ --ck-ai-button-primary-color:hsla(0, 0%, 100%, 1);
2275
+ --ck-ai-button-primary-disabled-color:hsla(0, 0%, 100%, 1);
2276
+ --ck-ai-button-primary-background-color:hsla(263, 59%, 52%, 1);
2277
+ --ck-ai-button-primary-disabled-background-color:hsla(263, 59%, 52%, 0.5);
2278
+ --ck-ai-button-primary-hover-background-color:hsla(263, 59%, 40%, 1);
2279
+ --ck-ai-button-secondary-color:hsla(263, 59%, 52%, 1);
2280
+ --ck-ai-button-secondary-disabled-color:hsla(263, 59%, 52%, 0.5);
2281
+ --ck-ai-button-secondary-background-color:hsla(0, 0%, 100%, 1);
2282
+ --ck-ai-button-secondary-disabled-background-color:hsla(0, 0%, 100%, 0.5);
2283
+ --ck-ai-button-secondary-border-color:hsla(262, 51%, 80%, 1);
2284
+ --ck-ai-button-secondary-disabled-border-color:hsla(262, 51%, 80%, 0.5);
2285
+ --ck-ai-button-secondary-hover-background-color:hsla(262, 100%, 96%, 1);
2286
+ --ck-ai-button-secondary-active-background-color:hsla(262, 100%, 96%, 1);
2287
+ }
2288
+
2289
+ .ck.ai-balloon{
2290
+ --ck-ai-balloon-font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
2291
+ --ck-ai-balloon-disclaimer-text-color:hsla(0, 0%, 44%, 1);
2292
+ }
2293
+
2294
+ .ck.ai-balloon .ck-dialog__content{
2295
+ width:580px;
2296
+ padding:var(--ck-spacing-large);
2297
+ }
2298
+
2299
+ .ck.ai-balloon .ck-ai-suggestion__header{
2300
+ display:none
2301
+ }
2302
+
2303
+ .ck.ai-balloon .ck.ck-ai-balloon__toolbar{
2304
+ border:none;
2305
+ padding:0;
2306
+ margin-top:var(--ck-spacing-medium);
2307
+ margin-bottom:0;
2308
+ }
2309
+
2310
+ .ck.ai-balloon .ck.ck-ai-balloon__toolbar .ck-button_with-text{
2311
+ margin-bottom:0;
2312
+ margin-top:0;
2313
+ }
2314
+
2315
+ .ck.ai-balloon .ck-ai-balloon__disclaimer{
2316
+ margin-top:var(--ck-spacing-medium);
2317
+ }
2318
+
2319
+ .ck.ai-balloon .ck-ai-balloon__disclaimer .ck-ai-balloon__disclaimer-content{
2320
+ color:var(--ck-ai-balloon-disclaimer-text-color);
2321
+ font-size:0.75em;
2322
+ line-height:1.025em;
2323
+ text-align:left;
2324
+ word-break:normal;
2325
+ text-wrap:auto;
2326
+ }
2327
+
2328
+ .ck.ai-balloon .ck-ai-suggestion__body{
2329
+ height:150px;
2330
+ word-break:normal;
2331
+ text-wrap:auto;
2332
+ overflow-y:auto;
2333
+ }
2334
+
2335
+ .ck.ai-balloon .ck-ai-suggestion__body pre>code{
2336
+ white-space:pre-wrap;
2337
+ }
2338
+
2339
+ .ck.ai-balloon .ck-ai-suggestion__changes{
2340
+ height:150px;
2341
+ overflow-y:auto;
2342
+ }
2343
+
2344
+ .ck.ai-balloon *{
2345
+ font-family:var(--ck-ai-balloon-font-family) !important;
2346
+ }
2347
+
2348
+ .ck.ai-balloon .ck-ai-suggestion__changes *,
2349
+ .ck.ai-balloon .ck-ai-suggestion__body *,
2350
+ .ck.ai-balloon .ck-ai-suggestion__change *{
2351
+ white-space:normal;
2352
+ line-height:1.4em;
2353
+ }
2354
+
2355
+ .ck.ai-balloon-rotator .ck.ck-form__header{
2356
+ justify-content:center;
2357
+ position:relative;
2358
+ }
2359
+
2360
+ .ck.ai-balloon-rotator .ck.ck-form__header h2.ck.ck-form__header__label{
2361
+ flex-grow:0;
2362
+ }
2363
+
2364
+ .ck.ai-balloon-rotator .ck.ck-form__header button.ck-button{
2365
+ margin-right:var(--ck-spacing-large);
2366
+ margin-left:var(--ck-spacing-large);
2367
+ }
2368
+
2369
+ .ck.ai-balloon-rotator .ck.ck-form__header .ck-button:last-child{
2370
+ position:absolute;
2371
+ right:var(--ck-spacing-large);
2372
+ }
2373
+
2374
+ .ck.ai-balloon-rotator::after{
2375
+ content:"";
2376
+ position:absolute;
2377
+ top:8px;
2378
+ left:8px;
2379
+ width:100%;
2380
+ height:100%;
2381
+ background:var(--ck-color-dialog-background);
2382
+ z-index:-1;
2383
+ border-radius:var(--ck-border-radius);
2384
+ box-shadow:var(--ck-drop-shadow), 0 0;
2385
+ border:1px solid var(--ck-color-base-border);
2386
+ }
2387
+ .ck.ck-button.ck-ai-button-primary{
2388
+ color:var(--ck-ai-button-primary-color);
2389
+ background-color:var(--ck-ai-button-primary-background-color);
2390
+ border:none;
2391
+ }
2392
+ .ck.ck-button.ck-ai-button-primary:hover{
2393
+ background-color:var(--ck-ai-button-primary-hover-background-color);
2394
+ }
2395
+ .ck.ck-button.ck-ai-button-primary:disabled{
2396
+ color:var(--ck-ai-button-primary-disabled-color);
2397
+ background-color:var(--ck-ai-button-primary-disabled-background-color);
2398
+ cursor:not-allowed;
2399
+ }
2400
+ .ck.ck-button.ck-ai-button-secondary{
2401
+ color:var(--ck-ai-button-secondary-color);
2402
+ background-color:var(--ck-ai-button-secondary-background-color);
2403
+ border:1px solid var(--ck-ai-button-secondary-border-color);
2404
+ }
2405
+ .ck.ck-button.ck-ai-button-secondary:hover{
2406
+ background-color:var(--ck-ai-button-secondary-hover-background-color);
2407
+ }
2408
+ .ck.ck-button.ck-ai-button-secondary:active,
2409
+ .ck.ck-button.ck-ai-button-secondary.ck-on{
2410
+ background-color:var(--ck-ai-button-secondary-active-background-color);
2411
+ }
2412
+ .ck.ck-button.ck-ai-button-secondary:disabled{
2413
+ color:var(--ck-ai-button-secondary-disabled-color);
2414
+ background-color:var(--ck-ai-button-secondary-disabled-background-color);
2415
+ border:1px solid var(--ck-ai-button-secondary-disabled-border-color);
2416
+ cursor:not-allowed;
2417
+ }
2418
+
2419
+ .ck-ai-suggestion__container .ck.ck-ai-suggestion__loader{
2420
+ padding:var(--ck-spacing-large) !important;
2421
+ height:150px;
2422
+ }
2423
+
2424
+ .ck-ai-suggestion__container .ck.ck-ai-suggestion__loader .ck.ck-spinner-container.ck-ai-spinner .ck-spinner{
2425
+ --ck-ai-spinner-size:18px;
2426
+ }
2427
+
2428
+ .ck-ai-suggestion__container .ck.ck-ai-suggestion__loader .ck.ck-spinner-container.ck-ai-spinner.ck-ai-spinner_small{
2429
+ --ck-ai-spinner-size:18px;
2430
+ }
2431
+
2432
+ .ck-ai-suggestion__container .ck.ck-ai-suggestion__loader .ck-ai-suggestion__loader-text{
2433
+ margin-left:var(--ck-spacing-medium);
2434
+ }
2435
+ .ck span.ck-fake-ai-selection{
2436
+ background:var(--ck-color-ai-selection);
2437
+ }
2438
+
2439
+ .ck .ck-widget.ck-fake-ai-selection{
2440
+ outline-color:var(--ck-color-ai-selection);
2441
+ }
2442
+
2443
+ .ck.ck-dialog-overlay:has(.ai-balloon){
2444
+ z-index:998;
2445
+ }
2446
+
2447
+ :root{
2448
+ --ck-ai-check-list-item-hover-border-color:hsla(262, 64%, 78%, 1);
2449
+ --ck-ai-check-list-item-active-border-color:hsla(263, 59%, 52%, 1);
2450
+ --ck-ai-check-list-item-title-color:var(--ck-color-text);
2451
+ --ck-ai-check-list-item-description-color:hsla(0, 0%, 44%, 1);
2452
+ --ck-ai-check-list-item-title-icon-color:hsla(0, 0%, 44%, 1);
2453
+ --ck-ai-check-list-model-dropdown-width:426px;
2454
+ --ck-ai-check-list-model-dropdown-max-height:340px;
2455
+ --ck-ai-check-list-model-dropdown-arrow-drop-shadow:0 -2px 0px var(--ck-color-shadow-drop);
2456
+ }
2457
+
2458
+ .ck.ck-ai-review-mode *{
2459
+ font-family:var(--ck-ai-chat-font-family) !important;
2460
+ }
2461
+
2462
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list{
2463
+ position:relative;
2464
+ height:100%;
2465
+ overflow:auto;
2466
+ }
2467
+
2468
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item{
2469
+ padding:var(--ck-spacing-extra-large) var(--ck-spacing-large);
2470
+ border-bottom:1px solid var(--ck-color-base-border);
2471
+ box-shadow:3px 0px 0px 0px transparent inset;
2472
+ opacity:0;
2473
+ visibility:hidden;
2474
+
2475
+ transition:box-shadow 0.3s ease-in-out;
2476
+ }
2477
+
2478
+ @media (prefers-reduced-motion: reduce){
2479
+
2480
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item{
2481
+ transition-duration:0s;
2482
+ }
2483
+ }
2484
+
2485
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-description{
2486
+ color:var(--ck-ai-check-list-item-description-color);
2487
+ }
2488
+
2489
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-title-text,
2490
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-description{
2491
+ white-space:normal;
2492
+ line-height:1.3;
2493
+ }
2494
+
2495
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item:hover{
2496
+ cursor:pointer;
2497
+ }
2498
+
2499
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item:hover .ck-ai-review-mode__check-list-item-title-text,
2500
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item:hover .ck-ai-review-mode__check-list-item-description{
2501
+ cursor:pointer;
2502
+ }
2503
+
2504
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item.ck-ai-review-mode__check-list-item_rendered{
2505
+ opacity:1;
2506
+ visibility:visible;
2507
+
2508
+ transition:box-shadow 0.3s ease-in-out, opacity 0.1s calc(0.05s * var(--ck-ai-check-list-item-index)), visibility 0.1s calc(0.05s * var(--ck-ai-check-list-item-index));
2509
+ }
2510
+
2511
+ @media (prefers-reduced-motion: reduce){
2512
+
2513
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item.ck-ai-review-mode__check-list-item_rendered{
2514
+ opacity:1;
2515
+ visibility:visible;
2516
+ }
2517
+ }
2518
+
2519
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item.ck-ai-review-mode__check-list-item_selected{
2520
+ box-shadow:3px 0px 0px 0px var(--ck-ai-check-list-item-active-border-color) inset;
2521
+ }
2522
+
2523
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-title{
2524
+ display:flex;
2525
+ justify-content:space-between;
2526
+ margin-block-end:var(--ck-spacing-tiny);
2527
+ }
2528
+
2529
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-title > .ck-ai-review-mode__check-list-item-title-text{
2530
+ flex-grow:1;
2531
+ color:var(--ck-ai-check-list-item-title-color);
2532
+ font-weight:700;
2533
+ }
2534
+
2535
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-title > .ck.ck-icon.ck-ai-review-mode__check-list-item-title-icon{
2536
+ --ck-icon-size:20px;
2537
+
2538
+ flex-shrink:0;
2539
+ margin-inline-start:var(--ck-spacing-small);
2540
+ color:var(--ck-ai-check-list-item-title-icon-color);
2541
+
2542
+ opacity:0;
2543
+ visibility:hidden;
2544
+
2545
+ transition:opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
2546
+ }
2547
+
2548
+ @media (prefers-reduced-motion: reduce){
2549
+
2550
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-title > .ck.ck-icon.ck-ai-review-mode__check-list-item-title-icon{
2551
+ transition-duration:0s;
2552
+ }
2553
+ }
2554
+
2555
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item:not(.ck-ai-review-mode__check-list-item_selected):hover{
2556
+ box-shadow:3px 0px 0px 0px var(--ck-ai-check-list-item-hover-border-color) inset;
2557
+ }
2558
+
2559
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item:not(.ck-ai-review-mode__check-list-item_selected):hover .ck-ai-review-mode__check-list-item-title > .ck.ck-icon.ck-ai-review-mode__check-list-item-title-icon{
2560
+ opacity:1;
2561
+ visibility:visible;
2562
+ }
2563
+
2564
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-parameterized .ck.ck-form__row{
2565
+ padding-left:0;
2566
+ padding-right:0;
2567
+ }
2568
+
2569
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-parameterized .ck.ck-form__row > .ck.ck-ai-review-mode__check-list-item-parameterized-form-element{
2570
+ flex:1;
2571
+ }
2572
+
2573
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-parameterized .ck.ck-form__row > .ck.ck-ai-review-mode__check-list-item-parameterized-form-element > *:first-child{
2574
+ width:100%;
2575
+ }
2576
+
2577
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-parameterized .ck.ck-form__row > .ck.ck-ai-review-mode__check-list-item-parameterized-form-element.ck-ai-review-mode__check-list-item-parameterized-form-element_dropdown .ck-button.ck-dropdown__button{
2578
+ border-color:hsl(216, 5%, 81%);
2579
+ }
2580
+
2581
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-parameterized .ck.ck-form__row > .ck.ck-ai-review-mode__check-list-item-parameterized-form-element.ck-ai-review-mode__check-list-item-parameterized-form-element_dropdown .ck-button.ck-dropdown__button > .ck-button__label{
2582
+ width:100%;
2583
+ }
2584
+
2585
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-parameterized .ck.ck-form__row .ck.ck-button{
2586
+ flex-shrink:0;
2587
+ }
2588
+
2589
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-custom-actions .ck.ck-form__row .ck.ck-input.ck-textarea.ck-review-mode__prompt-input{
2590
+ width:100%;
2591
+ }
2592
+
2593
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-custom-actions .ck.ck-form__row .ck-ai-review-mode__check-list-item-custom-actions-footer{
2594
+ display:flex;
2595
+ width:100%;
2596
+ align-items:center;
2597
+ justify-content:space-between;
2598
+ }
2599
+
2600
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-custom-actions .ck.ck-form__row .ck-ai-review-mode__check-list-item-custom-actions-footer .ck-ai-review-mode__check-list-item-parameterized-custom-actions-buttons{
2601
+ display:flex;
2602
+ gap:var(--ck-spacing-small);
2603
+ }
2604
+
2605
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-model-dropdown > .ck.ck-button.ck-dropdown__button{
2606
+ font-size:.9em;
2607
+ }
2608
+
2609
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-model-dropdown > .ck.ck-button.ck-dropdown__button.ck-on,
2610
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-model-dropdown > .ck.ck-button.ck-dropdown__button:active{
2611
+ background-color:var(--ck-ai-button-secondary-active-background-color);
2612
+ color:var(--ck-ai-background-color-action-button);
2613
+ }
2614
+
2615
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-model-dropdown > .ck.ck-button.ck-dropdown__button > .ck.ck-button__label{
2616
+ width:auto;
2617
+ }
2618
+
2619
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-model-dropdown .ck-dropdown__panel{
2620
+ width:var(--ck-ai-check-list-model-dropdown-width);
2621
+ padding-top:var(--ck-spacing-standard);
2622
+ top:calc(100% + var(--ck-balloon-arrow-height));
2623
+ bottom:auto;
2624
+ }
2625
+
2626
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-model-dropdown .ck-dropdown__panel.ck-dropdown__panel_se::before,
2627
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-model-dropdown .ck-dropdown__panel.ck-dropdown__panel_se::after{
2628
+ content:'';
2629
+ position:absolute;
2630
+ left:calc(2 * var(--ck-balloon-arrow-half-width));
2631
+ top:calc(-1 * var(--ck-balloon-arrow-height) + 2px);
2632
+ width:0;
2633
+ height:0;
2634
+ border-style:solid;
2635
+ border-width:0 var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-half-width);
2636
+ border-color:transparent transparent var(--ck-color-panel-background) transparent;
2637
+ }
2638
+
2639
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-model-dropdown .ck-dropdown__panel.ck-dropdown__panel_se::before{
2640
+ z-index:var(--ck-balloon-panel-arrow-z-index);
2641
+ margin-bottom:calc(-1 * var(--ck-balloon-border-width));
2642
+ filter:drop-shadow(var(--ck-ai-check-list-model-dropdown-arrow-drop-shadow));
2643
+ }
2644
+
2645
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-model-dropdown .ck-dropdown__panel.ck-dropdown__panel_se::after{
2646
+ z-index:calc(var(--ck-balloon-panel-arrow-z-index) + 1);
2647
+ margin-bottom:calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
2648
+ }
2649
+
2650
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-model-dropdown .ck-dropdown__panel.ck-dropdown__panel_se > .ck-list{
2651
+ max-height:var(--ck-ai-check-list-model-dropdown-max-height);
2652
+ overflow-y:scroll;
2653
+ }
2654
+
2655
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-model-dropdown .ck-dropdown__panel > .ck.ck-list{
2656
+ gap:var(--ck-spacing-standard);
2657
+ }
2658
+
2659
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-model-dropdown .ck-dropdown__panel > .ck.ck-list > .ck.ck-list__item > .ck.ck-button.ck-list-item-button{
2660
+ align-items:baseline;
2661
+ }
2662
+
2663
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-model-dropdown .ck-dropdown__panel > .ck.ck-list > .ck.ck-list__item > .ck.ck-button.ck-list-item-button .ck-list-item-button__check-holder{
2664
+ flex-shrink:0;
2665
+ }
2666
+
2667
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-model-dropdown .ck-dropdown__panel > .ck.ck-list > .ck.ck-list__item > .ck.ck-button.ck-list-item-button .ck-ai-review-mode__check-list-item-model-dropdown-name{
2668
+ line-height:1.3;
2669
+ font-weight:500;
2670
+ }
2671
+
2672
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-model-dropdown .ck-dropdown__panel > .ck.ck-list > .ck.ck-list__item > .ck.ck-button.ck-list-item-button .ck-ai-review-mode__check-list-item-model-dropdown-description{
2673
+ padding-top:var(--ck-spacing-tiny);
2674
+ line-height:1.3;
2675
+ }
2676
+
2677
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-list > .ck-ai-review-mode__check-list-item .ck-ai-review-mode__check-list-item-model-dropdown .ck-dropdown__panel > .ck.ck-list > .ck.ck-list__item > .ck.ck-button.ck-list-item-button .ck-ai-review-mode__check-list-item-model-dropdown-description > span{
2678
+ color:var(--ck-ai-chat-color-icon);
2679
+ line-height:1;
2680
+ white-space:normal;
2681
+ }
2682
+
2683
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run{
2684
+ position:relative;
2685
+ height:100%;
2686
+ overflow:auto;
2687
+ display:flex;
2688
+ flex-direction:column;
2689
+ }
2690
+
2691
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run:has( .ck-ai-review-mode__check-run-skeleton-container:not(.ck-hidden)){
2692
+ overflow:hidden;
2693
+ }
2694
+
2695
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-result{
2696
+ opacity:0;
2697
+ visibility:hidden;
2698
+ box-shadow:3px 0px 0px 0px transparent inset;
2699
+ padding:var(--ck-spacing-extra-large) var(--ck-spacing-large);
2700
+
2701
+ animation:ck-ai-check-run-list-item-show 0.25s 0.1s forwards;
2702
+
2703
+ transition:box-shadow 0.3s ease-in-out;
2704
+ transition-behavior:allow-discrete;
2705
+ }
2706
+
2707
+ @media (prefers-reduced-motion: reduce){
2708
+
2709
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-result{
2710
+ animation:none;
2711
+ opacity:1;
2712
+ visibility:visible;
2713
+ transition-duration:0s;
2714
+ }
2715
+ }
2716
+
2717
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-result:not(:first-child){
2718
+ border-top:1px solid var(--ck-color-base-border);
2719
+ }
2720
+
2721
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-result:last-child{
2722
+ border-bottom:1px solid var(--ck-color-base-border);
2723
+ }
2724
+
2725
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-result .ck-suggestion-marker{
2726
+ white-space:break-spaces;
2727
+ }
2728
+
2729
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-result:hover{
2730
+ box-shadow:3px 0px 0px 0px var(--ck-ai-check-list-item-hover-border-color) inset;
2731
+ }
2732
+
2733
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-result.ck-ai-review-mode__check-run-result_active{
2734
+ box-shadow:3px 0px 0px 0px var(--ck-ai-check-list-item-active-border-color) inset;
2735
+ }
2736
+
2737
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-result > .ck-ai-review-mode__check-run-result-response{
2738
+ overflow:hidden;
2739
+ }
2740
+
2741
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-result > .ck-ai-review-mode__check-run-result-response > *{
2742
+ white-space:normal;
2743
+ }
2744
+
2745
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-result > .ck-ai-review-mode__check-run-result-response img{
2746
+ max-width:125px;
2747
+ max-height:125px;
2748
+ }
2749
+
2750
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-result > .ck-ai-review-mode__check-run-result-footer{
2751
+ margin-top:var(--ck-spacing-standard);
2752
+ display:flex;
2753
+ justify-content:space-between;
2754
+ align-items:center;
2755
+ gap:var(--ck-spacing-standard);
2756
+ }
2757
+
2758
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-result > .ck-ai-review-mode__check-run-result-footer > .ck-ai-review-mode__check-run-result-action-buttons{
2759
+ display:flex;
2760
+ gap:var(--ck-spacing-standard);
2761
+ flex-grow:1;
2762
+ }
2763
+
2764
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-result > .ck-ai-review-mode__check-run-result-footer .ck.ck-button.ck-ai-review-mode__check-run-result-info-button{
2765
+ --ck-icon-size:16px;
2766
+ --ck-ui-component-min-height:1.75em;
2767
+
2768
+ max-height:var(--ck-ui-component-min-height);
2769
+ margin-left:auto;
2770
+ }
2771
+
2772
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-result.ck-ai-review-mode__check-run-result_removing{
2773
+ animation:ck-ai-check-run-item-remove 0.2s forwards;
2774
+ }
2775
+
2776
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-results-header{
2777
+ display:flex;
2778
+ justify-content:space-between;
2779
+ align-items:center;
2780
+ gap:var(--ck-spacing-standard);
2781
+
2782
+ padding:var(--ck-spacing-extra-large) var(--ck-spacing-large);
2783
+ border-bottom:1px solid var(--ck-color-base-border);
2784
+ }
2785
+
2786
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-results-header .ck-ai-review-mode__check-run-results-header-title{
2787
+ align-self:center;
2788
+ font-weight:bold;
2789
+ white-space:nowrap;
2790
+ overflow:hidden;
2791
+ max-width:100%;
2792
+ text-overflow:ellipsis;
2793
+ }
2794
+
2795
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-results-header .ck-ai-review-mode__check-run-results-header-buttons{
2796
+ display:flex;
2797
+ gap:var(--ck-spacing-standard);
2798
+ flex-shrink:0;
2799
+ align-items:center;
2800
+ min-height:30px;
2801
+ }
2802
+
2803
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-results-wrapper{
2804
+ position:relative;
2805
+ height:100%;
2806
+ overflow:auto;
2807
+ }
2808
+
2809
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-results-wrapper:has( .ck-ai-review-mode__check-run-skeleton-container:not(.ck-hidden)){
2810
+ overflow:hidden;
2811
+ }
2812
+
2813
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-skeleton-container{
2814
+ position:absolute;
2815
+ width:100%;
2816
+ top:0;
2817
+ height:100%;
2818
+ }
2819
+
2820
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-skeleton-container .ck-ai-review-mode__check-run-skeleton-item{
2821
+ position:static;
2822
+ height:auto;
2823
+ padding:var(--ck-spacing-extra-large) var(--ck-spacing-large);
2824
+ border-bottom:1px solid var(--ck-color-base-border);
2825
+ }
2826
+
2827
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-skeleton-container .ck-ai-review-mode__check-run-skeleton-item.ck-ai-skeleton{
2828
+ --ck-ai-skeleton-gap:var(--ck-spacing-small);
2829
+ }
2830
+
2831
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-error-container{
2832
+ display:flex;
2833
+ flex-direction:column;
2834
+ align-items:flex-end;
2835
+ gap:var(--ck-spacing-medium-small);
2836
+ padding:var(--ck-spacing-large) var(--ck-spacing-large) var(--ck-spacing-standard) var(--ck-spacing-large);
2837
+ }
2838
+
2839
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-error-container.ck-ai-review-mode__check-run-error-container_border-bottom{
2840
+ border-bottom:1px solid var(--ck-color-base-border);
2841
+ }
2842
+
2843
+ .ck.ck-ai-review-mode .ck-ai-review-mode__check-run .ck-ai-review-mode__check-run-error-container .ck-ai-review-mode__check-run-error-retry-button{
2844
+ font-size:11.7px;
2845
+ min-height:unset;
2846
+ border:1px solid var(--ck-ai-border-color-button);
2847
+ border-radius:var(--ck-border-radius);
2848
+ gap:var(--ck-spacing-small);
2849
+ color:var(--ck-ai-chat-color-text);
2850
+ }
2851
+
2852
+ @keyframes ck-ai-check-run-list-item-show{
2853
+ 0%{
2854
+ opacity:0;
2855
+ visibility:hidden;
2856
+ }
2857
+ 100%{
2858
+ opacity:1;
2859
+ visibility:visible;
2860
+ }
2861
+ }
2862
+
2863
+ @keyframes ck-ai-check-run-item-remove{
2864
+ 0%{
2865
+ opacity:1;
2866
+ visibility:visible;
2867
+ display:block;
2868
+ }
2869
+ 100%{
2870
+ opacity:0;
2871
+ visibility:hidden;
2872
+ display:none;
2873
+ }
2874
+ }
2875
+
2876
+ .ck.ck-ai-review-mode .ck-ai-review-mode__review-completed .ck-ai-review-mode__review-completed-header{
2877
+ display:flex;
2878
+ justify-content:space-between;
2879
+ align-items:center;
2880
+ gap:var(--ck-spacing-standard);
2881
+
2882
+ padding:var(--ck-spacing-extra-large) var(--ck-spacing-large);
2883
+ border-bottom:1px solid var(--ck-color-base-border);
2884
+ }
2885
+
2886
+ .ck.ck-ai-review-mode .ck-ai-review-mode__review-completed .ck-ai-review-mode__review-completed-header .ck-ai-review-mode__review-completed-header-title{
2887
+ align-self:center;
2888
+ white-space:nowrap;
2889
+ overflow:hidden;
2890
+ max-width:100%;
2891
+ text-overflow:ellipsis;
2892
+ }
2893
+
2894
+ .ck.ck-ai-review-mode .ck-ai-review-mode__review-completed .ck-ai-review-mode__review-completed-header .ck-ai-review-mode__review-completed-header-buttons{
2895
+ display:flex;
2896
+ gap:var(--ck-spacing-standard);
2897
+ flex-shrink:0;
2898
+ }
2899
+
2900
+ .ck.ck-ai-review-mode .ck-ai-review-mode__review-completed .ck-ai-review-mode__review-completed-content{
2901
+ padding:var(--ck-spacing-extra-large) var(--ck-spacing-extra-large) 0 var(--ck-spacing-extra-large);
2902
+ text-align:center;
2903
+ }
2904
+
2905
+ .ck.ck-ai-review-mode .ck-ai-review-mode__review-completed .ck-ai-review-mode__review-completed-content .ck-ai-review-mode__review-completed-content-icon{
2906
+ font-size:20px;
2907
+ line-height:20px;
2908
+ }
2909
+
2910
+ .ck.ck-ai-review-mode .ck-ai-review-mode__review-completed .ck-ai-review-mode__review-completed-content .ck-ai-review-mode__review-completed-content-text{
2911
+ margin-top:var(--ck-spacing-large);
2912
+ text-align:center;
2913
+ white-space:normal;
2914
+ }
2915
+
2916
+ .ck-ai-header{
2917
+ --ck-ui-component-min-height:1.7em;
2918
+ --ck-ui-component-min-width:1.7em;
2919
+ --ck-form-header-height:3em;
2920
+ --ck-form-header-small-icon-color:hsla(0, 0%, 20%, 1);
2921
+ }
2922
+
2923
+ .ck-ai-header > .ck-button{
2924
+ margin-inline-start:var(--ck-spacing-standard);
2925
+ }
2926
+
2927
+ .ck-ai-header > .ck-button > .ck-button__icon{
2928
+ --ck-icon-font-size:.666em;
2929
+
2930
+ color:var(--ck-ai-chat-color-icon);
2931
+ }
2932
+
2933
+ .ck-ai-header > .ck.ck-button.ck-ai-chat__start-conversation{
2934
+ font-size:11.7px;
2935
+ min-height:unset;
2936
+ border:1px solid var(--ck-ai-border-color-button);
2937
+ border-radius:var(--ck-border-radius);
2938
+ gap:var(--ck-spacing-small);
2939
+ color:var(--ck-ai-chat-color-text);
2940
+ }
2941
+
2942
+ .ck-ai-header > .ck.ck-button.ck-ai-chat__start-conversation:hover{
2943
+ background-color:var(--ck-ai-chat-button-active-background-color);
2944
+ }
2945
+
2946
+ .ck-ai-header > .ck.ck-button.ck-ai-chat__start-conversation > .ck-button__label{
2947
+ line-height:1.4em;
2948
+ }
2949
+
2950
+ .ck-ai-header > .ck.ck-button.ck-ai-chat__start-conversation > .ck-button__icon{
2951
+ --ck-icon-font-size:.632em;
2952
+
2953
+ margin-inline-end:0;
2954
+ color:var(--ck-ai-chat-color-text);
2955
+ }
2956
+
2957
+ .ck-ai-header > .ck.ck-button.ck-ai-chat__start-conversation > span.ck-button__label{
2958
+ position:relative;
2959
+ top:1px;
2960
+ }
2961
+
2962
+ .ck-ai-header.ck-ai-header_small > .ck.ck-button.ck-button-back{
2963
+ margin-inline-start:0;
2964
+ margin-inline-end:var(--ck-spacing-small);
2965
+ }
2966
+
2967
+ .ck-ai-header.ck-ai-header_small > .ck.ck-button.ck-button-back > .ck-button__icon{
2968
+ --ck-icon-font-size:13px;
2969
+
2970
+ color:var(--ck-form-header-small-icon-color);
2971
+ }
2972
+
2973
+ .ck-ai-header.ck-ai-header_small .ck-form__header__label{
2974
+ --ck-font-size-base:13px;
2975
+ --ck-font-face:var(--ck-ai-chat-font-family);
2976
+
2977
+ font-weight:500;
2978
+ }
2979
+
2980
+ .ck-ai-header .ck-form__header__label:not(:last-child){
2981
+ margin-inline-end:var(--ck-spacing-small);
2982
+ }
2983
+
2984
+ .ck{
2985
+ --ck-color-ai-review-mode-suggestion:hsla(263, 59%, 52%, 0.5);
2986
+ }
2987
+
2988
+ .ck .ck-ai-review-mode{
2989
+ max-height:100%;
2990
+ height:100%;
2991
+ display:flex;
2992
+ flex-direction:column;
2993
+ }
2994
+
2995
+ .ck.ck-ai-review-mode-highlights span.ck-ai_review-mode-marker_add{
2996
+ border-bottom:3px solid var(--ck-color-ai-review-mode-suggestion);
2997
+ }
2998
+
2999
+ .ck.ck-ai-review-mode-highlights span.ck-ai_review-mode-marker_hide{
3000
+ display:none;
3001
+ }
3002
+
3003
+ .ck.ck-ai-review-mode-highlights span.ck-ai_review-mode-marker_strikethrough{
3004
+ position:relative;
3005
+ }
3006
+
3007
+ .ck.ck-ai-review-mode-highlights span.ck-ai_review-mode-marker_strikethrough:before{
3008
+ border-bottom:3px solid var(--ck-color-ai-review-mode-suggestion);
3009
+ position:absolute;
3010
+ content:"";
3011
+ width:100%;
3012
+ height:60%;
3013
+ }
3014
+
3015
+ .ck.ck-ai-review-mode-highlights span.ck-ai_review-mode-marker_underline{
3016
+ border-bottom:3px solid var(--ck-color-ai-review-mode-suggestion);
3017
+ }
3018
+
3019
+ .ck.ck-ai-review-mode-diff span.ck-ai_review-mode-marker_add{
3020
+ white-space:break-spaces;
3021
+ border-top:3px solid var(--ck-color-suggestion-marker-insertion-border);
3022
+ border-bottom:3px solid var(--ck-color-suggestion-marker-insertion-border);
3023
+ background:var(--ck-color-suggestion-marker-insertion-background);
3024
+ }
3025
+
3026
+ .ck.ck-ai-review-mode-diff span.ck-ai_review-mode-marker_hide,
3027
+ .ck.ck-ai-review-mode-diff span.ck-ai_review-mode-marker_strikethrough{
3028
+ white-space:break-spaces;
3029
+ border-top:3px solid var(--ck-color-suggestion-marker-deletion-border);
3030
+ border-bottom:3px solid var(--ck-color-suggestion-marker-deletion-border);
3031
+ text-decoration:line-through;
3032
+ text-decoration-color:var(--ck-color-suggestion-marker-deletion-stroke);
3033
+ text-decoration-thickness:3px;
3034
+ background:var(--ck-color-suggestion-marker-deletion-background);
3035
+ }
3036
+
3037
+ .ck.ck-ai-review-mode-diff span.ck-ai_review-mode-marker_underline{
3038
+ border:none;
3039
+ }
3040
+
298
3041
  :root{
299
3042
  --ck-user-colors--0:hsla(235, 73%, 67%, 1);
300
3043
  --ck-user-colors--0-alpha:hsla(235, 73%, 67%, 0.15);
@@ -580,6 +3323,46 @@
580
3323
  min-width:19px;
581
3324
  min-height:19px;
582
3325
  }
3326
+ .ck.ck-button.ck-confirm-view-submit{
3327
+ color:var(--ck-color-button-save);
3328
+ }
3329
+
3330
+ .ck.ck-button.ck-confirm-view-cancel{
3331
+ color:var(--ck-color-button-cancel);
3332
+ }
3333
+
3334
+ .ck .ck-confirm-view-active{
3335
+ transform:translate3d( -100%, 0, 0);
3336
+ transition:all 300ms linear;
3337
+ }
3338
+
3339
+ .ck .ck-confirm-view{
3340
+ font-size:var(--ck-font-size-base);
3341
+ position:absolute;
3342
+ display:flex;
3343
+ justify-content:flex-start;
3344
+ top:0;
3345
+ left:100%;
3346
+ width:100%;
3347
+ height:100%;
3348
+ background-color:var(--ck-color-light-red);
3349
+ }
3350
+
3351
+ .ck .ck-confirm-view .ck-confirm-view-inner{
3352
+ display:flex;
3353
+ flex-direction:column;
3354
+ align-items:center;
3355
+ justify-content:center;
3356
+ padding-top:var(--ck-spacing-standard);
3357
+ height:100%;
3358
+ width:100%;
3359
+ max-height:400px;
3360
+ }
3361
+
3362
+ .ck .ck-confirm-view p{
3363
+ font-weight:bold;
3364
+ margin:0;
3365
+ }
583
3366
 
584
3367
  :root{
585
3368
  --ck-color-comment-box-border:hsl(55, 98%, 48%);
@@ -742,10 +3525,6 @@
742
3525
  }
743
3526
  }
744
3527
 
745
- .ck .ck-comment__wrapper.ck-comment--remove-confirmation{
746
- transform:translate3d( -100%, 0, 0);
747
- }
748
-
749
3528
  .ck .ck-comment__wrapper:first-of-type{
750
3529
  border-top-right-radius:var(--ck-border-radius);
751
3530
  border-top-left-radius:var(--ck-border-radius);
@@ -771,14 +3550,6 @@
771
3550
  background-color:var(--ck-color-comment-separator);
772
3551
  }
773
3552
 
774
- .ck .ck-comment--remove{
775
- background-color:var(--ck-color-comment-remove-background);
776
- }
777
-
778
- .ck .ck-comment--remove::after{
779
- opacity:0;
780
- }
781
-
782
3553
  .ck .ck-comment--edit{
783
3554
  background-color:var(--ck-color-comment-input-background);
784
3555
  }
@@ -1081,46 +3852,14 @@
1081
3852
  --ck-color-thread-header-background:var(--ck-color-unlinked-background);
1082
3853
  --ck-color-thread-header-active-background:var(--ck-color-unlinked-active-background);
1083
3854
  }
1084
-
1085
- .ck .ck-thread--remove-confirmation .ck-thread__container{
1086
- transform:translate3d( -100%, 0, 0);
1087
- }
1088
- .ck.ck-button.ck-thread__remove-confirm-submit{
3855
+ .ck.ck-button.ck-confirm-view-submit{
1089
3856
  color:var(--ck-color-button-save);
1090
3857
  }
1091
3858
 
1092
- .ck.ck-button.ck-thread__remove-confirm-cancel{
3859
+ .ck.ck-button.ck-confirm-view-cancel{
1093
3860
  color:var(--ck-color-button-cancel);
1094
3861
  }
1095
3862
 
1096
- .ck .ck-thread__remove-confirm{
1097
- font-size:var(--ck-font-size-base);
1098
- position:absolute;
1099
- display:flex;
1100
- justify-content:flex-start;
1101
- top:0;
1102
- left:100%;
1103
- width:100%;
1104
- height:100%;
1105
- background-color:var(--ck-color-comment-remove-background);
1106
- }
1107
-
1108
- .ck .ck-thread__remove-confirm .ck-thread__remove-confirm-inner{
1109
- display:flex;
1110
- flex-direction:column;
1111
- align-items:center;
1112
- justify-content:center;
1113
- padding-top:var(--ck-spacing-standard);
1114
- height:100%;
1115
- width:100%;
1116
- max-height:400px;
1117
- }
1118
-
1119
- .ck .ck-thread__remove-confirm p{
1120
- font-weight:bold;
1121
- margin:0;
1122
- }
1123
-
1124
3863
  .ck .ck-comment__input-container{
1125
3864
  --ck-user-avatar-size:28px;
1126
3865
 
@@ -2924,7 +5663,7 @@
2924
5663
  --ck-revision-history-revision-highlighted-background-color:transparent;
2925
5664
  }
2926
5665
 
2927
- .ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm{
5666
+ .ck.ck-revision-history-sidebar__revision-wrapper .ck-confirm-view{
2928
5667
  display:flex;
2929
5668
  flex-direction:row;
2930
5669
  justify-content:space-around;
@@ -2942,32 +5681,32 @@
2942
5681
  user-select:none;
2943
5682
  }
2944
5683
 
2945
- .ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner{
5684
+ .ck.ck-revision-history-sidebar__revision-wrapper .ck-confirm-view .ck-confirm-view-inner{
2946
5685
  text-align:center;
2947
5686
  margin-top:var(--ck-spacing-small);
2948
5687
  }
2949
5688
 
2950
- .ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner p{
5689
+ .ck.ck-revision-history-sidebar__revision-wrapper .ck-confirm-view .ck-confirm-view-inner p{
2951
5690
  margin:0;
2952
5691
  font-weight:bold;
2953
5692
  color:var(--ck-color-text);
2954
5693
  }
2955
5694
 
2956
- .ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner .ck-thread__remove-confirm-actions{
5695
+ .ck.ck-revision-history-sidebar__revision-wrapper .ck-confirm-view .ck-confirm-view-inner .ck-confirm-view-actions{
2957
5696
  display:flex;
2958
5697
  flex-direction:row;
2959
5698
  justify-content:space-evenly;
2960
5699
  }
2961
5700
 
2962
- .ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner .ck-thread__remove-confirm-actions .ck.ck-button:hover, .ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner .ck-thread__remove-confirm-actions .ck.ck-button:focus, .ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner .ck-thread__remove-confirm-actions .ck.ck-button:active{
5701
+ .ck.ck-revision-history-sidebar__revision-wrapper .ck-confirm-view .ck-confirm-view-inner .ck-confirm-view-actions .ck.ck-button:hover, .ck.ck-revision-history-sidebar__revision-wrapper .ck-confirm-view .ck-confirm-view-inner .ck-confirm-view-actions .ck.ck-button:focus, .ck.ck-revision-history-sidebar__revision-wrapper .ck-confirm-view .ck-confirm-view-inner .ck-confirm-view-actions .ck.ck-button:active{
2963
5702
  background:var(--ck-revision-history-revision-delete-confirmation-active-button-background);
2964
5703
  }
2965
5704
 
2966
- .ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner .ck-thread__remove-confirm-actions .ck.ck-button.ck-thread__remove-confirm-submit{
5705
+ .ck.ck-revision-history-sidebar__revision-wrapper .ck-confirm-view .ck-confirm-view-inner .ck-confirm-view-actions .ck.ck-button.ck-confirm-view-submit{
2967
5706
  color:var(--ck-color-button-save);
2968
5707
  }
2969
5708
 
2970
- .ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner .ck-thread__remove-confirm-actions .ck.ck-button.ck-thread__remove-confirm-cancel{
5709
+ .ck.ck-revision-history-sidebar__revision-wrapper .ck-confirm-view .ck-confirm-view-inner .ck-confirm-view-actions .ck.ck-button.ck-confirm-view-cancel{
2971
5710
  color:var(--ck-color-button-cancel);
2972
5711
  }
2973
5712