avo 3.0.7 → 3.0.8

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.


This version of avo might be problematic. Click here for more details.

Files changed (35) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +1 -1
  3. data/{public/avo-assets/avo.css → app/assets/builds/avo.base.css} +817 -640
  4. data/app/assets/builds/avo.base.js +131710 -0
  5. data/app/assets/builds/avo.base.js.map +7 -0
  6. data/app/components/avo/field_wrapper_component.rb +14 -3
  7. data/app/components/avo/fields/belongs_to_field/edit_component.html.erb +12 -8
  8. data/app/components/avo/fields/hidden_field/edit_component.html.erb +2 -1
  9. data/app/components/avo/index/table_row_component.html.erb +1 -1
  10. data/app/controllers/avo/actions_controller.rb +2 -1
  11. data/app/helpers/avo/resources_helper.rb +2 -0
  12. data/app/views/avo/actions/show.html.erb +2 -2
  13. data/lib/avo/base_action.rb +1 -0
  14. data/lib/avo/base_resource.rb +1 -1
  15. data/lib/avo/concerns/has_action_stimulus_controllers.rb +15 -0
  16. data/lib/avo/concerns/{has_stimulus_controllers.rb → has_resource_stimulus_controllers.rb} +1 -1
  17. data/lib/avo/configuration.rb +21 -0
  18. data/lib/avo/fields/base_field.rb +1 -0
  19. data/lib/avo/fields/belongs_to_field.rb +5 -0
  20. data/lib/avo/fields/concerns/has_html_attributes.rb +27 -12
  21. data/lib/avo/version.rb +1 -1
  22. data/lib/avo.rb +2 -21
  23. data/lib/generators/avo/templates/action.tt +2 -2
  24. data/lib/generators/avo/templates/cards/chartkick_card.tt +1 -1
  25. data/lib/generators/avo/templates/cards/chartkick_card_sample.tt +1 -1
  26. data/lib/generators/avo/templates/cards/metric_card.tt +1 -1
  27. data/lib/generators/avo/templates/cards/metric_card_sample.tt +1 -1
  28. data/lib/generators/avo/templates/cards/partial_card.tt +1 -1
  29. data/lib/generators/avo/templates/cards/partial_card_sample.tt +1 -1
  30. data/lib/generators/avo/templates/initializer/avo.tt +14 -0
  31. data/public/avo-assets/avo.base.css +0 -232
  32. metadata +7 -7
  33. data/config/master.key +0 -1
  34. data/public/avo-assets/avo.js +0 -513
  35. data/public/avo-assets/avo.js.map +0 -7
@@ -1,21 +1,24 @@
1
1
  @charset "UTF-8";
2
2
 
3
3
  /**
4
- * simplemde v1.11.2
5
- * Copyright Next Step Webs, Inc.
6
- * @link https://github.com/NextStepWebs/simplemde-markdown-editor
4
+ * easymde v2.18.0
5
+ * Copyright Jeroen Akkerman
6
+ * @link https://github.com/ionaru/easy-markdown-editor
7
7
  * @license MIT
8
8
  */
9
9
 
10
10
  .CodeMirror{
11
- color:#000
11
+ font-family:monospace;
12
+ height:300px;
13
+ color:#000;
14
+ direction:ltr
12
15
  }
13
16
 
14
17
  .CodeMirror-lines{
15
18
  padding:4px 0
16
19
  }
17
20
 
18
- .CodeMirror pre{
21
+ .CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{
19
22
  padding:0 4px
20
23
  }
21
24
 
@@ -65,11 +68,16 @@
65
68
  z-index:1
66
69
  }
67
70
 
68
- .cm-animate-fat-cursor{
69
- width:auto;
70
- border:0;
71
- animation:blink 1.06s steps(1) infinite;
72
- background-color:#7e7
71
+ .cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{
72
+ background:0 0
73
+ }
74
+
75
+ .cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{
76
+ background:0 0
77
+ }
78
+
79
+ .cm-fat-cursor{
80
+ caret-color:transparent
73
81
  }
74
82
 
75
83
  @keyframes blink{
@@ -83,8 +91,19 @@
83
91
  text-decoration:inherit
84
92
  }
85
93
 
94
+ .CodeMirror-rulers{
95
+ position:absolute;
96
+ left:0;
97
+ right:0;
98
+ top:-50px;
99
+ bottom:0;
100
+ overflow:hidden
101
+ }
102
+
86
103
  .CodeMirror-ruler{
87
104
  border-left:1px solid #ccc;
105
+ top:0;
106
+ bottom:0;
88
107
  position:absolute
89
108
  }
90
109
 
@@ -140,7 +159,7 @@
140
159
  color:#05a
141
160
  }
142
161
 
143
- .cm-s-default .cm-variable-3{
162
+ .cm-s-default .cm-type,.cm-s-default .cm-variable-3{
144
163
  color:#085
145
164
  }
146
165
 
@@ -156,7 +175,11 @@
156
175
  color:#f50
157
176
  }
158
177
 
159
- .cm-s-default .cm-meta,.cm-s-default .cm-qualifier{
178
+ .cm-s-default .cm-meta{
179
+ color:#555
180
+ }
181
+
182
+ .cm-s-default .cm-qualifier{
160
183
  color:#555
161
184
  }
162
185
 
@@ -184,7 +207,11 @@
184
207
  color:#00c
185
208
  }
186
209
 
187
- .cm-invalidchar,.cm-s-default .cm-error{
210
+ .cm-s-default .cm-error{
211
+ color:red
212
+ }
213
+
214
+ .cm-invalidchar{
188
215
  color:red
189
216
  }
190
217
 
@@ -193,11 +220,11 @@
193
220
  }
194
221
 
195
222
  div.CodeMirror span.CodeMirror-matchingbracket{
196
- color:#0f0
223
+ color:#0b0
197
224
  }
198
225
 
199
226
  div.CodeMirror span.CodeMirror-nonmatchingbracket{
200
- color:#f22
227
+ color:#a22
201
228
  }
202
229
 
