manifest-editor 1.4.3 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -1,2670 +1,530 @@
1
- /* src/index.css */
2
- .ModularPanel_OverrideScrollbar {
3
- &::-webkit-scrollbar {
4
- width: 8px;
5
- height: 8px;
6
- }
7
- &::-webkit-scrollbar-thumb {
8
- background: #f4f4f5;
9
- border-radius: 8px;
10
- }
11
- &::-webkit-scrollbar-track {
12
- background: transparent;
13
- }
14
- scrollbar-color: #f4f4f5 transparent;
15
- scrollbar-width: thin;
16
- }
17
- .CenterPanelContainer_CenterPanelContainer {
18
- display: flex;
19
- flex-direction: column;
20
- flex: 1;
21
- overflow: hidden;
22
- background: #fff;
23
- margin: 1.2rem;
24
- padding: 1em;
25
- border-radius: 10px;
26
- box-shadow:
27
- 0 4px 15px 0 rgba(0, 0, 0, 0.18),
28
- 0 0px 0px 1px rgba(0, 0, 0, 0.15),
29
- inset 0 0 0 1px rgba(255, 255, 255, 0.2);
30
- }
31
- .CenterPanelContainer_CenterPanelHeader {
32
- height: 3em;
33
- display: flex;
34
- align-items: center;
35
- margin-bottom: 1em;
36
- }
37
- .CenterPanelContainer_CenterPanelClose {
38
- margin-left: auto;
39
- align-self: center;
40
- }
41
- .CenterPanelContainer_CenterPanelTitle {
42
- margin: 0;
43
- }
44
- .GhostBlocks_ghostLoadingBlock[data-header=true] {
45
- box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.17), inset 0 1px 0 0 rgba(0, 0, 0, 0.17);
46
- }
47
- .GhostBlocks_ghostLoadingBlock {
48
- display: block;
49
- width: 100%;
50
- height: 2.8em;
51
- margin-bottom: 1em;
52
- background-color: #e4e7f0;
53
- animation: GhostBlocks_ghost-loading 2s infinite ease-in-out;
54
- }
55
- @keyframes GhostBlocks_ghost-loading {
56
- 0% {
57
- opacity: 0.4;
58
- }
59
- 50% {
60
- opacity: 0.8;
61
- }
62
- 100% {
63
- opacity: 0.4;
64
- }
65
- }
66
- .GhostBlocks_ghostBlockList {
67
- padding: 1em;
68
- display: flex;
69
- flex-direction: column;
70
- }
71
- .HoverCard__mainContainer {
72
- display: contents;
73
- }
74
- .HoverCard__mainContainer:has([data-float=true]):before {
75
- content: "";
76
- position: fixed;
77
- z-index: 99998;
78
- inset: 0;
79
- background: #ffffffe6;
80
- -webkit-backdrop-filter: blur(5px);
81
- backdrop-filter: blur(5px);
82
- }
83
- .HoverCard__hoverCardContainer {
84
- background: #fff;
85
- border: 1px solid #ced4d9;
86
- box-shadow: 0 2px 15px #00000014;
87
- border-radius: 3px;
88
- overflow: hidden;
89
- flex-direction: column;
90
- flex: 1;
91
- display: flex;
92
- container: main-c/size;
93
- resize: both;
94
- width: 100%;
95
- max-width: 100%;
96
- min-height: 12em;
97
- min-width: 20em;
98
- height: 100%;
99
- }
100
- .HoverCard__hoverCardContainer[data-window=false] {
101
- box-shadow: none;
102
- border-radius: 0;
103
- border: none;
104
- }
105
- .HoverCard__hoverCardContainer[data-float=true][style] {
106
- width: auto !important;
107
- height: auto !important;
108
- }
109
- .HoverCard__hoverCardContainer[data-float=true] {
110
- position: fixed;
111
- inset: 1.5em;
112
- width: auto;
113
- height: auto;
114
- z-index: 99999;
115
- resize: none;
116
- }
117
- .HoverCard__hoverCardHeader {
118
- border-bottom: 1px solid #ddd;
119
- display: flex;
120
- padding: 0 .4em;
121
- align-items: center;
122
- flex: 0;
123
- }
124
- .HoverCard__hoverCardLabel {
125
- font-weight: 500;
126
- flex: 1;
127
- font-size: .9em;
128
- margin: .4em 0;
129
- }
130
- .HoverCard__hoverCardAction {
131
- padding: .15em .5em;
132
- border-radius: 3px;
133
- }
134
- .HoverCard__hoverCardAction:hover {
135
- background: #eee;
136
- }
137
- .CollectionListing__collectionListingContainer {
138
- padding: 0 .2em;
139
- overflow-y: auto;
140
- --grid-icon-size: 130px;
141
- }
142
- @container (min-width: 400px) {
143
- .CollectionListing__collectionListingContainer {
144
- padding: .3em .5em;
145
- }
146
- }
147
- @container (min-width: 525px) and (min-height: 300px) {
148
- .CollectionListing__collectionListingContainer {
149
- padding: .875em;
150
- display: grid;
151
- grid-template-columns: repeat(auto-fit, minmax(var(--grid-icon-size, 130px), 1fr));
152
- justify-content: space-between;
153
- background-color: inherit;
154
- gap: .875em;
155
- width: 100%;
156
- }
157
- }
158
- @container (min-width: 680px) {
159
- .CollectionListing__collectionListingContainer {
160
- --grid-icon-size: 180px;
161
- }
162
- }
163
- .CollectionListing__collectionItem {
164
- display: grid;
165
- grid-template-columns: 2em auto;
166
- grid-template-areas: "icon label";
167
- grid-gap: .4em;
168
- border-radius: 3px;
169
- margin: .2em 0;
170
- padding: .2em;
171
- &:hover {
172
- background: #f9f9f9;
173
- }
174
- &[data-active=true] {
175
- background: #dee3e7;
176
- &:hover {
177
- background: #dee3e7;
178
- }
179
- }
180
- }
181
- @container (min-width: 400px) {
182
- .CollectionListing__collectionItem {
183
- padding: .4em;
184
- }
185
- }
186
- @container (min-width: 525px) and (min-height: 300px) {
187
- .CollectionListing__collectionItem {
188
- grid-template-columns: auto;
189
- grid-template-areas: "icon" "label";
190
- }
191
- }
192
- .CollectionListing__collectionIcon {
193
- position: relative;
194
- grid-area: icon;
195
- align-self: center;
196
- display: flex;
197
- background: #f0f0f0;
198
- aspect-ratio: 1;
199
- border-radius: 3px;
200
- padding: .2em;
201
- align-items: center;
202
- }
203
- .CollectionListing__collectionIcon .CollectionListing__collectionItem[data-active=true] & {
204
- background: #fff;
205
- }
206
- .CollectionListing__collectionIcon img,
207
- .CollectionListing__collectionIcon svg {
208
- width: 100%;
209
- height: 100%;
210
- -o-object-fit: contain;
211
- object-fit: contain;
212
- }
213
- @container (min-width: 400px) {
214
- .CollectionListing__collectionIcon img,
215
- .CollectionListing__collectionIcon svg {
216
- aspect-ratio: 1;
217
- }
218
- }
219
- .CollectionListing__collectionMeta {
220
- grid-area: label;
221
- overflow: hidden;
222
- }
223
- .CollectionListing__collectionLabel {
224
- font-weight: 500;
225
- color: #000;
226
- white-space: nowrap;
227
- overflow: hidden;
228
- text-overflow: ellipsis;
229
- }
230
- .CollectionListing__collectionType {
231
- color: #999;
232
- font-size: .875em;
233
- }
234
- .ExplorerEntry__SectionLabel {
235
- padding: .5em;
236
- flex: 1;
237
- }
238
- .ExplorerEntry__UrlContainer {
239
- padding: 2em .5em;
240
- }
241
- .ExplorerEntry__UrlContainer > form {
242
- border: 1px solid #ddd;
243
- border-radius: 3px;
244
- overflow: hidden;
245
- }
246
- .ExplorerEntry__Section {
247
- display: flex;
248
- border-bottom: 1px solid #eee;
249
- border-top: 1px solid #eee;
250
- }
251
- .ExplorerEntry__SectionAction {
252
- border: none;
253
- background: #eee;
254
- color: #000;
255
- align-self: center;
256
- font-size: .9em;
257
- padding: .3em .5em;
258
- margin: .2em;
259
- border-radius: 3px;
260
- }
261
- .ExplorerEntry__SectionAction:hover {
262
- background: #ddd;
263
- }
264
- .ExplorerEntry__UrlLabel {
265
- margin-bottom: .5em;
266
- display: block;
267
- }
268
- .ExplorerInput__InputContainer {
269
- display: flex;
270
- border-bottom: 1px solid #ddd;
271
- font-size: .875em;
272
- }
273
- @container (min-width: 400px) {
274
- .ExplorerInput__InputContainer {
275
- font-size: 1em;
276
- }
277
- }
278
- .ExplorerInput__Input {
279
- border: none;
280
- background: #fff;
281
- padding: .5em;
282
- font-size: 1em;
283
- width: 100%;
284
- }
285
- .ResourceNavigation__resourceNavContainer {
286
- display: grid;
287
- grid-template-columns: 2.2em auto 2.2em;
288
- border-bottom: 1px solid #dddddd;
289
- align-items: flex-start;
290
- padding: 0 .2em;
291
- font-size: .875em;
292
- }
293
- @container (min-width: 400px) {
294
- .ResourceNavigation__resourceNavContainer {
295
- font-size: 1em;
296
- }
297
- }
298
- .ResourceNavigation__resourceNavIcon {
299
- aspect-ratio: 1;
300
- padding: .3em;
301
- margin-top: .2em;
302
- display: flex;
303
- border-radius: 3px;
304
- transition: opacity .3s;
305
- }
306
- .ResourceNavigation__resourceNavIcon:hover {
307
- background: #eee;
308
- }
309
- .ResourceNavigation__resourceNavIcon[data-disabled=true] {
310
- opacity: .3;
311
- cursor: not-allowed;
312
- }
313
- .ResourceNavigation__resourceNavIcon[data-disabled=true]:hover {
314
- background: transparent;
315
- }
316
- .ResourceNavigation__resourceNavIcon img,
317
- .ResourceNavigation__resourceNavIcon svg {
318
- width: 100%;
319
- }
320
- .ResourceNavigation__resourceNavListItem {
321
- margin: .2em;
322
- border-radius: 3px;
323
- padding: .25em;
324
- display: grid;
325
- grid-template-columns: 1.75em auto;
326
- grid-gap: .35em;
327
- align-items: center;
328
- color: inherit;
329
- text-decoration: none;
330
- }
331
- .ResourceNavigation__resourceNavListItem:hover {
332
- background: #eee;
333
- text-decoration: underline;
334
- }
335
- .ResourceNavigation__resourceNavListItem[data-active=true] {
336
- background: var(--resource-nav-active, #e4effe);
337
- }
338
- .ResourceNavigation__resourceNavListItemIcon {
339
- overflow: hidden;
340
- display: flex;
341
- -webkit-user-select: none;
342
- -moz-user-select: none;
343
- user-select: none;
344
- }
345
- .ResourceNavigation__resourceNavListItemIcon img {
346
- z-index: 2;
347
- position: relative;
348
- width: 100%;
349
- }
350
- .ResourceNavigation__resourceNavListItemLabel {
351
- align-self: center;
352
- white-space: nowrap;
353
- overflow: hidden;
354
- text-overflow: ellipsis;
355
- }
356
- .ResourceNavigation__resourceNavList {
357
- background: #fff;
358
- position: relative;
359
- }
360
- .ResourceNavigation__resourceNavList:after {
361
- content: "";
362
- width: 1px;
363
- background: transparent;
364
- z-index: 1;
365
- border-left: 2px dashed #ccc;
366
- position: absolute;
367
- top: 1.75em;
368
- left: 1.35em;
369
- bottom: 1.75em;
370
- }
371
- .ResourceNavigation__resourceNavList[data-collapsed=true] .ResourceNavigation__resourceNavListItem {
372
- display: none;
373
- }
374
- .ResourceNavigation__resourceNavList[data-collapsed=true] .ResourceNavigation__resourceNavListItem[data-active=true] {
375
- display: grid;
376
- }
377
- .ManifestListing__ManifestListing {
378
- overflow: auto;
379
- container: listing-c/size;
380
- flex: 1;
381
- position: relative;
382
- }
383
- .ManifestListing__ThumbnailList {
384
- --thumb-size: 150px;
385
- --thumb-ratio: 1;
386
- --item-count: 1;
387
- background: #fff;
388
- padding: 1em;
389
- display: grid;
390
- grid-template-columns: repeat(auto-fit, minmax(calc(var(--thumb-size)), 1fr));
391
- justify-content: space-between;
392
- gap: .2em;
393
- }
394
- .ManifestListing__ThumbnailList[data-single=true] {
395
- max-width: 250px;
396
- }
397
- @media (min-width: 400px) {
398
- .ManifestListing__ThumbnailList {
399
- gap: .875em;
400
- }
401
- }
402
- .ManifestListing__ThumbnailGroup {
403
- background: #fff;
404
- padding: 2px;
405
- display: flex;
406
- grid-column-end: span var(--item-count, 1);
407
- align-items: center;
408
- }
409
- .ManifestListing__ThumbnailItem {
410
- background: #fff;
411
- width: 100%;
412
- overflow: hidden;
413
- display: flex;
414
- flex-direction: column;
415
- padding: 2px;
416
- border-radius: 3px;
417
- }
418
- .ManifestListing__ThumbnailItem:hover {
419
- background: #ddd;
420
- }
421
- .ManifestListing__ThumbnailItem[data-selected=true] {
422
- background: var(--selected-canvas-background, #dfe8fa);
423
- }
424
- .ManifestListing__ThumbnailImage {
425
- flex: 1;
426
- background: var(--atlas-background, #f9f9f9);
427
- min-height: 0;
428
- display: flex;
429
- aspect-ratio: var(--thumb-ratio);
430
- max-height: var(--thumb-size);
431
- }
432
- .ManifestListing__ThumbnailImage img {
433
- width: 100%;
434
- height: 100%;
435
- -o-object-fit: contain;
436
- object-fit: contain;
437
- }
438
- .ManifestListing__ThumbnailLabel {
439
- white-space: nowrap;
440
- overflow: hidden;
441
- height: 1.2rem;
442
- padding: 0 .2em;
443
- display: flex;
444
- align-items: center;
445
- font-size: .875em;
446
- }
447
- .CanvasView__CanvasContainer {
448
- display: flex;
449
- flex: 1 1 0px;
450
- flex-direction: column;
451
- min-width: 0;
452
- min-height: 0;
453
- view-transition-name: canvas-image;
454
- contain: layout;
455
- }
456
- .CanvasView__CanvasContainer .atlas-container {
457
- min-width: 0;
458
- min-height: 0;
459
- --atlas-container-flex: 1 1 0px;
460
- --atlas-background: #e5e7f0;
461
- }
462
- @container (max-width: 400px) {
463
- .CanvasView__CanvasContainer button[data-control=next],
464
- .CanvasView__CanvasContainer button[data-control=previous] {
465
- display: none;
466
- }
467
- }
468
- :root {
469
- --combo-bg: #487af6;
470
- --combo-bg-hover: #5d85f1;
471
- }
472
- .ComboButton__ComboButtonContainer {
473
- display: inline-flex;
474
- position: relative;
475
- border-radius: 3px;
476
- }
477
- @container main (min-width: 400px) {
478
- .ComboButton__ComboButtonContainer {
479
- font-size: .75em;
480
- }
481
- }
482
- .ComboButton__ComboButtonMain {
483
- padding: .5em 1em;
484
- color: #fff;
485
- min-width: 4em;
486
- cursor: pointer;
487
- -webkit-appearance: none;
488
- -moz-appearance: none;
489
- appearance: none;
490
- background: var(--combo-bg);
491
- border: none;
492
- display: inline-flex;
493
- align-items: center;
494
- white-space: nowrap;
495
- border-radius: 3px 0 0 3px;
496
- &:disabled {
497
- opacity: .7;
498
- pointer-events: none;
499
- }
500
- &[data-only=true] {
501
- border-radius: 3px;
502
- }
503
- &:hover {
504
- background: var(--combo-bg-hover);
505
- }
506
- &:active {
507
- box-shadow: inset 0 2px 8px #00000026;
508
- }
509
- }
510
- .ComboButton__ComboButtonChoice {
511
- padding: .5em;
512
- background: var(--combo-bg);
513
- color: #000;
514
- display: inline-flex;
515
- touch-action: manipulation;
516
- -webkit-user-select: none;
517
- -moz-user-select: none;
518
- user-select: none;
519
- -webkit-tap-highlight-color: transparent;
520
- border-radius: 0 3px 3px 0;
521
- border-left: 1px solid #3360cc;
522
- white-space: nowrap;
523
- > svg {
524
- fill: #fff;
525
- inline-size: 1.5ch;
526
- box-sizing: content-box;
527
- transition: transform .3s;
528
- }
529
- &:active > svg {
530
- transform: rotate(-25deg);
531
- }
532
- &[aria-expanded=true] {
533
- background: var(--combo-bg-hover);
534
- > svg {
535
- transform: rotate(180deg);
536
- }
537
- &:active > svg {
538
- transform: rotate(205deg);
539
- }
540
- }
541
- &:active {
542
- background: var(--combo-bg-hover);
543
- box-shadow: inset 0 2px 8px #00000026;
544
- }
545
- }
546
- .ComboButton__ComboButtonOverlay {
547
- opacity: 0;
548
- pointer-events: none;
549
- z-index: 99;
550
- position: absolute;
551
- bottom: 90%;
552
- right: 0;
553
- list-style-type: none;
554
- background: #fff;
555
- color: #000;
556
- padding-inline: 0;
557
- padding-block: .5ch;
558
- overflow: hidden;
559
- display: flex;
560
- flex-direction: column;
561
- font-size: .9em;
562
- border-radius: 3px;
563
- box-shadow: 0 1px 3px #0000004d;
564
- &[data-open=true] {
565
- transition-duration: .2s;
566
- opacity: 1;
567
- transform: translateY(0);
568
- pointer-events: auto;
569
- }
570
- }
571
- .ComboButton__ComboButtonOptionButton {
572
- display: block;
573
- padding: .5em 1em;
574
- white-space: nowrap;
575
- &:focus-visible {
576
- background: #e6effd;
577
- }
578
- &:hover {
579
- background: #e6effd;
580
- }
581
- }
582
- .ResourceActionBar__ResourceActionBarContainer {
583
- padding: .4em;
584
- display: flex;
585
- margin-top: auto;
586
- }
587
- .ResourceActionBar__ResourceActions {
588
- display: flex;
589
- align-items: center;
590
- > * ~ * {
591
- margin-left: .2em;
592
- }
593
- }
594
- .ResourceActionBar__ResourceAction {
595
- background: #00f;
596
- color: #fff;
597
- border: none;
598
- display: block;
599
- padding: .4em .8em;
600
- &:hover {
601
- background: #add8e6;
602
- }
603
- }
604
- .ResourceActionBar__ResourceActionMeta {
605
- flex: 1;
606
- min-width: 0;
607
- margin-right: 1lh;
608
- }
609
- .ResourceActionBar__ResourceActionLabel {
610
- color: #444;
611
- font-size: .7em;
612
- overflow-x: hidden;
613
- white-space: nowrap;
614
- text-overflow: ellipsis;
615
- display: block;
616
- }
617
- .ResourceActionBar__ResourceActionDescription {
618
- color: #999;
619
- font-size: .875em;
620
- overflow-x: hidden;
621
- white-space: nowrap;
622
- text-overflow: ellipsis;
623
- }
624
- .ResourceActionBar__ResourceActionComposite {
625
- background: #00f;
626
- color: #fff;
627
- display: flex;
628
- }
629
- .ResourceActionBar__ResourceActionCompositeSegment {
630
- background: transparent;
631
- border: none;
632
- color: inherit;
633
- display: block;
634
- &:hover {
635
- background: #add8e6;
636
- }
637
- }
638
- @keyframes grow-x {
639
- 0% {
640
- transform: scaleX(0);
641
- }
642
- to {
643
- transform: scaleX(1);
644
- }
645
- }
646
- @keyframes shrink-x {
647
- 0% {
648
- transform: scaleX(1);
649
- }
650
- to {
651
- transform: scaleX(0);
652
- }
653
- }
654
- ::view-transition-old(root) {
655
- pointer-events: none;
656
- }
657
- ::view-transition-old(root),
658
- ::view-transition-new(root) {
659
- animation-duration: .5s;
660
- pointer-events: none;
661
- }
662
- ::view-transition-new(canvas-image) {
663
- pointer-events: visible;
664
- }
665
- ::view-transition-old(canvas-image),
666
- ::view-transition-new(canvas-image) {
667
- animation-duration: .3s;
668
- height: auto;
669
- right: 0;
670
- left: auto;
671
- transform-origin: right center;
672
- }
673
- ::view-transition-old(canvas-image) {
674
- pointer-events: none;
675
- height: 100%;
676
- width: 100%;
677
- -o-object-fit: contain;
678
- object-fit: contain;
679
- background: #e6e7f0;
680
- }
681
- .AppDropdown_menuOuter {
682
- position: relative;
683
- }
684
- .AppDropdown_buttonReset {
685
- border: none;
686
- outline: none;
687
- background-color: transparent;
688
- margin: 0;
689
- padding: 0;
690
- font-size: inherit;
691
- color: inherit;
692
- cursor: pointer;
693
- }
694
- .AppDropdown_buttonReset:hover {
695
- color: inherit;
696
- }
697
- .AppDropdown_container {
698
- position: absolute;
699
- background: #ffffff;
700
- border: 1px solid #cdcdcd;
701
- box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06);
702
- border-radius: 5px;
703
- padding: 0.25em;
704
- list-style: none;
705
- margin: 0;
706
- min-width: 0;
707
- }
708
- .AppDropdown_sectionLabel {
709
- font-size: 0.8em;
710
- color: #9e9e9e;
711
- font-weight: 500;
712
- padding: 0.25em;
713
- }
714
- .AppDropdown_itemContainer {
715
- background: #fff;
716
- border-radius: 3px;
717
- display: flex;
718
- font-size: 0.875em;
719
- }
720
- .AppDropdown_itemContainer > button:hover,
721
- .AppDropdown_itemContainer > button:focus {
722
- background: #e8f0fe;
723
- }
724
- .AppDropdown_itemContainer > button:focus {
725
- outline: 2px solid #bfd1ed;
726
- }
727
- .AppDropdown_itemContainerActive button {
728
- font-weight: 600;
729
- box-shadow: 0 0 0 2px #bfd1ed;
730
- }
731
- .AppDropdown_itemIcon {
732
- display: flex;
733
- align-items: center;
734
- padding: 0 0.25em;
735
- font-size: 1.5em;
736
- }
737
- .AppDropdown_itemIcon > svg {
738
- width: 0.9em;
739
- }
740
- .AppDropdown_iconAction {
741
- display: flex;
742
- align-items: center;
743
- padding: 0.65em;
744
- border-radius: 3px;
745
- }
746
- .AppDropdown_iconAction:hover,
747
- .AppDropdown_iconAction:focus {
748
- background: #e8f0fe;
749
- }
750
- .AppDropdown_iconAction:focus {
751
- outline: 2px solid #bfd1ed;
752
- }
753
- .AppDropdown_iconAction > svg {
754
- width: 0.8em;
755
- }
756
- .AppDropdown_actionButton {
757
- flex: 1;
758
- text-align: left;
759
- padding: 0.4em;
760
- border-radius: 3px;
761
- display: flex;
762
- }
763
- .AppDropdown_actionButton:focus {
764
- outline: 2px solid #bfd1ed;
765
- }
766
- .AppDropdown_splitItem {
767
- flex: 1;
768
- text-align: left;
769
- height: 2.4em;
770
- display: flex;
771
- align-items: center;
772
- }
773
- .AppDropdown_itemLabel {
774
- flex: 1;
775
- padding: 0 0.25em;
776
- padding-right: 1em;
777
- }
778
- .AppDropdown_itemLabel[data-running=true] {
779
- color: #999;
780
- }
781
- .AppDropdown_itemLink {
782
- color: #4295e9;
783
- text-decoration: underline;
784
- padding: 0 0.5em;
785
- }
786
- .AppDropdown_itemLink:focus {
787
- outline: 2px solid #bfd1ed;
788
- }
789
- .AppDropdown_itemHotkey {
790
- font-weight: 300;
791
- font-size: 0.875em;
792
- color: #9e9e9e;
793
- }
794
- .AppDropdown_divider {
795
- margin-top: 0.25em;
796
- margin-bottom: 0.25em;
797
- margin-left: -0.25em;
798
- margin-right: -0.25em;
799
- height: 1px;
800
- background: #cdcdcd;
801
- border: none;
802
- }
803
- .CanvasListPreview_Item {
804
- padding: 0.3em;
805
- cursor: pointer;
806
- display: flex;
807
- gap: 0.4em;
808
- background: #fff;
809
- border-bottom: 1px solid #eee;
810
- width: 100%;
811
- }
812
- .CanvasListPreview_Item svg {
813
- color: #e6e6e6;
814
- }
815
- .CanvasListPreview_Item:hover {
816
- background: #f5f5f5;
817
- }
818
- .CanvasListPreview_Item[aria-selected=true] {
819
- background: #f5f5f5;
820
- color: #000;
821
- border-color: #892c4e;
822
- }
823
- .CanvasListPreview_Item[aria-selected=true] svg {
824
- color: #b84c74;
825
- }
826
- .CanvasListPreview_Label {
827
- font-size: 1em;
828
- text-overflow: ellipsis;
829
- white-space: nowrap;
830
- overflow: hidden;
831
- flex: 1;
832
- min-width: 0;
833
- text-align: start;
834
- }
835
- .CanvasListPreview_ItemMargin {
836
- }
837
- .DescriptiveProperties_datePicker {
838
- display: flex;
839
- font-size: 0.875em;
840
- width: 100%;
841
- background: #f8f9fa;
842
- border: none;
843
- padding: 0.4em;
844
- margin: 0;
845
- border-bottom: 1px solid #cad0d5;
846
- text-align: left;
847
- align-items: center;
848
- }
849
- .DescriptiveProperties_datePicker:focus {
850
- outline: none;
851
- background: #eceef5;
852
- }
853
- .DescriptiveProperties_datePicker:has(input:focus),
854
- .DescriptiveProperties_datePicker:has(button:focus) {
855
- outline: none;
856
- background: #eceef5;
857
- }
858
- .DescriptiveProperties_datePicker .DescriptiveProperties_react-datetime-picker__wrapper {
859
- border: none;
860
- }
861
- .EmptyPrompt_promptContainer {
862
- background: #e4e7f0;
863
- padding: 1em 0.5em;
864
- border-radius: 3px;
865
- text-align: center;
866
- font-weight: 500;
867
- }
868
- .EmptyPrompt_promptContainer button {
869
- margin: 1em auto;
870
- }
871
- .container {
872
- width: 100%;
873
- }
874
- @media (min-width: 640px) {
875
- .container {
876
- max-width: 640px;
877
- }
878
- }
879
- @media (min-width: 768px) {
880
- .container {
881
- max-width: 768px;
882
- }
883
- }
884
- @media (min-width: 1024px) {
885
- .container {
886
- max-width: 1024px;
887
- }
888
- }
889
- @media (min-width: 1280px) {
890
- .container {
891
- max-width: 1280px;
892
- }
893
- }
894
- @media (min-width: 1536px) {
895
- .container {
896
- max-width: 1536px;
897
- }
898
- }
899
- .prose {
900
- color: var(--tw-prose-body);
901
- max-width: 65ch;
902
- }
903
- .prose :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
904
- margin-top: 1.25em;
905
- margin-bottom: 1.25em;
906
- }
907
- .prose :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
908
- color: var(--tw-prose-lead);
909
- font-size: 1.25em;
910
- line-height: 1.6;
911
- margin-top: 1.2em;
912
- margin-bottom: 1.2em;
913
- }
914
- .prose :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
915
- color: var(--tw-prose-links);
916
- text-decoration: underline;
917
- font-weight: 500;
918
- }
919
- .prose :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
920
- color: var(--tw-prose-bold);
921
- font-weight: 600;
922
- }
923
- .prose :where(a strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
924
- color: inherit;
925
- }
926
- .prose :where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
927
- color: inherit;
928
- }
929
- .prose :where(thead th strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
930
- color: inherit;
931
- }
932
- .prose :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
933
- list-style-type: decimal;
934
- margin-top: 1.25em;
935
- margin-bottom: 1.25em;
936
- padding-inline-start: 1.625em;
937
- }
938
- .prose :where(ol[type=A]):not(:where([class~=not-prose], [class~=not-prose] *)) {
939
- list-style-type: upper-alpha;
940
- }
941
- .prose :where(ol[type=a]):not(:where([class~=not-prose], [class~=not-prose] *)) {
942
- list-style-type: lower-alpha;
943
- }
944
- .prose :where(ol[type=A s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
945
- list-style-type: upper-alpha;
946
- }
947
- .prose :where(ol[type=a s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
948
- list-style-type: lower-alpha;
949
- }
950
- .prose :where(ol[type=I]):not(:where([class~=not-prose], [class~=not-prose] *)) {
951
- list-style-type: upper-roman;
952
- }
953
- .prose :where(ol[type=i]):not(:where([class~=not-prose], [class~=not-prose] *)) {
954
- list-style-type: lower-roman;
955
- }
956
- .prose :where(ol[type=I s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
957
- list-style-type: upper-roman;
958
- }
959
- .prose :where(ol[type=i s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
960
- list-style-type: lower-roman;
961
- }
962
- .prose :where(ol[type="1"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
963
- list-style-type: decimal;
964
- }
965
- .prose :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
966
- list-style-type: disc;
967
- margin-top: 1.25em;
968
- margin-bottom: 1.25em;
969
- padding-inline-start: 1.625em;
970
- }
971
- .prose :where(ol > li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
972
- font-weight: 400;
973
- color: var(--tw-prose-counters);
974
- }
975
- .prose :where(ul > li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
976
- color: var(--tw-prose-bullets);
977
- }
978
- .prose :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
979
- color: var(--tw-prose-headings);
980
- font-weight: 600;
981
- margin-top: 1.25em;
982
- }
983
- .prose :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
984
- border-color: var(--tw-prose-hr);
985
- border-top-width: 1px;
986
- margin-top: 3em;
987
- margin-bottom: 3em;
988
- }
989
- .prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
990
- font-weight: 500;
991
- font-style: italic;
992
- color: var(--tw-prose-quotes);
993
- border-inline-start-width: 0.25rem;
994
- border-inline-start-color: var(--tw-prose-quote-borders);
995
- quotes: "\201c""\201d""\2018""\2019";
996
- margin-top: 1.6em;
997
- margin-bottom: 1.6em;
998
- padding-inline-start: 1em;
999
- }
1000
- .prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *))::before {
1001
- content: open-quote;
1002
- }
1003
- .prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *))::after {
1004
- content: close-quote;
1005
- }
1006
- .prose :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
1007
- color: var(--tw-prose-headings);
1008
- font-weight: 800;
1009
- font-size: 2.25em;
1010
- margin-top: 0;
1011
- margin-bottom: 0.8888889em;
1012
- line-height: 1.1111111;
1013
- }
1014
- .prose :where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
1015
- font-weight: 900;
1016
- color: inherit;
1017
- }
1018
- .prose :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
1019
- color: var(--tw-prose-headings);
1020
- font-weight: 700;
1021
- font-size: 1.5em;
1022
- margin-top: 2em;
1023
- margin-bottom: 1em;
1024
- line-height: 1.3333333;
1025
- }
1026
- .prose :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
1027
- font-weight: 800;
1028
- color: inherit;
1029
- }
1030
- .prose :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
1031
- color: var(--tw-prose-headings);
1032
- font-weight: 600;
1033
- font-size: 1.25em;
1034
- margin-top: 1.6em;
1035
- margin-bottom: 0.6em;
1036
- line-height: 1.6;
1037
- }
1038
- .prose :where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
1039
- font-weight: 700;
1040
- color: inherit;
1041
- }
1042
- .prose :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
1043
- color: var(--tw-prose-headings);
1044
- font-weight: 600;
1045
- margin-top: 1.5em;
1046
- margin-bottom: 0.5em;
1047
- line-height: 1.5;
1048
- }
1049
- .prose :where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
1050
- font-weight: 700;
1051
- color: inherit;
1052
- }
1053
- .prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
1054
- margin-top: 2em;
1055
- margin-bottom: 2em;
1056
- }
1057
- .prose :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
1058
- display: block;
1059
- margin-top: 2em;
1060
- margin-bottom: 2em;
1061
- }
1062
- .prose :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
1063
- margin-top: 2em;
1064
- margin-bottom: 2em;
1065
- }
1066
- .prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
1067
- font-weight: 500;
1068
- font-family: inherit;
1069
- color: var(--tw-prose-kbd);
1070
- box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
1071
- font-size: 0.875em;
1072
- border-radius: 0.3125rem;
1073
- padding-top: 0.1875em;
1074
- padding-inline-end: 0.375em;
1075
- padding-bottom: 0.1875em;
1076
- padding-inline-start: 0.375em;
1077
- }
1078
- .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
1079
- color: var(--tw-prose-code);
1080
- font-weight: 600;
1081
- font-size: 0.875em;
1082
- }
1083
- .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *))::before {
1084
- content: "`";
1085
- }
1086
- .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *))::after {
1087
- content: "`";
1088
- }
1089
- .prose :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)) {
1090
- color: inherit;
1091
- }
1092
- .prose :where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
1093
- color: inherit;
1094
- }
1095
- .prose :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
1096
- color: inherit;
1097
- font-size: 0.875em;
1098
- }
1099
- .prose :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
1100
- color: inherit;
1101
- font-size: 0.9em;
1102
- }
1103
- .prose :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
1104
- color: inherit;
1105
- }
1106
- .prose :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)) {
1107
- color: inherit;
1108
- }
1109
- .prose :where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) {
1110
- color: inherit;
1111
- }
1112
- .prose :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
1113
- color: var(--tw-prose-pre-code);
1114
- background-color: var(--tw-prose-pre-bg);
1115
- overflow-x: auto;
1116
- font-weight: 400;
1117
- font-size: 0.875em;
1118
- line-height: 1.7142857;
1119
- margin-top: 1.7142857em;
1120
- margin-bottom: 1.7142857em;
1121
- border-radius: 0.375rem;
1122
- padding-top: 0.8571429em;
1123
- padding-inline-end: 1.1428571em;
1124
- padding-bottom: 0.8571429em;
1125
- padding-inline-start: 1.1428571em;
1126
- }
1127
- .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) {
1128
- background-color: transparent;
1129
- border-width: 0;
1130
- border-radius: 0;
1131
- padding: 0;
1132
- font-weight: inherit;
1133
- color: inherit;
1134
- font-size: inherit;
1135
- font-family: inherit;
1136
- line-height: inherit;
1137
- }
1138
- .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *))::before {
1139
- content: none;
1140
- }
1141
- .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *))::after {
1142
- content: none;
1143
- }
1144
- .prose :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
1145
- width: 100%;
1146
- table-layout: auto;
1147
- text-align: start;
1148
- margin-top: 2em;
1149
- margin-bottom: 2em;
1150
- font-size: 0.875em;
1151
- line-height: 1.7142857;
1152
- }
1153
- .prose :where(thead):not(:where([class~=not-prose], [class~=not-prose] *)) {
1154
- border-bottom-width: 1px;
1155
- border-bottom-color: var(--tw-prose-th-borders);
1156
- }
1157
- .prose :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
1158
- color: var(--tw-prose-headings);
1159
- font-weight: 600;
1160
- vertical-align: bottom;
1161
- padding-inline-end: 0.5714286em;
1162
- padding-bottom: 0.5714286em;
1163
- padding-inline-start: 0.5714286em;
1164
- }
1165
- .prose :where(tbody tr):not(:where([class~=not-prose], [class~=not-prose] *)) {
1166
- border-bottom-width: 1px;
1167
- border-bottom-color: var(--tw-prose-td-borders);
1168
- }
1169
- .prose :where(tbody tr:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
1170
- border-bottom-width: 0;
1171
- }
1172
- .prose :where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) {
1173
- vertical-align: baseline;
1174
- }
1175
- .prose :where(tfoot):not(:where([class~=not-prose], [class~=not-prose] *)) {
1176
- border-top-width: 1px;
1177
- border-top-color: var(--tw-prose-th-borders);
1178
- }
1179
- .prose :where(tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
1180
- vertical-align: top;
1181
- }
1182
- .prose :where(figure > *):not(:where([class~=not-prose], [class~=not-prose] *)) {
1183
- margin-top: 0;
1184
- margin-bottom: 0;
1185
- }
1186
- .prose :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
1187
- color: var(--tw-prose-captions);
1188
- font-size: 0.875em;
1189
- line-height: 1.4285714;
1190
- margin-top: 0.8571429em;
1191
- }
1192
- .prose {
1193
- --tw-prose-body: #374151;
1194
- --tw-prose-headings: #111827;
1195
- --tw-prose-lead: #4b5563;
1196
- --tw-prose-links: #111827;
1197
- --tw-prose-bold: #111827;
1198
- --tw-prose-counters: #6b7280;
1199
- --tw-prose-bullets: #d1d5db;
1200
- --tw-prose-hr: #e5e7eb;
1201
- --tw-prose-quotes: #111827;
1202
- --tw-prose-quote-borders: #e5e7eb;
1203
- --tw-prose-captions: #6b7280;
1204
- --tw-prose-kbd: #111827;
1205
- --tw-prose-kbd-shadows: 17 24 39;
1206
- --tw-prose-code: #111827;
1207
- --tw-prose-pre-code: #e5e7eb;
1208
- --tw-prose-pre-bg: #1f2937;
1209
- --tw-prose-th-borders: #d1d5db;
1210
- --tw-prose-td-borders: #e5e7eb;
1211
- --tw-prose-invert-body: #d1d5db;
1212
- --tw-prose-invert-headings: #fff;
1213
- --tw-prose-invert-lead: #9ca3af;
1214
- --tw-prose-invert-links: #fff;
1215
- --tw-prose-invert-bold: #fff;
1216
- --tw-prose-invert-counters: #9ca3af;
1217
- --tw-prose-invert-bullets: #4b5563;
1218
- --tw-prose-invert-hr: #374151;
1219
- --tw-prose-invert-quotes: #f3f4f6;
1220
- --tw-prose-invert-quote-borders: #374151;
1221
- --tw-prose-invert-captions: #9ca3af;
1222
- --tw-prose-invert-kbd: #fff;
1223
- --tw-prose-invert-kbd-shadows: 255 255 255;
1224
- --tw-prose-invert-code: #fff;
1225
- --tw-prose-invert-pre-code: #d1d5db;
1226
- --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
1227
- --tw-prose-invert-th-borders: #4b5563;
1228
- --tw-prose-invert-td-borders: #374151;
1229
- font-size: 1rem;
1230
- line-height: 1.75;
1231
- }
1232
- .prose :where(picture > img):not(:where([class~=not-prose], [class~=not-prose] *)) {
1233
- margin-top: 0;
1234
- margin-bottom: 0;
1235
- }
1236
- .prose :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
1237
- margin-top: 0.5em;
1238
- margin-bottom: 0.5em;
1239
- }
1240
- .prose :where(ol > li):not(:where([class~=not-prose], [class~=not-prose] *)) {
1241
- padding-inline-start: 0.375em;
1242
- }
1243
- .prose :where(ul > li):not(:where([class~=not-prose], [class~=not-prose] *)) {
1244
- padding-inline-start: 0.375em;
1245
- }
1246
- .prose :where(.prose > ul > li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
1247
- margin-top: 0.75em;
1248
- margin-bottom: 0.75em;
1249
- }
1250
- .prose :where(.prose > ul > li > p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
1251
- margin-top: 1.25em;
1252
- }
1253
- .prose :where(.prose > ul > li > p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
1254
- margin-bottom: 1.25em;
1255
- }
1256
- .prose :where(.prose > ol > li > p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
1257
- margin-top: 1.25em;
1258
- }
1259
- .prose :where(.prose > ol > li > p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
1260
- margin-bottom: 1.25em;
1261
- }
1262
- .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
1263
- margin-top: 0.75em;
1264
- margin-bottom: 0.75em;
1265
- }
1266
- .prose :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
1267
- margin-top: 1.25em;
1268
- margin-bottom: 1.25em;
1269
- }
1270
- .prose :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
1271
- margin-top: 0.5em;
1272
- padding-inline-start: 1.625em;
1273
- }
1274
- .prose :where(hr + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
1275
- margin-top: 0;
1276
- }
1277
- .prose :where(h2 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
1278
- margin-top: 0;
1279
- }
1280
- .prose :where(h3 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
1281
- margin-top: 0;
1282
- }
1283
- .prose :where(h4 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
1284
- margin-top: 0;
1285
- }
1286
- .prose :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
1287
- padding-inline-start: 0;
1288
- }
1289
- .prose :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
1290
- padding-inline-end: 0;
1291
- }
1292
- .prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
1293
- padding-top: 0.5714286em;
1294
- padding-inline-end: 0.5714286em;
1295
- padding-bottom: 0.5714286em;
1296
- padding-inline-start: 0.5714286em;
1297
- }
1298
- .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
1299
- padding-inline-start: 0;
1300
- }
1301
- .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
1302
- padding-inline-end: 0;
1303
- }
1304
- .prose :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
1305
- margin-top: 2em;
1306
- margin-bottom: 2em;
1307
- }
1308
- .prose :where(.prose > :first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
1309
- margin-top: 0;
1310
- }
1311
- .prose :where(.prose > :last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
1312
- margin-bottom: 0;
1313
- }
1314
- .prose-sm {
1315
- font-size: 0.875rem;
1316
- line-height: 1.7142857;
1317
- }
1318
- .prose-sm :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
1319
- margin-top: 1.1428571em;
1320
- margin-bottom: 1.1428571em;
1321
- }
1322
- .prose-sm :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
1323
- font-size: 1.2857143em;
1324
- line-height: 1.5555556;
1325
- margin-top: 0.8888889em;
1326
- margin-bottom: 0.8888889em;
1327
- }
1328
- .prose-sm :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
1329
- margin-top: 1.3333333em;
1330
- margin-bottom: 1.3333333em;
1331
- padding-inline-start: 1.1111111em;
1332
- }
1333
- .prose-sm :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
1334
- font-size: 2.1428571em;
1335
- margin-top: 0;
1336
- margin-bottom: 0.8em;
1337
- line-height: 1.2;
1338
- }
1339
- .prose-sm :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
1340
- font-size: 1.4285714em;
1341
- margin-top: 1.6em;
1342
- margin-bottom: 0.8em;
1343
- line-height: 1.4;
1344
- }
1345
- .prose-sm :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
1346
- font-size: 1.2857143em;
1347
- margin-top: 1.5555556em;
1348
- margin-bottom: 0.4444444em;
1349
- line-height: 1.5555556;
1350
- }
1351
- .prose-sm :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
1352
- margin-top: 1.4285714em;
1353
- margin-bottom: 0.5714286em;
1354
- line-height: 1.4285714;
1355
- }
1356
- .prose-sm :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
1357
- margin-top: 1.7142857em;
1358
- margin-bottom: 1.7142857em;
1359
- }
1360
- .prose-sm :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
1361
- margin-top: 1.7142857em;
1362
- margin-bottom: 1.7142857em;
1363
- }
1364
- .prose-sm :where(picture > img):not(:where([class~=not-prose], [class~=not-prose] *)) {
1365
- margin-top: 0;
1366
- margin-bottom: 0;
1367
- }
1368
- .prose-sm :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
1369
- margin-top: 1.7142857em;
1370
- margin-bottom: 1.7142857em;
1371
- }
1372
- .prose-sm :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
1373
- font-size: 0.8571429em;
1374
- border-radius: 0.3125rem;
1375
- padding-top: 0.1428571em;
1376
- padding-inline-end: 0.3571429em;
1377
- padding-bottom: 0.1428571em;
1378
- padding-inline-start: 0.3571429em;
1379
- }
1380
- .prose-sm :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
1381
- font-size: 0.8571429em;
1382
- }
1383
- .prose-sm :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
1384
- font-size: 0.9em;
1385
- }
1386
- .prose-sm :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
1387
- font-size: 0.8888889em;
1388
- }
1389
- .prose-sm :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
1390
- font-size: 0.8571429em;
1391
- line-height: 1.6666667;
1392
- margin-top: 1.6666667em;
1393
- margin-bottom: 1.6666667em;
1394
- border-radius: 0.25rem;
1395
- padding-top: 0.6666667em;
1396
- padding-inline-end: 1em;
1397
- padding-bottom: 0.6666667em;
1398
- padding-inline-start: 1em;
1399
- }
1400
- .prose-sm :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
1401
- margin-top: 1.1428571em;
1402
- margin-bottom: 1.1428571em;
1403
- padding-inline-start: 1.5714286em;
1404
- }
1405
- .prose-sm :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
1406
- margin-top: 1.1428571em;
1407
- margin-bottom: 1.1428571em;
1408
- padding-inline-start: 1.5714286em;
1409
- }
1410
- .prose-sm :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
1411
- margin-top: 0.2857143em;
1412
- margin-bottom: 0.2857143em;
1413
- }
1414
- .prose-sm :where(ol > li):not(:where([class~=not-prose], [class~=not-prose] *)) {
1415
- padding-inline-start: 0.4285714em;
1416
- }
1417
- .prose-sm :where(ul > li):not(:where([class~=not-prose], [class~=not-prose] *)) {
1418
- padding-inline-start: 0.4285714em;
1419
- }
1420
- .prose-sm :where(.prose-sm > ul > li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
1421
- margin-top: 0.5714286em;
1422
- margin-bottom: 0.5714286em;
1423
- }
1424
- .prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
1425
- margin-top: 1.1428571em;
1426
- }
1427
- .prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
1428
- margin-bottom: 1.1428571em;
1429
- }
1430
- .prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
1431
- margin-top: 1.1428571em;
1432
- }
1433
- .prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
1434
- margin-bottom: 1.1428571em;
1435
- }
1436
- .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
1437
- margin-top: 0.5714286em;
1438
- margin-bottom: 0.5714286em;
1439
- }
1440
- .prose-sm :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
1441
- margin-top: 1.1428571em;
1442
- margin-bottom: 1.1428571em;
1443
- }
1444
- .prose-sm :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
1445
- margin-top: 1.1428571em;
1446
- }
1447
- .prose-sm :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
1448
- margin-top: 0.2857143em;
1449
- padding-inline-start: 1.5714286em;
1450
- }
1451
- .prose-sm :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
1452
- margin-top: 2.8571429em;
1453
- margin-bottom: 2.8571429em;
1454
- }
1455
- .prose-sm :where(hr + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
1456
- margin-top: 0;
1457
- }
1458
- .prose-sm :where(h2 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
1459
- margin-top: 0;
1460
- }
1461
- .prose-sm :where(h3 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
1462
- margin-top: 0;
1463
- }
1464
- .prose-sm :where(h4 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
1465
- margin-top: 0;
1466
- }
1467
- .prose-sm :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
1468
- font-size: 0.8571429em;
1469
- line-height: 1.5;
1470
- }
1471
- .prose-sm :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
1472
- padding-inline-end: 1em;
1473
- padding-bottom: 0.6666667em;
1474
- padding-inline-start: 1em;
1475
- }
1476
- .prose-sm :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
1477
- padding-inline-start: 0;
1478
- }
1479
- .prose-sm :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
1480
- padding-inline-end: 0;
1481
- }
1482
- .prose-sm :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
1483
- padding-top: 0.6666667em;
1484
- padding-inline-end: 1em;
1485
- padding-bottom: 0.6666667em;
1486
- padding-inline-start: 1em;
1487
- }
1488
- .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
1489
- padding-inline-start: 0;
1490
- }
1491
- .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
1492
- padding-inline-end: 0;
1493
- }
1494
- .prose-sm :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
1495
- margin-top: 1.7142857em;
1496
- margin-bottom: 1.7142857em;
1497
- }
1498
- .prose-sm :where(figure > *):not(:where([class~=not-prose], [class~=not-prose] *)) {
1499
- margin-top: 0;
1500
- margin-bottom: 0;
1501
- }
1502
- .prose-sm :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
1503
- font-size: 0.8571429em;
1504
- line-height: 1.3333333;
1505
- margin-top: 0.6666667em;
1506
- }
1507
- .prose-sm :where(.prose-sm > :first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
1508
- margin-top: 0;
1509
- }
1510
- .prose-sm :where(.prose-sm > :last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
1511
- margin-bottom: 0;
1512
- }
1513
- .sr-only {
1514
- position: absolute;
1515
- width: 1px;
1516
- height: 1px;
1517
- padding: 0;
1518
- margin: -1px;
1519
- overflow: hidden;
1520
- clip: rect(0, 0, 0, 0);
1521
- white-space: nowrap;
1522
- border-width: 0;
1523
- }
1524
1
  .pointer-events-none {
1525
- pointer-events: none;
2
+ pointer-events: none
1526
3
  }