203
230
  .CodeMirror-matchingtag{
@@ -216,23 +243,25 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket{
216
243
 
217
244
  .CodeMirror-scroll{
218
245
  overflow:scroll!important;
219
- margin-bottom:-30px;
220
- margin-right:-30px;
221
- padding-bottom:30px;
246
+ margin-bottom:-50px;
247
+ margin-right:-50px;
248
+ padding-bottom:50px;
222
249
  height:100%;
223
250
  outline:0;
224
- position:relative
251
+ position:relative;
252
+ z-index:0
225
253
  }
226
254
 
227
255
  .CodeMirror-sizer{
228
256
  position:relative;
229
- border-right:30px solid transparent
257
+ border-right:50px solid transparent
230
258
  }
231
259
 
232
260
  .CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{
233
261
  position:absolute;
234
262
  z-index:6;
235
- display:none
263
+ display:none;
264
+ outline:0
236
265
  }
237
266
 
238
267
  .CodeMirror-vscrollbar{
@@ -272,16 +301,14 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket{
272
301
  height:100%;
273
302
  display:inline-block;
274
303
  vertical-align:top;
275
- margin-bottom:-30px
304
+ margin-bottom:-50px
276
305
  }
277
306
 
278
307
  .CodeMirror-gutter-wrapper{
279
308
  position:absolute;
280
309
  z-index:4;
281
310
  background:0 0!important;
282
- border:none!important;
283
- -webkit-user-select:none;
284
- user-select:none
311
+ border:none!important
285
312
  }
286
313
 
287
314
  .CodeMirror-gutter-background{
@@ -297,12 +324,20 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket{
297
324
  z-index:4
298
325
  }
299
326
 
327
+ .CodeMirror-gutter-wrapper ::selection{
328
+ background-color:transparent
329
+ }
330
+
331
+ .CodeMirror-gutter-wrapper ::-moz-selection{
332
+ background-color:transparent
333
+ }
334
+
300
335
  .CodeMirror-lines{
301
336
  cursor:text;
302
337
  min-height:1px
303
338
  }
304
339
 
305
- .CodeMirror pre{
340
+ .CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{
306
341
  border-radius:0;
307
342
  border-width:0;
308
343
  background:0 0;
@@ -317,10 +352,10 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket{
317
352
  position:relative;
318
353
  overflow:visible;
319
354
  -webkit-tap-highlight-color:transparent;
320
- font-variant-ligatures:none
355
+ font-variant-ligatures:contextual
321
356
  }
322
357
 
323
- .CodeMirror-wrap pre{
358
+ .CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{
324
359
  word-wrap:break-word;
325
360
  white-space:pre-wrap;
326
361
  word-break:normal
@@ -338,7 +373,11 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket{
338
373
  .CodeMirror-linewidget{
339
374
  position:relative;
340
375
  z-index:2;
341
- overflow:auto
376
+ padding:.1px
377
+ }
378
+
379
+ .CodeMirror-rtl pre{
380
+ direction:rtl
342
381
  }
343
382
 
344
383
  .CodeMirror-code{
@@ -358,7 +397,8 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket{
358
397
  }
359
398
 
360
399
  .CodeMirror-cursor{
361
- position:absolute
400
+ position:absolute;
401
+ pointer-events:none
362
402
  }
363
403
 
364
404
  .CodeMirror-measure pre{
@@ -371,7 +411,11 @@ div.CodeMirror-cursors{
371
411
  z-index:3
372
412
  }
373
413
 
374
- .CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{
414
+ div.CodeMirror-dragcursors{
415
+ visibility:visible
416
+ }
417
+
418
+ .CodeMirror-focused div.CodeMirror-cursors{
375
419
  visibility:visible
376
420
  }
377
421
 
@@ -379,7 +423,7 @@ div.CodeMirror-cursors{
379
423
  background:#d9d9d9
380
424
  }
381
425
 
382
- .CodeMirror-focused .CodeMirror-selected,.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{
426
+ .CodeMirror-focused .CodeMirror-selected{
383
427
  background:#d7d4f0
384
428
  }
385
429
 
@@ -387,13 +431,17 @@ div.CodeMirror-cursors{
387
431
  cursor:crosshair
388
432
  }
389
433
 
434
+ .CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{
435
+ background:#d7d4f0
436
+ }
437
+
390
438
  .CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{
391
439
  background:#d7d4f0
392
440
  }
393
441
 
394
442
  .cm-searching{
395
- background:#ffa;
396
- background:rgba(255,255,0,.4)
443
+ background-color:#ffa;
444
+ background-color:rgba(255,255,0,.4)
397
445
  }
398
446
 
399
447
  .cm-force-border{
@@ -414,22 +462,37 @@ span.CodeMirror-selectedtext{
414
462
  background:0 0
415
463
  }
416
464
 
417
- .CodeMirror{
465
+ .EasyMDEContainer{
466
+ display:block
467
+ }
468
+
469
+ .CodeMirror-rtl pre{
470
+ direction:rtl
471
+ }
472
+
473
+ .EasyMDEContainer.sided--no-fullscreen{
474
+ display:flex;
475
+ flex-direction:row;
476
+ flex-wrap:wrap
477
+ }
478
+
479
+ .EasyMDEContainer .CodeMirror{
480
+ box-sizing:border-box;
418
481
  height:auto;
419
- min-height:300px;
420
- border:1px solid #ddd;
482
+ border:1px solid #ced4da;
421
483
  border-bottom-left-radius:4px;
422
484
  border-bottom-right-radius:4px;
423
485
  padding:10px;
424
486
  font:inherit;
425
- z-index:1
487
+ z-index:0;
488
+ word-wrap:break-word
426
489
  }
427
490
 
428
- .CodeMirror-scroll{
429
- min-height:300px
491
+ .EasyMDEContainer .CodeMirror-scroll{
492
+ cursor:text
430
493
  }
431
494
 
432
- .CodeMirror-fullscreen{
495
+ .EasyMDEContainer .CodeMirror-fullscreen{
433
496
  background:#fff;
434
497
  position:fixed!important;
435
498
  top:50px;
@@ -437,51 +500,46 @@ span.CodeMirror-selectedtext{
437
500
  right:0;
438
501
  bottom:0;
439
502
  height:auto;
440
- z-index:9
503
+ z-index:8;
504
+ border-right:none!important;
505
+ border-bottom-right-radius:0!important
441
506
  }
442
507
 
443
- .CodeMirror-sided{
508
+ .EasyMDEContainer .CodeMirror-sided{
444
509
  width:50%!important
445
510
  }
446
511
 
447
- .editor-toolbar{
512
+ .EasyMDEContainer.sided--no-fullscreen .CodeMirror-sided{
513
+ border-right:none!important;
514
+ border-bottom-right-radius:0;
448
515
  position:relative;
449
- opacity:.6;
450
- -webkit-user-select:none;
451
- -o-user-select:none;
452
- user-select:none;
453
- padding:0 10px;
454
- border-top:1px solid #bbb;
455
- border-left:1px solid #bbb;
456
- border-right:1px solid #bbb;
457
- border-top-left-radius:4px;
458
- border-top-right-radius:4px
516
+ flex:1 1 auto
459
517
  }
460
518
 
461
- .editor-toolbar:after,.editor-toolbar:before{
462
- display:block;
463
- content:' ';
464
- height:1px
465
- }
466
-
467
- .editor-toolbar:before{
468
- margin-bottom:8px
519
+ .EasyMDEContainer .CodeMirror-placeholder{
520
+ opacity:.5
469
521
  }
470
522
 
471
- .editor-toolbar:after{
472
- margin-top:8px
523
+ .EasyMDEContainer .CodeMirror-focused .CodeMirror-selected{
524
+ background:#d9d9d9
473
525
  }
474
526
 
475
- .editor-toolbar:hover,.editor-wrapper input.title:focus,.editor-wrapper input.title:hover{
476
- opacity:.8
527
+ .editor-toolbar{
528
+ position:relative;
529
+ -webkit-user-select:none;
530
+ -o-user-select:none;
531
+ user-select:none;
532
+ padding:9px 10px;
533
+ border-top:1px solid #ced4da;
534
+ border-left:1px solid #ced4da;
535
+ border-right:1px solid #ced4da;
536
+ border-top-left-radius:4px;
537
+ border-top-right-radius:4px
477
538
  }
478
539
 
479
540
  .editor-toolbar.fullscreen{
480
541
  width:100%;
481
542
  height:50px;
482
- overflow-x:auto;
483
- overflow-y:hidden;
484
- white-space:nowrap;
485
543
  padding-top:10px;
486
544
  padding-bottom:10px;
487
545
  box-sizing:border-box;
@@ -497,7 +555,7 @@ span.CodeMirror-selectedtext{
497
555
  .editor-toolbar.fullscreen::before{
498
556
  width:20px;
499
557
  height:50px;
500
- background:linear-gradient(to right,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);
558
+ background:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);
501
559
  position:fixed;
502
560
  top:0;
503
561
  left:0;
@@ -508,7 +566,7 @@ span.CodeMirror-selectedtext{
508
566
  .editor-toolbar.fullscreen::after{
509
567
  width:20px;
510
568
  height:50px;
511
- background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
569
+ background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);
512
570
  position:fixed;
513
571
  top:0;
514
572
  right:0;
@@ -516,26 +574,33 @@ span.CodeMirror-selectedtext{
516
574
  padding:0
517
575
  }
518
576
 
519
- .editor-toolbar a{
577
+ .EasyMDEContainer.sided--no-fullscreen .editor-toolbar{
578
+ width:100%
579
+ }
580
+
581
+ .editor-toolbar .easymde-dropdown,.editor-toolbar button{
582
+ background:0 0;
520
583
  display:inline-block;
521
584
  text-align:center;
522
585
  text-decoration:none!important;
523
- color:#2c3e50!important;
524
- width:30px;
525
586
  height:30px;
526
587
  margin:0;
588
+ padding:0;
527
589
  border:1px solid transparent;
528
590
  border-radius:3px;
529
591
  cursor:pointer
530
592
  }
531
593
 
532
- .editor-toolbar a.active,.editor-toolbar a:hover{
533
- background:#fcfcfc;
534
- border-color:#95a5a6
594
+ .editor-toolbar button{
595
+ font-weight:700;
596
+ min-width:30px;
597
+ padding:0 6px;
598
+ white-space:nowrap
535
599
  }
536
600
 
537
- .editor-toolbar a:before{
538
- line-height:30px
601
+ .editor-toolbar button.active,.editor-toolbar button:hover{
602
+ background:#fcfcfc;
603
+ border-color:#95a5a6
539
604
  }
540
605
 
541
606
  .editor-toolbar i.separator{
@@ -548,7 +613,7 @@ span.CodeMirror-selectedtext{
548
613
  margin:0 6px
549
614
  }
550
615
 
551
- .editor-toolbar a.fa-header-x:after{
616
+ .editor-toolbar button:after{
552
617
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
553
618
  font-size:65%;
554
619
  vertical-align:text-bottom;
@@ -556,35 +621,33 @@ span.CodeMirror-selectedtext{
556
621
  top:2px
557
622
  }
558
623
 
559
- .editor-toolbar a.fa-header-1:after{
624
+ .editor-toolbar button.heading-1:after{
560
625
  content:"1"
561
626
  }
562
627
 
563
- .editor-toolbar a.fa-header-2:after{
628
+ .editor-toolbar button.heading-2:after{
564
629
  content:"2"
565
630
  }
566
631
 
567
- .editor-toolbar a.fa-header-3:after{
632
+ .editor-toolbar button.heading-3:after{
568
633
  content:"3"
569
634
  }
570
635
 
571
- .editor-toolbar a.fa-header-bigger:after{
636
+ .editor-toolbar button.heading-bigger:after{
572
637
  content:"▲"
573
638
  }
574
639
 
575
- .editor-toolbar a.fa-header-smaller:after{
640
+ .editor-toolbar button.heading-smaller:after{
576
641
  content:"▼"
577
642
  }
578
643
 
579
- .editor-toolbar.disabled-for-preview a:not(.no-disable){
580
- pointer-events:none;
581
- background:#fff;
582
- border-color:transparent;
583
- text-shadow:inherit
644
+ .editor-toolbar.disabled-for-preview button:not(.no-disable){
645
+ opacity:.6;
646
+ pointer-events:none
584
647
  }
585
648
 
586
649
  @media only screen and (max-width:700px){
587
- .editor-toolbar a.no-mobile{
650
+ .editor-toolbar i.no-mobile{
588
651
  display:none
589
652
  }
590
653
  }
@@ -596,20 +659,16 @@ span.CodeMirror-selectedtext{
596
659
  text-align:right
597
660
  }
598
661
 
662
+ .EasyMDEContainer.sided--no-fullscreen .editor-statusbar{
663
+ width:100%
664
+ }
665
+
599
666
  .editor-statusbar span{
600
667
  display:inline-block;
601
668
  min-width:4em;
602
669
  margin-left:1em
603
670
  }
604
671
 
605
- .editor-preview,.editor-preview-side{
606
- padding:10px;
607
- background:#fafafa;
608
- overflow:auto;
609
- display:none;
610
- box-sizing:border-box
611
- }
612
-
613
672
  .editor-statusbar .lines:before{
614
673
  content:'lines: '
615
674
  }
@@ -622,13 +681,16 @@ span.CodeMirror-selectedtext{
622
681
  content:'characters: '
623
682
  }
624
683
 
625
- .editor-preview{
684
+ .editor-preview-full{
626
685
  position:absolute;
627
686
  width:100%;
628
687
  height:100%;
629
688
  top:0;
630
689
  left:0;
631
- z-index:7
690
+ z-index:7;
691
+ overflow:auto;
692
+ display:none;
693
+ box-sizing:border-box
632
694
  }
633
695
 
634
696
  .editor-preview-side{
@@ -638,82 +700,146 @@ span.CodeMirror-selectedtext{
638
700
  top:50px;
639
701
  right:0;
640
702
  z-index:9;
641
- border:1px solid #ddd
703
+ overflow:auto;
704
+ display:none;
705
+ box-sizing:border-box;
706
+ border:1px solid #ddd;
707
+ word-wrap:break-word
642
708
  }
643
709
 
644
- .editor-preview-active,.editor-preview-active-side{
710
+ .editor-preview-active-side{
645
711
  display:block
646
712
  }
647
713
 
648
- .editor-preview-side>p,.editor-preview>p{
714
+ .EasyMDEContainer.sided--no-fullscreen .editor-preview-active-side{
715
+ flex:1 1 auto;
716
+ height:auto;
717
+ position:static
718
+ }
719
+
720
+ .editor-preview-active{
721
+ display:block
722
+ }
723
+
724
+ .editor-preview{
725
+ padding:10px;
726
+ background:#fafafa
727
+ }
728
+
729
+ .editor-preview>p{
649
730
  margin-top:0
650
731
  }
651
732
 
652
- .editor-preview pre,.editor-preview-side pre{
733
+ .editor-preview pre{
653
734
  background:#eee;
654
735
  margin-bottom:10px
655
736
  }
656
737
 
657
- .editor-preview table td,.editor-preview table th,.editor-preview-side table td,.editor-preview-side table th{
738
+ .editor-preview table td,.editor-preview table th{
658
739
  border:1px solid #ddd;
659
740
  padding:5px
660
741
  }
661
742
 
662
- .CodeMirror .CodeMirror-code .cm-tag{
743
+ .cm-s-easymde .cm-tag{
663
744
  color:#63a35c
664
745
  }
665
746
 
666
- .CodeMirror .CodeMirror-code .cm-attribute{
747
+ .cm-s-easymde .cm-attribute{
667
748
  color:#795da3
668
749
  }
669
750
 
670
- .CodeMirror .CodeMirror-code .cm-string{
751
+ .cm-s-easymde .cm-string{
671
752
  color:#183691
672
753
  }
673
754
 
674
- .CodeMirror .CodeMirror-selected{
675
- background:#d9d9d9
755
+ .cm-s-easymde .cm-header-1{
756
+ font-size:calc(1.375rem + 1.5vw)
757
+ }
758
+
759
+ .cm-s-easymde .cm-header-2{
760
+ font-size:calc(1.325rem + .9vw)
761
+ }
762
+
763
+ .cm-s-easymde .cm-header-3{
764
+ font-size:calc(1.3rem + .6vw)
676
765
  }
677
766
 
678
- .CodeMirror .CodeMirror-code .cm-header-1{
679
- font-size:200%;
680
- line-height:200%
767
+ .cm-s-easymde .cm-header-4{
768
+ font-size:calc(1.275rem + .3vw)
681
769
  }
682
770
 
683
- .CodeMirror .CodeMirror-code .cm-header-2{
684
- font-size:160%;
685
- line-height:160%
771
+ .cm-s-easymde .cm-header-5{
772
+ font-size:1.25rem
686
773
  }
687
774
 
688
- .CodeMirror .CodeMirror-code .cm-header-3{
689
- font-size:125%;
690
- line-height:125%
775
+ .cm-s-easymde .cm-header-6{
776
+ font-size:1rem
691
777
  }
692
778
 
693
- .CodeMirror .CodeMirror-code .cm-header-4{
694
- font-size:110%;
695
- line-height:110%
779
+ .cm-s-easymde .cm-header-1,.cm-s-easymde .cm-header-2,.cm-s-easymde .cm-header-3,.cm-s-easymde .cm-header-4,.cm-s-easymde .cm-header-5,.cm-s-easymde .cm-header-6{
780
+ margin-bottom:.5rem;
781
+ line-height:1.2
696
782
  }
697
783
 
698
- .CodeMirror .CodeMirror-code .cm-comment{
784
+ .cm-s-easymde .cm-comment{
699
785
  background:rgba(0,0,0,.05);
700
786
  border-radius:2px
701
787
  }
702
788
 
703
- .CodeMirror .CodeMirror-code .cm-link{
789
+ .cm-s-easymde .cm-link{
704
790
  color:#7f8c8d
705
791
  }
706
792
 
707
- .CodeMirror .CodeMirror-code .cm-url{
793
+ .cm-s-easymde .cm-url{
708
794
  color:#aab2b3
709
795
  }
710
796
 
711
- .CodeMirror .CodeMirror-code .cm-strikethrough{
712
- text-decoration:line-through
797
+ .cm-s-easymde .cm-quote{
798
+ color:#7f8c8d;
799
+ font-style:italic
713
800
  }
714
801
 
715
- .CodeMirror .CodeMirror-placeholder{
716
- opacity:.5
802
+ .editor-toolbar .easymde-dropdown{
803
+ position:relative;
804
+ background:linear-gradient(to bottom right,#fff 0,#fff 84%,#333 50%,#333 100%);
805
+ border-radius:0;
806
+ border:1px solid #fff
807
+ }
808
+
809
+ .editor-toolbar .easymde-dropdown:hover{
810
+ background:linear-gradient(to bottom right,#fff 0,#fff 84%,#333 50%,#333 100%)
811
+ }
812
+
813
+ .easymde-dropdown-content{
814
+ display:block;
815
+ visibility:hidden;
816
+ position:absolute;
817
+ background-color:#f9f9f9;
818
+ box-shadow:0 8px 16px 0 rgba(0,0,0,.2);
819
+ padding:8px;
820
+ z-index:2;
821
+ top:30px
822
+ }
823
+
824
+ .easymde-dropdown:active .easymde-dropdown-content,.easymde-dropdown:focus .easymde-dropdown-content,.easymde-dropdown:focus-within .easymde-dropdown-content{
825
+ visibility:visible
826
+ }
827
+
828
+ .easymde-dropdown-content button{
829
+ display:block
830
+ }
831
+
832
+ span[data-img-src]::after{
833
+ content:'';
834
+ background-image:var(--bg-image);
835
+ display:block;
836
+ max-height:100%;
837
+ max-width:100%;
838
+ background-size:contain;
839
+ height:0;
840
+ padding-top:var(--height);
841
+ width:var(--width);
842
+ background-repeat:no-repeat
717
843
  }
718
844
 
719
845
  .CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word){
@@ -2677,7 +2803,8 @@ body.dark,body[data-theme=dark]{
2677
2803
 
2678
2804
  :root{
2679
2805
  --tagify-dd-color-primary:rgb(53,149,246);
2680
- --tagify-dd-bg-color:white
2806
+ --tagify-dd-bg-color:white;
2807
+ --tagify-dd-item-pad:.3em .5em
2681
2808
  }
2682
2809
 
2683
2810
  .tagify{
@@ -2685,6 +2812,7 @@ body.dark,body[data-theme=dark]{
2685
2812
  --tags-border-color:#DDD;
2686
2813
  --tags-hover-border-color:#CCC;
2687
2814
  --tags-focus-border-color:#3595f6;
2815
+ --tag-border-radius:3px;
2688
2816
  --tag-bg:#E5E5E5;
2689
2817
  --tag-hover:#D3E2E2;
2690
2818
  --tag-text-color:black;
@@ -2705,10 +2833,9 @@ body.dark,body[data-theme=dark]{
2705
2833
  --placeholder-color-focus:rgba(0, 0, 0, 0.25);
2706
2834
  --loader-size:.8em;
2707
2835
  --readonly-striped:1;
2708
- display:flex;
2836
+ display:inline-flex;
2709
2837
  align-items:flex-start;
2710
2838
  flex-wrap:wrap;
2711
- border:1px solid #ddd;
2712
2839
  border:1px solid var(--tags-border-color);
2713
2840
  padding:0;
2714
2841
  line-height:0;
@@ -2731,15 +2858,8 @@ body.dark,body[data-theme=dark]{
2731
2858
  }
2732
2859
  }
2733
2860
 
2734
- .tagify:hover{
2735
- border-color:#ccc;
2736
- border-color:var(--tags-hover-border-color)
2737
- }
2738
-
2739
- .tagify.tagify--focus{
2740
- transition:0s;
2741
- border-color:#3595f6;
2742
- border-color:var(--tags-focus-border-color)
2861
+ .tagify:hover:not(.tagify--focus):not(.tagify--invalid){
2862
+ --tags-border-color:var(--tags-hover-border-color)
2743
2863
  }
2744
2864
 
2745
2865
  .tagify[disabled]{
@@ -2764,7 +2884,6 @@ body.dark,body[data-theme=dark]{
2764
2884
  }
2765
2885
 
2766
2886
  .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div{
2767
- padding:.3em .5em;
2768
2887
  padding:var(--tag-pad)
2769
2888
  }
2770
2889
 
@@ -2799,6 +2918,7 @@ body.dark,body[data-theme=dark]{
2799
2918
  height:.7em;
2800
2919
  width:var(--loader-size);
2801
2920
  height:var(--loader-size);
2921
+ min-width:0;
2802
2922
  border:3px solid;
2803
2923
  border-color:#eee #bbb #888 transparent;
2804
2924
  border-radius:50%;
@@ -2833,12 +2953,10 @@ body.dark,body[data-theme=dark]{
2833
2953
  vertical-align:top;
2834
2954
  box-sizing:border-box;
2835
2955
  max-width:100%;
2836
- padding:.3em .5em;
2837
- padding:var(--tag-pad,.3em .5em);
2838
- color:#000;
2839
- color:var(--tag-text-color,#000);
2956
+ padding:var(--tag-pad);
2957
+ color:var(--tag-text-color);
2840
2958
  line-height:inherit;
2841
- border-radius:3px;
2959
+ border-radius:var(--tag-border-radius);
2842
2960
  white-space:nowrap;
2843
2961
  transition:.13s ease-out
2844
2962
  }
@@ -2849,10 +2967,8 @@ body.dark,body[data-theme=dark]{
2849
2967
  text-overflow:ellipsis;
2850
2968
  display:inline-block;
2851
2969
  vertical-align:top;
2852
- min-width:1ch;
2853
- max-width:auto;
2854
- min-width:var(--tag--min-width,1ch);
2855
- max-width:var(--tag--max-width,auto);
2970
+ min-width:var(--tag--min-width);
2971
+ max-width:var(--tag--max-width);
2856
2972
  transition:.8s ease,.1s color
2857
2973
  }
2858
2974
 
@@ -2870,25 +2986,17 @@ body.dark,body[data-theme=dark]{
2870
2986
  content:"";
2871
2987
  position:absolute;
2872
2988
  border-radius:inherit;
2873
- left:0;
2874
- top:0;
2875
- right:0;
2876
- bottom:0;
2989
+ inset:var(--tag-bg-inset,0);
2877
2990
  z-index:-1;
2878
2991
  pointer-events:none;
2879
2992
  transition:120ms ease;
2880
2993
  animation:tags--bump .3s ease-out 1;
2881
- box-shadow:0 0 0 1.1em #e5e5e5 inset;
2882
- box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-bg,#e5e5e5) inset
2994
+ box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset
2883
2995
  }
2884
2996
 
2885
2997
  .tagify__tag:focus div::before,.tagify__tag:hover:not([readonly]) div::before{
2886
- top:-2px;
2887
- right:-2px;
2888
- bottom:-2px;
2889
- left:-2px;
2890
- box-shadow:0 0 0 1.1em #d3e2e2 inset;
2891
- box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-hover,#d3e2e2) inset
2998
+ --tag-bg-inset:-2.5px;
2999
+ --tag-bg:var(--tag-hover)
2892
3000
  }
2893
3001
 
2894
3002
  .tagify__tag--loading{
@@ -2908,6 +3016,7 @@ body.dark,body[data-theme=dark]{
2908
3016
  height:.7em;
2909
3017
  width:var(--loader-size);
2910
3018
  height:var(--loader-size);
3019
+ min-width:0;
2911
3020
  border:3px solid;
2912
3021
  border-color:#eee #bbb #888 transparent;
2913
3022
  border-radius:50%;
@@ -2927,8 +3036,7 @@ body.dark,body[data-theme=dark]{
2927
3036
  margin-right:0;
2928
3037
  opacity:0;
2929
3038
  transform:scale(0);
2930
- transition:.3s;
2931
- transition:var(--tag-hide-transition,.3s);
3039
+ transition:var(--tag-hide-transition);
2932
3040
  pointer-events:none
2933
3041
  }
2934
3042
 
@@ -2945,8 +3053,7 @@ body.dark,body[data-theme=dark]{
2945
3053
  }
2946
3054
 
2947
3055
  .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before{
2948
- box-shadow:0 0 0 1.1em rgba(211,148,148,.5) inset!important;
2949
- box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-invalid-bg,rgba(211,148,148,.5)) inset!important;
3056
+ --tag-bg:var(--tag-invalid-bg);
2950
3057
  transition:.2s
2951
3058
  }
2952
3059
 
@@ -2967,13 +3074,11 @@ body.dark,body[data-theme=dark]{
2967
3074
  }
2968
3075
 
2969
3076
  .tagify__tag--editable>div{
2970
- color:#000;
2971
- color:var(--tag-text-color--edit,#000)
3077
+ color:var(--tag-text-color--edit)
2972
3078
  }
2973
3079
 
2974
3080
  .tagify__tag--editable>div::before{
2975
- box-shadow:0 0 0 2px #d3e2e2 inset!important;
2976
- box-shadow:0 0 0 2px var(--tag-hover,#d3e2e2) inset!important
3081
+ box-shadow:0 0 0 2px var(--tag-hover) inset!important
2977
3082
  }
2978
3083
 
2979
3084
  .tagify__tag--editable>.tagify__tag__removeBtn{
@@ -2986,8 +3091,7 @@ body.dark,body[data-theme=dark]{
2986
3091
  }
2987
3092
 
2988
3093
  .tagify__tag--editable.tagify--invalid>div::before{
2989
- box-shadow:0 0 0 2px #d39494 inset!important;
2990
- box-shadow:0 0 0 2px var(--tag-invalid-color,#d39494) inset!important
3094
+ box-shadow:0 0 0 2px var(--tag-invalid-color) inset!important
2991
3095
  }
2992
3096
 
2993
3097
  .tagify__tag__removeBtn{
@@ -2998,10 +3102,8 @@ body.dark,body[data-theme=dark]{
2998
3102
  border-radius:50px;
2999
3103
  cursor:pointer;
3000
3104
  font:14px/1 Arial;
3001
- background:0 0;
3002
- background:var(--tag-remove-btn-bg,none);
3003
- color:#000;
3004
- color:var(--tag-remove-btn-color,#000);
3105
+ background:var(--tag-remove-btn-bg);
3106
+ color:var(--tag-remove-btn-color);
3005
3107
  width:14px;
3006
3108
  height:14px;
3007
3109
  margin-right:4.6666666667px;
@@ -3017,8 +3119,7 @@ body.dark,body[data-theme=dark]{
3017
3119
 
3018
3120
  .tagify__tag__removeBtn:hover{
3019
3121
  color:#fff;
3020
- background:#c77777;
3021
- background:var(--tag-remove-btn-bg--hover,#c77777)
3122
+ background:var(--tag-remove-btn-bg--hover)
3022
3123
  }
3023
3124
 
3024
3125
  .tagify__tag__removeBtn:hover+div>span{
@@ -3026,8 +3127,7 @@ body.dark,body[data-theme=dark]{
3026
3127
  }
3027
3128
 
3028
3129
  .tagify__tag__removeBtn:hover+div::before{
3029
- box-shadow:0 0 0 1.1em rgba(211,148,148,.3) inset!important;
3030
- box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-remove-bg,rgba(211,148,148,.3)) inset!important;
3130
+ box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg,rgba(211,148,148,.3)) inset!important;
3031
3131
  transition:box-shadow .2s
3032
3132
  }
3033
3133
 
@@ -3045,16 +3145,18 @@ body.dark,body[data-theme=dark]{
3045
3145
  display:inline-block;
3046
3146
  min-width:110px;
3047
3147
  margin:5px;
3048
- padding:.3em .5em;
3049
- padding:var(--tag-pad,.3em .5em);
3148
+ padding:var(--tag-pad);
3050
3149
  line-height:normal;
3051
3150
  position:relative;
3052
3151
  white-space:pre-wrap;
3053
- color:inherit;
3054
- color:var(--input-color,inherit);
3152
+ color:var(--input-color);
3055
3153
  box-sizing:inherit
3056
3154
  }
3057
3155
 
3156
+ .tagify__input:empty::before{
3157
+ position:static
3158
+ }
3159
+
3058
3160
  .tagify__input:focus{
3059
3161
  outline:0
3060
3162
  }
@@ -3091,7 +3193,6 @@ body.dark,body[data-theme=dark]{
3091
3193
  line-height:1em;
3092
3194
  margin:auto 0;
3093
3195
  z-index:1;
3094
- color:rgba(0,0,0,.4);
3095
3196
  color:var(--placeholder-color);
3096
3197
  white-space:nowrap;
3097
3198
  pointer-events:none;
@@ -3102,8 +3203,13 @@ body.dark,body[data-theme=dark]{
3102
3203
  .tagify__input::after{
3103
3204
  content:attr(data-suggest);
3104
3205
  display:inline-block;
3206
+ vertical-align:middle;
3207
+ position:absolute;
3208
+ min-width:calc(100% - 1.5em);
3209
+ text-overflow:ellipsis;
3210
+ overflow:hidden;
3105
3211
  white-space:pre;
3106
- color:#000;
3212
+ color:var(--tag-text-color);
3107
3213
  opacity:.3;
3108
3214
  pointer-events:none;
3109
3215
  max-width:100px
@@ -3182,6 +3288,11 @@ body.dark,body[data-theme=dark]{
3182
3288
  display:inline-block
3183
3289
  }
3184
3290
 
3291
+ .tagify--focus{
3292
+ --tags-border-color:var(--tags-focus-border-color);
3293
+ transition:0s
3294
+ }
3295
+
3185
3296
  .tagify--invalid{
3186
3297
  --tags-border-color:#D39494
3187
3298
  }
@@ -3215,11 +3326,11 @@ body.dark,body[data-theme=dark]{
3215
3326
  .tagify__dropdown__wrapper{
3216
3327
  max-height:300px;
3217
3328
  overflow:auto;
3218
- background:#fff;
3329
+ overflow-x:hidden;
3219
3330
  background:var(--tagify-dd-bg-color);
3220
- border:1px solid #3595f6;
3331
+ border:1px solid;
3221
3332
  border-color:var(--tagify-dd-color-primary);
3222
- border-bottom-width:1.33px;
3333
+ border-bottom-width:1.5px;
3223
3334
  border-top-width:0;
3224
3335
  box-shadow:0 2px 4px -2px rgba(0,0,0,.2);
3225
3336
  transition:.25s cubic-bezier(0,1,.5,1)
@@ -3232,7 +3343,7 @@ body.dark,body[data-theme=dark]{
3232
3343
  .tagify__dropdown__footer{
3233
3344
  display:inline-block;
3234
3345
  margin-top:.5em;
3235
- padding:.3em .5em;
3346
+ padding:var(--tagify-dd-item-pad);
3236
3347
  font-size:.7em;
3237
3348
  font-style:italic;
3238
3349
  opacity:.5
@@ -3252,17 +3363,18 @@ body.dark,body[data-theme=dark]{
3252
3363
  }
3253
3364
 
3254
3365
  .tagify__dropdown__item{
3255
- box-sizing:inherit;
3256
- padding:.3em .5em;
3366
+ box-sizing:border-box;
3367
+ padding:var(--tagify-dd-item-pad);
3257
3368
  margin:1px;
3258
3369
  cursor:pointer;
3259
3370
  border-radius:2px;
3260
3371
  position:relative;
3261
- outline:0
3372
+ outline:0;
3373
+ max-height:60px;
3374
+ max-width:100%
3262
3375
  }
3263
3376
 
3264
3377
  .tagify__dropdown__item--active{
3265
- background:#3595f6;
3266
3378
  background:var(--tagify-dd-color-primary);
3267
3379
  color:#fff
3268
3380
  }
@@ -3271,6 +3383,22 @@ body.dark,body[data-theme=dark]{
3271
3383
  filter:brightness(105%)
3272
3384
  }
3273
3385
 
3386
+ .tagify__dropdown__item--hidden{
3387
+ padding-top:0;
3388
+ padding-bottom:0;
3389
+ margin:0 1px;
3390
+ pointer-events:none;
3391
+ overflow:hidden;
3392
+ max-height:0;
3393
+ transition:var(--tagify-dd-item--hidden-duration,.3s)!important
3394
+ }
3395
+
3396
+ .tagify__dropdown__item--hidden>*{
3397
+ transform:translateY(-100%);
3398
+ opacity:0;
3399
+ transition:inherit
3400
+ }
3401
+
3274
3402
  /*! tailwindcss v3.0.18 | MIT License | https://tailwindcss.com
3275
3403
  */
3276
3404
 
@@ -3832,8 +3960,7 @@ select{
3832
3960
  }
3833
3961
 
3834
3962
  a{
3835
- --tw-text-opacity:1;
3836
- color:rgb(8 134 222 / var(--tw-text-opacity))
3963
+ color:rgb(var(--color-primary-500))
3837
3964
  }
3838
3965
 
3839
3966
  *, ::before, ::after{
@@ -4230,11 +4357,6 @@ svg.tea #steamR {
4230
4357
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4231
4358
  }
4232
4359
 
4233
- .pagy-nav .page a:focus,.pagy-nav .page.active:focus,.pagy-nav .page.prev.disabled:focus,.pagy-nav .page.next.disabled:focus,.pagy-nav-js .page a:focus,.pagy-combo-nav-js .page a:focus,.pagy-combo-nav-js .pagy-combo-input a:focus{
4234
- --tw-border-opacity:1;
4235
- border-color:rgb(107 182 235 / var(--tw-border-opacity))
4236
- }
4237
-
4238
4360
  .pagy-nav .page a:hover,.pagy-nav .page.active:hover,.pagy-nav .page.prev.disabled:hover,.pagy-nav .page.next.disabled:hover,.pagy-nav-js .page a:hover,.pagy-combo-nav-js .page a:hover,.pagy-combo-nav-js .pagy-combo-input a:hover{
4239
4361
  --tw-bg-opacity:1;
4240
4362
  background-color:rgb(214 216 220 / var(--tw-bg-opacity))
@@ -4484,8 +4606,7 @@ button.aa-DetachedCancelButton {
4484
4606
  }
4485
4607
 
4486
4608
  .aa-DetachedContainer .aa-Source .aa-List .aa-Item[aria-selected=true]{
4487
- --tw-bg-opacity:1;
4488
- background-color:rgb(8 134 222 / var(--tw-bg-opacity))
4609
+ background-color:rgb(var(--color-primary-500))
4489
4610
  }
4490
4611
 
4491
4612
  .aa-DetachedContainer .aa-Source .aa-List .aa-Item[aria-selected=true]{
@@ -4576,10 +4697,8 @@ body.os-pc .mac-styled-scrollbar:hover::-webkit-scrollbar-thumb {
4576
4697
  }
4577
4698
 
4578
4699
  .application-sidebar .active:hover, .application-sidebar .active{
4579
- --tw-bg-opacity:1;
4580
- background-color:rgb(206 231 248 / var(--tw-bg-opacity));
4581
- --tw-text-opacity:1;
4582
- color:rgb(8 134 222 / var(--tw-text-opacity))
4700
+ background-color:rgb(var(--color-primary-100));
4701
+ color:rgb(var(--color-primary-500))
4583
4702
  }
4584
4703
 
4585
4704
  /* remove the left padding. */
@@ -4637,6 +4756,15 @@ body.os-pc .mac-styled-scrollbar:hover::-webkit-scrollbar-thumb {
4637
4756
 
4638
4757
  tags.tagify {
4639
4758
  --tag-inset-shadow-size: 3em;
4759
+ --tags-border-color: rgb(var(--color-primary-500));
4760
+ --tags-hover-border-color: rgb(var(--color-primary-500));
4761
+ }
4762
+
4763
+ .tagify__dropdown {
4764
+ --tagify-dd-color-primary: rgb(var(--color-primary-500));
4765
+ }
4766
+
4767
+ tags.tagify{
4640
4768
  padding:0px !important;
4641
4769
  }
4642
4770
 
@@ -4645,6 +4773,11 @@ tags.tagify span.tagify__input{
4645
4773
  margin-bottom:0.25rem
4646
4774
  }
4647
4775
 
4776
+ tags.tagify span.tagify__input:after {
4777
+ /* The loader is not centered by default. This will make it look better. */
4778
+ margin-top: 0.25rem;
4779
+ }
4780
+
4648
4781
  tag.tagify__tag{
4649
4782
  margin-top:0.25rem;
4650
4783
  margin-bottom:0.25rem;
@@ -4653,6 +4786,12 @@ tag.tagify__tag{
4653
4786
  line-height:1.25rem
4654
4787
  }
4655
4788
 
4789
+ /* When the tags field is used to select just one value there's a weird ZeroWidthSpace (\u200B) character that breaks the vertical spacing. */
4790
+
4791
+ [data-tags-field-mode-value="select"] tags.tagify {
4792
+ height: 40px;
4793
+ }
4794
+
4656
4795
  .spinner {
4657
4796
  width: 16px;
4658
4797
  height: 16px;
@@ -5574,7 +5713,7 @@ progress{
5574
5713
  border-radius:0.25rem;
5575
5714
  border-width:1px;
5576
5715
  --tw-border-opacity:1;
5577
- border-color:rgb(145 151 161 / var(--tw-border-opacity));
5716
+ border-color:rgb(148 163 184 / var(--tw-border-opacity));
5578
5717
  --tw-bg-opacity:1;
5579
5718
  background-color:rgb(255 255 255 / var(--tw-bg-opacity));
5580
5719
  --tw-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
@@ -5596,22 +5735,15 @@ progress[value]::-webkit-progress-bar{
5596
5735
 
5597
5736
  progress[value]::-webkit-progress-value{
5598
5737
  border-radius:0.25rem;
5599
- --tw-bg-opacity:1;
5600
- background-color:rgb(22 163 74 / var(--tw-bg-opacity))
5738
+ background-color:rgb(var(--color-primary-500))
5601
5739
  }
5602
5740
 
5603
5741
  progress[value]::-moz-progress-bar{
5604
5742
  appearance:none;
5605
5743
  border-radius:0.25rem;
5606
- --tw-bg-opacity:1;
5607
- background-color:rgb(22 163 74 / var(--tw-bg-opacity))
5744
+ background-color:rgb(var(--color-primary-500))
5608
5745
  }
5609
5746
 
5610
- /*
5611
- Trix 1.3.1
5612
- Copyright © 2020 Basecamp, LLC
5613
- http://trix-editor.org/*/
5614
-
5615
5747
  trix-editor {
5616
5748
  border: 1px solid #bbb;
5617
5749
  border-radius: 3px;
@@ -5645,7 +5777,7 @@ trix-toolbar .trix-button-group:not(:first-child) {
5645
5777
  margin-left: 1.5vw;
5646
5778
  }
5647
5779
 
5648
- @media (max-device-width: 768px) {
5780
+ @media (max-width: 768px) {
5649
5781
  trix-toolbar .trix-button-group:not(:first-child) {
5650
5782
  margin-left: 0;
5651
5783
  }
@@ -5655,7 +5787,7 @@ trix-toolbar .trix-button-group-spacer {
5655
5787
  flex-grow: 1;
5656
5788
  }
5657
5789
 
5658
- @media (max-device-width: 768px) {
5790
+ @media (max-width: 768px) {
5659
5791
  trix-toolbar .trix-button-group-spacer {
5660
5792
  display: none;
5661
5793
  }
@@ -5694,7 +5826,7 @@ trix-toolbar .trix-button:disabled {
5694
5826
  color: rgba(0, 0, 0, 0.125);
5695
5827
  }
5696
5828
 
5697
- @media (max-device-width: 768px) {
5829
+ @media (max-width: 768px) {
5698
5830
  trix-toolbar .trix-button {
5699
5831
  letter-spacing: -0.01em;
5700
5832
  padding: 0 0.3em;
@@ -5709,7 +5841,7 @@ trix-toolbar .trix-button--icon {
5709
5841
  text-indent: -9999px;
5710
5842
  }
5711
5843
 
5712
- @media (max-device-width: 768px) {
5844
+ @media (max-width: 768px) {
5713
5845
  trix-toolbar .trix-button--icon {
5714
5846
  height: 2em;
5715
5847
  max-width: calc(0.8em + 3.5vw);
@@ -5730,7 +5862,7 @@ trix-toolbar .trix-button--icon::before {
5730
5862
  background-size: contain;
5731
5863
  }
5732
5864
 
5733
- @media (max-device-width: 768px) {
5865
+ @media (max-width: 768px) {
5734
5866
  trix-toolbar .trix-button--icon::before {
5735
5867
  right: 6%;
5736
5868
  left: 6%;
@@ -5746,61 +5878,61 @@ trix-toolbar .trix-button--icon:disabled::before {
5746
5878
  }
5747
5879
 
5748
5880
  trix-toolbar .trix-button--icon-attach::before {
5749
- background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M16.5%206v11.5a4%204%200%201%201-8%200V5a2.5%202.5%200%200%201%205%200v10.5a1%201%200%201%201-2%200V6H10v9.5a2.5%202.5%200%200%200%205%200V5a4%204%200%201%200-8%200v12.5a5.5%205.5%200%200%200%2011%200V6h-1.5z%22%2F%3E%3C%2Fsvg%3E);
5881
+ background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
5750
5882
  top: 8%;
5751
5883
  bottom: 4%;
5752
5884
  }
5753
5885
 
5754
5886
  trix-toolbar .trix-button--icon-bold::before {
5755
- background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M15.6%2011.8c1-.7%201.6-1.8%201.6-2.8a4%204%200%200%200-4-4H7v14h7c2.1%200%203.7-1.7%203.7-3.8%200-1.5-.8-2.8-2.1-3.4zM10%207.5h3a1.5%201.5%200%201%201%200%203h-3v-3zm3.5%209H10v-3h3.5a1.5%201.5%200%201%201%200%203z%22%2F%3E%3C%2Fsvg%3E);
5887
+ background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
5756
5888
  }
5757
5889
 
5758
5890
  trix-toolbar .trix-button--icon-italic::before {
5759
- background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10%205v3h2.2l-3.4%208H6v3h8v-3h-2.2l3.4-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E);
5891
+ background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
5760
5892
  }
5761
5893
 
5762
5894
  trix-toolbar .trix-button--icon-link::before {
5763
- background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9.88%2013.7a4.3%204.3%200%200%201%200-6.07l3.37-3.37a4.26%204.26%200%200%201%206.07%200%204.3%204.3%200%200%201%200%206.06l-1.96%201.72a.91.91%200%201%201-1.3-1.3l1.97-1.71a2.46%202.46%200%200%200-3.48-3.48l-3.38%203.37a2.46%202.46%200%200%200%200%203.48.91.91%200%201%201-1.3%201.3z%22%2F%3E%3Cpath%20d%3D%22M4.25%2019.46a4.3%204.3%200%200%201%200-6.07l1.93-1.9a.91.91%200%201%201%201.3%201.3l-1.93%201.9a2.46%202.46%200%200%200%203.48%203.48l3.37-3.38c.96-.96.96-2.52%200-3.48a.91.91%200%201%201%201.3-1.3%204.3%204.3%200%200%201%200%206.07l-3.38%203.38a4.26%204.26%200%200%201-6.07%200z%22%2F%3E%3C%2Fsvg%3E);
5895
+ background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
5764
5896
  }
5765
5897
 
5766
5898
  trix-toolbar .trix-button--icon-strike::before {
5767
- background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.73%2014l.28.14c.26.15.45.3.57.44.12.14.18.3.18.5%200%20.3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.52%2013.52%200%200%201%207%2014.95v3.37a10.64%2010.64%200%200%200%204.84.88c1.26%200%202.35-.19%203.28-.56.93-.37%201.64-.9%202.14-1.57s.74-1.45.74-2.32c0-.26-.02-.51-.06-.75h-5.21zm-5.5-4c-.08-.34-.12-.7-.12-1.1%200-1.29.52-2.3%201.58-3.02%201.05-.72%202.5-1.08%204.34-1.08%201.62%200%203.28.34%204.97%201l-1.3%202.93c-1.47-.6-2.73-.9-3.8-.9-.55%200-.96.08-1.2.26-.26.17-.38.38-.38.64%200%20.27.16.52.48.74.17.12.53.3%201.05.53H7.23zM3%2013h18v-2H3v2z%22%2F%3E%3C%2Fsvg%3E);
5899
+ background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
5768
5900
  }
5769
5901
 
5770
5902
  trix-toolbar .trix-button--icon-quote::before {
5771
- background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M6%2017h3l2-4V7H5v6h3zm8%200h3l2-4V7h-6v6h3z%22%2F%3E%3C%2Fsvg%3E);
5903
+ background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
5772
5904
  }
5773
5905
 
5774
5906
  trix-toolbar .trix-button--icon-heading-1::before {
5775
- background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12%209v3H9v7H6v-7H3V9h9zM8%204h14v3h-6v12h-3V7H8V4z%22%2F%3E%3C%2Fsvg%3E);
5907
+ background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
5776
5908
  }
5777
5909
 
5778
5910
  trix-toolbar .trix-button--icon-code::before {
5779
- background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.2%2012L15%2015.2l1.4%201.4L21%2012l-4.6-4.6L15%208.8l3.2%203.2zM5.8%2012L9%208.8%207.6%207.4%203%2012l4.6%204.6L9%2015.2%205.8%2012z%22%2F%3E%3C%2Fsvg%3E);
5911
+ background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
5780
5912
  }
5781
5913
 
5782
5914
  trix-toolbar .trix-button--icon-bullet-list::before {
5783
- background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E);
5915
+ background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
5784
5916
  }
5785
5917
 
5786
5918
  trix-toolbar .trix-button--icon-number-list::before {
5787
- background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z%22%2F%3E%3C%2Fsvg%3E);
5919
+ background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
5788
5920
  }
5789
5921
 
5790
5922
  trix-toolbar .trix-button--icon-undo::before {
5791
- background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.5%208c-2.6%200-5%201-6.9%202.6L2%207v9h9l-3.6-3.6A8%208%200%200%201%2020%2016l2.4-.8a10.5%2010.5%200%200%200-10-7.2z%22%2F%3E%3C%2Fsvg%3E);
5923
+ background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
5792
5924
  }
5793
5925
 
5794
5926
  trix-toolbar .trix-button--icon-redo::before {
5795
- background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.4%2010.6a10.5%2010.5%200%200%200-16.9%204.6L4%2016a8%208%200%200%201%2012.7-3.6L13%2016h9V7l-3.6%203.6z%22%2F%3E%3C%2Fsvg%3E);
5927
+ background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
5796
5928
  }
5797
5929
 
5798
5930
  trix-toolbar .trix-button--icon-decrease-nesting-level::before {
5799
- background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-8.3-.3l2.8%202.9L6%2014.2%204%2012l2-2-1.4-1.5L1%2012l.7.7zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E);
5931
+ background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
5800
5932
  }
5801
5933
 
5802
5934
  trix-toolbar .trix-button--icon-increase-nesting-level::before {
5803
- background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-6.9-1L1%2014.2l1.4%201.4L6%2012l-.7-.7-2.8-2.8L1%209.9%203.1%2012zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E);
5935
+ background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
5804
5936
  }
5805
5937
 
5806
5938
  trix-toolbar .trix-dialogs {
@@ -5874,7 +6006,7 @@ trix-editor [data-trix-mutable] ::selection {
5874
6006
  background: none;
5875
6007
  }
5876
6008
 
5877
- trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection {
6009
+ trix-editor .attachment__caption-editor:focus[data-trix-mutable]::selection {
5878
6010
  background: highlight;
5879
6011
  }
5880
6012
 
@@ -5993,7 +6125,7 @@ trix-editor .trix-button--remove::before {
5993
6125
  left: 0;
5994
6126
  opacity: 0.7;
5995
6127
  content: "";
5996
- background-image: url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.4L17.6%205%2012%2010.6%206.4%205%205%206.4l5.6%205.6L5%2017.6%206.4%2019l5.6-5.6%205.6%205.6%201.4-1.4-5.6-5.6z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E);
6128
+ background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
5997
6129
  background-position: center;
5998
6130
  background-repeat: no-repeat;
5999
6131
  background-size: 90%;
@@ -6113,7 +6245,7 @@ trix-editor .attachment__metadata .attachment__size {
6113
6245
  }
6114
6246
 
6115
6247
  .trix-content .attachment__caption .attachment__name + .attachment__size::before {
6116
- content: ' · ';
6248
+ content: ' \2022 ';
6117
6249
  }
6118
6250
 
6119
6251
  .trix-content .attachment--preview {
@@ -6173,6 +6305,18 @@ trix-editor .attachment__metadata .attachment__size {
6173
6305
  list-style-type:decimal
6174
6306
  }
6175
6307
 
6308
+ trix-toolbar .trix-button-row{
6309
+ flex-wrap:wrap
6310
+ }
6311
+
6312
+ trix-toolbar .trix-button-row{
6313
+ column-gap:1.25rem
6314
+ }
6315
+
6316
+ trix-toolbar .trix-button-group:not(:first-child){
6317
+ margin-left:0px
6318
+ }
6319
+
6176
6320
  .container{
6177
6321
  width:100%
6178
6322
  }
@@ -6335,20 +6479,28 @@ trix-editor .attachment__metadata .attachment__size {
6335
6479
  z-index:20
6336
6480
  }
6337
6481
 
6482
+ .z-\[100\]{
6483
+ z-index:100
6484
+ }
6485
+
6338
6486
  .z-40{
6339
6487
  z-index:40
6340
6488
  }
6341
6489
 
6490
+ .z-\[60\]{
6491
+ z-index:60
6492
+ }
6493
+
6342
6494
  .z-30{
6343
6495
  z-index:30
6344
6496
  }
6345
6497
 
6346
- .z-\[100\]{
6347
- z-index:100
6498
+ .order-last{
6499
+ order:9999
6348
6500
  }
6349
6501
 
6350
- .z-\[60\]{
6351
- z-index:60
6502
+ .order-first{
6503
+ order:-9999
6352
6504
  }
6353
6505
 
6354
6506
  .col-span-1{
@@ -6363,6 +6515,10 @@ trix-editor .attachment__metadata .attachment__size {
6363
6515
  grid-column:1 / -1
6364
6516
  }
6365
6517
 
6518
+ .col-span-4{
6519
+ grid-column:span 4 / span 4
6520
+ }
6521
+
6366
6522
  .float-right{
6367
6523
  float:right
6368
6524
  }
@@ -6390,24 +6546,29 @@ trix-editor .attachment__metadata .attachment__size {
6390
6546
  margin-right:0.75rem
6391
6547
  }
6392
6548
 
6393
- .my-6{
6394
- margin-top:1.5rem;
6395
- margin-bottom:1.5rem
6396
- }
6397
-
6398
6549
  .my-4{
6399
6550
  margin-top:1rem;
6400
6551
  margin-bottom:1rem
6401
6552
  }
6402
6553
 
6403
- .my-\[2px\]{
6404
- margin-top:2px;
6405
- margin-bottom:2px
6554
+ .-mx-6{
6555
+ margin-left:-1.5rem;
6556
+ margin-right:-1.5rem
6406
6557
  }
6407
6558
 
6408
- .my-1{
6409
- margin-top:0.25rem;
6410
- margin-bottom:0.25rem
6559
+ .my-6{
6560
+ margin-top:1.5rem;
6561
+ margin-bottom:1.5rem
6562
+ }
6563
+
6564
+ .my-\[2px\]{
6565
+ margin-top:2px;
6566
+ margin-bottom:2px
6567
+ }
6568
+
6569
+ .my-1{
6570
+ margin-top:0.25rem;
6571
+ margin-bottom:0.25rem
6411
6572
  }
6412
6573
 
6413
6574
  .my-0\.5{
@@ -6435,25 +6596,8 @@ trix-editor .attachment__metadata .attachment__size {
6435
6596
  margin-right:1.5rem
6436
6597
  }
6437
6598
 
6438
- .-mx-4{
6439
- margin-left:-1rem;
6440
- margin-right:-1rem
6441
- }
6442
-
6443
- .mt-2{
6444
- margin-top:0.5rem
6445
- }
6446
-
6447
- .ml-3{
6448
- margin-left:0.75rem
6449
- }
6450
-
6451
- .-ml-px{
6452
- margin-left:-1px
6453
- }
6454
-
6455
- .mt-4{
6456
- margin-top:1rem
6599
+ .mt-3{
6600
+ margin-top:0.75rem
6457
6601
  }
6458
6602
 
6459
6603
  .mt-8{
@@ -6472,36 +6616,16 @@ trix-editor .attachment__metadata .attachment__size {
6472
6616
  margin-bottom:0px
6473
6617
  }
6474
6618
 
6475
- .mt-1{
6476
- margin-top:0.25rem
6477
- }
6478
-
6479
- .-ml-20{
6480
- margin-left:-5rem
6481
- }
6482
-
6483
- .-mt-12{
6484
- margin-top:-3rem
6485
- }
6486
-
6487
- .-ml-10{
6488
- margin-left:-2.5rem
6489
- }
6490
-
6491
- .-mt-24{
6492
- margin-top:-6rem
6493
- }
6494
-
6495
- .ml-8{
6496
- margin-left:2rem
6619
+ .mt-4{
6620
+ margin-top:1rem
6497
6621
  }
6498
6622
 
6499
- .ml-20{
6500
- margin-left:5rem
6623
+ .mt-2{
6624
+ margin-top:0.5rem
6501
6625
  }
6502
6626
 
6503
- .-mt-10{
6504
- margin-top:-2.5rem
6627
+ .mt-1{
6628
+ margin-top:0.25rem
6505
6629
  }
6506
6630
 
6507
6631
  .mb-4{
@@ -6524,6 +6648,10 @@ trix-editor .attachment__metadata .attachment__size {
6524
6648
  margin-left:8.333333%
6525
6649
  }
6526
6650
 
6651
+ .ml-3{
6652
+ margin-left:0.75rem
6653
+ }
6654
+
6527
6655
  .ml-4{
6528
6656
  margin-left:1rem
6529
6657
  }
@@ -6532,6 +6660,10 @@ trix-editor .attachment__metadata .attachment__size {
6532
6660
  margin-bottom:0.5rem
6533
6661
  }
6534
6662
 
6663
+ .-mt-12{
6664
+ margin-top:-3rem
6665
+ }
6666
+
6535
6667
  .ml-1\/2{
6536
6668
  margin-left:50%
6537
6669
  }
@@ -6596,6 +6728,10 @@ trix-editor .attachment__metadata .attachment__size {
6596
6728
  margin-bottom:0.25rem
6597
6729
  }
6598
6730
 
6731
+ .-mt-9{
6732
+ margin-top:-2.25rem
6733
+ }
6734
+
6599
6735
  .block{
6600
6736
  display:block
6601
6737
  }
@@ -6632,6 +6768,10 @@ trix-editor .attachment__metadata .attachment__size {
6632
6768
  aspect-ratio:1 / 1
6633
6769
  }
6634
6770
 
6771
+ .aspect-video{
6772
+ aspect-ratio:16 / 9
6773
+ }
6774
+
6635
6775
  .h-36{
6636
6776
  height:9rem
6637
6777
  }
@@ -6668,18 +6808,6 @@ trix-editor .attachment__metadata .attachment__size {
6668
6808
  height:100%
6669
6809
  }
6670
6810
 
6671
- .h-40{
6672
- height:10rem
6673
- }
6674
-
6675
- .h-20{
6676
- height:5rem
6677
- }
6678
-
6679
- .h-8{
6680
- height:2rem
6681
- }
6682
-
6683
6811
  .h-64{
6684
6812
  height:16rem
6685
6813
  }
@@ -6696,6 +6824,10 @@ trix-editor .attachment__metadata .attachment__size {
6696
6824
  height:4rem
6697
6825
  }
6698
6826
 
6827
+ .h-8{
6828
+ height:2rem
6829
+ }
6830
+
6699
6831
  .h-\[250px\]{
6700
6832
  height:250px
6701
6833
  }
@@ -6712,18 +6844,22 @@ trix-editor .attachment__metadata .attachment__size {
6712
6844
  height:2.5rem
6713
6845
  }
6714
6846
 
6715
- .h-9{
6716
- height:2.25rem
6847
+ .h-20{
6848
+ height:5rem
6717
6849
  }
6718
6850
 
6719
- .max-h-\[42rem\]{
6720
- max-height:42rem
6851
+ .h-9{
6852
+ height:2.25rem
6721
6853
  }
6722
6854
 
6723
6855
  .max-h-full{
6724
6856
  max-height:100%
6725
6857
  }
6726
6858
 
6859
+ .max-h-11\/12{
6860
+ max-height:91.666667%
6861
+ }
6862
+
6727
6863
  .min-h-24{
6728
6864
  min-height:6rem
6729
6865
  }
@@ -6856,11 +6992,15 @@ trix-editor .attachment__metadata .attachment__size {
6856
6992
  flex-shrink:0
6857
6993
  }
6858
6994
 
6995
+ .shrink-0{
6996
+ flex-shrink:0
6997
+ }
6998
+
6859
6999
  .flex-grow-0{
6860
7000
  flex-grow:0
6861
7001
  }
6862
7002
 
6863
- .flex-grow{
7003
+ .grow{
6864
7004
  flex-grow:1
6865
7005
  }
6866
7006
 
@@ -6915,10 +7055,26 @@ trix-editor .attachment__metadata .attachment__size {
6915
7055
  appearance:none
6916
7056
  }
6917
7057
 
7058
+ .auto-cols-fr{
7059
+ grid-auto-columns:minmax(0, 1fr)
7060
+ }
7061
+
7062
+ .grid-flow-row{
7063
+ grid-auto-flow:row
7064
+ }
7065
+
6918
7066
  .grid-cols-1{
6919
7067
  grid-template-columns:repeat(1, minmax(0, 1fr))
6920
7068
  }
6921
7069
 
7070
+ .grid-cols-6{
7071
+ grid-template-columns:repeat(6, minmax(0, 1fr))
7072
+ }
7073
+
7074
+ .grid-rows-1{
7075
+ grid-template-rows:repeat(1, minmax(0, 1fr))
7076
+ }
7077
+
6922
7078
  .flex-row{
6923
7079
  flex-direction:row
6924
7080
  }
@@ -6999,10 +7155,6 @@ trix-editor .attachment__metadata .attachment__size {
6999
7155
  gap:1.5rem
7000
7156
  }
7001
7157
 
7002
- .gap-3{
7003
- gap:0.75rem
7004
- }
7005
-
7006
7158
  .gap-1{
7007
7159
  gap:0.25rem
7008
7160
  }
@@ -7067,12 +7219,6 @@ trix-editor .attachment__metadata .attachment__size {
7067
7219
  margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))
7068
7220
  }
7069
7221
 
7070
- .space-y-3 > :not([hidden]) ~ :not([hidden]){
7071
- --tw-space-y-reverse:0;
7072
- margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
7073
- margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))
7074
- }
7075
-
7076
7222
  .divide-y > :not([hidden]) ~ :not([hidden]){
7077
7223
  --tw-divide-y-reverse:0;
7078
7224
  border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
@@ -7158,16 +7304,6 @@ trix-editor .attachment__metadata .attachment__size {
7158
7304
  border-radius:1rem
7159
7305
  }
7160
7306
 
7161
- .rounded-r-md{
7162
- border-top-right-radius:0.375rem;
7163
- border-bottom-right-radius:0.375rem
7164
- }
7165
-
7166
- .rounded-l-md{
7167
- border-top-left-radius:0.375rem;
7168
- border-bottom-left-radius:0.375rem
7169
- }
7170
-
7171
7307
  .rounded-l{
7172
7308
  border-top-left-radius:0.25rem;
7173
7309
  border-bottom-left-radius:0.25rem
@@ -7182,11 +7318,6 @@ trix-editor .attachment__metadata .attachment__size {
7182
7318
  border-width:1px
7183
7319
  }
7184
7320
 
7185
- .border-y{
7186
- border-top-width:1px;
7187
- border-bottom-width:1px
7188
- }
7189
-
7190
7321
  .border-b-2{
7191
7322
  border-bottom-width:2px
7192
7323
  }
@@ -7338,8 +7469,7 @@ trix-editor .attachment__metadata .attachment__size {
7338
7469
  }
7339
7470
 
7340
7471
  .border-primary-500{
7341
- --tw-border-opacity:1;
7342
- border-color:rgb(8 134 222 / var(--tw-border-opacity))
7472
+ border-color:rgb(var(--color-primary-500))
7343
7473
  }
7344
7474
 
7345
7475
  .border-red-600{
@@ -7357,11 +7487,6 @@ trix-editor .attachment__metadata .attachment__size {
7357
7487
  border-color:rgb(172 177 185 / var(--tw-border-opacity))
7358
7488
  }
7359
7489
 
7360
- .border-primary-300{
7361
- --tw-border-opacity:1;
7362
- border-color:rgb(107 182 235 / var(--tw-border-opacity))
7363
- }
7364
-
7365
7490
  .border-gray-600{
7366
7491
  --tw-border-opacity:1;
7367
7492
  border-color:rgb(94 100 110 / var(--tw-border-opacity))
@@ -7391,6 +7516,11 @@ trix-editor .attachment__metadata .attachment__size {
7391
7516
  border-color:rgb(203 213 225 / var(--tw-border-opacity))
7392
7517
  }
7393
7518
 
7519
+ .border-gray-150{
7520
+ --tw-border-opacity:1;
7521
+ border-color:rgb(214 216 220 / var(--tw-border-opacity))
7522
+ }
7523
+
7394
7524
  .bg-slate-500{
7395
7525
  --tw-bg-opacity:1;
7396
7526
  background-color:rgb(100 116 139 / var(--tw-bg-opacity))
@@ -7502,8 +7632,7 @@ trix-editor .attachment__metadata .attachment__size {
7502
7632
  }
7503
7633
 
7504
7634
  .bg-primary-500{
7505
- --tw-bg-opacity:1;
7506
- background-color:rgb(8 134 222 / var(--tw-bg-opacity))
7635
+ background-color:rgb(var(--color-primary-500))
7507
7636
  }
7508
7637
 
7509
7638
  .bg-red-600{
@@ -7521,9 +7650,8 @@ trix-editor .attachment__metadata .attachment__size {
7521
7650
  background-color:rgb(246 246 247 / var(--tw-bg-opacity))
7522
7651
  }
7523
7652
 
7524
- .bg-gray-100{
7525
- --tw-bg-opacity:1;
7526
- background-color:rgb(227 229 232 / var(--tw-bg-opacity))
7653
+ .bg-application{
7654
+ background-color:rgb(var(--color-application-background))
7527
7655
  }
7528
7656
 
7529
7657
  .bg-orange-700{
@@ -7531,14 +7659,14 @@ trix-editor .attachment__metadata .attachment__size {
7531
7659
  background-color:rgb(194 65 12 / var(--tw-bg-opacity))
7532
7660
  }
7533
7661
 
7534
- .bg-green-700{
7662
+ .bg-gray-100{
7535
7663
  --tw-bg-opacity:1;
7536
- background-color:rgb(21 128 61 / var(--tw-bg-opacity))
7664
+ background-color:rgb(227 229 232 / var(--tw-bg-opacity))
7537
7665
  }
7538
7666
 
7539
- .bg-application{
7667
+ .bg-green-700{
7540
7668
  --tw-bg-opacity:1;
7541
- background-color:rgb(246 246 247 / var(--tw-bg-opacity))
7669
+ background-color:rgb(21 128 61 / var(--tw-bg-opacity))
7542
7670
  }
7543
7671
 
7544
7672
  .bg-red-400{
@@ -7561,6 +7689,10 @@ trix-editor .attachment__metadata .attachment__size {
7561
7689
  background-color:rgb(47 50 55 / var(--tw-bg-opacity))
7562
7690
  }
7563
7691
 
7692
+ .bg-primary-100{
7693
+ background-color:rgb(var(--color-primary-100))
7694
+ }
7695
+
7564
7696
  .bg-gray-50{
7565
7697
  --tw-bg-opacity:1;
7566
7698
  background-color:rgb(241 242 243 / var(--tw-bg-opacity))
@@ -7576,6 +7708,11 @@ trix-editor .attachment__metadata .attachment__size {
7576
7708
  background-color:rgb(94 100 110 / var(--tw-bg-opacity))
7577
7709
  }
7578
7710
 
7711
+ .bg-slate-100{
7712
+ --tw-bg-opacity:1;
7713
+ background-color:rgb(241 245 249 / var(--tw-bg-opacity))
7714
+ }
7715
+
7579
7716
  .bg-opacity-25{
7580
7717
  --tw-bg-opacity:0.25
7581
7718
  }
@@ -7616,6 +7753,10 @@ trix-editor .attachment__metadata .attachment__size {
7616
7753
  padding:0.25rem
7617
7754
  }
7618
7755
 
7756
+ .p-1\.5{
7757
+ padding:0.375rem
7758
+ }
7759
+
7619
7760
  .px-1{
7620
7761
  padding-left:0.25rem;
7621
7762
  padding-right:0.25rem
@@ -7661,11 +7802,6 @@ trix-editor .attachment__metadata .attachment__size {
7661
7802
  padding-right:0px
7662
7803
  }
7663
7804
 
7664
- .py-12{
7665
- padding-top:3rem;
7666
- padding-bottom:3rem
7667
- }
7668
-
7669
7805
  .py-4{
7670
7806
  padding-top:1rem;
7671
7807
  padding-bottom:1rem
@@ -7721,6 +7857,14 @@ trix-editor .attachment__metadata .attachment__size {
7721
7857
  padding-bottom:2rem
7722
7858
  }
7723
7859
 
7860
+ .pt-4{
7861
+ padding-top:1rem
7862
+ }
7863
+
7864
+ .pb-8{
7865
+ padding-bottom:2rem
7866
+ }
7867
+
7724
7868
  .pb-6{
7725
7869
  padding-bottom:1.5rem
7726
7870
  }
@@ -7749,10 +7893,6 @@ trix-editor .attachment__metadata .attachment__size {
7749
7893
  padding-top:0px
7750
7894
  }
7751
7895
 
7752
- .pt-4{
7753
- padding-top:1rem
7754
- }
7755
-
7756
7896
  .pb-4{
7757
7897
  padding-bottom:1rem
7758
7898
  }
@@ -7816,16 +7956,6 @@ trix-editor .attachment__metadata .attachment__size {
7816
7956
  line-height:1.5rem
7817
7957
  }
7818
7958
 
7819
- .text-3xl{
7820
- font-size:1.875rem;
7821
- line-height:2.25rem
7822
- }
7823
-
7824
- .text-5xl{
7825
- font-size:3rem;
7826
- line-height:1
7827
- }
7828
-
7829
7959
  .text-xl{
7830
7960
  font-size:1.25rem;
7831
7961
  line-height:1.75rem
@@ -7836,6 +7966,16 @@ trix-editor .attachment__metadata .attachment__size {
7836
7966
  line-height:1rem
7837
7967
  }
7838
7968
 
7969
+ .text-3xl{
7970
+ font-size:1.875rem;
7971
+ line-height:2.25rem
7972
+ }
7973
+
7974
+ .text-5xl{
7975
+ font-size:3rem;
7976
+ line-height:1
7977
+ }
7978
+
7839
7979
  .text-2xl{
7840
7980
  font-size:1.5rem;
7841
7981
  line-height:2rem
@@ -7845,10 +7985,6 @@ trix-editor .attachment__metadata .attachment__size {
7845
7985
  font-weight:600
7846
7986
  }
7847
7987
 
7848
- .font-medium{
7849
- font-weight:500
7850
- }
7851
-
7852
7988
  .font-normal{
7853
7989
  font-weight:400
7854
7990
  }
@@ -7857,6 +7993,10 @@ trix-editor .attachment__metadata .attachment__size {
7857
7993
  font-weight:700
7858
7994
  }
7859
7995
 
7996
+ .font-medium{
7997
+ font-weight:500
7998
+ }
7999
+
7860
8000
  .uppercase{
7861
8001
  text-transform:uppercase
7862
8002
  }
@@ -7865,10 +8005,6 @@ trix-editor .attachment__metadata .attachment__size {
7865
8005
  text-transform:capitalize
7866
8006
  }
7867
8007
 
7868
- .italic{
7869
- font-style:italic
7870
- }
7871
-
7872
8008
  .leading-6{
7873
8009
  line-height:1.5rem
7874
8010
  }
@@ -8004,8 +8140,7 @@ trix-editor .attachment__metadata .attachment__size {
8004
8140
  }
8005
8141
 
8006
8142
  .text-primary-500{
8007
- --tw-text-opacity:1;
8008
- color:rgb(8 134 222 / var(--tw-text-opacity))
8143
+ color:rgb(var(--color-primary-500))
8009
8144
  }
8010
8145
 
8011
8146
  .text-white{
@@ -8048,11 +8183,6 @@ trix-editor .attachment__metadata .attachment__size {
8048
8183
  color:rgb(0 0 0 / var(--tw-text-opacity))
8049
8184
  }
8050
8185
 
8051
- .\!text-blue-700{
8052
- --tw-text-opacity:1 !important;
8053
- color:rgb(5 80 133 / var(--tw-text-opacity)) !important
8054
- }
8055
-
8056
8186
  .text-slate-600{
8057
8187
  --tw-text-opacity:1;
8058
8188
  color:rgb(71 85 105 / var(--tw-text-opacity))
@@ -8073,11 +8203,6 @@ trix-editor .attachment__metadata .attachment__size {
8073
8203
  color:rgb(22 163 74 / var(--tw-text-opacity))
8074
8204
  }
8075
8205
 
8076
- .underline{
8077
- -webkit-text-decoration-line:underline;
8078
- text-decoration-line:underline
8079
- }
8080
-
8081
8206
  .no-underline{
8082
8207
  -webkit-text-decoration-line:none;
8083
8208
  text-decoration-line:none
@@ -8099,8 +8224,10 @@ trix-editor .attachment__metadata .attachment__size {
8099
8224
  opacity:1
8100
8225
  }
8101
8226
 
8102
- .opacity-80{
8103
- opacity:0.8
8227
+ .shadow-md{
8228
+ --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
8229
+ --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
8230
+ box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
8104
8231
  }
8105
8232
 
8106
8233
  .shadow-panel{
@@ -8121,18 +8248,18 @@ trix-editor .attachment__metadata .attachment__size {
8121
8248
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
8122
8249
  }
8123
8250
 
8124
- .shadow{
8125
- --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
8126
- --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
8127
- box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
8128
- }
8129
-
8130
8251
  .shadow-context{
8131
8252
  --tw-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 0 25px -5px rgba(0, 0, 0, 0.1);
8132
8253
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 0 25px -5px var(--tw-shadow-color);
8133
8254
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
8134
8255
  }
8135
8256
 
8257
+ .shadow{
8258
+ --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
8259
+ --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
8260
+ box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
8261
+ }
8262
+
8136
8263
  .outline-none{
8137
8264
  outline:2px solid transparent;
8138
8265
  outline-offset:2px
@@ -8147,11 +8274,6 @@ trix-editor .attachment__metadata .attachment__size {
8147
8274
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
8148
8275
  }
8149
8276
 
8150
- .sepia{
8151
- --tw-sepia:sepia(100%);
8152
- filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
8153
- }
8154
-
8155
8277
  .filter{
8156
8278
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
8157
8279
  }
@@ -8255,8 +8377,7 @@ html, body{
8255
8377
  }
8256
8378
 
8257
8379
  .turbo-progress-bar{
8258
- --tw-bg-opacity:1;
8259
- background-color:rgb(57 158 229 / var(--tw-bg-opacity))
8380
+ background-color:rgb(var(--color-primary-400))
8260
8381
  }
8261
8382
 
8262
8383
  body.os-mac .mac\:hidden {
@@ -8272,42 +8393,23 @@ trix-editor {
8272
8393
  overflow-y: auto;
8273
8394
  }
8274
8395
 
8275
- .scroll-shadows {
8276
- background:
8277
- /* Shadow Cover TOP */
8278
- linear-gradient(
8279
- #F6F6F7 30%,
8280
- #F6F6F7
8281
- ) center top,
8282
-
8283
- /* Shadow Cover BOTTOM */
8284
- linear-gradient(
8285
- #F6F6F7,
8286
- #F6F6F7 70%
8287
- ) center bottom,
8288
-
8289
- /* Shadow TOP */
8290
- radial-gradient(
8291
- farthest-side at 50% 0,
8292
- rgba(0, 0, 0, 0.2),
8293
- rgba(0, 0, 0, 0)
8294
- ) center top,
8295
-
8296
- /* Shadow BOTTOM */
8297
- radial-gradient(
8298
- farthest-side at 50% 100%,
8299
- rgba(0, 0, 0, 0.2),
8300
- rgba(0, 0, 0, 0)
8301
- ) center bottom;
8302
- background-repeat: no-repeat;
8303
- background-size: 100% 34px, 100% 34px, 100% 14px, 100% 14px;
8304
- background-attachment: local, local, scroll, scroll;
8396
+ .placeholder\:text-gray-300::placeholder{
8397
+ --tw-text-opacity:1;
8398
+ color:rgb(172 177 185 / var(--tw-text-opacity))
8305
8399
  }
8306
8400
 
8307
8401
  .checked\:block:checked{
8308
8402
  display:block
8309
8403
  }
8310
8404
 
8405
+ .checked\:bg-primary-400:checked{
8406
+ background-color:rgb(var(--color-primary-400))
8407
+ }
8408
+
8409
+ .focus-within\:border-primary-500:focus-within{
8410
+ border-color:rgb(var(--color-primary-500))
8411
+ }
8412
+
8311
8413
  .hover\:z-\[21\]:hover{
8312
8414
  z-index:21
8313
8415
  }
@@ -8423,13 +8525,7 @@ trix-editor {
8423
8525
  }
8424
8526
 
8425
8527
  .hover\:border-primary-600:hover{
8426
- --tw-border-opacity:1;
8427
- border-color:rgb(6 107 178 / var(--tw-border-opacity))
8428
- }
8429
-
8430
- .hover\:bg-slate-100:hover{
8431
- --tw-bg-opacity:1;
8432
- background-color:rgb(241 245 249 / var(--tw-bg-opacity))
8528
+ border-color:rgb(var(--color-primary-600))
8433
8529
  }
8434
8530
 
8435
8531
  .hover\:bg-slate-600:hover{
@@ -8437,9 +8533,9 @@ trix-editor {
8437
8533
  background-color:rgb(71 85 105 / var(--tw-bg-opacity))
8438
8534
  }
8439
8535
 
8440
- .hover\:bg-gray-100:hover{
8536
+ .hover\:bg-slate-100:hover{
8441
8537
  --tw-bg-opacity:1;
8442
- background-color:rgb(227 229 232 / var(--tw-bg-opacity))
8538
+ background-color:rgb(241 245 249 / var(--tw-bg-opacity))
8443
8539
  }
8444
8540
 
8445
8541
  .hover\:bg-gray-600:hover{
@@ -8447,9 +8543,9 @@ trix-editor {
8447
8543
  background-color:rgb(94 100 110 / var(--tw-bg-opacity))
8448
8544
  }
8449
8545
 
8450
- .hover\:bg-zinc-100:hover{
8546
+ .hover\:bg-gray-100:hover{
8451
8547
  --tw-bg-opacity:1;
8452
- background-color:rgb(244 244 245 / var(--tw-bg-opacity))
8548
+ background-color:rgb(227 229 232 / var(--tw-bg-opacity))
8453
8549
  }
8454
8550
 
8455
8551
  .hover\:bg-zinc-600:hover{
@@ -8457,9 +8553,9 @@ trix-editor {
8457
8553
  background-color:rgb(82 82 91 / var(--tw-bg-opacity))
8458
8554
  }
8459
8555
 
8460
- .hover\:bg-neutral-100:hover{
8556
+ .hover\:bg-zinc-100:hover{
8461
8557
  --tw-bg-opacity:1;
8462
- background-color:rgb(245 245 245 / var(--tw-bg-opacity))
8558
+ background-color:rgb(244 244 245 / var(--tw-bg-opacity))
8463
8559
  }
8464
8560
 
8465
8561
  .hover\:bg-neutral-600:hover{
@@ -8467,9 +8563,9 @@ trix-editor {
8467
8563
  background-color:rgb(82 82 82 / var(--tw-bg-opacity))
8468
8564
  }
8469
8565
 
8470
- .hover\:bg-stone-100:hover{
8566
+ .hover\:bg-neutral-100:hover{
8471
8567
  --tw-bg-opacity:1;
8472
- background-color:rgb(245 245 244 / var(--tw-bg-opacity))
8568
+ background-color:rgb(245 245 245 / var(--tw-bg-opacity))
8473
8569
  }
8474
8570
 
8475
8571
  .hover\:bg-stone-600:hover{
@@ -8477,9 +8573,9 @@ trix-editor {
8477
8573
  background-color:rgb(87 83 78 / var(--tw-bg-opacity))
8478
8574
  }
8479
8575
 
8480
- .hover\:bg-red-100:hover{
8576
+ .hover\:bg-stone-100:hover{
8481
8577
  --tw-bg-opacity:1;
8482
- background-color:rgb(254 226 226 / var(--tw-bg-opacity))
8578
+ background-color:rgb(245 245 244 / var(--tw-bg-opacity))
8483
8579
  }
8484
8580
 
8485
8581
  .hover\:bg-red-600:hover{
@@ -8487,9 +8583,9 @@ trix-editor {
8487
8583
  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
8488
8584
  }
8489
8585
 
8490
- .hover\:bg-orange-100:hover{
8586
+ .hover\:bg-red-100:hover{
8491
8587
  --tw-bg-opacity:1;
8492
- background-color:rgb(255 237 213 / var(--tw-bg-opacity))
8588
+ background-color:rgb(254 226 226 / var(--tw-bg-opacity))
8493
8589
  }
8494
8590
 
8495
8591
  .hover\:bg-orange-600:hover{
@@ -8497,9 +8593,9 @@ trix-editor {
8497
8593
  background-color:rgb(234 88 12 / var(--tw-bg-opacity))
8498
8594
  }
8499
8595
 
8500
- .hover\:bg-amber-100:hover{
8596
+ .hover\:bg-orange-100:hover{
8501
8597
  --tw-bg-opacity:1;
8502
- background-color:rgb(254 243 199 / var(--tw-bg-opacity))
8598
+ background-color:rgb(255 237 213 / var(--tw-bg-opacity))
8503
8599
  }
8504
8600
 
8505
8601
  .hover\:bg-amber-600:hover{
@@ -8507,9 +8603,9 @@ trix-editor {
8507
8603
  background-color:rgb(217 119 6 / var(--tw-bg-opacity))
8508
8604
  }
8509
8605
 
8510
- .hover\:bg-yellow-100:hover{
8606
+ .hover\:bg-amber-100:hover{
8511
8607
  --tw-bg-opacity:1;
8512
- background-color:rgb(254 249 195 / var(--tw-bg-opacity))
8608
+ background-color:rgb(254 243 199 / var(--tw-bg-opacity))
8513
8609
  }
8514
8610
 
8515
8611
  .hover\:bg-yellow-600:hover{
@@ -8517,9 +8613,9 @@ trix-editor {
8517
8613
  background-color:rgb(202 138 4 / var(--tw-bg-opacity))
8518
8614
  }
8519
8615
 
8520
- .hover\:bg-lime-100:hover{
8616
+ .hover\:bg-yellow-100:hover{
8521
8617
  --tw-bg-opacity:1;
8522
- background-color:rgb(236 252 203 / var(--tw-bg-opacity))
8618
+ background-color:rgb(254 249 195 / var(--tw-bg-opacity))
8523
8619
  }
8524
8620
 
8525
8621
  .hover\:bg-lime-600:hover{
@@ -8527,9 +8623,9 @@ trix-editor {
8527
8623
  background-color:rgb(101 163 13 / var(--tw-bg-opacity))
8528
8624
  }
8529
8625
 
8530
- .hover\:bg-green-100:hover{
8626
+ .hover\:bg-lime-100:hover{
8531
8627
  --tw-bg-opacity:1;
8532
- background-color:rgb(220 252 231 / var(--tw-bg-opacity))
8628
+ background-color:rgb(236 252 203 / var(--tw-bg-opacity))
8533
8629
  }
8534
8630
 
8535
8631
  .hover\:bg-green-600:hover{
@@ -8537,9 +8633,9 @@ trix-editor {
8537
8633
  background-color:rgb(22 163 74 / var(--tw-bg-opacity))
8538
8634
  }
8539
8635
 
8540
- .hover\:bg-emerald-100:hover{
8636
+ .hover\:bg-green-100:hover{
8541
8637
  --tw-bg-opacity:1;
8542
- background-color:rgb(209 250 229 / var(--tw-bg-opacity))
8638
+ background-color:rgb(220 252 231 / var(--tw-bg-opacity))
8543
8639
  }
8544
8640
 
8545
8641
  .hover\:bg-emerald-600:hover{
@@ -8547,9 +8643,9 @@ trix-editor {
8547
8643
  background-color:rgb(5 150 105 / var(--tw-bg-opacity))
8548
8644
  }
8549
8645
 
8550
- .hover\:bg-teal-100:hover{
8646
+ .hover\:bg-emerald-100:hover{
8551
8647
  --tw-bg-opacity:1;
8552
- background-color:rgb(204 251 241 / var(--tw-bg-opacity))
8648
+ background-color:rgb(209 250 229 / var(--tw-bg-opacity))
8553
8649
  }
8554
8650
 
8555
8651
  .hover\:bg-teal-600:hover{
@@ -8557,9 +8653,9 @@ trix-editor {
8557
8653
  background-color:rgb(13 148 136 / var(--tw-bg-opacity))
8558
8654
  }
8559
8655
 
8560
- .hover\:bg-cyan-100:hover{
8656
+ .hover\:bg-teal-100:hover{
8561
8657
  --tw-bg-opacity:1;
8562
- background-color:rgb(207 250 254 / var(--tw-bg-opacity))
8658
+ background-color:rgb(204 251 241 / var(--tw-bg-opacity))
8563
8659
  }
8564
8660
 
8565
8661
  .hover\:bg-cyan-600:hover{
@@ -8567,9 +8663,9 @@ trix-editor {
8567
8663
  background-color:rgb(8 145 178 / var(--tw-bg-opacity))
8568
8664
  }
8569
8665
 
8570
- .hover\:bg-sky-100:hover{
8666
+ .hover\:bg-cyan-100:hover{
8571
8667
  --tw-bg-opacity:1;
8572
- background-color:rgb(224 242 254 / var(--tw-bg-opacity))
8668
+ background-color:rgb(207 250 254 / var(--tw-bg-opacity))
8573
8669
  }
8574
8670
 
8575
8671
  .hover\:bg-sky-600:hover{
@@ -8577,9 +8673,9 @@ trix-editor {
8577
8673
  background-color:rgb(2 132 199 / var(--tw-bg-opacity))
8578
8674
  }
8579
8675
 
8580
- .hover\:bg-blue-100:hover{
8676
+ .hover\:bg-sky-100:hover{
8581
8677
  --tw-bg-opacity:1;
8582
- background-color:rgb(206 231 248 / var(--tw-bg-opacity))
8678
+ background-color:rgb(224 242 254 / var(--tw-bg-opacity))
8583
8679
  }
8584
8680
 
8585
8681
  .hover\:bg-blue-600:hover{
@@ -8587,9 +8683,9 @@ trix-editor {
8587
8683
  background-color:rgb(6 107 178 / var(--tw-bg-opacity))
8588
8684
  }
8589
8685
 
8590
- .hover\:bg-indigo-100:hover{
8686
+ .hover\:bg-blue-100:hover{
8591
8687
  --tw-bg-opacity:1;
8592
- background-color:rgb(224 231 255 / var(--tw-bg-opacity))
8688
+ background-color:rgb(206 231 248 / var(--tw-bg-opacity))
8593
8689
  }
8594
8690
 
8595
8691
  .hover\:bg-indigo-600:hover{
@@ -8597,9 +8693,9 @@ trix-editor {
8597
8693
  background-color:rgb(79 70 229 / var(--tw-bg-opacity))
8598
8694
  }
8599
8695
 
8600
- .hover\:bg-violet-100:hover{
8696
+ .hover\:bg-indigo-100:hover{
8601
8697
  --tw-bg-opacity:1;
8602
- background-color:rgb(237 233 254 / var(--tw-bg-opacity))
8698
+ background-color:rgb(224 231 255 / var(--tw-bg-opacity))
8603
8699
  }
8604
8700
 
8605
8701
  .hover\:bg-violet-600:hover{
@@ -8607,9 +8703,9 @@ trix-editor {
8607
8703
  background-color:rgb(124 58 237 / var(--tw-bg-opacity))
8608
8704
  }
8609
8705
 
8610
- .hover\:bg-purple-100:hover{
8706
+ .hover\:bg-violet-100:hover{
8611
8707
  --tw-bg-opacity:1;
8612
- background-color:rgb(243 232 255 / var(--tw-bg-opacity))
8708
+ background-color:rgb(237 233 254 / var(--tw-bg-opacity))
8613
8709
  }
8614
8710
 
8615
8711
  .hover\:bg-purple-600:hover{
@@ -8617,9 +8713,9 @@ trix-editor {
8617
8713
  background-color:rgb(147 51 234 / var(--tw-bg-opacity))
8618
8714
  }
8619
8715
 
8620
- .hover\:bg-fuchsia-100:hover{
8716
+ .hover\:bg-purple-100:hover{
8621
8717
  --tw-bg-opacity:1;
8622
- background-color:rgb(250 232 255 / var(--tw-bg-opacity))
8718
+ background-color:rgb(243 232 255 / var(--tw-bg-opacity))
8623
8719
  }
8624
8720
 
8625
8721
  .hover\:bg-fuchsia-600:hover{
@@ -8627,9 +8723,9 @@ trix-editor {
8627
8723
  background-color:rgb(192 38 211 / var(--tw-bg-opacity))
8628
8724
  }
8629
8725
 
8630
- .hover\:bg-pink-100:hover{
8726
+ .hover\:bg-fuchsia-100:hover{
8631
8727
  --tw-bg-opacity:1;
8632
- background-color:rgb(252 231 243 / var(--tw-bg-opacity))
8728
+ background-color:rgb(250 232 255 / var(--tw-bg-opacity))
8633
8729
  }
8634
8730
 
8635
8731
  .hover\:bg-pink-600:hover{
@@ -8637,9 +8733,9 @@ trix-editor {
8637
8733
  background-color:rgb(219 39 119 / var(--tw-bg-opacity))
8638
8734
  }
8639
8735
 
8640
- .hover\:bg-rose-100:hover{
8736
+ .hover\:bg-pink-100:hover{
8641
8737
  --tw-bg-opacity:1;
8642
- background-color:rgb(255 228 230 / var(--tw-bg-opacity))
8738
+ background-color:rgb(252 231 243 / var(--tw-bg-opacity))
8643
8739
  }
8644
8740
 
8645
8741
  .hover\:bg-rose-600:hover{
@@ -8647,19 +8743,21 @@ trix-editor {
8647
8743
  background-color:rgb(225 29 72 / var(--tw-bg-opacity))
8648
8744
  }
8649
8745
 
8650
- .hover\:bg-primary-100:hover{
8746
+ .hover\:bg-rose-100:hover{
8651
8747
  --tw-bg-opacity:1;
8652
- background-color:rgb(206 231 248 / var(--tw-bg-opacity))
8748
+ background-color:rgb(255 228 230 / var(--tw-bg-opacity))
8653
8749
  }
8654
8750
 
8655
8751
  .hover\:bg-primary-600:hover{
8656
- --tw-bg-opacity:1;
8657
- background-color:rgb(6 107 178 / var(--tw-bg-opacity))
8752
+ background-color:rgb(var(--color-primary-600))
8658
8753
  }
8659
8754
 
8660
- .hover\:bg-blue-500:hover{
8661
- --tw-bg-opacity:1;
8662
- background-color:rgb(8 134 222 / var(--tw-bg-opacity))
8755
+ .hover\:bg-primary-100:hover{
8756
+ background-color:rgb(var(--color-primary-100))
8757
+ }
8758
+
8759
+ .hover\:bg-primary-500:hover{
8760
+ background-color:rgb(var(--color-primary-500))
8663
8761
  }
8664
8762
 
8665
8763
  .hover\:bg-gray-50:hover{
@@ -8672,11 +8770,6 @@ trix-editor {
8672
8770
  color:rgb(117 125 138 / var(--tw-text-opacity))
8673
8771
  }
8674
8772
 
8675
- .hover\:text-gray-400:hover{
8676
- --tw-text-opacity:1;
8677
- color:rgb(145 151 161 / var(--tw-text-opacity))
8678
- }
8679
-
8680
8773
  .hover\:text-white:hover{
8681
8774
  --tw-text-opacity:1;
8682
8775
  color:rgb(255 255 255 / var(--tw-text-opacity))
@@ -8697,20 +8790,11 @@ trix-editor {
8697
8790
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
8698
8791
  }
8699
8792
 
8700
- .focus\:z-10:focus{
8701
- z-index:10
8702
- }
8703
-
8704
8793
  .focus\:border-gray-600:focus{
8705
8794
  --tw-border-opacity:1;
8706
8795
  border-color:rgb(94 100 110 / var(--tw-border-opacity))
8707
8796
  }
8708
8797
 
8709
- .focus\:border-blue-300:focus{
8710
- --tw-border-opacity:1;
8711
- border-color:rgb(107 182 235 / var(--tw-border-opacity))
8712
- }
8713
-
8714
8798
  .focus\:border-gray-300:focus{
8715
8799
  --tw-border-opacity:1;
8716
8800
  border-color:rgb(172 177 185 / var(--tw-border-opacity))
@@ -8746,6 +8830,10 @@ trix-editor {
8746
8830
  outline-offset:2px
8747
8831
  }
8748
8832
 
8833
+ .focus\:checked\:\!bg-primary-400:checked:focus{
8834
+ background-color:rgb(var(--color-primary-400)) !important
8835
+ }
8836
+
8749
8837
  .focus-visible\:ring-0:focus-visible{
8750
8838
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
8751
8839
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -8762,14 +8850,19 @@ trix-editor {
8762
8850
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
8763
8851
  }
8764
8852
 
8853
+ .active\:border-slate-600:active{
8854
+ --tw-border-opacity:1;
8855
+ border-color:rgb(71 85 105 / var(--tw-border-opacity))
8856
+ }
8857
+
8765
8858
  .active\:border-slate-500:active{
8766
8859
  --tw-border-opacity:1;
8767
8860
  border-color:rgb(100 116 139 / var(--tw-border-opacity))
8768
8861
  }
8769
8862
 
8770
- .active\:border-slate-700:active{
8863
+ .active\:border-gray-600:active{
8771
8864
  --tw-border-opacity:1;
8772
- border-color:rgb(51 65 85 / var(--tw-border-opacity))
8865
+ border-color:rgb(94 100 110 / var(--tw-border-opacity))
8773
8866
  }
8774
8867
 
8775
8868
  .active\:border-gray-500:active{
@@ -8777,9 +8870,9 @@ trix-editor {
8777
8870
  border-color:rgb(117 125 138 / var(--tw-border-opacity))
8778
8871
  }
8779
8872
 
8780
- .active\:border-gray-700:active{
8873
+ .active\:border-zinc-600:active{
8781
8874
  --tw-border-opacity:1;
8782
- border-color:rgb(70 75 83 / var(--tw-border-opacity))
8875
+ border-color:rgb(82 82 91 / var(--tw-border-opacity))
8783
8876
  }
8784
8877
 
8785
8878
  .active\:border-zinc-500:active{
@@ -8787,9 +8880,9 @@ trix-editor {
8787
8880
  border-color:rgb(113 113 122 / var(--tw-border-opacity))
8788
8881
  }
8789
8882
 
8790
- .active\:border-zinc-700:active{
8883
+ .active\:border-neutral-600:active{
8791
8884
  --tw-border-opacity:1;
8792
- border-color:rgb(63 63 70 / var(--tw-border-opacity))
8885
+ border-color:rgb(82 82 82 / var(--tw-border-opacity))
8793
8886
  }
8794
8887
 
8795
8888
  .active\:border-neutral-500:active{
@@ -8797,9 +8890,9 @@ trix-editor {
8797
8890
  border-color:rgb(115 115 115 / var(--tw-border-opacity))
8798
8891
  }
8799
8892
 
8800
- .active\:border-neutral-700:active{
8893
+ .active\:border-stone-600:active{
8801
8894
  --tw-border-opacity:1;
8802
- border-color:rgb(64 64 64 / var(--tw-border-opacity))
8895
+ border-color:rgb(87 83 78 / var(--tw-border-opacity))
8803
8896
  }
8804
8897
 
8805
8898
  .active\:border-stone-500:active{
@@ -8807,9 +8900,9 @@ trix-editor {
8807
8900
  border-color:rgb(120 113 108 / var(--tw-border-opacity))
8808
8901
  }
8809
8902
 
8810
- .active\:border-stone-700:active{
8903
+ .active\:border-red-600:active{
8811
8904
  --tw-border-opacity:1;
8812
- border-color:rgb(68 64 60 / var(--tw-border-opacity))
8905
+ border-color:rgb(220 38 38 / var(--tw-border-opacity))
8813
8906
  }
8814
8907
 
8815
8908
  .active\:border-red-500:active{
@@ -8817,9 +8910,9 @@ trix-editor {
8817
8910
  border-color:rgb(239 68 68 / var(--tw-border-opacity))
8818
8911
  }
8819
8912
 
8820
- .active\:border-red-700:active{
8913
+ .active\:border-orange-600:active{
8821
8914
  --tw-border-opacity:1;
8822
- border-color:rgb(185 28 28 / var(--tw-border-opacity))
8915
+ border-color:rgb(234 88 12 / var(--tw-border-opacity))
8823
8916
  }
8824
8917
 
8825
8918
  .active\:border-orange-500:active{
@@ -8827,9 +8920,9 @@ trix-editor {
8827
8920
  border-color:rgb(249 115 22 / var(--tw-border-opacity))
8828
8921
  }
8829
8922
 
8830
- .active\:border-orange-700:active{
8923
+ .active\:border-amber-600:active{
8831
8924
  --tw-border-opacity:1;
8832
- border-color:rgb(194 65 12 / var(--tw-border-opacity))
8925
+ border-color:rgb(217 119 6 / var(--tw-border-opacity))
8833
8926
  }
8834
8927
 
8835
8928
  .active\:border-amber-500:active{
@@ -8837,9 +8930,9 @@ trix-editor {
8837
8930
  border-color:rgb(245 158 11 / var(--tw-border-opacity))
8838
8931
  }
8839
8932
 
8840
- .active\:border-amber-700:active{
8933
+ .active\:border-yellow-600:active{
8841
8934
  --tw-border-opacity:1;
8842
- border-color:rgb(180 83 9 / var(--tw-border-opacity))
8935
+ border-color:rgb(202 138 4 / var(--tw-border-opacity))
8843
8936
  }
8844
8937
 
8845
8938
  .active\:border-yellow-500:active{
@@ -8847,9 +8940,9 @@ trix-editor {
8847
8940
  border-color:rgb(234 179 8 / var(--tw-border-opacity))
8848
8941
  }
8849
8942
 
8850
- .active\:border-yellow-700:active{
8943
+ .active\:border-lime-600:active{
8851
8944
  --tw-border-opacity:1;
8852
- border-color:rgb(161 98 7 / var(--tw-border-opacity))
8945
+ border-color:rgb(101 163 13 / var(--tw-border-opacity))
8853
8946
  }
8854
8947
 
8855
8948
  .active\:border-lime-500:active{
@@ -8857,9 +8950,9 @@ trix-editor {
8857
8950
  border-color:rgb(132 204 22 / var(--tw-border-opacity))
8858
8951
  }
8859
8952
 
8860
- .active\:border-lime-700:active{
8953
+ .active\:border-green-600:active{
8861
8954
  --tw-border-opacity:1;
8862
- border-color:rgb(77 124 15 / var(--tw-border-opacity))
8955
+ border-color:rgb(22 163 74 / var(--tw-border-opacity))
8863
8956
  }
8864
8957
 
8865
8958
  .active\:border-green-500:active{
@@ -8867,9 +8960,9 @@ trix-editor {
8867
8960
  border-color:rgb(34 197 94 / var(--tw-border-opacity))
8868
8961
  }
8869
8962
 
8870
- .active\:border-green-700:active{
8963
+ .active\:border-emerald-600:active{
8871
8964
  --tw-border-opacity:1;
8872
- border-color:rgb(21 128 61 / var(--tw-border-opacity))
8965
+ border-color:rgb(5 150 105 / var(--tw-border-opacity))
8873
8966
  }
8874
8967
 
8875
8968
  .active\:border-emerald-500:active{
@@ -8877,9 +8970,9 @@ trix-editor {
8877
8970
  border-color:rgb(16 185 129 / var(--tw-border-opacity))
8878
8971
  }
8879
8972
 
8880
- .active\:border-emerald-700:active{
8973
+ .active\:border-teal-600:active{
8881
8974
  --tw-border-opacity:1;
8882
- border-color:rgb(4 120 87 / var(--tw-border-opacity))
8975
+ border-color:rgb(13 148 136 / var(--tw-border-opacity))
8883
8976
  }
8884
8977
 
8885
8978
  .active\:border-teal-500:active{
@@ -8887,9 +8980,9 @@ trix-editor {
8887
8980
  border-color:rgb(20 184 166 / var(--tw-border-opacity))
8888
8981
  }
8889
8982
 
8890
- .active\:border-teal-700:active{
8983
+ .active\:border-cyan-600:active{
8891
8984
  --tw-border-opacity:1;
8892
- border-color:rgb(15 118 110 / var(--tw-border-opacity))
8985
+ border-color:rgb(8 145 178 / var(--tw-border-opacity))
8893
8986
  }
8894
8987
 
8895
8988
  .active\:border-cyan-500:active{
@@ -8897,9 +8990,9 @@ trix-editor {
8897
8990
  border-color:rgb(6 182 212 / var(--tw-border-opacity))
8898
8991
  }
8899
8992
 
8900
- .active\:border-cyan-700:active{
8993
+ .active\:border-sky-600:active{
8901
8994
  --tw-border-opacity:1;
8902
- border-color:rgb(14 116 144 / var(--tw-border-opacity))
8995
+ border-color:rgb(2 132 199 / var(--tw-border-opacity))
8903
8996
  }
8904
8997
 
8905
8998
  .active\:border-sky-500:active{
@@ -8907,9 +9000,9 @@ trix-editor {
8907
9000
  border-color:rgb(14 165 233 / var(--tw-border-opacity))
8908
9001
  }
8909
9002
 
8910
- .active\:border-sky-700:active{
9003
+ .active\:border-blue-600:active{
8911
9004
  --tw-border-opacity:1;
8912
- border-color:rgb(3 105 161 / var(--tw-border-opacity))
9005
+ border-color:rgb(6 107 178 / var(--tw-border-opacity))
8913
9006
  }
8914
9007
 
8915
9008
  .active\:border-blue-500:active{
@@ -8917,9 +9010,9 @@ trix-editor {
8917
9010
  border-color:rgb(8 134 222 / var(--tw-border-opacity))
8918
9011
  }
8919
9012
 
8920
- .active\:border-blue-700:active{
9013
+ .active\:border-indigo-600:active{
8921
9014
  --tw-border-opacity:1;
8922
- border-color:rgb(5 80 133 / var(--tw-border-opacity))
9015
+ border-color:rgb(79 70 229 / var(--tw-border-opacity))
8923
9016
  }
8924
9017
 
8925
9018
  .active\:border-indigo-500:active{
@@ -8927,9 +9020,9 @@ trix-editor {
8927
9020
  border-color:rgb(99 102 241 / var(--tw-border-opacity))
8928
9021
  }
8929
9022
 
8930
- .active\:border-indigo-700:active{
9023
+ .active\:border-violet-600:active{
8931
9024
  --tw-border-opacity:1;
8932
- border-color:rgb(67 56 202 / var(--tw-border-opacity))
9025
+ border-color:rgb(124 58 237 / var(--tw-border-opacity))
8933
9026
  }
8934
9027
 
8935
9028
  .active\:border-violet-500:active{
@@ -8937,9 +9030,9 @@ trix-editor {
8937
9030
  border-color:rgb(139 92 246 / var(--tw-border-opacity))
8938
9031
  }
8939
9032
 
8940
- .active\:border-violet-700:active{
9033
+ .active\:border-purple-600:active{
8941
9034
  --tw-border-opacity:1;
8942
- border-color:rgb(109 40 217 / var(--tw-border-opacity))
9035
+ border-color:rgb(147 51 234 / var(--tw-border-opacity))
8943
9036
  }
8944
9037
 
8945
9038
  .active\:border-purple-500:active{
@@ -8947,9 +9040,9 @@ trix-editor {
8947
9040
  border-color:rgb(168 85 247 / var(--tw-border-opacity))
8948
9041
  }
8949
9042
 
8950
- .active\:border-purple-700:active{
9043
+ .active\:border-fuchsia-600:active{
8951
9044
  --tw-border-opacity:1;
8952
- border-color:rgb(126 34 206 / var(--tw-border-opacity))
9045
+ border-color:rgb(192 38 211 / var(--tw-border-opacity))
8953
9046
  }
8954
9047
 
8955
9048
  .active\:border-fuchsia-500:active{
@@ -8957,9 +9050,9 @@ trix-editor {
8957
9050
  border-color:rgb(217 70 239 / var(--tw-border-opacity))
8958
9051
  }
8959
9052
 
8960
- .active\:border-fuchsia-700:active{
9053
+ .active\:border-pink-600:active{
8961
9054
  --tw-border-opacity:1;
8962
- border-color:rgb(162 28 175 / var(--tw-border-opacity))
9055
+ border-color:rgb(219 39 119 / var(--tw-border-opacity))
8963
9056
  }
8964
9057
 
8965
9058
  .active\:border-pink-500:active{
@@ -8967,9 +9060,9 @@ trix-editor {
8967
9060
  border-color:rgb(236 72 153 / var(--tw-border-opacity))
8968
9061
  }
8969
9062
 
8970
- .active\:border-pink-700:active{
9063
+ .active\:border-rose-600:active{
8971
9064
  --tw-border-opacity:1;
8972
- border-color:rgb(190 24 93 / var(--tw-border-opacity))
9065
+ border-color:rgb(225 29 72 / var(--tw-border-opacity))
8973
9066
  }
8974
9067
 
8975
9068
  .active\:border-rose-500:active{
@@ -8977,24 +9070,12 @@ trix-editor {
8977
9070
  border-color:rgb(244 63 94 / var(--tw-border-opacity))
8978
9071
  }
8979
9072
 
8980
- .active\:border-rose-700:active{
8981
- --tw-border-opacity:1;
8982
- border-color:rgb(190 18 60 / var(--tw-border-opacity))
9073
+ .active\:border-primary-600:active{
9074
+ border-color:rgb(var(--color-primary-600))
8983
9075
  }
8984
9076
 
8985
9077
  .active\:border-primary-500:active{
8986
- --tw-border-opacity:1;
8987
- border-color:rgb(8 134 222 / var(--tw-border-opacity))
8988
- }
8989
-
8990
- .active\:border-primary-700:active{
8991
- --tw-border-opacity:1;
8992
- border-color:rgb(5 80 133 / var(--tw-border-opacity))
8993
- }
8994
-
8995
- .active\:bg-slate-100:active{
8996
- --tw-bg-opacity:1;
8997
- background-color:rgb(241 245 249 / var(--tw-bg-opacity))
9078
+ border-color:rgb(var(--color-primary-500))
8998
9079
  }
8999
9080
 
9000
9081
  .active\:bg-slate-600:active{
@@ -9002,9 +9083,9 @@ trix-editor {
9002
9083
  background-color:rgb(71 85 105 / var(--tw-bg-opacity))
9003
9084
  }
9004
9085
 
9005
- .active\:bg-gray-100:active{
9086
+ .active\:bg-slate-100:active{
9006
9087
  --tw-bg-opacity:1;
9007
- background-color:rgb(227 229 232 / var(--tw-bg-opacity))
9088
+ background-color:rgb(241 245 249 / var(--tw-bg-opacity))
9008
9089
  }
9009
9090
 
9010
9091
  .active\:bg-gray-600:active{
@@ -9012,9 +9093,9 @@ trix-editor {
9012
9093
  background-color:rgb(94 100 110 / var(--tw-bg-opacity))
9013
9094
  }
9014
9095
 
9015
- .active\:bg-zinc-100:active{
9096
+ .active\:bg-gray-100:active{
9016
9097
  --tw-bg-opacity:1;
9017
- background-color:rgb(244 244 245 / var(--tw-bg-opacity))
9098
+ background-color:rgb(227 229 232 / var(--tw-bg-opacity))
9018
9099
  }
9019
9100
 
9020
9101
  .active\:bg-zinc-600:active{
@@ -9022,9 +9103,9 @@ trix-editor {
9022
9103
  background-color:rgb(82 82 91 / var(--tw-bg-opacity))
9023
9104
  }
9024
9105
 
9025
- .active\:bg-neutral-100:active{
9106
+ .active\:bg-zinc-100:active{
9026
9107
  --tw-bg-opacity:1;
9027
- background-color:rgb(245 245 245 / var(--tw-bg-opacity))
9108
+ background-color:rgb(244 244 245 / var(--tw-bg-opacity))
9028
9109
  }
9029
9110
 
9030
9111
  .active\:bg-neutral-600:active{
@@ -9032,9 +9113,9 @@ trix-editor {
9032
9113
  background-color:rgb(82 82 82 / var(--tw-bg-opacity))
9033
9114
  }
9034
9115
 
9035
- .active\:bg-stone-100:active{
9116
+ .active\:bg-neutral-100:active{
9036
9117
  --tw-bg-opacity:1;
9037
- background-color:rgb(245 245 244 / var(--tw-bg-opacity))
9118
+ background-color:rgb(245 245 245 / var(--tw-bg-opacity))
9038
9119
  }
9039
9120
 
9040
9121
  .active\:bg-stone-600:active{
@@ -9042,9 +9123,9 @@ trix-editor {
9042
9123
  background-color:rgb(87 83 78 / var(--tw-bg-opacity))
9043
9124
  }
9044
9125
 
9045
- .active\:bg-red-100:active{
9126
+ .active\:bg-stone-100:active{
9046
9127
  --tw-bg-opacity:1;
9047
- background-color:rgb(254 226 226 / var(--tw-bg-opacity))
9128
+ background-color:rgb(245 245 244 / var(--tw-bg-opacity))
9048
9129
  }
9049
9130
 
9050
9131
  .active\:bg-red-600:active{
@@ -9052,9 +9133,9 @@ trix-editor {
9052
9133
  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
9053
9134
  }
9054
9135
 
9055
- .active\:bg-orange-100:active{
9136
+ .active\:bg-red-100:active{
9056
9137
  --tw-bg-opacity:1;
9057
- background-color:rgb(255 237 213 / var(--tw-bg-opacity))
9138
+ background-color:rgb(254 226 226 / var(--tw-bg-opacity))
9058
9139
  }
9059
9140
 
9060
9141
  .active\:bg-orange-600:active{
@@ -9062,9 +9143,9 @@ trix-editor {
9062
9143
  background-color:rgb(234 88 12 / var(--tw-bg-opacity))
9063
9144
  }
9064
9145
 
9065
- .active\:bg-amber-100:active{
9146
+ .active\:bg-orange-100:active{
9066
9147
  --tw-bg-opacity:1;
9067
- background-color:rgb(254 243 199 / var(--tw-bg-opacity))
9148
+ background-color:rgb(255 237 213 / var(--tw-bg-opacity))
9068
9149
  }
9069
9150
 
9070
9151
  .active\:bg-amber-600:active{
@@ -9072,9 +9153,9 @@ trix-editor {
9072
9153
  background-color:rgb(217 119 6 / var(--tw-bg-opacity))
9073
9154
  }
9074
9155
 
9075
- .active\:bg-yellow-100:active{
9156
+ .active\:bg-amber-100:active{
9076
9157
  --tw-bg-opacity:1;
9077
- background-color:rgb(254 249 195 / var(--tw-bg-opacity))
9158
+ background-color:rgb(254 243 199 / var(--tw-bg-opacity))
9078
9159
  }
9079
9160
 
9080
9161
  .active\:bg-yellow-600:active{
@@ -9082,9 +9163,9 @@ trix-editor {
9082
9163
  background-color:rgb(202 138 4 / var(--tw-bg-opacity))
9083
9164
  }
9084
9165
 
9085
- .active\:bg-lime-100:active{
9166
+ .active\:bg-yellow-100:active{
9086
9167
  --tw-bg-opacity:1;
9087
- background-color:rgb(236 252 203 / var(--tw-bg-opacity))
9168
+ background-color:rgb(254 249 195 / var(--tw-bg-opacity))
9088
9169
  }
9089
9170
 
9090
9171
  .active\:bg-lime-600:active{
@@ -9092,9 +9173,9 @@ trix-editor {
9092
9173
  background-color:rgb(101 163 13 / var(--tw-bg-opacity))
9093
9174
  }
9094
9175
 
9095
- .active\:bg-green-100:active{
9176
+ .active\:bg-lime-100:active{
9096
9177
  --tw-bg-opacity:1;
9097
- background-color:rgb(220 252 231 / var(--tw-bg-opacity))
9178
+ background-color:rgb(236 252 203 / var(--tw-bg-opacity))
9098
9179
  }
9099
9180
 
9100
9181
  .active\:bg-green-600:active{
@@ -9102,9 +9183,9 @@ trix-editor {
9102
9183
  background-color:rgb(22 163 74 / var(--tw-bg-opacity))
9103
9184
  }
9104
9185
 
9105
- .active\:bg-emerald-100:active{
9186
+ .active\:bg-green-100:active{
9106
9187
  --tw-bg-opacity:1;
9107
- background-color:rgb(209 250 229 / var(--tw-bg-opacity))
9188
+ background-color:rgb(220 252 231 / var(--tw-bg-opacity))
9108
9189
  }
9109
9190
 
9110
9191
  .active\:bg-emerald-600:active{
@@ -9112,9 +9193,9 @@ trix-editor {
9112
9193
  background-color:rgb(5 150 105 / var(--tw-bg-opacity))
9113
9194
  }
9114
9195
 
9115
- .active\:bg-teal-100:active{
9196
+ .active\:bg-emerald-100:active{
9116
9197
  --tw-bg-opacity:1;
9117
- background-color:rgb(204 251 241 / var(--tw-bg-opacity))
9198
+ background-color:rgb(209 250 229 / var(--tw-bg-opacity))
9118
9199
  }
9119
9200
 
9120
9201
  .active\:bg-teal-600:active{
@@ -9122,9 +9203,9 @@ trix-editor {
9122
9203
  background-color:rgb(13 148 136 / var(--tw-bg-opacity))
9123
9204
  }
9124
9205
 
9125
- .active\:bg-cyan-100:active{
9206
+ .active\:bg-teal-100:active{
9126
9207
  --tw-bg-opacity:1;
9127
- background-color:rgb(207 250 254 / var(--tw-bg-opacity))
9208
+ background-color:rgb(204 251 241 / var(--tw-bg-opacity))
9128
9209
  }
9129
9210
 
9130
9211
  .active\:bg-cyan-600:active{
@@ -9132,9 +9213,9 @@ trix-editor {
9132
9213
  background-color:rgb(8 145 178 / var(--tw-bg-opacity))
9133
9214
  }
9134
9215
 
9135
- .active\:bg-sky-100:active{
9216
+ .active\:bg-cyan-100:active{
9136
9217
  --tw-bg-opacity:1;
9137
- background-color:rgb(224 242 254 / var(--tw-bg-opacity))
9218
+ background-color:rgb(207 250 254 / var(--tw-bg-opacity))
9138
9219
  }
9139
9220
 
9140
9221
  .active\:bg-sky-600:active{
@@ -9142,9 +9223,9 @@ trix-editor {
9142
9223
  background-color:rgb(2 132 199 / var(--tw-bg-opacity))
9143
9224
  }
9144
9225
 
9145
- .active\:bg-blue-100:active{
9226
+ .active\:bg-sky-100:active{
9146
9227
  --tw-bg-opacity:1;
9147
- background-color:rgb(206 231 248 / var(--tw-bg-opacity))
9228
+ background-color:rgb(224 242 254 / var(--tw-bg-opacity))
9148
9229
  }
9149
9230
 
9150
9231
  .active\:bg-blue-600:active{
@@ -9152,9 +9233,9 @@ trix-editor {
9152
9233
  background-color:rgb(6 107 178 / var(--tw-bg-opacity))
9153
9234
  }
9154
9235
 
9155
- .active\:bg-indigo-100:active{
9236
+ .active\:bg-blue-100:active{
9156
9237
  --tw-bg-opacity:1;
9157
- background-color:rgb(224 231 255 / var(--tw-bg-opacity))
9238
+ background-color:rgb(206 231 248 / var(--tw-bg-opacity))
9158
9239
  }
9159
9240
 
9160
9241
  .active\:bg-indigo-600:active{
@@ -9162,9 +9243,9 @@ trix-editor {
9162
9243
  background-color:rgb(79 70 229 / var(--tw-bg-opacity))
9163
9244
  }
9164
9245
 
9165
- .active\:bg-violet-100:active{
9246
+ .active\:bg-indigo-100:active{
9166
9247
  --tw-bg-opacity:1;
9167
- background-color:rgb(237 233 254 / var(--tw-bg-opacity))
9248
+ background-color:rgb(224 231 255 / var(--tw-bg-opacity))
9168
9249
  }
9169
9250
 
9170
9251
  .active\:bg-violet-600:active{
@@ -9172,9 +9253,9 @@ trix-editor {
9172
9253
  background-color:rgb(124 58 237 / var(--tw-bg-opacity))
9173
9254
  }
9174
9255
 
9175
- .active\:bg-purple-100:active{
9256
+ .active\:bg-violet-100:active{
9176
9257
  --tw-bg-opacity:1;
9177
- background-color:rgb(243 232 255 / var(--tw-bg-opacity))
9258
+ background-color:rgb(237 233 254 / var(--tw-bg-opacity))
9178
9259
  }
9179
9260
 
9180
9261
  .active\:bg-purple-600:active{
@@ -9182,9 +9263,9 @@ trix-editor {
9182
9263
  background-color:rgb(147 51 234 / var(--tw-bg-opacity))
9183
9264
  }
9184
9265
 
9185
- .active\:bg-fuchsia-100:active{
9266
+ .active\:bg-purple-100:active{
9186
9267
  --tw-bg-opacity:1;
9187
- background-color:rgb(250 232 255 / var(--tw-bg-opacity))
9268
+ background-color:rgb(243 232 255 / var(--tw-bg-opacity))
9188
9269
  }
9189
9270
 
9190
9271
  .active\:bg-fuchsia-600:active{
@@ -9192,9 +9273,9 @@ trix-editor {
9192
9273
  background-color:rgb(192 38 211 / var(--tw-bg-opacity))
9193
9274
  }
9194
9275
 
9195
- .active\:bg-pink-100:active{
9276
+ .active\:bg-fuchsia-100:active{
9196
9277
  --tw-bg-opacity:1;
9197
- background-color:rgb(252 231 243 / var(--tw-bg-opacity))
9278
+ background-color:rgb(250 232 255 / var(--tw-bg-opacity))
9198
9279
  }
9199
9280
 
9200
9281
  .active\:bg-pink-600:active{
@@ -9202,9 +9283,9 @@ trix-editor {
9202
9283
  background-color:rgb(219 39 119 / var(--tw-bg-opacity))
9203
9284
  }
9204
9285
 
9205
- .active\:bg-rose-100:active{
9286
+ .active\:bg-pink-100:active{
9206
9287
  --tw-bg-opacity:1;
9207
- background-color:rgb(255 228 230 / var(--tw-bg-opacity))
9288
+ background-color:rgb(252 231 243 / var(--tw-bg-opacity))
9208
9289
  }
9209
9290
 
9210
9291
  .active\:bg-rose-600:active{
@@ -9212,24 +9293,17 @@ trix-editor {
9212
9293
  background-color:rgb(225 29 72 / var(--tw-bg-opacity))
9213
9294
  }
9214
9295
 
9215
- .active\:bg-primary-100:active{
9296
+ .active\:bg-rose-100:active{
9216
9297
  --tw-bg-opacity:1;
9217
- background-color:rgb(206 231 248 / var(--tw-bg-opacity))
9298
+ background-color:rgb(255 228 230 / var(--tw-bg-opacity))
9218
9299
  }
9219
9300
 
9220
9301
  .active\:bg-primary-600:active{
9221
- --tw-bg-opacity:1;
9222
- background-color:rgb(6 107 178 / var(--tw-bg-opacity))
9302
+ background-color:rgb(var(--color-primary-600))
9223
9303
  }
9224
9304
 
9225
- .active\:text-gray-700:active{
9226
- --tw-text-opacity:1;
9227
- color:rgb(70 75 83 / var(--tw-text-opacity))
9228
- }
9229
-
9230
- .active\:text-gray-500:active{
9231
- --tw-text-opacity:1;
9232
- color:rgb(117 125 138 / var(--tw-text-opacity))
9305
+ .active\:bg-primary-100:active{
9306
+ background-color:rgb(var(--color-primary-100))
9233
9307
  }
9234
9308
 
9235
9309
  .active\:outline:active{
@@ -9244,96 +9318,188 @@ trix-editor {
9244
9318
  outline-width:0px
9245
9319
  }
9246
9320
 
9321
+ .active\:outline-slate-600:active{
9322
+ outline-color:#475569
9323
+ }
9324
+
9247
9325
  .active\:outline-slate-500:active{
9248
9326
  outline-color:#64748b
9249
9327
  }
9250
9328
 
9329
+ .active\:outline-gray-600:active{
9330
+ outline-color:#5E646E
9331
+ }
9332
+
9251
9333
  .active\:outline-gray-500:active{
9252
9334
  outline-color:#757D8A
9253
9335
  }
9254
9336
 
9337
+ .active\:outline-zinc-600:active{
9338
+ outline-color:#52525b
9339
+ }
9340
+
9255
9341
  .active\:outline-zinc-500:active{
9256
9342
  outline-color:#71717a
9257
9343
  }
9258
9344
 
9345
+ .active\:outline-neutral-600:active{
9346
+ outline-color:#525252
9347
+ }
9348
+
9259
9349
  .active\:outline-neutral-500:active{
9260
9350
  outline-color:#737373
9261
9351
  }
9262
9352
 
9353
+ .active\:outline-stone-600:active{
9354
+ outline-color:#57534e
9355
+ }
9356
+
9263
9357
  .active\:outline-stone-500:active{
9264
9358
  outline-color:#78716c
9265
9359
  }
9266
9360
 
9361
+ .active\:outline-red-600:active{
9362
+ outline-color:#dc2626
9363
+ }
9364
+
9267
9365
  .active\:outline-red-500:active{
9268
9366
  outline-color:#ef4444
9269
9367
  }
9270
9368
 
9369
+ .active\:outline-orange-600:active{
9370
+ outline-color:#ea580c
9371
+ }
9372
+
9271
9373
  .active\:outline-orange-500:active{
9272
9374
  outline-color:#f97316
9273
9375
  }
9274
9376
 
9377
+ .active\:outline-amber-600:active{
9378
+ outline-color:#d97706
9379
+ }
9380
+
9275
9381
  .active\:outline-amber-500:active{
9276
9382
  outline-color:#f59e0b
9277
9383
  }
9278
9384
 
9385
+ .active\:outline-yellow-600:active{
9386
+ outline-color:#ca8a04
9387
+ }
9388
+
9279
9389
  .active\:outline-yellow-500:active{
9280
9390
  outline-color:#eab308
9281
9391
  }
9282
9392
 
9393
+ .active\:outline-lime-600:active{
9394
+ outline-color:#65a30d
9395
+ }
9396
+
9283
9397
  .active\:outline-lime-500:active{
9284
9398
  outline-color:#84cc16
9285
9399
  }
9286
9400
 
9401
+ .active\:outline-green-600:active{
9402
+ outline-color:#16a34a
9403
+ }
9404
+
9287
9405
  .active\:outline-green-500:active{
9288
9406
  outline-color:#22c55e
9289
9407
  }
9290
9408
 
9409
+ .active\:outline-emerald-600:active{
9410
+ outline-color:#059669
9411
+ }
9412
+
9291
9413
  .active\:outline-emerald-500:active{
9292
9414
  outline-color:#10b981
9293
9415
  }
9294
9416
 
9417
+ .active\:outline-teal-600:active{
9418
+ outline-color:#0d9488
9419
+ }
9420
+
9295
9421
  .active\:outline-teal-500:active{
9296
9422
  outline-color:#14b8a6
9297
9423
  }
9298
9424
 
9425
+ .active\:outline-cyan-600:active{
9426
+ outline-color:#0891b2
9427
+ }
9428
+
9299
9429
  .active\:outline-cyan-500:active{
9300
9430
  outline-color:#06b6d4
9301
9431
  }
9302
9432
 
9433
+ .active\:outline-sky-600:active{
9434
+ outline-color:#0284c7
9435
+ }
9436
+
9303
9437
  .active\:outline-sky-500:active{
9304
9438
  outline-color:#0ea5e9
9305
9439
  }
9306
9440
 
9441
+ .active\:outline-blue-600:active{
9442
+ outline-color:#066BB2
9443
+ }
9444
+
9307
9445
  .active\:outline-blue-500:active{
9308
9446
  outline-color:#0886DE
9309
9447
  }
9310
9448
 
9449
+ .active\:outline-indigo-600:active{
9450
+ outline-color:#4f46e5
9451
+ }
9452
+
9311
9453
  .active\:outline-indigo-500:active{
9312
9454
  outline-color:#6366f1
9313
9455
  }
9314
9456
 
9457
+ .active\:outline-violet-600:active{
9458
+ outline-color:#7c3aed
9459
+ }
9460
+
9315
9461
  .active\:outline-violet-500:active{
9316
9462
  outline-color:#8b5cf6
9317
9463
  }
9318
9464
 
9465
+ .active\:outline-purple-600:active{
9466
+ outline-color:#9333ea
9467
+ }
9468
+
9319
9469
  .active\:outline-purple-500:active{
9320
9470
  outline-color:#a855f7
9321
9471
  }
9322
9472
 
9473
+ .active\:outline-fuchsia-600:active{
9474
+ outline-color:#c026d3
9475
+ }
9476
+
9323
9477
  .active\:outline-fuchsia-500:active{
9324
9478
  outline-color:#d946ef
9325
9479
  }
9326
9480
 
9481
+ .active\:outline-pink-600:active{
9482
+ outline-color:#db2777
9483
+ }
9484
+
9327
9485
  .active\:outline-pink-500:active{
9328
9486
  outline-color:#ec4899
9329
9487
  }
9330
9488
 
9489
+ .active\:outline-rose-600:active{
9490
+ outline-color:#e11d48
9491
+ }
9492
+
9331
9493
  .active\:outline-rose-500:active{
9332
9494
  outline-color:#f43f5e
9333
9495
  }
9334
9496
 
9497
+ .active\:outline-primary-600:active{
9498
+ outline-color:rgb(var(--color-primary-600))
9499
+ }
9500
+
9335
9501
  .active\:outline-primary-500:active{
9336
- outline-color:#0886DE
9502
+ outline-color:rgb(var(--color-primary-500))
9337
9503
  }
9338
9504
 
9339
9505
  .disabled\:cursor-not-allowed:disabled{
@@ -9455,6 +9621,14 @@ trix-editor {
9455
9621
  width:auto
9456
9622
  }
9457
9623
 
9624
+ .sm\:w-2\/3{
9625
+ width:66.666667%
9626
+ }
9627
+
9628
+ .sm\:w-1\/3{
9629
+ width:33.333333%
9630
+ }
9631
+
9458
9632
  .sm\:min-w-\[16rem\]{
9459
9633
  min-width:16rem
9460
9634
  }
@@ -9467,6 +9641,10 @@ trix-editor {
9467
9641
  max-width:42rem
9468
9642
  }
9469
9643
 
9644
+ .sm\:grid-flow-col{
9645
+ grid-auto-flow:column
9646
+ }
9647
+
9470
9648
  .sm\:grid-cols-3{
9471
9649
  grid-template-columns:repeat(3, minmax(0, 1fr))
9472
9650
  }
@@ -9503,6 +9681,10 @@ trix-editor {
9503
9681
  justify-content:space-between
9504
9682
  }
9505
9683
 
9684
+ .sm\:gap-4{
9685
+ gap:1rem
9686
+ }
9687
+
9506
9688
  .sm\:space-x-8 > :not([hidden]) ~ :not([hidden]){
9507
9689
  --tw-space-x-reverse:0;
9508
9690
  margin-right:calc(2rem * var(--tw-space-x-reverse));
@@ -9531,10 +9713,6 @@ trix-editor {
9531
9713
  }
9532
9714
 
9533
9715
  @media (min-width: 768px){
9534
- .md\:inline-flex{
9535
- display:inline-flex
9536
- }
9537
-
9538
9716
  .md\:h-14{
9539
9717
  height:3.5rem
9540
9718
  }
@@ -9572,9 +9750,8 @@ trix-editor {
9572
9750
  padding-right:6rem
9573
9751
  }
9574
9752
 
9575
- .md\:px-6{
9576
- padding-left:1.5rem;
9577
- padding-right:1.5rem
9753
+ .md\:pt-4{
9754
+ padding-top:1rem
9578
9755
  }
9579
9756
 
9580
9757
  .md\:pt-0{
@@ -9617,6 +9794,10 @@ trix-editor {
9617
9794
  width:50%
9618
9795
  }
9619
9796
 
9797
+ .lg\:w-3\/4{
9798
+ width:75%
9799
+ }
9800
+
9620
9801
  .lg\:grid-cols-3{
9621
9802
  grid-template-columns:repeat(3, minmax(0, 1fr))
9622
9803
  }
@@ -9671,12 +9852,12 @@ trix-editor {
9671
9852
  margin-top:0px
9672
9853
  }
9673
9854
 
9674
- .xl\:grid-cols-4{
9675
- grid-template-columns:repeat(4, minmax(0, 1fr))
9855
+ .xl\:w-64{
9856
+ width:16rem
9676
9857
  }
9677
9858
 
9678
- .xl\:grid-cols-3{
9679
- grid-template-columns:repeat(3, minmax(0, 1fr))
9859
+ .xl\:grid-cols-4{
9860
+ grid-template-columns:repeat(4, minmax(0, 1fr))
9680
9861
  }
9681
9862
 
9682
9863
  .xl\:flex-row{
@@ -9737,8 +9918,4 @@ trix-editor {
9737
9918
  .\32xl\:grid-cols-6{
9738
9919
  grid-template-columns:repeat(6, minmax(0, 1fr))
9739
9920
  }
9740
-
9741
- .\32xl\:grid-cols-4{
9742
- grid-template-columns:repeat(4, minmax(0, 1fr))
9743
- }
9744
9921
  }