1527
4
  .pointer-events-auto {
1528
- pointer-events: auto;
5
+ pointer-events: auto
1529
6
  }
1530
7
  .visible {
1531
- visibility: visible;
8
+ visibility: visible
1532
9
  }
1533
10
  .fixed {
1534
- position: fixed;
11
+ position: fixed
1535
12
  }
1536
13
  .absolute {
1537
- position: absolute;
14
+ position: absolute
1538
15
  }
1539
16
  .relative {
1540
- position: relative;
17
+ position: relative
1541
18
  }
1542
19
  .sticky {
1543
- position: sticky;
20
+ position: sticky
1544
21
  }
1545
- .inset-0 {
1546
- inset: 0px;
22
+ .-bottom-8 {
23
+ bottom: -2rem
1547
24
  }
1548
25
  .bottom-0 {
1549
- bottom: 0px;
1550
- }
1551
- .bottom-20 {
1552
- bottom: 5rem;
26
+ bottom: 0px
1553
27
  }
1554
28
  .bottom-3 {
1555
- bottom: 0.75rem;
29
+ bottom: 0.75rem
1556
30
  }
1557
31
  .left-0 {
1558
- left: 0px;
32
+ left: 0px
1559
33
  }
1560
34
  .right-0 {
1561
- right: 0px;
1562
- }
1563
- .right-1 {
1564
- right: 0.25rem;
1565
- }
1566
- .right-3 {
1567
- right: 0.75rem;
1568
- }
1569
- .start-12 {
1570
- inset-inline-start: 3rem;
35
+ right: 0px
1571
36
  }
1572
37
  .top-0 {
1573
- top: 0px;
1574
- }
1575
- .top-1 {
1576
- top: 0.25rem;
1577
- }
1578
- .top-3 {
1579
- top: 0.75rem;
1580
- }
1581
- .z-0 {
1582
- z-index: 0;
1583
- }
1584
- .z-10 {
1585
- z-index: 10;
38
+ top: 0px
1586
39
  }
1587
40
  .z-20 {
1588
- z-index: 20;
41
+ z-index: 20
1589
42
  }
1590
43
  .z-30 {
1591
- z-index: 30;
1592
- }
1593
- .z-50 {
1594
- z-index: 50;
44
+ z-index: 30
1595
45
  }
1596
- .z-\[500\] {
1597
- z-index: 500;
46
+ .m-0 {
47
+ margin: 0px
1598
48
  }
1599
- .z-\[501\] {
1600
- z-index: 501;
49
+ .m-0\.5 {
50
+ margin: 0.125rem
1601
51
  }
1602
- .z-\[502\] {
1603
- z-index: 502;
1604
- }
1605
- .m-4 {
1606
- margin: 1rem;
52
+ .m-1 {
53
+ margin: 0.25rem
1607
54
  }
1608
55
  .my-4 {
1609
- margin-top: 1rem;
1610
- margin-bottom: 1rem;
56
+ margin-top: 1rem;
57
+ margin-bottom: 1rem
58
+ }
59
+ .-ml-1 {
60
+ margin-left: -0.25rem
1611
61
  }
1612
- .my-5 {
1613
- margin-top: 1.25rem;
1614
- margin-bottom: 1.25rem;
62
+ .-mr-1 {
63
+ margin-right: -0.25rem
1615
64
  }
1616
- .my-8 {
1617
- margin-top: 2rem;
1618
- margin-bottom: 2rem;
65
+ .mb-0 {
66
+ margin-bottom: 0px
1619
67
  }
1620
68
  .mb-1 {
1621
- margin-bottom: 0.25rem;
69
+ margin-bottom: 0.25rem
1622
70
  }
1623
71
  .mb-2 {
1624
- margin-bottom: 0.5rem;
72
+ margin-bottom: 0.5rem
1625
73
  }
1626
74
  .mb-4 {
1627
- margin-bottom: 1rem;
1628
- }
1629
- .mb-8 {
1630
- margin-bottom: 2rem;
75
+ margin-bottom: 1rem
1631
76
  }
1632
77
  .ml-auto {
1633
- margin-left: auto;
1634
- }
1635
- .mr-2 {
1636
- margin-right: 0.5rem;
1637
- }
1638
- .ms-auto {
1639
- margin-inline-start: auto;
78
+ margin-left: auto
1640
79
  }
1641
80
  .mt-1 {
1642
- margin-top: 0.25rem;
1643
- }
1644
- .line-clamp-2 {
1645
- overflow: hidden;
1646
- display: -webkit-box;
1647
- -webkit-box-orient: vertical;
1648
- -webkit-line-clamp: 2;
81
+ margin-top: 0.25rem
1649
82
  }
1650
83
  .block {
1651
- display: block;
84
+ display: block
85
+ }
86
+ .inline-block {
87
+ display: inline-block
1652
88
  }
1653
89
  .inline {
1654
- display: inline;
90
+ display: inline
1655
91
  }
1656
92
  .flex {
1657
- display: flex;
1658
- }
1659
- .inline-flex {
1660
- display: inline-flex;
93
+ display: flex
1661
94
  }
1662
95
  .grid {
1663
- display: grid;
96
+ display: grid
1664
97
  }
1665
98
  .hidden {
1666
- display: none;
1667
- }
1668
- .aspect-\[3\/4\] {
1669
- aspect-ratio: 3/4;
1670
- }
1671
- .aspect-square {
1672
- aspect-ratio: 1 / 1;
1673
- }
1674
- .h-12 {
1675
- height: 3rem;
1676
- }
1677
- .h-16 {
1678
- height: 4rem;
1679
- }
1680
- .h-3 {
1681
- height: 0.75rem;
99
+ display: none
1682
100
  }
1683
- .h-5 {
1684
- height: 1.25rem;
1685
- }
1686
- .h-8 {
1687
- height: 2rem;
1688
- }
1689
- .h-96 {
1690
- height: 24rem;
1691
- }
1692
- .h-\[23px\] {
1693
- height: 23px;
1694
- }
1695
- .h-\[70vh\] {
1696
- height: 70vh;
101
+ .h-9 {
102
+ height: 2.25rem
1697
103
  }
1698
104
  .h-full {
1699
- height: 100%;
1700
- }
1701
- .max-h-\[80vh\] {
1702
- max-height: 80vh;
1703
- }
1704
- .max-h-full {
1705
- max-height: 100%;
105
+ height: 100%
1706
106
  }
1707
- .min-h-0 {
1708
- min-height: 0px;
1709
- }
1710
- .min-h-1 {
1711
- min-height: 0.25rem;
1712
- }
1713
- .min-h-\[60vh\] {
1714
- min-height: 60vh;
1715
- }
1716
- .w-12 {
1717
- width: 3rem;
1718
- }
1719
- .w-16 {
1720
- width: 4rem;
1721
- }
1722
- .w-2 {
1723
- width: 0.5rem;
107
+ .h-px {
108
+ height: 1px
1724
109
  }
1725
110
  .w-3 {
1726
- width: 0.75rem;
111
+ width: 0.75rem
1727
112
  }
1728
- .w-32 {
1729
- width: 8rem;
113
+ .w-3\.5 {
114
+ width: 0.875rem
1730
115
  }
1731
- .w-5 {
1732
- width: 1.25rem;
1733
- }
1734
- .w-8 {
1735
- width: 2rem;
1736
- }
1737
- .w-\[176px\] {
1738
- width: 176px;
116
+ .w-32 {
117
+ width: 8rem
1739
118
  }
1740
- .w-fit {
1741
- width: -moz-fit-content;
1742
- width: fit-content;
119
+ .w-\[420px\] {
120
+ width: 420px
1743
121
  }
1744
122
  .w-full {
1745
- width: 100%;
1746
- }
1747
- .w-screen {
1748
- width: 100vw;
123
+ width: 100%
1749
124
  }
1750
125
  .min-w-0 {
1751
- min-width: 0px;
1752
- }
1753
- .min-w-28 {
1754
- min-width: 7rem;
126
+ min-width: 0px
1755
127
  }
1756
- .min-w-\[275px\] {
1757
- min-width: 275px;
1758
- }
1759
- .max-w-4xl {
1760
- max-width: 56rem;
1761
- }
1762
- .max-w-full {
1763
- max-width: 100%;
128
+ .min-w-32 {
129
+ min-width: 8rem
1764
130
  }
1765
131
  .max-w-xl {
1766
- max-width: 36rem;
132
+ max-width: 36rem
1767
133
  }
1768
134
  .flex-1 {
1769
- flex: 1 1 0%;
1770
- }
1771
- .flex-shrink-0 {
1772
- flex-shrink: 0;
1773
- }
1774
- .-translate-y-1 {
1775
- --tw-translate-y: -0.25rem;
1776
- 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));
1777
- }
1778
- .translate-x-3 {
1779
- --tw-translate-x: 0.75rem;
1780
- 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));
135
+ flex: 1 1 0%
1781
136
  }
1782
137
  .transform {
1783
- 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));
138
+ 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))
1784
139
  }
1785
140
  @keyframes fadeIn {
1786
- 0% {
1787
- opacity: 0;
1788
- }
1789
- 100% {
1790
- opacity: 1;
1791
- }
141
+ 0% {
142
+ opacity: 0
143
+ }
144
+ 100% {
145
+ opacity: 1
146
+ }
1792
147
  }
1793
148
  .animate-fadeIn {
1794
- animation: fadeIn 300ms ease-in-out;
1795
- }
1796
- @keyframes fadeInDelayed {
1797
- 0% {
1798
- opacity: 0;
1799
- }
1800
- 85% {
1801
- opacity: 0;
1802
- }
1803
- 100% {
1804
- opacity: 1;
1805
- }
149
+ animation: fadeIn 300ms ease-in-out
1806
150
  }
1807
- .animate-fadeInDelayed {
1808
- animation: fadeInDelayed 2000ms ease-in-out;
151
+ .cursor-pointer {
152
+ cursor: pointer
1809
153
  }
1810
- .cursor-default {
1811
- cursor: default;
1812
- }
1813
- .cursor-not-allowed {
1814
- cursor: not-allowed;
1815
- }
1816
- .select-none {
1817
- -webkit-user-select: none;
1818
- -moz-user-select: none;
1819
- user-select: none;
154
+ .resize-none {
155
+ resize: none
1820
156
  }
1821
157
  .resize {
1822
- resize: both;
1823
- }
1824
- .grid-cols-2 {
1825
- grid-template-columns: repeat(2, minmax(0, 1fr));
158
+ resize: both
1826
159
  }
1827
- .flex-row {
1828
- flex-direction: row;
160
+ .list-none {
161
+ list-style-type: none
1829
162
  }
1830
163
  .flex-col {
1831
- flex-direction: column;
164
+ flex-direction: column
1832
165
  }
1833
166
  .flex-wrap {
1834
- flex-wrap: wrap;
1835
- }
1836
- .place-content-center {
1837
- place-content: center;
167
+ flex-wrap: wrap
1838
168
  }
1839
169
  .items-center {
1840
- align-items: center;
1841
- }
1842
- .justify-end {
1843
- justify-content: flex-end;
170
+ align-items: center
1844
171
  }
1845
172
  .justify-center {
1846
- justify-content: center;
1847
- }
1848
- .justify-between {
1849
- justify-content: space-between;
1850
- }
1851
- .gap-0 {
1852
- gap: 0px;
1853
- }
1854
- .gap-0\.5 {
1855
- gap: 0.125rem;
173
+ justify-content: center
1856
174
  }
1857
175
  .gap-1 {
1858
- gap: 0.25rem;
176
+ gap: 0.25rem
1859
177
  }
1860
178
  .gap-1\.5 {
1861
- gap: 0.375rem;
179
+ gap: 0.375rem
1862
180
  }
1863
181
  .gap-2 {
1864
- gap: 0.5rem;
1865
- }
1866
- .gap-3 {
1867
- gap: 0.75rem;
182
+ gap: 0.5rem
1868
183
  }
1869
184
  .gap-4 {
1870
- gap: 1rem;
185
+ gap: 1rem
1871
186
  }
1872
187
  .gap-5 {
1873
- gap: 1.25rem;
188
+ gap: 1.25rem
1874
189
  }
1875
190
  .overflow-hidden {
1876
- overflow: hidden;
1877
- }
1878
- .overflow-y-auto {
1879
- overflow-y: auto;
191
+ overflow: hidden
1880
192
  }
1881
- .truncate {
1882
- overflow: hidden;
1883
- text-overflow: ellipsis;
1884
- white-space: nowrap;
193
+ .text-ellipsis {
194
+ text-overflow: ellipsis
1885
195
  }
1886
196
  .whitespace-nowrap {
1887
- white-space: nowrap;
197
+ white-space: nowrap
1888
198
  }
1889
199
  .rounded {
1890
- border-radius: 0.25rem;
1891
- }
1892
- .rounded-full {
1893
- border-radius: 9999px;
200
+ border-radius: 0.25rem
1894
201
  }
1895
202
  .rounded-lg {
1896
- border-radius: 0.5rem;
203
+ border-radius: 0.5rem
1897
204
  }
1898
205
  .rounded-md {
1899
- border-radius: 0.375rem;
1900
- }
1901
- .rounded-none {
1902
- border-radius: 0px;
206
+ border-radius: 0.375rem
1903
207
  }
1904
208
  .rounded-sm {
1905
- border-radius: 0.125rem;
1906
- }
1907
- .rounded-b {
1908
- border-bottom-right-radius: 0.25rem;
1909
- border-bottom-left-radius: 0.25rem;
1910
- }
1911
- .rounded-t-lg {
1912
- border-top-left-radius: 0.5rem;
1913
- border-top-right-radius: 0.5rem;
209
+ border-radius: 0.125rem
1914
210
  }
1915
211
  .border {
1916
- border-width: 1px;
212
+ border-width: 1px
1917
213
  }
1918
214
  .border-2 {
1919
- border-width: 2px;
1920
- }
1921
- .border-\[7px\] {
1922
- border-width: 7px;
215
+ border-width: 2px
1923
216
  }
1924
217
  .border-b {
1925
- border-bottom-width: 1px;
1926
- }
1927
- .border-b-2 {
1928
- border-bottom-width: 2px;
1929
- }
1930
- .border-r {
1931
- border-right-width: 1px;
1932
- }
1933
- .border-t {
1934
- border-top-width: 1px;
1935
- }
1936
- .border-dotted {
1937
- border-style: dotted;
218
+ border-bottom-width: 1px
1938
219
  }
1939
220
  .border-none {
1940
- border-style: none;
221
+ border-style: none
1941
222
  }
1942
- .border-black {
1943
- --tw-border-opacity: 1;
1944
- border-color: rgb(0 0 0 / var(--tw-border-opacity));
223
+ .border-\[\#892c4e\] {
224
+ --tw-border-opacity: 1;
225
+ border-color: rgb(137 44 78 / var(--tw-border-opacity))
1945
226
  }
1946
227
  .border-gray-100 {
1947
- --tw-border-opacity: 1;
1948
- border-color: rgb(243 244 246 / var(--tw-border-opacity));
228
+ --tw-border-opacity: 1;
229
+ border-color: rgb(243 244 246 / var(--tw-border-opacity))
1949
230
  }
1950
231
  .border-gray-200 {
1951
- --tw-border-opacity: 1;
1952
- border-color: rgb(229 231 235 / var(--tw-border-opacity));
232
+ --tw-border-opacity: 1;
233
+ border-color: rgb(229 231 235 / var(--tw-border-opacity))
1953
234
  }
1954
- .border-gray-700 {
1955
- --tw-border-opacity: 1;
1956
- border-color: rgb(55 65 81 / var(--tw-border-opacity));
235
+ .border-gray-300 {
236
+ --tw-border-opacity: 1;
237
+ border-color: rgb(209 213 219 / var(--tw-border-opacity))
1957
238
  }
1958
- .border-me-gray-300 {
1959
- --tw-border-opacity: 1;
1960
- border-color: rgb(217 217 217 / var(--tw-border-opacity));
1961
- }
1962
- .border-me-primary-500 {
1963
- --tw-border-opacity: 1;
1964
- border-color: rgb(184 76 116 / var(--tw-border-opacity));
1965
- }
1966
- .border-me-primary-600 {
1967
- --tw-border-opacity: 1;
1968
- border-color: rgb(137 44 78 / var(--tw-border-opacity));
1969
- }
1970
- .border-red-700 {
1971
- --tw-border-opacity: 1;
1972
- border-color: rgb(185 28 28 / var(--tw-border-opacity));
1973
- }
1974
- .border-transparent {
1975
- border-color: transparent;
1976
- }
1977
- .border-b-gray-200 {
1978
- --tw-border-opacity: 1;
1979
- border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity));
1980
- }
1981
- .border-b-me-gray-300 {
1982
- --tw-border-opacity: 1;
1983
- border-bottom-color: rgb(217 217 217 / var(--tw-border-opacity));
1984
- }
1985
- .border-b-me-gray-500 {
1986
- --tw-border-opacity: 1;
1987
- border-bottom-color: rgb(161 161 161 / var(--tw-border-opacity));
1988
- }
1989
- .border-b-me-primary-600 {
1990
- --tw-border-opacity: 1;
1991
- border-bottom-color: rgb(137 44 78 / var(--tw-border-opacity));
1992
- }
1993
- .bg-black {
1994
- --tw-bg-opacity: 1;
1995
- background-color: rgb(0 0 0 / var(--tw-bg-opacity));
1996
- }
1997
- .bg-black\/30 {
1998
- background-color: rgb(0 0 0 / 0.3);
1999
- }
2000
- .bg-black\/5 {
2001
- background-color: rgb(0 0 0 / 0.05);
2002
- }
2003
- .bg-gray-100 {
2004
- --tw-bg-opacity: 1;
2005
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
239
+ .bg-\[\#e4e7f0\] {
240
+ --tw-bg-opacity: 1;
241
+ background-color: rgb(228 231 240 / var(--tw-bg-opacity))
2006
242
  }
2007
243
  .bg-gray-200 {
2008
- --tw-bg-opacity: 1;
2009
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
244
+ --tw-bg-opacity: 1;
245
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity))
2010
246
  }
2011
- .bg-me-gray-100 {
2012
- --tw-bg-opacity: 1;
2013
- background-color: rgb(245 245 245 / var(--tw-bg-opacity));
247
+ .bg-gray-300 {
248
+ --tw-bg-opacity: 1;
249
+ background-color: rgb(209 213 219 / var(--tw-bg-opacity))
2014
250
  }
2015
- .bg-me-gray-300 {
2016
- --tw-bg-opacity: 1;
2017
- background-color: rgb(217 217 217 / var(--tw-bg-opacity));
2018
- }
2019
- .bg-me-gray-900 {
2020
- --tw-bg-opacity: 1;
2021
- background-color: rgb(51 51 51 / var(--tw-bg-opacity));
251
+ .bg-gray-50 {
252
+ --tw-bg-opacity: 1;
253
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity))
2022
254
  }
2023
255
  .bg-me-primary-500 {
2024
- --tw-bg-opacity: 1;
2025
- background-color: rgb(184 76 116 / var(--tw-bg-opacity));
2026
- }
2027
- .bg-red-500 {
2028
- --tw-bg-opacity: 1;
2029
- background-color: rgb(239 68 68 / var(--tw-bg-opacity));
256
+ --tw-bg-opacity: 1;
257
+ background-color: rgb(184 76 116 / var(--tw-bg-opacity))
2030
258
  }
2031
259
  .bg-transparent {
2032
- background-color: transparent;
260
+ background-color: transparent
2033
261
  }
2034
262
  .bg-white {
2035
- --tw-bg-opacity: 1;
2036
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2037
- }
2038
- .bg-opacity-40 {
2039
- --tw-bg-opacity: 0.4;
2040
- }
2041
- .object-contain {
2042
- -o-object-fit: contain;
2043
- object-fit: contain;
2044
- }
2045
- .object-cover {
2046
- -o-object-fit: cover;
2047
- object-fit: cover;
263
+ --tw-bg-opacity: 1;
264
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity))
2048
265
  }
2049
266
  .p-0 {
2050
- padding: 0px;
2051
- }
2052
- .p-0\.5 {
2053
- padding: 0.125rem;
267
+ padding: 0px
2054
268
  }
2055
269
  .p-1 {
2056
- padding: 0.25rem;
270
+ padding: 0.25rem
2057
271
  }
2058
272
  .p-1\.5 {
2059
- padding: 0.375rem;
273
+ padding: 0.375rem
2060
274
  }
2061
275
  .p-2 {
2062
- padding: 0.5rem;
2063
- }
2064
- .p-4 {
2065
- padding: 1rem;
276
+ padding: 0.5rem
2066
277
  }
2067
278
  .px-1 {
2068
- padding-left: 0.25rem;
2069
- padding-right: 0.25rem;
2070
- }
2071
- .px-1\.5 {
2072
- padding-left: 0.375rem;
2073
- padding-right: 0.375rem;
279
+ padding-left: 0.25rem;
280
+ padding-right: 0.25rem
2074
281
  }
2075
282
  .px-2 {
2076
- padding-left: 0.5rem;
2077
- padding-right: 0.5rem;
283
+ padding-left: 0.5rem;
284
+ padding-right: 0.5rem
285
+ }
286
+ .px-2\.5 {
287
+ padding-left: 0.625rem;
288
+ padding-right: 0.625rem
2078
289
  }
2079
290
  .px-3 {
2080
- padding-left: 0.75rem;
2081
- padding-right: 0.75rem;
291
+ padding-left: 0.75rem;
292
+ padding-right: 0.75rem
2082
293
  }
2083
294
  .px-4 {
2084
- padding-left: 1rem;
2085
- padding-right: 1rem;
2086
- }
2087
- .px-5 {
2088
- padding-left: 1.25rem;
2089
- padding-right: 1.25rem;
2090
- }
2091
- .px-8 {
2092
- padding-left: 2rem;
2093
- padding-right: 2rem;
295
+ padding-left: 1rem;
296
+ padding-right: 1rem
2094
297
  }
2095
298
  .py-1 {
2096
- padding-top: 0.25rem;
2097
- padding-bottom: 0.25rem;
2098
- }
2099
- .py-16 {
2100
- padding-top: 4rem;
2101
- padding-bottom: 4rem;
299
+ padding-top: 0.25rem;
300
+ padding-bottom: 0.25rem
2102
301
  }
2103
302
  .py-2 {
2104
- padding-top: 0.5rem;
2105
- padding-bottom: 0.5rem;
303
+ padding-top: 0.5rem;
304
+ padding-bottom: 0.5rem
305
+ }
306
+ .py-2\.5 {
307
+ padding-top: 0.625rem;
308
+ padding-bottom: 0.625rem
309
+ }
310
+ .py-4 {
311
+ padding-top: 1rem;
312
+ padding-bottom: 1rem
2106
313
  }
2107
- .pb-2 {
2108
- padding-bottom: 0.5rem;
314
+ .py-6 {
315
+ padding-top: 1.5rem;
316
+ padding-bottom: 1.5rem
2109
317
  }
2110
- .pb-64 {
2111
- padding-bottom: 16rem;
318
+ .pr-4 {
319
+ padding-right: 1rem
2112
320
  }
2113
321
  .pt-3 {
2114
- padding-top: 0.75rem;
322
+ padding-top: 0.75rem
2115
323
  }
2116
324
  .text-left {
2117
- text-align: left;
325
+ text-align: left
2118
326
  }
2119
327
  .text-center {
2120
- text-align: center;
328
+ text-align: center
2121
329
  }
2122
- .text-2xl {
2123
- font-size: 1.5rem;
2124
- line-height: 2rem;
330
+ .text-start {
331
+ text-align: start
2125
332
  }
2126
- .text-\[10px\] {
2127
- font-size: 10px;
333
+ .text-2xl {
334
+ font-size: 1.5rem;
335
+ line-height: 2rem
2128
336
  }
2129
- .text-lg {
2130
- font-size: 1.125rem;
2131
- line-height: 1.75rem;
337
+ .text-base {
338
+ font-size: 1rem;
339
+ line-height: 1.5rem
2132
340
  }
2133
341
  .text-sm {
2134
- font-size: 0.875rem;
2135
- line-height: 1.25rem;
342
+ font-size: 0.875rem;
343
+ line-height: 1.25rem
2136
344
  }
2137
345
  .text-xl {
2138
- font-size: 1.25rem;
2139
- line-height: 1.75rem;
346
+ font-size: 1.25rem;
347
+ line-height: 1.75rem
2140
348
  }
2141
349
  .text-xs {
2142
- font-size: 0.75rem;
2143
- line-height: 1rem;
350
+ font-size: 0.75rem;
351
+ line-height: 1rem
2144
352
  }
2145
- .font-bold {
2146
- font-weight: 700;
353
+ .font-light {
354
+ font-weight: 300
355
+ }
356
+ .font-medium {
357
+ font-weight: 500
2147
358
  }
2148
359
  .font-semibold {
2149
- font-weight: 600;
360
+ font-weight: 600
2150
361
  }
2151
362
  .uppercase {
2152
- text-transform: uppercase;
363
+ text-transform: uppercase
2153
364
  }
2154
365
  .capitalize {
2155
- text-transform: capitalize;
366
+ text-transform: capitalize
2156
367
  }
2157
368
  .italic {
2158
- font-style: italic;
2159
- }
2160
- .leading-\[1\.6em\] {
2161
- line-height: 1.6em;
2162
- }
2163
- .leading-\[1\.9em\] {
2164
- line-height: 1.9em;
369
+ font-style: italic
2165
370
  }
2166
- .text-\[\#333\] {
2167
- --tw-text-opacity: 1;
2168
- color: rgb(51 51 51 / var(--tw-text-opacity));
371
+ .text-\[\#b84c74\] {
372
+ --tw-text-opacity: 1;
373
+ color: rgb(184 76 116 / var(--tw-text-opacity))
2169
374
  }
2170
375
  .text-black {
2171
- --tw-text-opacity: 1;
2172
- color: rgb(0 0 0 / var(--tw-text-opacity));
376
+ --tw-text-opacity: 1;
377
+ color: rgb(0 0 0 / var(--tw-text-opacity))
2173
378
  }
2174
- .text-black\/30 {
2175
- color: rgb(0 0 0 / 0.3);
2176
- }
2177
- .text-black\/50 {
2178
- color: rgb(0 0 0 / 0.5);
379
+ .text-gray-300 {
380
+ --tw-text-opacity: 1;
381
+ color: rgb(209 213 219 / var(--tw-text-opacity))
2179
382
  }
2180
383
  .text-gray-400 {
2181
- --tw-text-opacity: 1;
2182
- color: rgb(156 163 175 / var(--tw-text-opacity));
384
+ --tw-text-opacity: 1;
385
+ color: rgb(156 163 175 / var(--tw-text-opacity))
2183
386
  }
2184
387
  .text-gray-500 {
2185
- --tw-text-opacity: 1;
2186
- color: rgb(107 114 128 / var(--tw-text-opacity));
2187
- }
2188
- .text-gray-600 {
2189
- --tw-text-opacity: 1;
2190
- color: rgb(75 85 99 / var(--tw-text-opacity));
2191
- }
2192
- .text-gray-900 {
2193
- --tw-text-opacity: 1;
2194
- color: rgb(17 24 39 / var(--tw-text-opacity));
2195
- }
2196
- .text-me-gray-700 {
2197
- --tw-text-opacity: 1;
2198
- color: rgb(102 102 102 / var(--tw-text-opacity));
2199
- }
2200
- .text-me-primary-500 {
2201
- --tw-text-opacity: 1;
2202
- color: rgb(184 76 116 / var(--tw-text-opacity));
2203
- }
2204
- .text-me-primary-600 {
2205
- --tw-text-opacity: 1;
2206
- color: rgb(137 44 78 / var(--tw-text-opacity));
388
+ --tw-text-opacity: 1;
389
+ color: rgb(107 114 128 / var(--tw-text-opacity))
2207
390
  }
2208
391
  .text-white {
2209
- --tw-text-opacity: 1;
2210
- color: rgb(255 255 255 / var(--tw-text-opacity));
392
+ --tw-text-opacity: 1;
393
+ color: rgb(255 255 255 / var(--tw-text-opacity))
2211
394
  }
2212
395
  .underline {
2213
- text-decoration-line: underline;
396
+ text-decoration-line: underline
2214
397
  }
2215
398
  .opacity-0 {
2216
- opacity: 0;
2217
- }
2218
- .opacity-50 {
2219
- opacity: 0.5;
2220
- }
2221
- .opacity-70 {
2222
- opacity: 0.7;
2223
- }
2224
- .opacity-90 {
2225
- opacity: 0.9;
399
+ opacity: 0
2226
400
  }
2227
401
  .shadow {
2228
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2229
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2230
- box-shadow:
2231
- var(--tw-ring-offset-shadow, 0 0 #0000),
2232
- var(--tw-ring-shadow, 0 0 #0000),
2233
- var(--tw-shadow);
2234
- }
2235
- .shadow-2xl {
2236
- --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
2237
- --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
2238
- box-shadow:
2239
- var(--tw-ring-offset-shadow, 0 0 #0000),
2240
- var(--tw-ring-shadow, 0 0 #0000),
2241
- var(--tw-shadow);
2242
- }
2243
- .shadow-lg {
2244
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2245
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
2246
- box-shadow:
2247
- var(--tw-ring-offset-shadow, 0 0 #0000),
2248
- var(--tw-ring-shadow, 0 0 #0000),
2249
- var(--tw-shadow);
2250
- }
2251
- .outline-none {
2252
- outline: 2px solid transparent;
2253
- outline-offset: 2px;
2254
- }
2255
- .outline {
2256
- outline-style: solid;
2257
- }
2258
- .outline-0 {
2259
- outline-width: 0px;
402
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
403
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
404
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
2260
405
  }
2261
- .outline-2 {
2262
- outline-width: 2px;
406
+ .shadow-\[0_0_0_2px_\#bfd1ed\] {
407
+ --tw-shadow: 0 0 0 2px #bfd1ed;
408
+ --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
409
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
2263
410
  }
2264
- .outline-offset-2 {
2265
- outline-offset: 2px;
411
+ .shadow-lg {
412
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
413
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
414
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
2266
415
  }
2267
- .outline-me-primary-500 {
2268
- outline-color: #B84C74;
416
+ .shadow-md {
417
+ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
418
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
419
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
2269
420
  }
2270
- .ring {
2271
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2272
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2273
- box-shadow:
2274
- var(--tw-ring-offset-shadow),
2275
- var(--tw-ring-shadow),
2276
- var(--tw-shadow, 0 0 #0000);
421
+ .shadow-sm {
422
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
423
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
424
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
2277
425
  }
2278
- .ring-0 {
2279
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2280
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2281
- box-shadow:
2282
- var(--tw-ring-offset-shadow),
2283
- var(--tw-ring-shadow),
2284
- var(--tw-shadow, 0 0 #0000);
426
+ .shadow-xl {
427
+ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
428
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
429
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
2285
430
  }
2286
- .ring-gray-200 {
2287
- --tw-ring-opacity: 1;
2288
- --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
431
+ .outline-none {
432
+ outline: 2px solid transparent;
433
+ outline-offset: 2px
2289
434
  }
2290
- .ring-me-gray-500 {
2291
- --tw-ring-opacity: 1;
2292
- --tw-ring-color: rgb(161 161 161 / var(--tw-ring-opacity));
435
+ .outline {
436
+ outline-style: solid
2293
437
  }
2294
- .ring-me-primary-100 {
2295
- --tw-ring-opacity: 1;
2296
- --tw-ring-color: rgb(241 214 229 / var(--tw-ring-opacity));
438
+ .ring-me-400 {
439
+ --tw-ring-opacity: 1;
440
+ --tw-ring-color: rgb(218 140 175 / var(--tw-ring-opacity))
2297
441
  }
2298
- .ring-me-primary-500 {
2299
- --tw-ring-opacity: 1;
2300
- --tw-ring-color: rgb(184 76 116 / var(--tw-ring-opacity));
442
+ .ring-offset-2 {
443
+ --tw-ring-offset-width: 2px
2301
444
  }
2302
445
  .blur {
2303
- --tw-blur: blur(8px);
2304
- 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);
2305
- }
2306
- .drop-shadow {
2307
- --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
2308
- 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);
446
+ --tw-blur: blur(8px);
447
+ 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)
2309
448
  }
2310
449
  .filter {
2311
- 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);
450
+ 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)
2312
451
  }
2313
452
  .transition {
2314
- transition-property:
2315
- color,
2316
- background-color,
2317
- border-color,
2318
- text-decoration-color,
2319
- fill,
2320
- stroke,
2321
- opacity,
2322
- box-shadow,
2323
- transform,
2324
- filter,
2325
- -webkit-backdrop-filter;
2326
- transition-property:
2327
- color,
2328
- background-color,
2329
- border-color,
2330
- text-decoration-color,
2331
- fill,
2332
- stroke,
2333
- opacity,
2334
- box-shadow,
2335
- transform,
2336
- filter,
2337
- backdrop-filter;
2338
- transition-property:
2339
- color,
2340
- background-color,
2341
- border-color,
2342
- text-decoration-color,
2343
- fill,
2344
- stroke,
2345
- opacity,
2346
- box-shadow,
2347
- transform,
2348
- filter,
2349
- backdrop-filter,
2350
- -webkit-backdrop-filter;
2351
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2352
- transition-duration: 150ms;
2353
- }
2354
- .transition-all {
2355
- transition-property: all;
2356
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2357
- transition-duration: 150ms;
2358
- }
2359
- .transition-opacity {
2360
- transition-property: opacity;
2361
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2362
- transition-duration: 150ms;
2363
- }
2364
- .duration-300 {
2365
- transition-duration: 300ms;
2366
- }
2367
- .grid-lg {
2368
- --grid-column-count: 8;
2369
- --grid-item--min-width: 330px;
2370
- --total-gap-width: 1.5rem;
2371
- }
2372
- .grid-md {
2373
- --grid-column-count: 8;
2374
- --grid-item--min-width: 200px;
2375
- --total-gap-width: 1.5rem;
2376
- }
2377
- .grid-sm {
2378
- --grid-column-count: 8;
2379
- --grid-item--min-width: 120px;
2380
- --total-gap-width: 1.5rem;
2381
- }
2382
- div[data-floating-ui-portal] {
2383
- z-index: 505;
2384
- position: relative;
2385
- }
2386
- .grid-lg,
2387
- .grid-md,
2388
- .grid-sm {
2389
- --gap-count: calc(var(--grid-column-count) - 1);
2390
- --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
2391
- grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
2392
- }
2393
- .tab-shadow {
2394
- box-shadow: inset 0 -2px 0px 0 rgba(0, 0, 0, 0.1);
2395
- }
2396
- .atlas-cursor-se {
2397
- cursor: se-resize;
2398
- }
2399
- .atlas-cursor-sw {
2400
- cursor: sw-resize;
2401
- }
2402
- .atlas-cursor-ne {
2403
- cursor: ne-resize;
2404
- }
2405
- .atlas-cursor-nw {
2406
- cursor: nw-resize;
2407
- }
2408
- .atlas-cursor-move {
2409
- cursor: move;
2410
- }
2411
- .atlas-cursor-crosshair {
2412
- cursor: crosshair;
2413
- }
2414
- .atlas-cursor-copy {
2415
- cursor: copy;
2416
- }
2417
- .atlas-cursor-rotate {
2418
- cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAADRElEQVRYCe2VT0iTcRjHnZsuR8LSkOGhqcRIBoHSFIL0pDcbSLfqMtnNUycJT/PgIQRvgngYIhQd8jB0NKnNTU0rdeSf0BoTbXN/rE23mfv79n3GDBu+f9zothc+vL/n93ue7/O8v/f3p6ys9JRmoIgZYBimDtQWIVF4KBLXg6/AWUwR5YWUgIRKxNknJib8JpMphPa7Yoq4Ug1IdBvsjY6OziOQUavV7kwmE0Wf/kpChTgjyR1wMDQ0ZKfkYrE4NTMzYwsEAmvoPwYmcK8QbUExEF9wuVzLlDwfmUwWGxsbs8EnBl4AsSBRPicIVYBX4C5QgM3p6WkrFSCRSJKTk5NW+h2tra3fqE+lUu0Hg0FamBQj4tPnHYfIQDQa3cF/DqB9H9wE6xaLxUYJlUqlN7cGEmaz2VZVVXVKs3F2duaG3wBvAi4HCCghHmxsbPTodLoV2DS9t8ANsLK4uDjvdDodaM8DJXjp8Xg+UWGdnZ1bsMOgnisH5xiCDbOzszYSNBqNVthvzgPQrgZ2YAEy6sdbDBwjIyPZHUIFwn5+HnPlN4KXtFrtOmmn02kfbNVFEdgyIM3rU8fj8X2K6enpobVAi5b1YV0kCKxA1KnD4ViSSqWitrY2hUgk+qcANlXEhmpqasorKyuTPp8vg7g6Nl/WfojUgouPjdU5bwBBWy0tLd9RQBzteN6wcBPBP3t7e9e6uro20f4FePc2fGjbxpA80dDQ4EX7B1dGvrvgfVNT0++5uTl1OBz2QEjLJZYbe4JzYDeRSFSgeDf6PguIudwF1eu8Xm92W9FMwHYD+eXe2V1A94RPo9Hswofx+/2rsJ+y+fP2I1gCNvr7+z/k9jtMxgUegb+zh/Y18JgOq8HBwQVKrtfrl9G3CyS8ibgcIPAAJABzcnKy1dfXtxIKhTZg0powg7cgdHh4uNrR0bFNybu7u7/kTk4Nl7bgMSR4BtLDw8PZW5CSKBSKIJKEU6mUTy6XH1MfMT4+ThdSBAhZL4JroFOO7oGP9PUGg8He3Ny8h8PpKJlMHrS3t+9MTU1ZI5HINnzo8Pk/VzKERYD+vxHsgfPnAI3X4CHg3arCP5vHE8mug2oet9JwaQZKM8A5A38AUaOUifLn9bEAAAAASUVORK5CYII=) 8 8, pointer;
2419
- }
2420
- .atlas-cursor-draw {
2421
- cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAABSElEQVRYCe2TvWqEQBSFtxa09xECwSo/26dIL9iIog9i52P4JilCSLrdJGz6pA5sqs0PQqJuzoGdMBl0DehstpiBi3PH6z3fnBknEzOMA8aBDgfW7WOF5WnHJ+MuUx8df0UYhvOmaV52AtEGQCAJ4nTcLSvdZADOy7J8dF13SYgoioQT+iBkAIoj/2yBWGJdDwQar2D3LXfMnfdAnCgGDk8BMOWF64OI43iGOjphIIQTx8P9Vzr89TiSJJmhlsfxvxCbO7EXEEeKmcPTLcfxxV/VsqwPqKzTNBV3YncQRVFcUVyEBHGAtXGH6oTYOVR+ADjP8/watRfjqm+6qRCqOHPHcd5Q96oFgE37IHzfv0fNgzaAbRCe5z1VVfUMgHOtADJElmU3tm2/B0FwV9c1xSPt4kIAYoeISwTPfYE4E+/M0zhgHOhy4BtfABNjetwFVwAAAABJRU5ErkJggg==) 4 4, pointer;
2422
- }
2423
- .atlas-cursor-cut {
2424
- cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAACQklEQVRYCe1VS0sCURR2TBNalCG0kUkLlKDcuuqxaNvOP+Cira3Vv2HoQoRaBv6HLDPDRUS7gqAH2AOcsQhBQafvi2kQHzkzWqsZ+Jhzzz2P7545547NZj0mK6AoyrRJ1/HdkHwbeABC40czGAFJFzqdjpzP548hP/87CSRcarVaj+CtxGKxc6xfgHmD5zBv3k2AJEiGOrMR7WYdJ+VnEZh4BdAPAnsCcOv5TBMjoCbeQ9IaGvME63ugDKz+RqSPABwWAJ5gIBBscUBAEbpUvV7fDQaDny6XS7Tb7XPJZLKNOMeAf4BPvwqG27xkOFrD0G63X7kHb4Wo1WpXXDcajVu32/3h8XikbDZbiEajFe5nMhlW46g/W48GRtPAA284Og5DJBK5ZEJRFKter7faa1epVE4R5xC4C4fDNz6frwr5qSedttQ+gSAILWh3kGAFN1xZszAn8ADmHrANAS///gm66YLAPDCwCaHf6u4BytBtAvuyLF8HAgGtPxKJxBl66g17/u74pmUEEoAUGw5BvvuEMnXAFLAHSM1m8xGJ65BHjqEhMkzAU6Lb338IUKaOewyGN0myerouIt0E1MASS8xRY7cTlKnDvkQb3QGNGiL4MkvLQ+ZyuQLWB8AhZ546tRcM/5a1MdRBSHI6nbO0KxaLM3htAOulUomyzeFwcE+m/GcPTnwRj8dLSKDwkiEos9uxN+7dMZo3kqxxrNLpdIE3HEFZHbVffzqjo+u0AAk/cAQ8qaDs1+lumVkVsCrQV4Ev5W84Pu7IH00AAAAASUVORK5CYII=) 4 4, pointer;
2425
- }
2426
- .shape {
2427
- cursor: pointer;
2428
- fill: rgba(119, 24, 196, 0.25);
2429
- pointer-events: visible;
2430
- }
2431
- .shape:hover {
2432
- fill: rgba(119, 24, 196, 0.5);
2433
- }
2434
- .shape-line {
2435
- stroke: rgba(119, 24, 196, 0.25);
2436
- stroke-width: 3px;
2437
- fill: none;
2438
- pointer-events: visible;
2439
- }
2440
- .shape-line:hover {
2441
- stroke: rgba(119, 24, 196, 0.5);
2442
- }
2443
- #floating-ui {
2444
- z-index: 1000;
2445
- }
2446
- div.mdxeditor-popup-container {
2447
- position: relative;
2448
- z-index: 1000;
2449
- }
2450
- div.mdxeditor-popup-container > *[role=dialog] {
2451
- display: flex;
2452
- flex-direction: column;
2453
- }
2454
- .focus-within\:border-me-primary-500:focus-within {
2455
- --tw-border-opacity: 1;
2456
- border-color: rgb(184 76 116 / var(--tw-border-opacity));
2457
- }
2458
- .focus-within\:outline-none:focus-within {
2459
- outline: 2px solid transparent;
2460
- outline-offset: 2px;
2461
- }
2462
- .focus-within\:ring:focus-within {
2463
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2464
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2465
- box-shadow:
2466
- var(--tw-ring-offset-shadow),
2467
- var(--tw-ring-shadow),
2468
- var(--tw-shadow, 0 0 #0000);
453
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
454
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
455
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
456
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
457
+ transition-duration: 150ms
2469
458
  }
2470
- .focus-within\:ring-me-primary-500:focus-within {
2471
- --tw-ring-opacity: 1;
2472
- --tw-ring-color: rgb(184 76 116 / var(--tw-ring-opacity));
459
+ .focus-within\:ring-2:focus-within {
460
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
461
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
462
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
2473
463
  }
2474
- .hover\:border-me-primary-500:hover {
2475
- --tw-border-opacity: 1;
2476
- border-color: rgb(184 76 116 / var(--tw-border-opacity));
2477
- }
2478
- .hover\:border-me-primary-600:hover {
2479
- --tw-border-opacity: 1;
2480
- border-color: rgb(137 44 78 / var(--tw-border-opacity));
464
+ .hover\:border-me-500:hover {
465
+ --tw-border-opacity: 1;
466
+ border-color: rgb(204 104 146 / var(--tw-border-opacity))
2481
467
  }
2482
468
  .hover\:bg-gray-100:hover {
2483
- --tw-bg-opacity: 1;
2484
- background-color: rgb(243 244 246 / var(--tw-bg-opacity));
2485
- }
2486
- .hover\:bg-gray-200:hover {
2487
- --tw-bg-opacity: 1;
2488
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
2489
- }
2490
- .hover\:bg-me-gray-100:hover {
2491
- --tw-bg-opacity: 1;
2492
- background-color: rgb(245 245 245 / var(--tw-bg-opacity));
2493
- }
2494
- .hover\:bg-me-gray-300:hover {
2495
- --tw-bg-opacity: 1;
2496
- background-color: rgb(217 217 217 / var(--tw-bg-opacity));
2497
- }
2498
- .hover\:bg-me-primary-100:hover {
2499
- --tw-bg-opacity: 1;
2500
- background-color: rgb(241 214 229 / var(--tw-bg-opacity));
2501
- }
2502
- .hover\:bg-me-primary-50:hover {
2503
- --tw-bg-opacity: 1;
2504
- background-color: rgb(250 234 243 / var(--tw-bg-opacity));
2505
- }
2506
- .hover\:bg-me-primary-500:hover {
2507
- --tw-bg-opacity: 1;
2508
- background-color: rgb(184 76 116 / var(--tw-bg-opacity));
2509
- }
2510
- .hover\:bg-me-primary-600:hover {
2511
- --tw-bg-opacity: 1;
2512
- background-color: rgb(137 44 78 / var(--tw-bg-opacity));
2513
- }
2514
- .hover\:bg-opacity-70:hover {
2515
- --tw-bg-opacity: 0.7;
2516
- }
2517
- .hover\:text-black:hover {
2518
- --tw-text-opacity: 1;
2519
- color: rgb(0 0 0 / var(--tw-text-opacity));
2520
- }
2521
- .hover\:text-gray-900:hover {
2522
- --tw-text-opacity: 1;
2523
- color: rgb(17 24 39 / var(--tw-text-opacity));
2524
- }
2525
- .hover\:text-me-primary-600:hover {
2526
- --tw-text-opacity: 1;
2527
- color: rgb(137 44 78 / var(--tw-text-opacity));
2528
- }
2529
- .hover\:text-white:hover {
2530
- --tw-text-opacity: 1;
2531
- color: rgb(255 255 255 / var(--tw-text-opacity));
2532
- }
2533
- .hover\:shadow-xl:hover {
2534
- --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
2535
- --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
2536
- box-shadow:
2537
- var(--tw-ring-offset-shadow, 0 0 #0000),
2538
- var(--tw-ring-shadow, 0 0 #0000),
2539
- var(--tw-shadow);
2540
- }
2541
- .hover\:ring:hover {
2542
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2543
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2544
- box-shadow:
2545
- var(--tw-ring-offset-shadow),
2546
- var(--tw-ring-shadow),
2547
- var(--tw-shadow, 0 0 #0000);
2548
- }
2549
- .hover\:ring-2:hover {
2550
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2551
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2552
- box-shadow:
2553
- var(--tw-ring-offset-shadow),
2554
- var(--tw-ring-shadow),
2555
- var(--tw-shadow, 0 0 #0000);
2556
- }
2557
- .focus\:not-sr-only:focus {
2558
- position: static;
2559
- width: auto;
2560
- height: auto;
2561
- padding: 0;
2562
- margin: 0;
2563
- overflow: visible;
2564
- clip: auto;
2565
- white-space: normal;
469
+ --tw-bg-opacity: 1;
470
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity))
2566
471
  }
2567
- .focus\:border-me-primary-500:focus {
2568
- --tw-border-opacity: 1;
2569
- border-color: rgb(184 76 116 / var(--tw-border-opacity));
472
+ .hover\:bg-gray-50:hover {
473
+ --tw-bg-opacity: 1;
474
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity))
2570
475
  }
2571
- .focus\:bg-\[\#ECEEF5\]:focus {
2572
- --tw-bg-opacity: 1;
2573
- background-color: rgb(236 238 245 / var(--tw-bg-opacity));
476
+ .hover\:ring-2:hover {
477
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
478
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
479
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
2574
480
  }
2575
481
  .focus\:outline-none:focus {
2576
- outline: 2px solid transparent;
2577
- outline-offset: 2px;
2578
- }
2579
- .focus\:ring-0:focus {
2580
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2581
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2582
- box-shadow:
2583
- var(--tw-ring-offset-shadow),
2584
- var(--tw-ring-shadow),
2585
- var(--tw-shadow, 0 0 #0000);
2586
- }
2587
- .focus-visible\:bg-me-primary-100:focus-visible {
2588
- --tw-bg-opacity: 1;
2589
- background-color: rgb(241 214 229 / var(--tw-bg-opacity));
2590
- }
2591
- .has-\[a\]\:text-white:has(a) {
2592
- --tw-text-opacity: 1;
2593
- color: rgb(255 255 255 / var(--tw-text-opacity));
2594
- }
2595
- .aria-expanded\:bg-me-primary-500[aria-expanded=true] {
2596
- --tw-bg-opacity: 1;
2597
- background-color: rgb(184 76 116 / var(--tw-bg-opacity));
2598
- }
2599
- .aria-expanded\:text-white[aria-expanded=true] {
2600
- --tw-text-opacity: 1;
2601
- color: rgb(255 255 255 / var(--tw-text-opacity));
2602
- }
2603
- .data-\[active\=\"true\"\]\:border-me-primary-600[data-active=true] {
2604
- --tw-border-opacity: 1;
2605
- border-color: rgb(137 44 78 / var(--tw-border-opacity));
482
+ outline: 2px solid transparent;
483
+ outline-offset: 2px
2606
484
  }
2607
- .data-\[active\]\:border-b-me-primary-500[data-active] {
2608
- --tw-border-opacity: 1;
2609
- border-bottom-color: rgb(184 76 116 / var(--tw-border-opacity));
485
+ .focus\:outline-2:focus {
486
+ outline-width: 2px
2610
487
  }
2611
- .data-\[active\]\:bg-gray-200[data-active] {
2612
- --tw-bg-opacity: 1;
2613
- background-color: rgb(229 231 235 / var(--tw-bg-opacity));
488
+ .focus\:outline-\[\#bfd1ed\]:focus {
489
+ outline-color: #bfd1ed
2614
490
  }
2615
- .data-\[selected\]\:bg-me-primary-100[data-selected] {
2616
- --tw-bg-opacity: 1;
2617
- background-color: rgb(241 214 229 / var(--tw-bg-opacity));
491
+ .group:focus-within .group-focus-within\:opacity-100 {
492
+ opacity: 1
2618
493
  }
2619
- .data-\[active\]\:text-me-primary-500[data-active] {
2620
- --tw-text-opacity: 1;
2621
- color: rgb(184 76 116 / var(--tw-text-opacity));
494
+ .group:hover .group-hover\:opacity-100 {
495
+ opacity: 1
2622
496
  }
2623
- .data-\[visible\]\:opacity-100[data-visible] {
2624
- opacity: 1;
497
+ .\[\&_button\]\:mx-auto button {
498
+ margin-left: auto;
499
+ margin-right: auto
2625
500
  }
2626
- .data-\[selected\]\:ring-2[data-selected] {
2627
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2628
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2629
- box-shadow:
2630
- var(--tw-ring-offset-shadow),
2631
- var(--tw-ring-shadow),
2632
- var(--tw-shadow, 0 0 #0000);
501
+ .\[\&_button\]\:my-4 button {
502
+ margin-top: 1rem;
503
+ margin-bottom: 1rem
2633
504
  }
2634
- .data-\[selected\]\:ring-me-primary-500[data-selected] {
2635
- --tw-ring-opacity: 1;
2636
- --tw-ring-color: rgb(184 76 116 / var(--tw-ring-opacity));
2637
- }
2638
- .prose-a\:text-me-primary-500 :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))) {
2639
- --tw-text-opacity: 1;
2640
- color: rgb(184 76 116 / var(--tw-text-opacity));
2641
- }
2642
- .prose-a\:underline :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))) {
2643
- text-decoration-line: underline;
2644
- }
2645
- .prose-ol\:list-decimal :is(:where(ol):not(:where([class~=not-prose], [class~=not-prose] *))) {
2646
- list-style-type: decimal;
2647
- }
2648
- .prose-ul\:list-disc :is(:where(ul):not(:where([class~=not-prose], [class~=not-prose] *))) {
2649
- list-style-type: disc;
2650
- }
2651
- .\[\&\>svg\]\:h-16 > svg {
2652
- height: 4rem;
2653
- }
2654
- .\[\&\>svg\]\:w-16 > svg {
2655
- width: 4rem;
2656
- }
2657
- .\[\&\>svg\]\:text-2xl > svg {
2658
- font-size: 1.5rem;
2659
- line-height: 2rem;
505
+ .DescriptiveProperties-module_datePicker__KanbZ {
506
+ display: flex;
507
+ font-size: 0.875em;
508
+ width: 100%;
509
+ background: #f8f9fa;
510
+ border: none;
511
+ padding: 0.4em;
512
+ margin: 0;
513
+ border-bottom: 1px solid #cad0d5;
514
+ text-align: left;
515
+ align-items: center;
2660
516
  }
2661
- .\[\&\>video\]\:h-full > video {
2662
- height: 100%;
517
+ .DescriptiveProperties-module_datePicker__KanbZ:focus {
518
+ outline: none;
519
+ background: #eceef5;
2663
520
  }
2664
- .\[\&\>video\]\:w-full > video {
2665
- width: 100%;
521
+ .DescriptiveProperties-module_datePicker__KanbZ:has(input:focus),
522
+ .DescriptiveProperties-module_datePicker__KanbZ:has(button:focus) {
523
+ outline: none;
524
+ background: #eceef5;
2666
525
  }
2667
- .\[\&\>video\]\:object-contain > video {
2668
- -o-object-fit: contain;
2669
- object-fit: contain;
526
+ .DescriptiveProperties-module_datePicker__KanbZ .DescriptiveProperties-module_react-datetime-picker__wrapper__Eyjnr {
527
+ border: none;
2670
528
  }
529
+ @tailwind components;
530
+ @tailwind utilities;