manifest-editor 2.0.1 → 2.0.2-next.0.fed8073

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.css +4463 -0
  2. package/package.json +15 -11
package/dist/index.css CHANGED
@@ -304,6 +304,4102 @@ div[data-trigger="MenuTrigger"] {
304
304
  --atlas-background: #e5e7f0;
305
305
  }
306
306
 
307
+ @keyframes grow-x {
308
+ from {
309
+ transform: scaleX(0);
310
+ }
311
+ to {
312
+ transform: scaleX(1);
313
+ }
314
+ }
315
+
316
+ @keyframes shrink-x {
317
+ from {
318
+ transform: scaleX(1);
319
+ }
320
+ to {
321
+ transform: scaleX(0);
322
+ }
323
+ }
324
+
325
+ ::view-transition-old(root) {
326
+ pointer-events: none;
327
+ }
328
+
329
+ ::view-transition-old(root),
330
+ ::view-transition-new(root) {
331
+ animation-duration: 0.5s;
332
+ pointer-events: none;
333
+ }
334
+
335
+ ::view-transition-new(canvas-image) {
336
+ pointer-events: visible;
337
+ }
338
+
339
+ ::view-transition-old(canvas-image),
340
+ ::view-transition-new(canvas-image) {
341
+ animation-duration: 300ms;
342
+ height: auto;
343
+ right: 0;
344
+ left: auto;
345
+ transform-origin: right center;
346
+ }
347
+
348
+ ::view-transition-old(canvas-image) {
349
+ pointer-events: none;
350
+ height: 100%;
351
+ width: 100%;
352
+ -o-object-fit: contain;
353
+ object-fit: contain;
354
+ background: #E6E7F0;
355
+ }
356
+
357
+ ::view-transition-new(canvas-image) {
358
+ /*animation: 0.25s 0.25s linear both grow-x;*/
359
+ /*background: green;*/
360
+ }
361
+
362
+ /* *,
363
+ *:before,
364
+ *:after {
365
+ box-sizing: border-box;
366
+ } */
367
+
368
+ .HoverCard-module_mainContainer__N9p9l {
369
+ display: contents;
370
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
371
+ Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
372
+ }
373
+
374
+ .HoverCard-module_mainContainer__N9p9l:has([data-float="true"]):before {
375
+ content: "";
376
+ position: fixed;
377
+ top: 0;
378
+ z-index: 99998;
379
+ bottom: 0;
380
+ right: 0;
381
+ left: 0;
382
+ background: rgba(255, 255, 255, 0.9);
383
+ -webkit-backdrop-filter: blur(5px);
384
+ backdrop-filter: blur(5px);
385
+ }
386
+
387
+ .HoverCard-module_hoverCardContainer__Tkx-N {
388
+ background: #ffffff;
389
+ border: 1px solid #ced4d9;
390
+ box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.08);
391
+ border-radius: 3px;
392
+ overflow: hidden;
393
+ flex-direction: column;
394
+ flex: 1;
395
+ display: flex;
396
+ container: main-c / size;
397
+ resize: both;
398
+ width: 100%;
399
+ max-width: 100%;
400
+ min-height: 12em;
401
+ min-width: 20em;
402
+ height: 100%;
403
+ }
404
+
405
+ .HoverCard-module_hoverCardContainer__Tkx-N[data-window="false"] {
406
+ box-shadow: none;
407
+ border-radius: 0;
408
+ border: none;
409
+ }
410
+
411
+ .HoverCard-module_hoverCardContainer__Tkx-N[data-float="true"][style] {
412
+ width: auto !important;
413
+ height: auto !important;
414
+ }
415
+
416
+ .HoverCard-module_hoverCardContainer__Tkx-N[data-float="true"] {
417
+ /* Floaty styles */
418
+ position: fixed;
419
+ left: 1.5em;
420
+ right: 1.5em;
421
+ bottom: 1.5em;
422
+ top: 1.5em;
423
+ width: auto;
424
+ height: auto;
425
+ z-index: 99999;
426
+ resize: none;
427
+ }
428
+
429
+ .HoverCard-module_hoverCardHeader__AyW0j {
430
+ border-bottom: 1px solid #ddd;
431
+ display: flex;
432
+ padding: 0 0.4em;
433
+ align-items: center;
434
+ flex: 0;
435
+ }
436
+
437
+ .HoverCard-module_hoverCardLabel__LICCp {
438
+ font-weight: 500;
439
+ flex: 1;
440
+ font-size: 0.9em;
441
+ margin: 0.4em 0;
442
+ }
443
+
444
+ .HoverCard-module_hoverCardAction__jPMJW {
445
+ padding: 0.15em 0.5em;
446
+ border-radius: 3px;
447
+ }
448
+
449
+ .HoverCard-module_hoverCardAction__jPMJW:hover {
450
+ background: #eee;
451
+ }
452
+
453
+ .CanvasView-module_CanvasContainer__qUART {
454
+ display: flex;
455
+ flex: 1 1 0px;
456
+ flex-direction: column;
457
+ min-width: 0;
458
+ min-height: 0;
459
+ view-transition-name: canvas-image;
460
+ contain: layout;
461
+ }
462
+
463
+ .CanvasView-module_CanvasContainer__qUART .atlas-container {
464
+ min-width: 0;
465
+ min-height: 0;
466
+ --atlas-container-flex: 1 1 0px;
467
+ --atlas-background: #e5e7f0;
468
+ }
469
+
470
+ @container (max-width: 400px) {
471
+ .CanvasView-module_CanvasContainer__qUART button[data-control="next"],
472
+ .CanvasView-module_CanvasContainer__qUART button[data-control="previous"] {
473
+ display: none;
474
+ }
475
+ }
476
+
477
+ .ResourceActionBar-module_ResourceActionBarContainer__G5Vie {
478
+ padding: 0.4em;
479
+ display: flex;
480
+ margin-top: auto;
481
+ }
482
+
483
+ .ResourceActionBar-module_ResourceActions__EIkk6 {
484
+ display: flex;
485
+ align-items: center;
486
+ }
487
+
488
+ .ResourceActionBar-module_ResourceActions__EIkk6 > * ~ * {
489
+ margin-left: 0.2em;
490
+ }
491
+
492
+ .ResourceActionBar-module_ResourceAction__Iu2mG {
493
+ background: blue;
494
+ color: #fff;
495
+ border: none;
496
+ display: block;
497
+ padding: 0.4em 0.8em;
498
+ }
499
+
500
+ .ResourceActionBar-module_ResourceAction__Iu2mG:hover {
501
+ background: lightblue;
502
+ }
503
+
504
+ .ResourceActionBar-module_ResourceActionMeta__lKKGC {
505
+ flex: 1;
506
+ min-width: 0;
507
+ margin-right: 1lh;
508
+ }
509
+
510
+ .ResourceActionBar-module_ResourceActionLabel__2y8tP {
511
+ color: #444;
512
+ font-size: 0.7em;
513
+ overflow-x: hidden;
514
+ white-space: nowrap;
515
+ text-overflow: ellipsis;
516
+ display: block;
517
+ }
518
+
519
+ .ResourceActionBar-module_ResourceActionDescription__OoBrc {
520
+ color: #999;
521
+ font-size: 0.875em;
522
+ overflow-x: hidden;
523
+ white-space: nowrap;
524
+ text-overflow: ellipsis;
525
+ }
526
+
527
+ .ResourceActionBar-module_ResourceActionComposite__T-7op {
528
+ background: blue;
529
+ color: #fff;
530
+ display: flex;
531
+ }
532
+
533
+ .ResourceActionBar-module_ResourceActionCompositeSegment__fBI8t {
534
+ background: transparent;
535
+ border: none;
536
+ color: inherit;
537
+ display: block;
538
+ }
539
+
540
+ .ResourceActionBar-module_ResourceActionCompositeSegment__fBI8t:hover {
541
+ background: lightblue;
542
+ }
543
+
544
+ .ExplorerEntry-module_SectionLabel__fur0s {
545
+ padding: 0.5em;
546
+ flex: 1;
547
+ }
548
+
549
+ .ExplorerEntry-module_UrlContainer__b638g {
550
+ padding: 2em 0.5em;
551
+ }
552
+
553
+ .ExplorerEntry-module_UrlContainer__b638g > form {
554
+ border: 1px solid #ddd;
555
+ border-radius: 3px;
556
+ overflow: hidden;
557
+ }
558
+
559
+ .ExplorerEntry-module_Section__0mNAl {
560
+ display: flex;
561
+ border-bottom: 1px solid #eee;
562
+ border-top: 1px solid #eee;
563
+ }
564
+
565
+ .ExplorerEntry-module_SectionAction__9jOUU {
566
+ border: none;
567
+ background: #eee;
568
+ color: #000;
569
+ align-self: center;
570
+ font-size: 0.9em;
571
+ padding: 0.3em 0.5em;
572
+ margin: 0.2em;
573
+ border-radius: 3px;
574
+ }
575
+
576
+ .ExplorerEntry-module_SectionAction__9jOUU:hover {
577
+ background: #ddd;
578
+ }
579
+
580
+ .ExplorerEntry-module_UrlLabel__ooiNd {
581
+ margin-bottom: 0.5em;
582
+ display: block;
583
+ }
584
+
585
+ /* ManifestListing */
586
+
587
+ .ManifestListing-module_ManifestListing__cl4ea {
588
+ overflow: auto;
589
+ container: listing-c/size;
590
+ flex: 1;
591
+ position: relative;
592
+ }
593
+
594
+ /* ThumbnailList */
595
+
596
+ .ManifestListing-module_ThumbnailList__SMUnM {
597
+ --thumb-size: 150px;
598
+ --thumb-ratio: 1;
599
+ --item-count: 1;
600
+
601
+ background: #fff;
602
+ padding: 1em;
603
+
604
+ display: grid;
605
+ grid-template-columns: repeat(auto-fit, minmax(calc(var(--thumb-size)), 1fr));
606
+ justify-content: space-between;
607
+ gap: 0.2em;
608
+ }
609
+
610
+ .ManifestListing-module_ThumbnailList__SMUnM[data-single="true"] {
611
+ max-width: 250px;
612
+ }
613
+
614
+ @media (min-width: 400px) {
615
+ .ManifestListing-module_ThumbnailList__SMUnM {
616
+ gap: 0.875em;
617
+ }
618
+ }
619
+
620
+ /* ThumbnailGroup */
621
+
622
+ .ManifestListing-module_ThumbnailGroup__H8qzZ {
623
+ background: #fff;
624
+ padding: 2px;
625
+ display: flex;
626
+ grid-column-end: span var(--item-count, 1);
627
+ align-items: center;
628
+ }
629
+
630
+ /* ThumbnailItem */
631
+
632
+ .ManifestListing-module_ThumbnailItem__0UNx3 {
633
+ background: #fff;
634
+ width: 100%;
635
+ overflow: hidden;
636
+ display: flex;
637
+ flex-direction: column;
638
+ padding: 2px;
639
+ border-radius: 3px;
640
+ }
641
+
642
+ .ManifestListing-module_ThumbnailItem__0UNx3:hover {
643
+ background: #ddd;
644
+ }
645
+
646
+ .ManifestListing-module_ThumbnailItem__0UNx3[data-selected="true"] {
647
+ background: var(--selected-canvas-background, #dfe8fa);
648
+ }
649
+
650
+ /* ThumbnailImage */
651
+
652
+ .ManifestListing-module_ThumbnailImage__5pbF4 {
653
+ flex: 1;
654
+ background: var(--atlas-background, #f9f9f9);
655
+ min-height: 0;
656
+ display: flex;
657
+ aspect-ratio: var(--thumb-ratio);
658
+ max-height: var(--thumb-size);
659
+ }
660
+
661
+ .ManifestListing-module_ThumbnailImage__5pbF4 img {
662
+ width: 100%;
663
+ height: 100%;
664
+ -o-object-fit: contain;
665
+ object-fit: contain;
666
+ }
667
+
668
+ /* ThumbnailLabel */
669
+
670
+ .ManifestListing-module_ThumbnailLabel__FrXVX {
671
+ white-space: nowrap;
672
+ overflow: hidden;
673
+ height: 1.2rem;
674
+ padding: 0 0.2em;
675
+ display: flex;
676
+ align-items: center;
677
+ font-size: 0.875em;
678
+ }
679
+
680
+ .CollectionListing-module_collectionListingContainer__Urocq {
681
+ padding: 0 0.2em;
682
+ overflow-y: auto;
683
+ box-sizing: border-box;
684
+ --grid-icon-size: 130px;
685
+ }
686
+
687
+ @container (min-width: 400px) {
688
+
689
+ .CollectionListing-module_collectionListingContainer__Urocq {
690
+ padding: 0.3em 0.5em
691
+ }
692
+ }
693
+
694
+ @container (min-width: 525px) and (min-height: 300px) {
695
+
696
+ .CollectionListing-module_collectionListingContainer__Urocq {
697
+ padding: 0.875em;
698
+ display: grid;
699
+ grid-template-columns: repeat(
700
+ auto-fit,
701
+ minmax(var(--grid-icon-size, 130px), 1fr)
702
+ );
703
+ justify-content: space-between;
704
+ background-color: inherit;
705
+ gap: 0.875em;
706
+ width: 100%
707
+ }
708
+ }
709
+
710
+ @container (min-width: 680px) {
711
+
712
+ .CollectionListing-module_collectionListingContainer__Urocq {
713
+ --grid-icon-size: 180px
714
+ }
715
+ }
716
+
717
+ .CollectionListing-module_collectionItem__EP8s1 {
718
+ display: grid;
719
+ grid-template-columns: 2em auto;
720
+ grid-template-areas: "icon label";
721
+ grid-gap: 0.4em;
722
+ border-radius: 3px;
723
+ margin: 0.2em 0;
724
+ padding: 0.2em;
725
+ }
726
+
727
+ .CollectionListing-module_collectionItem__EP8s1:hover {
728
+ background: #f9f9f9;
729
+ }
730
+
731
+ @container (min-width: 400px) {
732
+
733
+ .CollectionListing-module_collectionItem__EP8s1 {
734
+ padding: 0.4em
735
+ }
736
+ }
737
+
738
+ @container (min-width: 525px) and (min-height: 300px) {
739
+
740
+ .CollectionListing-module_collectionItem__EP8s1 {
741
+ grid-template-columns: auto;
742
+ grid-template-areas: "icon" "label"
743
+ }
744
+ }
745
+
746
+ .CollectionListing-module_collectionItem__EP8s1[data-active="true"] {
747
+ background: #dee3e7;
748
+ }
749
+
750
+ .CollectionListing-module_collectionItem__EP8s1[data-active="true"]:hover {
751
+ background: #dee3e7;
752
+ }
753
+
754
+ .CollectionListing-module_collectionIcon__ZvyBG {
755
+ position: relative;
756
+ grid-area: icon;
757
+ align-self: center;
758
+ display: flex;
759
+ background: #f0f0f0;
760
+ aspect-ratio: 1;
761
+ border-radius: 3px;
762
+ padding: 0.2em;
763
+ align-items: center;
764
+ }
765
+
766
+ .CollectionListing-module_collectionIcon__ZvyBG .CollectionListing-module_collectionItem__EP8s1[data-active="true"] & {
767
+ background: #fff;
768
+ }
769
+
770
+ .CollectionListing-module_collectionIcon__ZvyBG img,
771
+ .CollectionListing-module_collectionIcon__ZvyBG svg {
772
+ width: 100%;
773
+ height: 100%;
774
+ -o-object-fit: contain;
775
+ object-fit: contain;
776
+ }
777
+
778
+ @container (min-width: 400px) {
779
+
780
+ .CollectionListing-module_collectionIcon__ZvyBG img,
781
+ .CollectionListing-module_collectionIcon__ZvyBG svg {
782
+ aspect-ratio: 1
783
+ }
784
+ }
785
+
786
+ .CollectionListing-module_collectionMeta__-0ZfS {
787
+ grid-area: label;
788
+ overflow: hidden;
789
+ }
790
+
791
+ .CollectionListing-module_collectionLabel__FCW1o {
792
+ font-weight: 500;
793
+ color: #000;
794
+ white-space: nowrap;
795
+ overflow: hidden;
796
+ text-overflow: ellipsis;
797
+ font-size: 0.875em;
798
+ }
799
+
800
+ .CollectionListing-module_collectionType__vppuG {
801
+ color: #999;
802
+ font-size: 0.875em;
803
+ }
804
+
805
+ :root {
806
+ --combo-bg: #487af6;
807
+ --combo-bg-hover: #5d85f1;
808
+ }
809
+
810
+ .ComboButton-module_ComboButtonContainer__9q6P9 {
811
+ display: inline-flex;
812
+ position: relative;
813
+ border-radius: 3px;
814
+ }
815
+
816
+ @container main (min-width: 400px) {
817
+
818
+ .ComboButton-module_ComboButtonContainer__9q6P9 {
819
+ font-size: 0.75em
820
+ }
821
+ }
822
+
823
+ .ComboButton-module_ComboButtonMain__kQ-zM {
824
+ padding: 0.5em 1em;
825
+ color: #fff;
826
+ min-width: 4em;
827
+
828
+ cursor: pointer;
829
+ -webkit-appearance: none;
830
+ -moz-appearance: none;
831
+ appearance: none;
832
+ background: var(--combo-bg);
833
+ border: none;
834
+
835
+ display: inline-flex;
836
+ align-items: center;
837
+ white-space: nowrap;
838
+ border-radius: 3px 0px 0px 3px;
839
+ }
840
+
841
+ .ComboButton-module_ComboButtonMain__kQ-zM:disabled {
842
+ opacity: 0.7;
843
+ pointer-events: none;
844
+ }
845
+
846
+ .ComboButton-module_ComboButtonMain__kQ-zM[data-only="true"] {
847
+ border-radius: 3px;
848
+ }
849
+
850
+ .ComboButton-module_ComboButtonMain__kQ-zM:hover {
851
+ background: var(--combo-bg-hover);
852
+ }
853
+
854
+ .ComboButton-module_ComboButtonMain__kQ-zM:active {
855
+ box-shadow: inset 0 2px 8px 0 rgba(0, 0, 0, 0.15);
856
+ }
857
+
858
+ .ComboButton-module_ComboButtonChoice__q0IBh {
859
+ padding: 0.5em;
860
+ background: var(--combo-bg);
861
+ color: #000;
862
+
863
+ display: inline-flex;
864
+ touch-action: manipulation;
865
+ -webkit-user-select: none;
866
+ -moz-user-select: none;
867
+ user-select: none;
868
+ -webkit-tap-highlight-color: transparent;
869
+ border-radius: 0px 3px 3px 0px;
870
+ border-left: 1px solid #3360cc;
871
+ white-space: nowrap;
872
+ }
873
+
874
+ .ComboButton-module_ComboButtonChoice__q0IBh > svg {
875
+ fill: #fff;
876
+
877
+ inline-size: 1.5ch;
878
+ box-sizing: content-box;
879
+ transition: transform 300ms;
880
+ }
881
+
882
+ .ComboButton-module_ComboButtonChoice__q0IBh:hover,
883
+ .ComboButton-module_ComboButtonChoice__q0IBh:focus-visible {
884
+ /* ?? */
885
+ }
886
+
887
+ .ComboButton-module_ComboButtonChoice__q0IBh:active > svg {
888
+ transform: rotate(-25deg);
889
+ }
890
+
891
+ .ComboButton-module_ComboButtonChoice__q0IBh[aria-expanded="true"] {
892
+ background: var(--combo-bg-hover);
893
+ }
894
+
895
+ .ComboButton-module_ComboButtonChoice__q0IBh[aria-expanded="true"] > svg {
896
+ transform: rotate(180deg);
897
+ }
898
+
899
+ .ComboButton-module_ComboButtonChoice__q0IBh[aria-expanded="true"]:active > svg {
900
+ transform: rotate(205deg);
901
+ }
902
+
903
+ .ComboButton-module_ComboButtonChoice__q0IBh:active {
904
+ background: var(--combo-bg-hover);
905
+ box-shadow: inset 0 2px 8px 0 rgba(0, 0, 0, 0.15);
906
+ }
907
+
908
+ .ComboButton-module_ComboButtonOverlay__RnHNk {
909
+ opacity: 0;
910
+ pointer-events: none;
911
+ z-index: 99;
912
+
913
+ position: absolute;
914
+ bottom: 90%;
915
+ right: 0;
916
+
917
+ list-style-type: none;
918
+ background: #fff;
919
+ color: #000;
920
+ padding-inline: 0;
921
+ padding-block: 0.5ch;
922
+ overflow: hidden;
923
+ display: flex;
924
+ flex-direction: column;
925
+ font-size: 0.9em;
926
+ border-radius: 3px;
927
+
928
+ box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.3);
929
+ }
930
+
931
+ /* display: none; */
932
+
933
+ .ComboButton-module_ComboButtonOverlay__RnHNk[data-open="true"] {
934
+ transition-duration: 200ms;
935
+ opacity: 1;
936
+ transform: translateY(0);
937
+ pointer-events: auto;
938
+ }
939
+
940
+ .ComboButton-module_ComboButtonOption__tdjn6 {
941
+ }
942
+
943
+ .ComboButton-module_ComboButtonOptionButton__WQn-N {
944
+ display: block;
945
+ padding: 0.5em 1em;
946
+ white-space: nowrap;
947
+ }
948
+
949
+ .ComboButton-module_ComboButtonOptionButton__WQn-N:focus-visible {
950
+ background: #e6effd;
951
+ }
952
+
953
+ .ComboButton-module_ComboButtonOptionButton__WQn-N:hover {
954
+ background: #e6effd;
955
+ }
956
+
957
+ /* FILEPATH: /Users/stephen/github.com/digirati-co-uk/iiif-manifest-editor/packages/iiif-browser/src/styles/ResourceNavigation.module.css */
958
+
959
+ .ResourceNavigation-module_resourceNavContainer__3pW-K {
960
+ display: grid;
961
+ grid-template-columns: 2.2em auto 2.2em;
962
+ border-bottom: 1px solid #dddddd;
963
+ align-items: flex-start;
964
+ padding: 0 0.2em;
965
+ font-size: 0.875em;
966
+ }
967
+
968
+ @container (min-width: 400px) {
969
+ .ResourceNavigation-module_resourceNavContainer__3pW-K {
970
+ font-size: 1em;
971
+ }
972
+ }
973
+
974
+ .ResourceNavigation-module_resourceNavIcon__3LiET {
975
+ aspect-ratio: 1;
976
+ padding: 0.3em;
977
+ margin-top: 0.2em;
978
+ display: flex;
979
+ border-radius: 3px;
980
+ transition: opacity 0.3s;
981
+ }
982
+
983
+ .ResourceNavigation-module_resourceNavIcon__3LiET:hover {
984
+ background: #eee;
985
+ }
986
+
987
+ .ResourceNavigation-module_resourceNavIcon__3LiET[data-disabled="true"] {
988
+ opacity: 0.3;
989
+ cursor: not-allowed;
990
+ }
991
+
992
+ .ResourceNavigation-module_resourceNavIcon__3LiET[data-disabled="true"]:hover {
993
+ background: transparent;
994
+ }
995
+
996
+ .ResourceNavigation-module_resourceNavIcon__3LiET img,
997
+ .ResourceNavigation-module_resourceNavIcon__3LiET svg {
998
+ width: 100%;
999
+ }
1000
+
1001
+ .ResourceNavigation-module_resourceNavListItem__6alN7 {
1002
+ margin: 0.2em;
1003
+ border-radius: 3px;
1004
+ padding: 0.25em;
1005
+ display: grid;
1006
+ grid-template-columns: 1.75em auto;
1007
+ grid-gap: 0.35em;
1008
+ align-items: center;
1009
+ color: inherit;
1010
+ text-decoration: none;
1011
+ }
1012
+
1013
+ .ResourceNavigation-module_resourceNavListItem__6alN7:hover {
1014
+ background: #eee;
1015
+ text-decoration: underline;
1016
+ }
1017
+
1018
+ .ResourceNavigation-module_resourceNavListItem__6alN7[data-active="true"] {
1019
+ background: var(--resource-nav-active, #e4effe);
1020
+ }
1021
+
1022
+ .ResourceNavigation-module_resourceNavListItemIcon__45pQo {
1023
+ overflow: hidden;
1024
+ display: flex;
1025
+ -webkit-user-select: none;
1026
+ -moz-user-select: none;
1027
+ user-select: none;
1028
+ }
1029
+
1030
+ .ResourceNavigation-module_resourceNavListItemIcon__45pQo img {
1031
+ z-index: 2;
1032
+ position: relative;
1033
+ width: 100%;
1034
+ }
1035
+
1036
+ .ResourceNavigation-module_resourceNavListItemLabel__HcPvx {
1037
+ align-self: center;
1038
+ white-space: nowrap;
1039
+ overflow: hidden;
1040
+ text-overflow: ellipsis;
1041
+ }
1042
+
1043
+ .ResourceNavigation-module_resourceNavList__Ucjw4 {
1044
+ background: #fff;
1045
+ position: relative;
1046
+ }
1047
+
1048
+ .ResourceNavigation-module_resourceNavList__Ucjw4:after {
1049
+ content: "";
1050
+ width: 1px;
1051
+ background: transparent;
1052
+ z-index: 1;
1053
+ border-left: 2px dashed #ccc;
1054
+ position: absolute;
1055
+ top: 1.75em;
1056
+ left: 1.35em;
1057
+ bottom: 1.75em;
1058
+ }
1059
+
1060
+ .ResourceNavigation-module_resourceNavList__Ucjw4[data-collapsed="true"] .ResourceNavigation-module_resourceNavListItem__6alN7 {
1061
+ display: none;
1062
+ }
1063
+
1064
+ .ResourceNavigation-module_resourceNavList__Ucjw4[data-collapsed="true"] .ResourceNavigation-module_resourceNavListItem__6alN7[data-active="true"] {
1065
+ display: grid;
1066
+ }
1067
+
1068
+ .ExplorerInput-module_InputContainer__k3KH- {
1069
+ display: flex;
1070
+ border-bottom: 1px solid #ddd;
1071
+ font-size: 0.875em;
1072
+ }
1073
+
1074
+ @container (min-width: 400px) {
1075
+ .ExplorerInput-module_InputContainer__k3KH- {
1076
+ font-size: 1em;
1077
+ }
1078
+ }
1079
+
1080
+ .ExplorerInput-module_Input__P9OSg {
1081
+ border: none;
1082
+ background: #fff;
1083
+ padding: 0.5em;
1084
+ font-size: 1em;
1085
+ width: 100%;
1086
+ }
1087
+
1088
+ *, ::before, ::after {
1089
+ --tw-border-spacing-x: 0;
1090
+ --tw-border-spacing-y: 0;
1091
+ --tw-translate-x: 0;
1092
+ --tw-translate-y: 0;
1093
+ --tw-rotate: 0;
1094
+ --tw-skew-x: 0;
1095
+ --tw-skew-y: 0;
1096
+ --tw-scale-x: 1;
1097
+ --tw-scale-y: 1;
1098
+ --tw-pan-x: ;
1099
+ --tw-pan-y: ;
1100
+ --tw-pinch-zoom: ;
1101
+ --tw-scroll-snap-strictness: proximity;
1102
+ --tw-gradient-from-position: ;
1103
+ --tw-gradient-via-position: ;
1104
+ --tw-gradient-to-position: ;
1105
+ --tw-ordinal: ;
1106
+ --tw-slashed-zero: ;
1107
+ --tw-numeric-figure: ;
1108
+ --tw-numeric-spacing: ;
1109
+ --tw-numeric-fraction: ;
1110
+ --tw-ring-inset: ;
1111
+ --tw-ring-offset-width: 0px;
1112
+ --tw-ring-offset-color: #fff;
1113
+ --tw-ring-color: rgb(59 130 246 / 0.5);
1114
+ --tw-ring-offset-shadow: 0 0 #0000;
1115
+ --tw-ring-shadow: 0 0 #0000;
1116
+ --tw-shadow: 0 0 #0000;
1117
+ --tw-shadow-colored: 0 0 #0000;
1118
+ --tw-blur: ;
1119
+ --tw-brightness: ;
1120
+ --tw-contrast: ;
1121
+ --tw-grayscale: ;
1122
+ --tw-hue-rotate: ;
1123
+ --tw-invert: ;
1124
+ --tw-saturate: ;
1125
+ --tw-sepia: ;
1126
+ --tw-drop-shadow: ;
1127
+ --tw-backdrop-blur: ;
1128
+ --tw-backdrop-brightness: ;
1129
+ --tw-backdrop-contrast: ;
1130
+ --tw-backdrop-grayscale: ;
1131
+ --tw-backdrop-hue-rotate: ;
1132
+ --tw-backdrop-invert: ;
1133
+ --tw-backdrop-opacity: ;
1134
+ --tw-backdrop-saturate: ;
1135
+ --tw-backdrop-sepia: ;
1136
+ --tw-contain-size: ;
1137
+ --tw-contain-layout: ;
1138
+ --tw-contain-paint: ;
1139
+ --tw-contain-style: ;
1140
+ }
1141
+
1142
+ ::backdrop {
1143
+ --tw-border-spacing-x: 0;
1144
+ --tw-border-spacing-y: 0;
1145
+ --tw-translate-x: 0;
1146
+ --tw-translate-y: 0;
1147
+ --tw-rotate: 0;
1148
+ --tw-skew-x: 0;
1149
+ --tw-skew-y: 0;
1150
+ --tw-scale-x: 1;
1151
+ --tw-scale-y: 1;
1152
+ --tw-pan-x: ;
1153
+ --tw-pan-y: ;
1154
+ --tw-pinch-zoom: ;
1155
+ --tw-scroll-snap-strictness: proximity;
1156
+ --tw-gradient-from-position: ;
1157
+ --tw-gradient-via-position: ;
1158
+ --tw-gradient-to-position: ;
1159
+ --tw-ordinal: ;
1160
+ --tw-slashed-zero: ;
1161
+ --tw-numeric-figure: ;
1162
+ --tw-numeric-spacing: ;
1163
+ --tw-numeric-fraction: ;
1164
+ --tw-ring-inset: ;
1165
+ --tw-ring-offset-width: 0px;
1166
+ --tw-ring-offset-color: #fff;
1167
+ --tw-ring-color: rgb(59 130 246 / 0.5);
1168
+ --tw-ring-offset-shadow: 0 0 #0000;
1169
+ --tw-ring-shadow: 0 0 #0000;
1170
+ --tw-shadow: 0 0 #0000;
1171
+ --tw-shadow-colored: 0 0 #0000;
1172
+ --tw-blur: ;
1173
+ --tw-brightness: ;
1174
+ --tw-contrast: ;
1175
+ --tw-grayscale: ;
1176
+ --tw-hue-rotate: ;
1177
+ --tw-invert: ;
1178
+ --tw-saturate: ;
1179
+ --tw-sepia: ;
1180
+ --tw-drop-shadow: ;
1181
+ --tw-backdrop-blur: ;
1182
+ --tw-backdrop-brightness: ;
1183
+ --tw-backdrop-contrast: ;
1184
+ --tw-backdrop-grayscale: ;
1185
+ --tw-backdrop-hue-rotate: ;
1186
+ --tw-backdrop-invert: ;
1187
+ --tw-backdrop-opacity: ;
1188
+ --tw-backdrop-saturate: ;
1189
+ --tw-backdrop-sepia: ;
1190
+ --tw-contain-size: ;
1191
+ --tw-contain-layout: ;
1192
+ --tw-contain-paint: ;
1193
+ --tw-contain-style: ;
1194
+ }
1195
+
1196
+ /*
1197
+ ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
1198
+ */
1199
+
1200
+ /*
1201
+ 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
1202
+ 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
1203
+ */
1204
+
1205
+ *,
1206
+ ::before,
1207
+ ::after {
1208
+ box-sizing: border-box; /* 1 */
1209
+ border-width: 0; /* 2 */
1210
+ border-style: solid; /* 2 */
1211
+ border-color: #e5e7eb; /* 2 */
1212
+ }
1213
+
1214
+ ::before,
1215
+ ::after {
1216
+ --tw-content: '';
1217
+ }
1218
+
1219
+ /*
1220
+ 1. Use a consistent sensible line-height in all browsers.
1221
+ 2. Prevent adjustments of font size after orientation changes in iOS.
1222
+ 3. Use a more readable tab size.
1223
+ 4. Use the user's configured `sans` font-family by default.
1224
+ 5. Use the user's configured `sans` font-feature-settings by default.
1225
+ 6. Use the user's configured `sans` font-variation-settings by default.
1226
+ 7. Disable tap highlights on iOS
1227
+ */
1228
+
1229
+ html,
1230
+ :host {
1231
+ line-height: 1.5; /* 1 */
1232
+ -webkit-text-size-adjust: 100%; /* 2 */
1233
+ -moz-tab-size: 4; /* 3 */
1234
+ -o-tab-size: 4;
1235
+ tab-size: 4; /* 3 */
1236
+ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
1237
+ font-feature-settings: normal; /* 5 */
1238
+ font-variation-settings: normal; /* 6 */
1239
+ -webkit-tap-highlight-color: transparent; /* 7 */
1240
+ }
1241
+
1242
+ /*
1243
+ 1. Remove the margin in all browsers.
1244
+ 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
1245
+ */
1246
+
1247
+ body {
1248
+ margin: 0; /* 1 */
1249
+ line-height: inherit; /* 2 */
1250
+ }
1251
+
1252
+ /*
1253
+ 1. Add the correct height in Firefox.
1254
+ 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
1255
+ 3. Ensure horizontal rules are visible by default.
1256
+ */
1257
+
1258
+ hr {
1259
+ height: 0; /* 1 */
1260
+ color: inherit; /* 2 */
1261
+ border-top-width: 1px; /* 3 */
1262
+ }
1263
+
1264
+ /*
1265
+ Add the correct text decoration in Chrome, Edge, and Safari.
1266
+ */
1267
+
1268
+ abbr:where([title]) {
1269
+ -webkit-text-decoration: underline dotted;
1270
+ text-decoration: underline dotted;
1271
+ }
1272
+
1273
+ /*
1274
+ Remove the default font size and weight for headings.
1275
+ */
1276
+
1277
+ h1,
1278
+ h2,
1279
+ h3,
1280
+ h4,
1281
+ h5,
1282
+ h6 {
1283
+ font-size: inherit;
1284
+ font-weight: inherit;
1285
+ }
1286
+
1287
+ /*
1288
+ Reset links to optimize for opt-in styling instead of opt-out.
1289
+ */
1290
+
1291
+ a {
1292
+ color: inherit;
1293
+ text-decoration: inherit;
1294
+ }
1295
+
1296
+ /*
1297
+ Add the correct font weight in Edge and Safari.
1298
+ */
1299
+
1300
+ b,
1301
+ strong {
1302
+ font-weight: bolder;
1303
+ }
1304
+
1305
+ /*
1306
+ 1. Use the user's configured `mono` font-family by default.
1307
+ 2. Use the user's configured `mono` font-feature-settings by default.
1308
+ 3. Use the user's configured `mono` font-variation-settings by default.
1309
+ 4. Correct the odd `em` font sizing in all browsers.
1310
+ */
1311
+
1312
+ code,
1313
+ kbd,
1314
+ samp,
1315
+ pre {
1316
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
1317
+ font-feature-settings: normal; /* 2 */
1318
+ font-variation-settings: normal; /* 3 */
1319
+ font-size: 1em; /* 4 */
1320
+ }
1321
+
1322
+ /*
1323
+ Add the correct font size in all browsers.
1324
+ */
1325
+
1326
+ small {
1327
+ font-size: 80%;
1328
+ }
1329
+
1330
+ /*
1331
+ Prevent `sub` and `sup` elements from affecting the line height in all browsers.
1332
+ */
1333
+
1334
+ sub,
1335
+ sup {
1336
+ font-size: 75%;
1337
+ line-height: 0;
1338
+ position: relative;
1339
+ vertical-align: baseline;
1340
+ }
1341
+
1342
+ sub {
1343
+ bottom: -0.25em;
1344
+ }
1345
+
1346
+ sup {
1347
+ top: -0.5em;
1348
+ }
1349
+
1350
+ /*
1351
+ 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
1352
+ 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
1353
+ 3. Remove gaps between table borders by default.
1354
+ */
1355
+
1356
+ table {
1357
+ text-indent: 0; /* 1 */
1358
+ border-color: inherit; /* 2 */
1359
+ border-collapse: collapse; /* 3 */
1360
+ }
1361
+
1362
+ /*
1363
+ 1. Change the font styles in all browsers.
1364
+ 2. Remove the margin in Firefox and Safari.
1365
+ 3. Remove default padding in all browsers.
1366
+ */
1367
+
1368
+ button,
1369
+ input,
1370
+ optgroup,
1371
+ select,
1372
+ textarea {
1373
+ font-family: inherit; /* 1 */
1374
+ font-feature-settings: inherit; /* 1 */
1375
+ font-variation-settings: inherit; /* 1 */
1376
+ font-size: 100%; /* 1 */
1377
+ font-weight: inherit; /* 1 */
1378
+ line-height: inherit; /* 1 */
1379
+ letter-spacing: inherit; /* 1 */
1380
+ color: inherit; /* 1 */
1381
+ margin: 0; /* 2 */
1382
+ padding: 0; /* 3 */
1383
+ }
1384
+
1385
+ /*
1386
+ Remove the inheritance of text transform in Edge and Firefox.
1387
+ */
1388
+
1389
+ button,
1390
+ select {
1391
+ text-transform: none;
1392
+ }
1393
+
1394
+ /*
1395
+ 1. Correct the inability to style clickable types in iOS and Safari.
1396
+ 2. Remove default button styles.
1397
+ */
1398
+
1399
+ button,
1400
+ input:where([type='button']),
1401
+ input:where([type='reset']),
1402
+ input:where([type='submit']) {
1403
+ -webkit-appearance: button; /* 1 */
1404
+ background-color: transparent; /* 2 */
1405
+ background-image: none; /* 2 */
1406
+ }
1407
+
1408
+ /*
1409
+ Use the modern Firefox focus style for all focusable elements.
1410
+ */
1411
+
1412
+ :-moz-focusring {
1413
+ outline: auto;
1414
+ }
1415
+
1416
+ /*
1417
+ Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
1418
+ */
1419
+
1420
+ :-moz-ui-invalid {
1421
+ box-shadow: none;
1422
+ }
1423
+
1424
+ /*
1425
+ Add the correct vertical alignment in Chrome and Firefox.
1426
+ */
1427
+
1428
+ progress {
1429
+ vertical-align: baseline;
1430
+ }
1431
+
1432
+ /*
1433
+ Correct the cursor style of increment and decrement buttons in Safari.
1434
+ */
1435
+
1436
+ ::-webkit-inner-spin-button,
1437
+ ::-webkit-outer-spin-button {
1438
+ height: auto;
1439
+ }
1440
+
1441
+ /*
1442
+ 1. Correct the odd appearance in Chrome and Safari.
1443
+ 2. Correct the outline style in Safari.
1444
+ */
1445
+
1446
+ [type='search'] {
1447
+ -webkit-appearance: textfield; /* 1 */
1448
+ outline-offset: -2px; /* 2 */
1449
+ }
1450
+
1451
+ /*
1452
+ Remove the inner padding in Chrome and Safari on macOS.
1453
+ */
1454
+
1455
+ ::-webkit-search-decoration {
1456
+ -webkit-appearance: none;
1457
+ }
1458
+
1459
+ /*
1460
+ 1. Correct the inability to style clickable types in iOS and Safari.
1461
+ 2. Change font properties to `inherit` in Safari.
1462
+ */
1463
+
1464
+ ::-webkit-file-upload-button {
1465
+ -webkit-appearance: button; /* 1 */
1466
+ font: inherit; /* 2 */
1467
+ }
1468
+
1469
+ /*
1470
+ Add the correct display in Chrome and Safari.
1471
+ */
1472
+
1473
+ summary {
1474
+ display: list-item;
1475
+ }
1476
+
1477
+ /*
1478
+ Removes the default spacing and border for appropriate elements.
1479
+ */
1480
+
1481
+ blockquote,
1482
+ dl,
1483
+ dd,
1484
+ h1,
1485
+ h2,
1486
+ h3,
1487
+ h4,
1488
+ h5,
1489
+ h6,
1490
+ hr,
1491
+ figure,
1492
+ p,
1493
+ pre {
1494
+ margin: 0;
1495
+ }
1496
+
1497
+ fieldset {
1498
+ margin: 0;
1499
+ padding: 0;
1500
+ }
1501
+
1502
+ legend {
1503
+ padding: 0;
1504
+ }
1505
+
1506
+ ol,
1507
+ ul,
1508
+ menu {
1509
+ list-style: none;
1510
+ margin: 0;
1511
+ padding: 0;
1512
+ }
1513
+
1514
+ /*
1515
+ Reset default styling for dialogs.
1516
+ */
1517
+
1518
+ dialog {
1519
+ padding: 0;
1520
+ }
1521
+
1522
+ /*
1523
+ Prevent resizing textareas horizontally by default.
1524
+ */
1525
+
1526
+ textarea {
1527
+ resize: vertical;
1528
+ }
1529
+
1530
+ /*
1531
+ 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
1532
+ 2. Set the default placeholder color to the user's configured gray 400 color.
1533
+ */
1534
+
1535
+ input::-moz-placeholder, textarea::-moz-placeholder {
1536
+ opacity: 1; /* 1 */
1537
+ color: #9ca3af; /* 2 */
1538
+ }
1539
+
1540
+ input::placeholder,
1541
+ textarea::placeholder {
1542
+ opacity: 1; /* 1 */
1543
+ color: #9ca3af; /* 2 */
1544
+ }
1545
+
1546
+ /*
1547
+ Set the default cursor for buttons.
1548
+ */
1549
+
1550
+ button,
1551
+ [role="button"] {
1552
+ cursor: pointer;
1553
+ }
1554
+
1555
+ /*
1556
+ Make sure disabled buttons don't get the pointer cursor.
1557
+ */
1558
+
1559
+ :disabled {
1560
+ cursor: default;
1561
+ }
1562
+
1563
+ /*
1564
+ 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
1565
+ 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
1566
+ This can trigger a poorly considered lint error in some tools but is included by design.
1567
+ */
1568
+
1569
+ img,
1570
+ svg,
1571
+ video,
1572
+ canvas,
1573
+ audio,
1574
+ iframe,
1575
+ embed,
1576
+ object {
1577
+ display: block; /* 1 */
1578
+ vertical-align: middle; /* 2 */
1579
+ }
1580
+
1581
+ /*
1582
+ Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
1583
+ */
1584
+
1585
+ img,
1586
+ video {
1587
+ max-width: 100%;
1588
+ height: auto;
1589
+ }
1590
+
1591
+ /* Make elements with the HTML hidden attribute stay hidden by default */
1592
+
1593
+ [hidden]:where(:not([hidden="until-found"])) {
1594
+ display: none;
1595
+ }
1596
+
1597
+ .container {
1598
+ width: 100%;
1599
+ }
1600
+
1601
+ @media (min-width: 640px) {
1602
+
1603
+ .container {
1604
+ max-width: 640px;
1605
+ }
1606
+ }
1607
+
1608
+ @media (min-width: 768px) {
1609
+
1610
+ .container {
1611
+ max-width: 768px;
1612
+ }
1613
+ }
1614
+
1615
+ @media (min-width: 1024px) {
1616
+
1617
+ .container {
1618
+ max-width: 1024px;
1619
+ }
1620
+ }
1621
+
1622
+ @media (min-width: 1280px) {
1623
+
1624
+ .container {
1625
+ max-width: 1280px;
1626
+ }
1627
+ }
1628
+
1629
+ @media (min-width: 1536px) {
1630
+
1631
+ .container {
1632
+ max-width: 1536px;
1633
+ }
1634
+ }
1635
+
1636
+ .sr-only {
1637
+ position: absolute;
1638
+ width: 1px;
1639
+ height: 1px;
1640
+ padding: 0;
1641
+ margin: -1px;
1642
+ overflow: hidden;
1643
+ clip: rect(0, 0, 0, 0);
1644
+ white-space: nowrap;
1645
+ border-width: 0;
1646
+ }
1647
+
1648
+ .not-sr-only {
1649
+ position: static;
1650
+ width: auto;
1651
+ height: auto;
1652
+ padding: 0;
1653
+ margin: 0;
1654
+ overflow: visible;
1655
+ clip: auto;
1656
+ white-space: normal;
1657
+ }
1658
+
1659
+ .pointer-events-none {
1660
+ pointer-events: none;
1661
+ }
1662
+
1663
+ .visible {
1664
+ visibility: visible;
1665
+ }
1666
+
1667
+ .static {
1668
+ position: static;
1669
+ }
1670
+
1671
+ .fixed {
1672
+ position: fixed;
1673
+ }
1674
+
1675
+ .absolute {
1676
+ position: absolute;
1677
+ }
1678
+
1679
+ .relative {
1680
+ position: relative;
1681
+ }
1682
+
1683
+ .sticky {
1684
+ position: sticky;
1685
+ }
1686
+
1687
+ .inset-0 {
1688
+ inset: 0px;
1689
+ }
1690
+
1691
+ .bottom-0 {
1692
+ bottom: 0px;
1693
+ }
1694
+
1695
+ .left-0 {
1696
+ left: 0px;
1697
+ }
1698
+
1699
+ .left-3 {
1700
+ left: 0.75rem;
1701
+ }
1702
+
1703
+ .right-0 {
1704
+ right: 0px;
1705
+ }
1706
+
1707
+ .right-1 {
1708
+ right: 0.25rem;
1709
+ }
1710
+
1711
+ .start-1 {
1712
+ inset-inline-start: 0.25rem;
1713
+ }
1714
+
1715
+ .top-0 {
1716
+ top: 0px;
1717
+ }
1718
+
1719
+ .top-1 {
1720
+ top: 0.25rem;
1721
+ }
1722
+
1723
+ .top-2 {
1724
+ top: 0.5rem;
1725
+ }
1726
+
1727
+ .z-10 {
1728
+ z-index: 10;
1729
+ }
1730
+
1731
+ .z-20 {
1732
+ z-index: 20;
1733
+ }
1734
+
1735
+ .z-30 {
1736
+ z-index: 30;
1737
+ }
1738
+
1739
+ .z-50 {
1740
+ z-index: 50;
1741
+ }
1742
+
1743
+ .m-1 {
1744
+ margin: 0.25rem;
1745
+ }
1746
+
1747
+ .m-3 {
1748
+ margin: 0.75rem;
1749
+ }
1750
+
1751
+ .m-4 {
1752
+ margin: 1rem;
1753
+ }
1754
+
1755
+ .my-2 {
1756
+ margin-top: 0.5rem;
1757
+ margin-bottom: 0.5rem;
1758
+ }
1759
+
1760
+ .mb-12 {
1761
+ margin-bottom: 3rem;
1762
+ }
1763
+
1764
+ .mb-2 {
1765
+ margin-bottom: 0.5rem;
1766
+ }
1767
+
1768
+ .mb-4 {
1769
+ margin-bottom: 1rem;
1770
+ }
1771
+
1772
+ .mb-8 {
1773
+ margin-bottom: 2rem;
1774
+ }
1775
+
1776
+ .ml-0\.5 {
1777
+ margin-left: 0.125rem;
1778
+ }
1779
+
1780
+ .ml-auto {
1781
+ margin-left: auto;
1782
+ }
1783
+
1784
+ .mt-2 {
1785
+ margin-top: 0.5rem;
1786
+ }
1787
+
1788
+ .line-clamp-2 {
1789
+ overflow: hidden;
1790
+ display: -webkit-box;
1791
+ -webkit-box-orient: vertical;
1792
+ -webkit-line-clamp: 2;
1793
+ }
1794
+
1795
+ .block {
1796
+ display: block;
1797
+ }
1798
+
1799
+ .inline {
1800
+ display: inline;
1801
+ }
1802
+
1803
+ .flex {
1804
+ display: flex;
1805
+ }
1806
+
1807
+ .inline-flex {
1808
+ display: inline-flex;
1809
+ }
1810
+
1811
+ .grid {
1812
+ display: grid;
1813
+ }
1814
+
1815
+ .hidden {
1816
+ display: none;
1817
+ }
1818
+
1819
+ .aspect-square {
1820
+ aspect-ratio: 1 / 1;
1821
+ }
1822
+
1823
+ .h-12 {
1824
+ height: 3rem;
1825
+ }
1826
+
1827
+ .h-14 {
1828
+ height: 3.5rem;
1829
+ }
1830
+
1831
+ .h-24 {
1832
+ height: 6rem;
1833
+ }
1834
+
1835
+ .h-32 {
1836
+ height: 8rem;
1837
+ }
1838
+
1839
+ .h-4 {
1840
+ height: 1rem;
1841
+ }
1842
+
1843
+ .h-8 {
1844
+ height: 2rem;
1845
+ }
1846
+
1847
+ .h-\[600px\] {
1848
+ height: 600px;
1849
+ }
1850
+
1851
+ .h-\[80vh\] {
1852
+ height: 80vh;
1853
+ }
1854
+
1855
+ .h-\[90vh\] {
1856
+ height: 90vh;
1857
+ }
1858
+
1859
+ .h-full {
1860
+ height: 100%;
1861
+ }
1862
+
1863
+ .max-h-24 {
1864
+ max-height: 6rem;
1865
+ }
1866
+
1867
+ .min-h-0 {
1868
+ min-height: 0px;
1869
+ }
1870
+
1871
+ .min-h-16 {
1872
+ min-height: 4rem;
1873
+ }
1874
+
1875
+ .w-11 {
1876
+ width: 2.75rem;
1877
+ }
1878
+
1879
+ .w-24 {
1880
+ width: 6rem;
1881
+ }
1882
+
1883
+ .w-36 {
1884
+ width: 9rem;
1885
+ }
1886
+
1887
+ .w-4 {
1888
+ width: 1rem;
1889
+ }
1890
+
1891
+ .w-8 {
1892
+ width: 2rem;
1893
+ }
1894
+
1895
+ .w-\[500px\] {
1896
+ width: 500px;
1897
+ }
1898
+
1899
+ .w-full {
1900
+ width: 100%;
1901
+ }
1902
+
1903
+ .min-w-0 {
1904
+ min-width: 0px;
1905
+ }
1906
+
1907
+ .min-w-32 {
1908
+ min-width: 8rem;
1909
+ }
1910
+
1911
+ .min-w-96 {
1912
+ min-width: 24rem;
1913
+ }
1914
+
1915
+ .max-w-24 {
1916
+ max-width: 6rem;
1917
+ }
1918
+
1919
+ .max-w-2xl {
1920
+ max-width: 42rem;
1921
+ }
1922
+
1923
+ .max-w-96 {
1924
+ max-width: 24rem;
1925
+ }
1926
+
1927
+ .max-w-lg {
1928
+ max-width: 32rem;
1929
+ }
1930
+
1931
+ .flex-1 {
1932
+ flex: 1 1 0%;
1933
+ }
1934
+
1935
+ .flex-none {
1936
+ flex: none;
1937
+ }
1938
+
1939
+ .flex-shrink-0 {
1940
+ flex-shrink: 0;
1941
+ }
1942
+
1943
+ .shrink-0 {
1944
+ flex-shrink: 0;
1945
+ }
1946
+
1947
+ .translate-x-\[-1px\] {
1948
+ --tw-translate-x: -1px;
1949
+ 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));
1950
+ }
1951
+
1952
+ .translate-y-\[-1px\] {
1953
+ --tw-translate-y: -1px;
1954
+ 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));
1955
+ }
1956
+
1957
+ .transform {
1958
+ 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));
1959
+ }
1960
+
1961
+ .cursor-pointer {
1962
+ cursor: pointer;
1963
+ }
1964
+
1965
+ .select-none {
1966
+ -webkit-user-select: none;
1967
+ -moz-user-select: none;
1968
+ user-select: none;
1969
+ }
1970
+
1971
+ .resize {
1972
+ resize: both;
1973
+ }
1974
+
1975
+ .grid-cols-3 {
1976
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1977
+ }
1978
+
1979
+ .flex-row {
1980
+ flex-direction: row;
1981
+ }
1982
+
1983
+ .flex-col {
1984
+ flex-direction: column;
1985
+ }
1986
+
1987
+ .items-center {
1988
+ align-items: center;
1989
+ }
1990
+
1991
+ .justify-start {
1992
+ justify-content: flex-start;
1993
+ }
1994
+
1995
+ .justify-end {
1996
+ justify-content: flex-end;
1997
+ }
1998
+
1999
+ .justify-center {
2000
+ justify-content: center;
2001
+ }
2002
+
2003
+ .justify-between {
2004
+ justify-content: space-between;
2005
+ }
2006
+
2007
+ .gap-0\.5 {
2008
+ gap: 0.125rem;
2009
+ }
2010
+
2011
+ .gap-1 {
2012
+ gap: 0.25rem;
2013
+ }
2014
+
2015
+ .gap-1\.5 {
2016
+ gap: 0.375rem;
2017
+ }
2018
+
2019
+ .gap-2 {
2020
+ gap: 0.5rem;
2021
+ }
2022
+
2023
+ .gap-3 {
2024
+ gap: 0.75rem;
2025
+ }
2026
+
2027
+ .gap-4 {
2028
+ gap: 1rem;
2029
+ }
2030
+
2031
+ .self-stretch {
2032
+ align-self: stretch;
2033
+ }
2034
+
2035
+ .overflow-auto {
2036
+ overflow: auto;
2037
+ }
2038
+
2039
+ .overflow-hidden {
2040
+ overflow: hidden;
2041
+ }
2042
+
2043
+ .overflow-scroll {
2044
+ overflow: scroll;
2045
+ }
2046
+
2047
+ .overflow-x-auto {
2048
+ overflow-x: auto;
2049
+ }
2050
+
2051
+ .truncate {
2052
+ overflow: hidden;
2053
+ text-overflow: ellipsis;
2054
+ white-space: nowrap;
2055
+ }
2056
+
2057
+ .overflow-ellipsis {
2058
+ text-overflow: ellipsis;
2059
+ }
2060
+
2061
+ .text-ellipsis {
2062
+ text-overflow: ellipsis;
2063
+ }
2064
+
2065
+ .whitespace-nowrap {
2066
+ white-space: nowrap;
2067
+ }
2068
+
2069
+ .whitespace-pre {
2070
+ white-space: pre;
2071
+ }
2072
+
2073
+ .whitespace-pre-wrap {
2074
+ white-space: pre-wrap;
2075
+ }
2076
+
2077
+ .rounded {
2078
+ border-radius: 0.25rem;
2079
+ }
2080
+
2081
+ .rounded-full {
2082
+ border-radius: 9999px;
2083
+ }
2084
+
2085
+ .rounded-lg {
2086
+ border-radius: 0.5rem;
2087
+ }
2088
+
2089
+ .rounded-md {
2090
+ border-radius: 0.375rem;
2091
+ }
2092
+
2093
+ .rounded-sm {
2094
+ border-radius: 0.125rem;
2095
+ }
2096
+
2097
+ .rounded-xl {
2098
+ border-radius: 0.75rem;
2099
+ }
2100
+
2101
+ .border {
2102
+ border-width: 1px;
2103
+ }
2104
+
2105
+ .border-b {
2106
+ border-bottom-width: 1px;
2107
+ }
2108
+
2109
+ .border-t {
2110
+ border-top-width: 1px;
2111
+ }
2112
+
2113
+ .border-blue-400 {
2114
+ --tw-border-opacity: 1;
2115
+ border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
2116
+ }
2117
+
2118
+ .border-gray-100 {
2119
+ --tw-border-opacity: 1;
2120
+ border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
2121
+ }
2122
+
2123
+ .border-gray-200 {
2124
+ --tw-border-opacity: 1;
2125
+ border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
2126
+ }
2127
+
2128
+ .border-gray-300 {
2129
+ --tw-border-opacity: 1;
2130
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
2131
+ }
2132
+
2133
+ .border-slate-300 {
2134
+ --tw-border-opacity: 1;
2135
+ border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
2136
+ }
2137
+
2138
+ .bg-\[red\] {
2139
+ --tw-bg-opacity: 1;
2140
+ background-color: rgb(255 0 0 / var(--tw-bg-opacity, 1));
2141
+ }
2142
+
2143
+ .bg-blue-100 {
2144
+ --tw-bg-opacity: 1;
2145
+ background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
2146
+ }
2147
+
2148
+ .bg-blue-50 {
2149
+ --tw-bg-opacity: 1;
2150
+ background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
2151
+ }
2152
+
2153
+ .bg-blue-500 {
2154
+ --tw-bg-opacity: 1;
2155
+ background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
2156
+ }
2157
+
2158
+ .bg-gray-100 {
2159
+ --tw-bg-opacity: 1;
2160
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
2161
+ }
2162
+
2163
+ .bg-gray-200 {
2164
+ --tw-bg-opacity: 1;
2165
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
2166
+ }
2167
+
2168
+ .bg-gray-300 {
2169
+ --tw-bg-opacity: 1;
2170
+ background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
2171
+ }
2172
+
2173
+ .bg-gray-300\/50 {
2174
+ background-color: rgb(209 213 219 / 0.5);
2175
+ }
2176
+
2177
+ .bg-gray-50 {
2178
+ --tw-bg-opacity: 1;
2179
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
2180
+ }
2181
+
2182
+ .bg-gray-500\/10 {
2183
+ background-color: rgb(107 114 128 / 0.1);
2184
+ }
2185
+
2186
+ .bg-slate-50 {
2187
+ --tw-bg-opacity: 1;
2188
+ background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
2189
+ }
2190
+
2191
+ .bg-transparent {
2192
+ background-color: transparent;
2193
+ }
2194
+
2195
+ .bg-white {
2196
+ --tw-bg-opacity: 1;
2197
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2198
+ }
2199
+
2200
+ .bg-white\/80 {
2201
+ background-color: rgb(255 255 255 / 0.8);
2202
+ }
2203
+
2204
+ .object-contain {
2205
+ -o-object-fit: contain;
2206
+ object-fit: contain;
2207
+ }
2208
+
2209
+ .p-0\.5 {
2210
+ padding: 0.125rem;
2211
+ }
2212
+
2213
+ .p-1 {
2214
+ padding: 0.25rem;
2215
+ }
2216
+
2217
+ .p-1\.5 {
2218
+ padding: 0.375rem;
2219
+ }
2220
+
2221
+ .p-2 {
2222
+ padding: 0.5rem;
2223
+ }
2224
+
2225
+ .p-3 {
2226
+ padding: 0.75rem;
2227
+ }
2228
+
2229
+ .p-4 {
2230
+ padding: 1rem;
2231
+ }
2232
+
2233
+ .p-8 {
2234
+ padding: 2rem;
2235
+ }
2236
+
2237
+ .px-1 {
2238
+ padding-left: 0.25rem;
2239
+ padding-right: 0.25rem;
2240
+ }
2241
+
2242
+ .px-2 {
2243
+ padding-left: 0.5rem;
2244
+ padding-right: 0.5rem;
2245
+ }
2246
+
2247
+ .px-3 {
2248
+ padding-left: 0.75rem;
2249
+ padding-right: 0.75rem;
2250
+ }
2251
+
2252
+ .px-4 {
2253
+ padding-left: 1rem;
2254
+ padding-right: 1rem;
2255
+ }
2256
+
2257
+ .px-\[50\%\] {
2258
+ padding-left: 50%;
2259
+ padding-right: 50%;
2260
+ }
2261
+
2262
+ .py-0\.5 {
2263
+ padding-top: 0.125rem;
2264
+ padding-bottom: 0.125rem;
2265
+ }
2266
+
2267
+ .py-1 {
2268
+ padding-top: 0.25rem;
2269
+ padding-bottom: 0.25rem;
2270
+ }
2271
+
2272
+ .py-1\.5 {
2273
+ padding-top: 0.375rem;
2274
+ padding-bottom: 0.375rem;
2275
+ }
2276
+
2277
+ .py-2 {
2278
+ padding-top: 0.5rem;
2279
+ padding-bottom: 0.5rem;
2280
+ }
2281
+
2282
+ .py-4 {
2283
+ padding-top: 1rem;
2284
+ padding-bottom: 1rem;
2285
+ }
2286
+
2287
+ .py-8 {
2288
+ padding-top: 2rem;
2289
+ padding-bottom: 2rem;
2290
+ }
2291
+
2292
+ .text-left {
2293
+ text-align: left;
2294
+ }
2295
+
2296
+ .text-center {
2297
+ text-align: center;
2298
+ }
2299
+
2300
+ .text-start {
2301
+ text-align: start;
2302
+ }
2303
+
2304
+ .text-end {
2305
+ text-align: end;
2306
+ }
2307
+
2308
+ .text-2xl {
2309
+ font-size: 1.5rem;
2310
+ line-height: 2rem;
2311
+ }
2312
+
2313
+ .text-3xl {
2314
+ font-size: 1.875rem;
2315
+ line-height: 2.25rem;
2316
+ }
2317
+
2318
+ .text-4xl {
2319
+ font-size: 2.25rem;
2320
+ line-height: 2.5rem;
2321
+ }
2322
+
2323
+ .text-lg {
2324
+ font-size: 1.125rem;
2325
+ line-height: 1.75rem;
2326
+ }
2327
+
2328
+ .text-sm {
2329
+ font-size: 0.875rem;
2330
+ line-height: 1.25rem;
2331
+ }
2332
+
2333
+ .text-xl {
2334
+ font-size: 1.25rem;
2335
+ line-height: 1.75rem;
2336
+ }
2337
+
2338
+ .text-xs {
2339
+ font-size: 0.75rem;
2340
+ line-height: 1rem;
2341
+ }
2342
+
2343
+ .font-bold {
2344
+ font-weight: 700;
2345
+ }
2346
+
2347
+ .font-semibold {
2348
+ font-weight: 600;
2349
+ }
2350
+
2351
+ .text-\[\#C63E75\] {
2352
+ --tw-text-opacity: 1;
2353
+ color: rgb(198 62 117 / var(--tw-text-opacity, 1));
2354
+ }
2355
+
2356
+ .text-\[\#F58962\] {
2357
+ --tw-text-opacity: 1;
2358
+ color: rgb(245 137 98 / var(--tw-text-opacity, 1));
2359
+ }
2360
+
2361
+ .text-black {
2362
+ --tw-text-opacity: 1;
2363
+ color: rgb(0 0 0 / var(--tw-text-opacity, 1));
2364
+ }
2365
+
2366
+ .text-black\/50 {
2367
+ color: rgb(0 0 0 / 0.5);
2368
+ }
2369
+
2370
+ .text-blue-500 {
2371
+ --tw-text-opacity: 1;
2372
+ color: rgb(59 130 246 / var(--tw-text-opacity, 1));
2373
+ }
2374
+
2375
+ .text-blue-600 {
2376
+ --tw-text-opacity: 1;
2377
+ color: rgb(37 99 235 / var(--tw-text-opacity, 1));
2378
+ }
2379
+
2380
+ .text-gray-400 {
2381
+ --tw-text-opacity: 1;
2382
+ color: rgb(156 163 175 / var(--tw-text-opacity, 1));
2383
+ }
2384
+
2385
+ .text-gray-500 {
2386
+ --tw-text-opacity: 1;
2387
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1));
2388
+ }
2389
+
2390
+ .text-slate-300 {
2391
+ --tw-text-opacity: 1;
2392
+ color: rgb(203 213 225 / var(--tw-text-opacity, 1));
2393
+ }
2394
+
2395
+ .text-slate-500 {
2396
+ --tw-text-opacity: 1;
2397
+ color: rgb(100 116 139 / var(--tw-text-opacity, 1));
2398
+ }
2399
+
2400
+ .text-slate-600 {
2401
+ --tw-text-opacity: 1;
2402
+ color: rgb(71 85 105 / var(--tw-text-opacity, 1));
2403
+ }
2404
+
2405
+ .text-white {
2406
+ --tw-text-opacity: 1;
2407
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2408
+ }
2409
+
2410
+ .underline {
2411
+ text-decoration-line: underline;
2412
+ }
2413
+
2414
+ .opacity-0 {
2415
+ opacity: 0;
2416
+ }
2417
+
2418
+ .opacity-10 {
2419
+ opacity: 0.1;
2420
+ }
2421
+
2422
+ .opacity-100 {
2423
+ opacity: 1;
2424
+ }
2425
+
2426
+ .opacity-20 {
2427
+ opacity: 0.2;
2428
+ }
2429
+
2430
+ .opacity-40 {
2431
+ opacity: 0.4;
2432
+ }
2433
+
2434
+ .opacity-50 {
2435
+ opacity: 0.5;
2436
+ }
2437
+
2438
+ .shadow {
2439
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2440
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2441
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2442
+ }
2443
+
2444
+ .shadow-sm {
2445
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2446
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
2447
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2448
+ }
2449
+
2450
+ .shadow-slate-600 {
2451
+ --tw-shadow-color: #475569;
2452
+ --tw-shadow: var(--tw-shadow-colored);
2453
+ }
2454
+
2455
+ .outline-none {
2456
+ outline: 2px solid transparent;
2457
+ outline-offset: 2px;
2458
+ }
2459
+
2460
+ .outline {
2461
+ outline-style: solid;
2462
+ }
2463
+
2464
+ .ring {
2465
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2466
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2467
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2468
+ }
2469
+
2470
+ .ring-blue-300 {
2471
+ --tw-ring-opacity: 1;
2472
+ --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));
2473
+ }
2474
+
2475
+ .ring-blue-600 {
2476
+ --tw-ring-opacity: 1;
2477
+ --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1));
2478
+ }
2479
+
2480
+ .drop-shadow-lg {
2481
+ --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
2482
+ 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);
2483
+ }
2484
+
2485
+ .filter {
2486
+ 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);
2487
+ }
2488
+
2489
+ .transition {
2490
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2491
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2492
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2493
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2494
+ transition-duration: 150ms;
2495
+ }
2496
+
2497
+ .transition-colors {
2498
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2499
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2500
+ transition-duration: 150ms;
2501
+ }
2502
+
2503
+ /** Grids **/
2504
+
2505
+ .grid-lg {
2506
+ --grid-column-count: 8;
2507
+ --grid-item--min-width: 330px;
2508
+ --total-gap-width: 1.5rem;
2509
+ }
2510
+
2511
+ .grid-md {
2512
+ --grid-column-count: 8;
2513
+ --grid-item--min-width: 200px;
2514
+ --total-gap-width: 1.5rem;
2515
+ }
2516
+
2517
+ .grid-sm {
2518
+ --grid-column-count: 8;
2519
+ --grid-item--min-width: 120px;
2520
+ --total-gap-width: 1.5rem;
2521
+ }
2522
+
2523
+ .grid-lg,
2524
+ .grid-md,
2525
+ .grid-sm {
2526
+ /**
2527
+ * Calculated values.
2528
+ */
2529
+ --gap-count: calc(var(--grid-column-count) - 1);
2530
+ --grid-item--max-width: calc(
2531
+ (100% - var(--total-gap-width)) /
2532
+ var(--grid-column-count)
2533
+ );
2534
+
2535
+ grid-template-columns: repeat(
2536
+ auto-fill,
2537
+ minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr)
2538
+ );
2539
+ }
2540
+
2541
+ .atlas-container {
2542
+ min-width: 0;
2543
+ min-height: 0;
2544
+ --atlas-container-flex: 1 1 0px;
2545
+ --atlas-background: rgb(248 250 252);
2546
+ }
2547
+
2548
+ .after\:absolute::after {
2549
+ content: var(--tw-content);
2550
+ position: absolute;
2551
+ }
2552
+
2553
+ .after\:bottom-0::after {
2554
+ content: var(--tw-content);
2555
+ bottom: 0px;
2556
+ }
2557
+
2558
+ .after\:left-0::after {
2559
+ content: var(--tw-content);
2560
+ left: 0px;
2561
+ }
2562
+
2563
+ .after\:h-0\.5::after {
2564
+ content: var(--tw-content);
2565
+ height: 0.125rem;
2566
+ }
2567
+
2568
+ .after\:w-0::after {
2569
+ content: var(--tw-content);
2570
+ width: 0px;
2571
+ }
2572
+
2573
+ .after\:w-64::after {
2574
+ content: var(--tw-content);
2575
+ width: 16rem;
2576
+ }
2577
+
2578
+ .after\:rounded-r-lg::after {
2579
+ content: var(--tw-content);
2580
+ border-top-right-radius: 0.5rem;
2581
+ border-bottom-right-radius: 0.5rem;
2582
+ }
2583
+
2584
+ .after\:bg-blue-500::after {
2585
+ content: var(--tw-content);
2586
+ --tw-bg-opacity: 1;
2587
+ background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
2588
+ }
2589
+
2590
+ .after\:bg-transparent::after {
2591
+ content: var(--tw-content);
2592
+ background-color: transparent;
2593
+ }
2594
+
2595
+ .after\:bg-gradient-to-r::after {
2596
+ content: var(--tw-content);
2597
+ background-image: linear-gradient(to right, var(--tw-gradient-stops));
2598
+ }
2599
+
2600
+ .after\:opacity-0::after {
2601
+ content: var(--tw-content);
2602
+ opacity: 0;
2603
+ }
2604
+
2605
+ .after\:opacity-100::after {
2606
+ content: var(--tw-content);
2607
+ opacity: 1;
2608
+ }
2609
+
2610
+ .after\:shadow-sm::after {
2611
+ content: var(--tw-content);
2612
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
2613
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
2614
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2615
+ }
2616
+
2617
+ .after\:transition-all::after {
2618
+ content: var(--tw-content);
2619
+ transition-property: all;
2620
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2621
+ transition-duration: 150ms;
2622
+ }
2623
+
2624
+ .after\:transition-none::after {
2625
+ content: var(--tw-content);
2626
+ transition-property: none;
2627
+ }
2628
+
2629
+ .after\:duration-1000::after {
2630
+ content: var(--tw-content);
2631
+ transition-duration: 1000ms;
2632
+ }
2633
+
2634
+ .after\:content-\[\'\'\]::after {
2635
+ --tw-content: '';
2636
+ content: var(--tw-content);
2637
+ }
2638
+
2639
+ .hover\:bg-\[green\]:hover {
2640
+ --tw-bg-opacity: 1;
2641
+ background-color: rgb(0 128 0 / var(--tw-bg-opacity, 1));
2642
+ }
2643
+
2644
+ .hover\:bg-blue-100:hover {
2645
+ --tw-bg-opacity: 1;
2646
+ background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
2647
+ }
2648
+
2649
+ .hover\:bg-blue-200:hover {
2650
+ --tw-bg-opacity: 1;
2651
+ background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
2652
+ }
2653
+
2654
+ .hover\:bg-blue-50:hover {
2655
+ --tw-bg-opacity: 1;
2656
+ background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
2657
+ }
2658
+
2659
+ .hover\:bg-blue-700:hover {
2660
+ --tw-bg-opacity: 1;
2661
+ background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
2662
+ }
2663
+
2664
+ .hover\:bg-gray-300\/100:hover {
2665
+ background-color: rgb(209 213 219 / 1);
2666
+ }
2667
+
2668
+ .hover\:bg-slate-100:hover {
2669
+ --tw-bg-opacity: 1;
2670
+ background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
2671
+ }
2672
+
2673
+ .hover\:bg-slate-200:hover {
2674
+ --tw-bg-opacity: 1;
2675
+ background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
2676
+ }
2677
+
2678
+ .hover\:bg-white\/100:hover {
2679
+ background-color: rgb(255 255 255 / 1);
2680
+ }
2681
+
2682
+ .hover\:text-slate-500:hover {
2683
+ --tw-text-opacity: 1;
2684
+ color: rgb(100 116 139 / var(--tw-text-opacity, 1));
2685
+ }
2686
+
2687
+ .hover\:text-slate-700:hover {
2688
+ --tw-text-opacity: 1;
2689
+ color: rgb(51 65 85 / var(--tw-text-opacity, 1));
2690
+ }
2691
+
2692
+ .hover\:underline:hover {
2693
+ text-decoration-line: underline;
2694
+ }
2695
+
2696
+ .hover\:opacity-100:hover {
2697
+ opacity: 1;
2698
+ }
2699
+
2700
+ .focus\:bg-gray-200:focus {
2701
+ --tw-bg-opacity: 1;
2702
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
2703
+ }
2704
+
2705
+ .focus\:bg-slate-100:focus {
2706
+ --tw-bg-opacity: 1;
2707
+ background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
2708
+ }
2709
+
2710
+ .focus\:outline-none:focus {
2711
+ outline: 2px solid transparent;
2712
+ outline-offset: 2px;
2713
+ }
2714
+
2715
+ .focus\:ring:focus {
2716
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2717
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2718
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2719
+ }
2720
+
2721
+ .focus-visible\:not-sr-only:focus-visible {
2722
+ position: static;
2723
+ width: auto;
2724
+ height: auto;
2725
+ padding: 0;
2726
+ margin: 0;
2727
+ overflow: visible;
2728
+ clip: auto;
2729
+ white-space: normal;
2730
+ }
2731
+
2732
+ .focus-visible\:absolute:focus-visible {
2733
+ position: absolute;
2734
+ }
2735
+
2736
+ .focus-visible\:p-2:focus-visible {
2737
+ padding: 0.5rem;
2738
+ }
2739
+
2740
+ .focus-visible\:outline:focus-visible {
2741
+ outline-style: solid;
2742
+ }
2743
+
2744
+ .focus-visible\:outline-2:focus-visible {
2745
+ outline-width: 2px;
2746
+ }
2747
+
2748
+ .focus-visible\:outline-offset-2:focus-visible {
2749
+ outline-offset: 2px;
2750
+ }
2751
+
2752
+ .focus-visible\:outline-blue-500:focus-visible {
2753
+ outline-color: #3b82f6;
2754
+ }
2755
+
2756
+ .focus-visible\:ring:focus-visible {
2757
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2758
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2759
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2760
+ }
2761
+
2762
+ .disabled\:cursor-not-allowed:disabled {
2763
+ cursor: not-allowed;
2764
+ }
2765
+
2766
+ .disabled\:text-gray-300:disabled {
2767
+ --tw-text-opacity: 1;
2768
+ color: rgb(209 213 219 / var(--tw-text-opacity, 1));
2769
+ }
2770
+
2771
+ .disabled\:text-gray-400:disabled {
2772
+ --tw-text-opacity: 1;
2773
+ color: rgb(156 163 175 / var(--tw-text-opacity, 1));
2774
+ }
2775
+
2776
+ .disabled\:opacity-40:disabled {
2777
+ opacity: 0.4;
2778
+ }
2779
+
2780
+ .disabled\:hover\:bg-white:hover:disabled {
2781
+ --tw-bg-opacity: 1;
2782
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2783
+ }
2784
+
2785
+ .group:hover .group-hover\:bg-slate-100 {
2786
+ --tw-bg-opacity: 1;
2787
+ background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
2788
+ }
2789
+
2790
+ .group:hover .group-hover\:opacity-100 {
2791
+ opacity: 1;
2792
+ }
2793
+
2794
+ .aria-disabled\:opacity-30[aria-disabled="true"] {
2795
+ opacity: 0.3;
2796
+ }
2797
+
2798
+ .aria-expanded\:bg-slate-200[aria-expanded="true"] {
2799
+ --tw-bg-opacity: 1;
2800
+ background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
2801
+ }
2802
+
2803
+ .aria-selected\:opacity-100[aria-selected="true"] {
2804
+ opacity: 1;
2805
+ }
2806
+
2807
+ .\[\&\>\*\]\:flex-1>* {
2808
+ flex: 1 1 0%;
2809
+ }
2810
+
2811
+ .\[\&\>img\]\:object-cover>img {
2812
+ -o-object-fit: cover;
2813
+ object-fit: cover;
2814
+ }
2815
+
2816
+ .container {
2817
+ width: 100%;
2818
+ }
2819
+
2820
+ @media (min-width: 640px) {
2821
+ .container {
2822
+ max-width: 640px;
2823
+ }
2824
+ }
2825
+
2826
+ @media (min-width: 768px) {
2827
+ .container {
2828
+ max-width: 768px;
2829
+ }
2830
+ }
2831
+
2832
+ @media (min-width: 1024px) {
2833
+ .container {
2834
+ max-width: 1024px;
2835
+ }
2836
+ }
2837
+
2838
+ @media (min-width: 1280px) {
2839
+ .container {
2840
+ max-width: 1280px;
2841
+ }
2842
+ }
2843
+
2844
+ @media (min-width: 1536px) {
2845
+ .container {
2846
+ max-width: 1536px;
2847
+ }
2848
+ }
2849
+
2850
+ .sr-only {
2851
+ position: absolute;
2852
+ width: 1px;
2853
+ height: 1px;
2854
+ padding: 0;
2855
+ margin: -1px;
2856
+ overflow: hidden;
2857
+ clip: rect(0, 0, 0, 0);
2858
+ white-space: nowrap;
2859
+ border-width: 0;
2860
+ }
2861
+
2862
+ .not-sr-only {
2863
+ position: static;
2864
+ width: auto;
2865
+ height: auto;
2866
+ padding: 0;
2867
+ margin: 0;
2868
+ overflow: visible;
2869
+ clip: auto;
2870
+ white-space: normal;
2871
+ }
2872
+
2873
+ .pointer-events-none {
2874
+ pointer-events: none;
2875
+ }
2876
+
2877
+ .visible {
2878
+ visibility: visible;
2879
+ }
2880
+
2881
+ .static {
2882
+ position: static;
2883
+ }
2884
+
2885
+ .fixed {
2886
+ position: fixed;
2887
+ }
2888
+
2889
+ .absolute {
2890
+ position: absolute;
2891
+ }
2892
+
2893
+ .relative {
2894
+ position: relative;
2895
+ }
2896
+
2897
+ .sticky {
2898
+ position: sticky;
2899
+ }
2900
+
2901
+ .inset-0 {
2902
+ inset: 0px;
2903
+ }
2904
+
2905
+ .bottom-0 {
2906
+ bottom: 0px;
2907
+ }
2908
+
2909
+ .left-0 {
2910
+ left: 0px;
2911
+ }
2912
+
2913
+ .left-3 {
2914
+ left: 0.75rem;
2915
+ }
2916
+
2917
+ .right-0 {
2918
+ right: 0px;
2919
+ }
2920
+
2921
+ .right-1 {
2922
+ right: 0.25rem;
2923
+ }
2924
+
2925
+ .start-1 {
2926
+ inset-inline-start: 0.25rem;
2927
+ }
2928
+
2929
+ .top-0 {
2930
+ top: 0px;
2931
+ }
2932
+
2933
+ .top-1 {
2934
+ top: 0.25rem;
2935
+ }
2936
+
2937
+ .top-2 {
2938
+ top: 0.5rem;
2939
+ }
2940
+
2941
+ .z-10 {
2942
+ z-index: 10;
2943
+ }
2944
+
2945
+ .z-20 {
2946
+ z-index: 20;
2947
+ }
2948
+
2949
+ .z-30 {
2950
+ z-index: 30;
2951
+ }
2952
+
2953
+ .z-50 {
2954
+ z-index: 50;
2955
+ }
2956
+
2957
+ .m-1 {
2958
+ margin: 0.25rem;
2959
+ }
2960
+
2961
+ .m-3 {
2962
+ margin: 0.75rem;
2963
+ }
2964
+
2965
+ .m-4 {
2966
+ margin: 1rem;
2967
+ }
2968
+
2969
+ .my-2 {
2970
+ margin-top: 0.5rem;
2971
+ margin-bottom: 0.5rem;
2972
+ }
2973
+
2974
+ .mb-12 {
2975
+ margin-bottom: 3rem;
2976
+ }
2977
+
2978
+ .mb-2 {
2979
+ margin-bottom: 0.5rem;
2980
+ }
2981
+
2982
+ .mb-4 {
2983
+ margin-bottom: 1rem;
2984
+ }
2985
+
2986
+ .mb-8 {
2987
+ margin-bottom: 2rem;
2988
+ }
2989
+
2990
+ .ml-0\.5 {
2991
+ margin-left: 0.125rem;
2992
+ }
2993
+
2994
+ .ml-auto {
2995
+ margin-left: auto;
2996
+ }
2997
+
2998
+ .mt-2 {
2999
+ margin-top: 0.5rem;
3000
+ }
3001
+
3002
+ .line-clamp-2 {
3003
+ overflow: hidden;
3004
+ display: -webkit-box;
3005
+ -webkit-box-orient: vertical;
3006
+ -webkit-line-clamp: 2;
3007
+ }
3008
+
3009
+ .block {
3010
+ display: block;
3011
+ }
3012
+
3013
+ .inline {
3014
+ display: inline;
3015
+ }
3016
+
3017
+ .flex {
3018
+ display: flex;
3019
+ }
3020
+
3021
+ .inline-flex {
3022
+ display: inline-flex;
3023
+ }
3024
+
3025
+ .grid {
3026
+ display: grid;
3027
+ }
3028
+
3029
+ .hidden {
3030
+ display: none;
3031
+ }
3032
+
3033
+ .aspect-square {
3034
+ aspect-ratio: 1 / 1;
3035
+ }
3036
+
3037
+ .h-12 {
3038
+ height: 3rem;
3039
+ }
3040
+
3041
+ .h-14 {
3042
+ height: 3.5rem;
3043
+ }
3044
+
3045
+ .h-24 {
3046
+ height: 6rem;
3047
+ }
3048
+
3049
+ .h-32 {
3050
+ height: 8rem;
3051
+ }
3052
+
3053
+ .h-4 {
3054
+ height: 1rem;
3055
+ }
3056
+
3057
+ .h-8 {
3058
+ height: 2rem;
3059
+ }
3060
+
3061
+ .h-\[600px\] {
3062
+ height: 600px;
3063
+ }
3064
+
3065
+ .h-\[80vh\] {
3066
+ height: 80vh;
3067
+ }
3068
+
3069
+ .h-\[90vh\] {
3070
+ height: 90vh;
3071
+ }
3072
+
3073
+ .h-full {
3074
+ height: 100%;
3075
+ }
3076
+
3077
+ .max-h-24 {
3078
+ max-height: 6rem;
3079
+ }
3080
+
3081
+ .min-h-0 {
3082
+ min-height: 0px;
3083
+ }
3084
+
3085
+ .min-h-16 {
3086
+ min-height: 4rem;
3087
+ }
3088
+
3089
+ .w-11 {
3090
+ width: 2.75rem;
3091
+ }
3092
+
3093
+ .w-24 {
3094
+ width: 6rem;
3095
+ }
3096
+
3097
+ .w-36 {
3098
+ width: 9rem;
3099
+ }
3100
+
3101
+ .w-4 {
3102
+ width: 1rem;
3103
+ }
3104
+
3105
+ .w-8 {
3106
+ width: 2rem;
3107
+ }
3108
+
3109
+ .w-\[500px\] {
3110
+ width: 500px;
3111
+ }
3112
+
3113
+ .w-full {
3114
+ width: 100%;
3115
+ }
3116
+
3117
+ .min-w-0 {
3118
+ min-width: 0px;
3119
+ }
3120
+
3121
+ .min-w-32 {
3122
+ min-width: 8rem;
3123
+ }
3124
+
3125
+ .min-w-96 {
3126
+ min-width: 24rem;
3127
+ }
3128
+
3129
+ .max-w-24 {
3130
+ max-width: 6rem;
3131
+ }
3132
+
3133
+ .max-w-2xl {
3134
+ max-width: 42rem;
3135
+ }
3136
+
3137
+ .max-w-96 {
3138
+ max-width: 24rem;
3139
+ }
3140
+
3141
+ .max-w-lg {
3142
+ max-width: 32rem;
3143
+ }
3144
+
3145
+ .flex-1 {
3146
+ flex: 1 1 0%;
3147
+ }
3148
+
3149
+ .flex-none {
3150
+ flex: none;
3151
+ }
3152
+
3153
+ .flex-shrink-0 {
3154
+ flex-shrink: 0;
3155
+ }
3156
+
3157
+ .shrink-0 {
3158
+ flex-shrink: 0;
3159
+ }
3160
+
3161
+ .translate-x-\[-1px\] {
3162
+ --tw-translate-x: -1px;
3163
+ 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));
3164
+ }
3165
+
3166
+ .translate-y-\[-1px\] {
3167
+ --tw-translate-y: -1px;
3168
+ 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));
3169
+ }
3170
+
3171
+ .transform {
3172
+ 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));
3173
+ }
3174
+
3175
+ .cursor-pointer {
3176
+ cursor: pointer;
3177
+ }
3178
+
3179
+ .select-none {
3180
+ -webkit-user-select: none;
3181
+ -moz-user-select: none;
3182
+ user-select: none;
3183
+ }
3184
+
3185
+ .resize {
3186
+ resize: both;
3187
+ }
3188
+
3189
+ .grid-cols-3 {
3190
+ grid-template-columns: repeat(3, minmax(0, 1fr));
3191
+ }
3192
+
3193
+ .flex-row {
3194
+ flex-direction: row;
3195
+ }
3196
+
3197
+ .flex-col {
3198
+ flex-direction: column;
3199
+ }
3200
+
3201
+ .items-center {
3202
+ align-items: center;
3203
+ }
3204
+
3205
+ .justify-start {
3206
+ justify-content: flex-start;
3207
+ }
3208
+
3209
+ .justify-end {
3210
+ justify-content: flex-end;
3211
+ }
3212
+
3213
+ .justify-center {
3214
+ justify-content: center;
3215
+ }
3216
+
3217
+ .justify-between {
3218
+ justify-content: space-between;
3219
+ }
3220
+
3221
+ .gap-0\.5 {
3222
+ gap: 0.125rem;
3223
+ }
3224
+
3225
+ .gap-1 {
3226
+ gap: 0.25rem;
3227
+ }
3228
+
3229
+ .gap-1\.5 {
3230
+ gap: 0.375rem;
3231
+ }
3232
+
3233
+ .gap-2 {
3234
+ gap: 0.5rem;
3235
+ }
3236
+
3237
+ .gap-3 {
3238
+ gap: 0.75rem;
3239
+ }
3240
+
3241
+ .gap-4 {
3242
+ gap: 1rem;
3243
+ }
3244
+
3245
+ .self-stretch {
3246
+ align-self: stretch;
3247
+ }
3248
+
3249
+ .overflow-auto {
3250
+ overflow: auto;
3251
+ }
3252
+
3253
+ .overflow-hidden {
3254
+ overflow: hidden;
3255
+ }
3256
+
3257
+ .overflow-scroll {
3258
+ overflow: scroll;
3259
+ }
3260
+
3261
+ .overflow-x-auto {
3262
+ overflow-x: auto;
3263
+ }
3264
+
3265
+ .truncate {
3266
+ overflow: hidden;
3267
+ text-overflow: ellipsis;
3268
+ white-space: nowrap;
3269
+ }
3270
+
3271
+ .overflow-ellipsis {
3272
+ text-overflow: ellipsis;
3273
+ }
3274
+
3275
+ .text-ellipsis {
3276
+ text-overflow: ellipsis;
3277
+ }
3278
+
3279
+ .whitespace-nowrap {
3280
+ white-space: nowrap;
3281
+ }
3282
+
3283
+ .whitespace-pre {
3284
+ white-space: pre;
3285
+ }
3286
+
3287
+ .whitespace-pre-wrap {
3288
+ white-space: pre-wrap;
3289
+ }
3290
+
3291
+ .rounded {
3292
+ border-radius: 0.25rem;
3293
+ }
3294
+
3295
+ .rounded-full {
3296
+ border-radius: 9999px;
3297
+ }
3298
+
3299
+ .rounded-lg {
3300
+ border-radius: 0.5rem;
3301
+ }
3302
+
3303
+ .rounded-md {
3304
+ border-radius: 0.375rem;
3305
+ }
3306
+
3307
+ .rounded-sm {
3308
+ border-radius: 0.125rem;
3309
+ }
3310
+
3311
+ .rounded-xl {
3312
+ border-radius: 0.75rem;
3313
+ }
3314
+
3315
+ .border {
3316
+ border-width: 1px;
3317
+ }
3318
+
3319
+ .border-b {
3320
+ border-bottom-width: 1px;
3321
+ }
3322
+
3323
+ .border-t {
3324
+ border-top-width: 1px;
3325
+ }
3326
+
3327
+ .border-blue-400 {
3328
+ --tw-border-opacity: 1;
3329
+ border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
3330
+ }
3331
+
3332
+ .border-gray-100 {
3333
+ --tw-border-opacity: 1;
3334
+ border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
3335
+ }
3336
+
3337
+ .border-gray-200 {
3338
+ --tw-border-opacity: 1;
3339
+ border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
3340
+ }
3341
+
3342
+ .border-gray-300 {
3343
+ --tw-border-opacity: 1;
3344
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
3345
+ }
3346
+
3347
+ .border-slate-300 {
3348
+ --tw-border-opacity: 1;
3349
+ border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
3350
+ }
3351
+
3352
+ .bg-\[red\] {
3353
+ --tw-bg-opacity: 1;
3354
+ background-color: rgb(255 0 0 / var(--tw-bg-opacity, 1));
3355
+ }
3356
+
3357
+ .bg-blue-100 {
3358
+ --tw-bg-opacity: 1;
3359
+ background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
3360
+ }
3361
+
3362
+ .bg-blue-50 {
3363
+ --tw-bg-opacity: 1;
3364
+ background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
3365
+ }
3366
+
3367
+ .bg-blue-500 {
3368
+ --tw-bg-opacity: 1;
3369
+ background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
3370
+ }
3371
+
3372
+ .bg-gray-100 {
3373
+ --tw-bg-opacity: 1;
3374
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
3375
+ }
3376
+
3377
+ .bg-gray-200 {
3378
+ --tw-bg-opacity: 1;
3379
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
3380
+ }
3381
+
3382
+ .bg-gray-300 {
3383
+ --tw-bg-opacity: 1;
3384
+ background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
3385
+ }
3386
+
3387
+ .bg-gray-300\/50 {
3388
+ background-color: rgb(209 213 219 / 0.5);
3389
+ }
3390
+
3391
+ .bg-gray-50 {
3392
+ --tw-bg-opacity: 1;
3393
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
3394
+ }
3395
+
3396
+ .bg-gray-500\/10 {
3397
+ background-color: rgb(107 114 128 / 0.1);
3398
+ }
3399
+
3400
+ .bg-slate-50 {
3401
+ --tw-bg-opacity: 1;
3402
+ background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
3403
+ }
3404
+
3405
+ .bg-transparent {
3406
+ background-color: transparent;
3407
+ }
3408
+
3409
+ .bg-white {
3410
+ --tw-bg-opacity: 1;
3411
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
3412
+ }
3413
+
3414
+ .bg-white\/80 {
3415
+ background-color: rgb(255 255 255 / 0.8);
3416
+ }
3417
+
3418
+ .object-contain {
3419
+ -o-object-fit: contain;
3420
+ object-fit: contain;
3421
+ }
3422
+
3423
+ .p-0\.5 {
3424
+ padding: 0.125rem;
3425
+ }
3426
+
3427
+ .p-1 {
3428
+ padding: 0.25rem;
3429
+ }
3430
+
3431
+ .p-1\.5 {
3432
+ padding: 0.375rem;
3433
+ }
3434
+
3435
+ .p-2 {
3436
+ padding: 0.5rem;
3437
+ }
3438
+
3439
+ .p-3 {
3440
+ padding: 0.75rem;
3441
+ }
3442
+
3443
+ .p-4 {
3444
+ padding: 1rem;
3445
+ }
3446
+
3447
+ .p-8 {
3448
+ padding: 2rem;
3449
+ }
3450
+
3451
+ .px-1 {
3452
+ padding-left: 0.25rem;
3453
+ padding-right: 0.25rem;
3454
+ }
3455
+
3456
+ .px-2 {
3457
+ padding-left: 0.5rem;
3458
+ padding-right: 0.5rem;
3459
+ }
3460
+
3461
+ .px-3 {
3462
+ padding-left: 0.75rem;
3463
+ padding-right: 0.75rem;
3464
+ }
3465
+
3466
+ .px-4 {
3467
+ padding-left: 1rem;
3468
+ padding-right: 1rem;
3469
+ }
3470
+
3471
+ .px-\[50\%\] {
3472
+ padding-left: 50%;
3473
+ padding-right: 50%;
3474
+ }
3475
+
3476
+ .py-0\.5 {
3477
+ padding-top: 0.125rem;
3478
+ padding-bottom: 0.125rem;
3479
+ }
3480
+
3481
+ .py-1 {
3482
+ padding-top: 0.25rem;
3483
+ padding-bottom: 0.25rem;
3484
+ }
3485
+
3486
+ .py-1\.5 {
3487
+ padding-top: 0.375rem;
3488
+ padding-bottom: 0.375rem;
3489
+ }
3490
+
3491
+ .py-2 {
3492
+ padding-top: 0.5rem;
3493
+ padding-bottom: 0.5rem;
3494
+ }
3495
+
3496
+ .py-4 {
3497
+ padding-top: 1rem;
3498
+ padding-bottom: 1rem;
3499
+ }
3500
+
3501
+ .py-8 {
3502
+ padding-top: 2rem;
3503
+ padding-bottom: 2rem;
3504
+ }
3505
+
3506
+ .text-left {
3507
+ text-align: left;
3508
+ }
3509
+
3510
+ .text-center {
3511
+ text-align: center;
3512
+ }
3513
+
3514
+ .text-start {
3515
+ text-align: start;
3516
+ }
3517
+
3518
+ .text-end {
3519
+ text-align: end;
3520
+ }
3521
+
3522
+ .text-2xl {
3523
+ font-size: 1.5rem;
3524
+ line-height: 2rem;
3525
+ }
3526
+
3527
+ .text-3xl {
3528
+ font-size: 1.875rem;
3529
+ line-height: 2.25rem;
3530
+ }
3531
+
3532
+ .text-4xl {
3533
+ font-size: 2.25rem;
3534
+ line-height: 2.5rem;
3535
+ }
3536
+
3537
+ .text-lg {
3538
+ font-size: 1.125rem;
3539
+ line-height: 1.75rem;
3540
+ }
3541
+
3542
+ .text-sm {
3543
+ font-size: 0.875rem;
3544
+ line-height: 1.25rem;
3545
+ }
3546
+
3547
+ .text-xl {
3548
+ font-size: 1.25rem;
3549
+ line-height: 1.75rem;
3550
+ }
3551
+
3552
+ .text-xs {
3553
+ font-size: 0.75rem;
3554
+ line-height: 1rem;
3555
+ }
3556
+
3557
+ .font-bold {
3558
+ font-weight: 700;
3559
+ }
3560
+
3561
+ .font-semibold {
3562
+ font-weight: 600;
3563
+ }
3564
+
3565
+ .text-\[\#C63E75\] {
3566
+ --tw-text-opacity: 1;
3567
+ color: rgb(198 62 117 / var(--tw-text-opacity, 1));
3568
+ }
3569
+
3570
+ .text-\[\#F58962\] {
3571
+ --tw-text-opacity: 1;
3572
+ color: rgb(245 137 98 / var(--tw-text-opacity, 1));
3573
+ }
3574
+
3575
+ .text-black {
3576
+ --tw-text-opacity: 1;
3577
+ color: rgb(0 0 0 / var(--tw-text-opacity, 1));
3578
+ }
3579
+
3580
+ .text-black\/50 {
3581
+ color: rgb(0 0 0 / 0.5);
3582
+ }
3583
+
3584
+ .text-blue-500 {
3585
+ --tw-text-opacity: 1;
3586
+ color: rgb(59 130 246 / var(--tw-text-opacity, 1));
3587
+ }
3588
+
3589
+ .text-blue-600 {
3590
+ --tw-text-opacity: 1;
3591
+ color: rgb(37 99 235 / var(--tw-text-opacity, 1));
3592
+ }
3593
+
3594
+ .text-gray-400 {
3595
+ --tw-text-opacity: 1;
3596
+ color: rgb(156 163 175 / var(--tw-text-opacity, 1));
3597
+ }
3598
+
3599
+ .text-gray-500 {
3600
+ --tw-text-opacity: 1;
3601
+ color: rgb(107 114 128 / var(--tw-text-opacity, 1));
3602
+ }
3603
+
3604
+ .text-slate-300 {
3605
+ --tw-text-opacity: 1;
3606
+ color: rgb(203 213 225 / var(--tw-text-opacity, 1));
3607
+ }
3608
+
3609
+ .text-slate-500 {
3610
+ --tw-text-opacity: 1;
3611
+ color: rgb(100 116 139 / var(--tw-text-opacity, 1));
3612
+ }
3613
+
3614
+ .text-slate-600 {
3615
+ --tw-text-opacity: 1;
3616
+ color: rgb(71 85 105 / var(--tw-text-opacity, 1));
3617
+ }
3618
+
3619
+ .text-white {
3620
+ --tw-text-opacity: 1;
3621
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3622
+ }
3623
+
3624
+ .underline {
3625
+ text-decoration-line: underline;
3626
+ }
3627
+
3628
+ .opacity-0 {
3629
+ opacity: 0;
3630
+ }
3631
+
3632
+ .opacity-10 {
3633
+ opacity: 0.1;
3634
+ }
3635
+
3636
+ .opacity-100 {
3637
+ opacity: 1;
3638
+ }
3639
+
3640
+ .opacity-20 {
3641
+ opacity: 0.2;
3642
+ }
3643
+
3644
+ .opacity-40 {
3645
+ opacity: 0.4;
3646
+ }
3647
+
3648
+ .opacity-50 {
3649
+ opacity: 0.5;
3650
+ }
3651
+
3652
+ .shadow {
3653
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
3654
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
3655
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3656
+ }
3657
+
3658
+ .shadow-sm {
3659
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
3660
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
3661
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3662
+ }
3663
+
3664
+ .shadow-slate-600 {
3665
+ --tw-shadow-color: #475569;
3666
+ --tw-shadow: var(--tw-shadow-colored);
3667
+ }
3668
+
3669
+ .outline-none {
3670
+ outline: 2px solid transparent;
3671
+ outline-offset: 2px;
3672
+ }
3673
+
3674
+ .outline {
3675
+ outline-style: solid;
3676
+ }
3677
+
3678
+ .ring {
3679
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3680
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3681
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3682
+ }
3683
+
3684
+ .ring-blue-300 {
3685
+ --tw-ring-opacity: 1;
3686
+ --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));
3687
+ }
3688
+
3689
+ .ring-blue-600 {
3690
+ --tw-ring-opacity: 1;
3691
+ --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1));
3692
+ }
3693
+
3694
+ .drop-shadow-lg {
3695
+ --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
3696
+ 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);
3697
+ }
3698
+
3699
+ .filter {
3700
+ 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);
3701
+ }
3702
+
3703
+ .transition {
3704
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
3705
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
3706
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
3707
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3708
+ transition-duration: 150ms;
3709
+ }
3710
+
3711
+ .transition-colors {
3712
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
3713
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3714
+ transition-duration: 150ms;
3715
+ }
3716
+
3717
+ .iiif-browser-root {
3718
+ position: relative;
3719
+ display: flex;
3720
+ min-height: 400px;
3721
+ min-width: 350px;
3722
+ flex: 1 1 0%;
3723
+ flex-direction: column;
3724
+ overflow: hidden;
3725
+ border-radius: 0.5rem;
3726
+ border-width: 1px;
3727
+ --tw-border-opacity: 1;
3728
+ border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
3729
+ --tw-bg-opacity: 1;
3730
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
3731
+ }
3732
+
3733
+ .ib-search-icon-offset {
3734
+ margin-left: calc(calc(var(--ib-icon-count) * 32px) + 2px);
3735
+ }
3736
+
3737
+ /** Grids **/
3738
+
3739
+ .grid-lg {
3740
+ --grid-column-count: 8;
3741
+ --grid-item--min-width: 330px;
3742
+ --total-gap-width: 1.5rem;
3743
+ }
3744
+
3745
+ .grid-md {
3746
+ --grid-column-count: 8;
3747
+ --grid-item--min-width: 200px;
3748
+ --total-gap-width: 1.5rem;
3749
+ }
3750
+
3751
+ .grid-sm {
3752
+ --grid-column-count: 8;
3753
+ --grid-item--min-width: 120px;
3754
+ --total-gap-width: 1.5rem;
3755
+ }
3756
+
3757
+ .iiif-browser .atlas-viewer-container .atlas-container {
3758
+ min-width: 0;
3759
+ min-height: 0;
3760
+ --atlas-container-flex: 1 1 0px;
3761
+ --atlas-background: #e5e7f0;
3762
+ }
3763
+
3764
+ .grid-lg,
3765
+ .grid-md,
3766
+ .grid-sm {
3767
+ /**
3768
+ * Calculated values.
3769
+ */
3770
+ --gap-count: calc(var(--grid-column-count) - 1);
3771
+ --grid-item--max-width: calc(
3772
+ (100% - var(--total-gap-width)) /
3773
+ var(--grid-column-count)
3774
+ );
3775
+
3776
+ grid-template-columns: repeat(
3777
+ auto-fill,
3778
+ minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr)
3779
+ );
3780
+ }
3781
+
3782
+ .iiif-browser .atlas-container {
3783
+ min-width: 0;
3784
+ min-height: 0;
3785
+ --atlas-container-flex: 1 1 0px;
3786
+ --atlas-background: rgb(248 250 252);
3787
+ }
3788
+
3789
+ .after\:absolute::after {
3790
+ content: var(--tw-content);
3791
+ position: absolute;
3792
+ }
3793
+
3794
+ .after\:bottom-0::after {
3795
+ content: var(--tw-content);
3796
+ bottom: 0px;
3797
+ }
3798
+
3799
+ .after\:left-0::after {
3800
+ content: var(--tw-content);
3801
+ left: 0px;
3802
+ }
3803
+
3804
+ .after\:h-0\.5::after {
3805
+ content: var(--tw-content);
3806
+ height: 0.125rem;
3807
+ }
3808
+
3809
+ .after\:w-0::after {
3810
+ content: var(--tw-content);
3811
+ width: 0px;
3812
+ }
3813
+
3814
+ .after\:w-64::after {
3815
+ content: var(--tw-content);
3816
+ width: 16rem;
3817
+ }
3818
+
3819
+ .after\:rounded-r-lg::after {
3820
+ content: var(--tw-content);
3821
+ border-top-right-radius: 0.5rem;
3822
+ border-bottom-right-radius: 0.5rem;
3823
+ }
3824
+
3825
+ .after\:bg-blue-500::after {
3826
+ content: var(--tw-content);
3827
+ --tw-bg-opacity: 1;
3828
+ background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
3829
+ }
3830
+
3831
+ .after\:bg-transparent::after {
3832
+ content: var(--tw-content);
3833
+ background-color: transparent;
3834
+ }
3835
+
3836
+ .after\:bg-gradient-to-r::after {
3837
+ content: var(--tw-content);
3838
+ background-image: linear-gradient(to right, var(--tw-gradient-stops));
3839
+ }
3840
+
3841
+ .after\:opacity-0::after {
3842
+ content: var(--tw-content);
3843
+ opacity: 0;
3844
+ }
3845
+
3846
+ .after\:opacity-100::after {
3847
+ content: var(--tw-content);
3848
+ opacity: 1;
3849
+ }
3850
+
3851
+ .after\:shadow-sm::after {
3852
+ content: var(--tw-content);
3853
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
3854
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
3855
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3856
+ }
3857
+
3858
+ .after\:transition-all::after {
3859
+ content: var(--tw-content);
3860
+ transition-property: all;
3861
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3862
+ transition-duration: 150ms;
3863
+ }
3864
+
3865
+ .after\:transition-none::after {
3866
+ content: var(--tw-content);
3867
+ transition-property: none;
3868
+ }
3869
+
3870
+ .after\:duration-1000::after {
3871
+ content: var(--tw-content);
3872
+ transition-duration: 1000ms;
3873
+ }
3874
+
3875
+ .after\:content-\[\'\'\]::after {
3876
+ --tw-content: '';
3877
+ content: var(--tw-content);
3878
+ }
3879
+
3880
+ .hover\:bg-\[green\]:hover {
3881
+ --tw-bg-opacity: 1;
3882
+ background-color: rgb(0 128 0 / var(--tw-bg-opacity, 1));
3883
+ }
3884
+
3885
+ .hover\:bg-blue-100:hover {
3886
+ --tw-bg-opacity: 1;
3887
+ background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
3888
+ }
3889
+
3890
+ .hover\:bg-blue-200:hover {
3891
+ --tw-bg-opacity: 1;
3892
+ background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
3893
+ }
3894
+
3895
+ .hover\:bg-blue-50:hover {
3896
+ --tw-bg-opacity: 1;
3897
+ background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
3898
+ }
3899
+
3900
+ .hover\:bg-blue-700:hover {
3901
+ --tw-bg-opacity: 1;
3902
+ background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
3903
+ }
3904
+
3905
+ .hover\:bg-gray-300\/100:hover {
3906
+ background-color: rgb(209 213 219 / 1);
3907
+ }
3908
+
3909
+ .hover\:bg-slate-100:hover {
3910
+ --tw-bg-opacity: 1;
3911
+ background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
3912
+ }
3913
+
3914
+ .hover\:bg-slate-200:hover {
3915
+ --tw-bg-opacity: 1;
3916
+ background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
3917
+ }
3918
+
3919
+ .hover\:bg-white\/100:hover {
3920
+ background-color: rgb(255 255 255 / 1);
3921
+ }
3922
+
3923
+ .hover\:text-slate-500:hover {
3924
+ --tw-text-opacity: 1;
3925
+ color: rgb(100 116 139 / var(--tw-text-opacity, 1));
3926
+ }
3927
+
3928
+ .hover\:text-slate-700:hover {
3929
+ --tw-text-opacity: 1;
3930
+ color: rgb(51 65 85 / var(--tw-text-opacity, 1));
3931
+ }
3932
+
3933
+ .hover\:underline:hover {
3934
+ text-decoration-line: underline;
3935
+ }
3936
+
3937
+ .hover\:opacity-100:hover {
3938
+ opacity: 1;
3939
+ }
3940
+
3941
+ .focus\:bg-gray-200:focus {
3942
+ --tw-bg-opacity: 1;
3943
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
3944
+ }
3945
+
3946
+ .focus\:bg-slate-100:focus {
3947
+ --tw-bg-opacity: 1;
3948
+ background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
3949
+ }
3950
+
3951
+ .focus\:outline-none:focus {
3952
+ outline: 2px solid transparent;
3953
+ outline-offset: 2px;
3954
+ }
3955
+
3956
+ .focus\:ring:focus {
3957
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3958
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3959
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3960
+ }
3961
+
3962
+ .focus-visible\:not-sr-only:focus-visible {
3963
+ position: static;
3964
+ width: auto;
3965
+ height: auto;
3966
+ padding: 0;
3967
+ margin: 0;
3968
+ overflow: visible;
3969
+ clip: auto;
3970
+ white-space: normal;
3971
+ }
3972
+
3973
+ .focus-visible\:absolute:focus-visible {
3974
+ position: absolute;
3975
+ }
3976
+
3977
+ .focus-visible\:p-2:focus-visible {
3978
+ padding: 0.5rem;
3979
+ }
3980
+
3981
+ .focus-visible\:outline:focus-visible {
3982
+ outline-style: solid;
3983
+ }
3984
+
3985
+ .focus-visible\:outline-2:focus-visible {
3986
+ outline-width: 2px;
3987
+ }
3988
+
3989
+ .focus-visible\:outline-offset-2:focus-visible {
3990
+ outline-offset: 2px;
3991
+ }
3992
+
3993
+ .focus-visible\:outline-blue-500:focus-visible {
3994
+ outline-color: #3b82f6;
3995
+ }
3996
+
3997
+ .focus-visible\:ring:focus-visible {
3998
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3999
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
4000
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
4001
+ }
4002
+
4003
+ .disabled\:cursor-not-allowed:disabled {
4004
+ cursor: not-allowed;
4005
+ }
4006
+
4007
+ .disabled\:text-gray-300:disabled {
4008
+ --tw-text-opacity: 1;
4009
+ color: rgb(209 213 219 / var(--tw-text-opacity, 1));
4010
+ }
4011
+
4012
+ .disabled\:text-gray-400:disabled {
4013
+ --tw-text-opacity: 1;
4014
+ color: rgb(156 163 175 / var(--tw-text-opacity, 1));
4015
+ }
4016
+
4017
+ .disabled\:opacity-40:disabled {
4018
+ opacity: 0.4;
4019
+ }
4020
+
4021
+ .disabled\:hover\:bg-white:hover:disabled {
4022
+ --tw-bg-opacity: 1;
4023
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
4024
+ }
4025
+
4026
+ .group:hover .group-hover\:bg-slate-100 {
4027
+ --tw-bg-opacity: 1;
4028
+ background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
4029
+ }
4030
+
4031
+ .group:hover .group-hover\:opacity-100 {
4032
+ opacity: 1;
4033
+ }
4034
+
4035
+ .aria-disabled\:opacity-30[aria-disabled="true"] {
4036
+ opacity: 0.3;
4037
+ }
4038
+
4039
+ .aria-expanded\:bg-slate-200[aria-expanded="true"] {
4040
+ --tw-bg-opacity: 1;
4041
+ background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
4042
+ }
4043
+
4044
+ .aria-selected\:opacity-100[aria-selected="true"] {
4045
+ opacity: 1;
4046
+ }
4047
+
4048
+ .\[\&\>\*\]\:flex-1>* {
4049
+ flex: 1 1 0%;
4050
+ }
4051
+
4052
+ .\[\&\>img\]\:object-cover>img {
4053
+ -o-object-fit: cover;
4054
+ object-fit: cover;
4055
+ }
4056
+
4057
+ .react-datetime-picker {
4058
+ display: inline-flex;
4059
+ position: relative;
4060
+ }
4061
+
4062
+ .react-datetime-picker,
4063
+ .react-datetime-picker *,
4064
+ .react-datetime-picker *:before,
4065
+ .react-datetime-picker *:after {
4066
+ box-sizing: border-box;
4067
+ }
4068
+
4069
+ .react-datetime-picker--disabled {
4070
+ background-color: #f0f0f0;
4071
+ color: #6d6d6d;
4072
+ }
4073
+
4074
+ .react-datetime-picker__wrapper {
4075
+ display: flex;
4076
+ flex-grow: 1;
4077
+ flex-shrink: 0;
4078
+ border: thin solid gray;
4079
+ }
4080
+
4081
+ .react-datetime-picker__inputGroup {
4082
+ min-width: calc(4px + (4px * 3) + 0.54em * 6 + 0.217em * 2);
4083
+ flex-grow: 1;
4084
+ padding: 0 2px;
4085
+ }
4086
+
4087
+ .react-datetime-picker__inputGroup__divider {
4088
+ padding: 1px 0;
4089
+ white-space: pre;
4090
+ }
4091
+
4092
+ .react-datetime-picker__inputGroup__divider,
4093
+ .react-datetime-picker__inputGroup__leadingZero {
4094
+ display: inline-block;
4095
+ }
4096
+
4097
+ .react-datetime-picker__inputGroup__input {
4098
+ min-width: 0.54em;
4099
+ height: calc(100% - 2px);
4100
+ position: relative;
4101
+ padding: 1px;
4102
+ border: 0;
4103
+ background: none;
4104
+ color: currentColor;
4105
+ font: inherit;
4106
+ box-sizing: content-box;
4107
+ -webkit-appearance: textfield;
4108
+ -moz-appearance: textfield;
4109
+ appearance: textfield;
4110
+ }
4111
+
4112
+ .react-datetime-picker__inputGroup__input::-webkit-outer-spin-button,
4113
+ .react-datetime-picker__inputGroup__input::-webkit-inner-spin-button {
4114
+ -webkit-appearance: none;
4115
+ -moz-appearance: none;
4116
+ appearance: none;
4117
+ margin: 0;
4118
+ }
4119
+
4120
+ .react-datetime-picker__inputGroup__input:invalid {
4121
+ background: rgba(255, 0, 0, 0.1);
4122
+ }
4123
+
4124
+ .react-datetime-picker__inputGroup__input--hasLeadingZero {
4125
+ margin-left: -0.54em;
4126
+ padding-left: calc(1px + 0.54em);
4127
+ }
4128
+
4129
+ .react-datetime-picker__inputGroup__amPm {
4130
+ font: inherit;
4131
+ -webkit-appearance: menulist;
4132
+ -moz-appearance: menulist;
4133
+ appearance: menulist;
4134
+ }
4135
+
4136
+ .react-datetime-picker__button {
4137
+ border: 0;
4138
+ background: transparent;
4139
+ padding: 4px 6px;
4140
+ }
4141
+
4142
+ .react-datetime-picker__button:enabled {
4143
+ cursor: pointer;
4144
+ }
4145
+
4146
+ .react-datetime-picker__button:enabled:hover .react-datetime-picker__button__icon,
4147
+ .react-datetime-picker__button:enabled:focus .react-datetime-picker__button__icon {
4148
+ stroke: #0078d7;
4149
+ }
4150
+
4151
+ .react-datetime-picker__button:disabled .react-datetime-picker__button__icon {
4152
+ stroke: #6d6d6d;
4153
+ }
4154
+
4155
+ .react-datetime-picker__button svg {
4156
+ display: inherit;
4157
+ }
4158
+
4159
+ .react-datetime-picker__calendar,
4160
+ .react-datetime-picker__clock {
4161
+ z-index: 1;
4162
+ }
4163
+
4164
+ .react-datetime-picker__calendar--closed,
4165
+ .react-datetime-picker__clock--closed {
4166
+ display: none;
4167
+ }
4168
+
4169
+ .react-datetime-picker__calendar {
4170
+ width: 350px;
4171
+ max-width: 100vw;
4172
+ }
4173
+
4174
+ .react-datetime-picker__calendar .react-calendar {
4175
+ border-width: thin;
4176
+ }
4177
+
4178
+ .react-datetime-picker__clock {
4179
+ width: 200px;
4180
+ height: 200px;
4181
+ max-width: 100vw;
4182
+ padding: 25px;
4183
+ background-color: white;
4184
+ border: thin solid #a0a096;
4185
+ }
4186
+
4187
+ .react-calendar {
4188
+ width: 350px;
4189
+ max-width: 100%;
4190
+ background: white;
4191
+ border: 1px solid #a0a096;
4192
+ font-family: Arial, Helvetica, sans-serif;
4193
+ line-height: 1.125em;
4194
+ }
4195
+
4196
+ .react-calendar--doubleView {
4197
+ width: 700px;
4198
+ }
4199
+
4200
+ .react-calendar--doubleView .react-calendar__viewContainer {
4201
+ display: flex;
4202
+ margin: -0.5em;
4203
+ }
4204
+
4205
+ .react-calendar--doubleView .react-calendar__viewContainer > * {
4206
+ width: 50%;
4207
+ margin: 0.5em;
4208
+ }
4209
+
4210
+ .react-calendar,
4211
+ .react-calendar *,
4212
+ .react-calendar *:before,
4213
+ .react-calendar *:after {
4214
+ box-sizing: border-box;
4215
+ }
4216
+
4217
+ .react-calendar button {
4218
+ margin: 0;
4219
+ border: 0;
4220
+ outline: none;
4221
+ }
4222
+
4223
+ .react-calendar button:enabled:hover {
4224
+ cursor: pointer;
4225
+ }
4226
+
4227
+ .react-calendar__navigation {
4228
+ display: flex;
4229
+ height: 44px;
4230
+ margin-bottom: 1em;
4231
+ }
4232
+
4233
+ .react-calendar__navigation button {
4234
+ min-width: 44px;
4235
+ background: none;
4236
+ }
4237
+
4238
+ .react-calendar__navigation button:disabled {
4239
+ background-color: #f0f0f0;
4240
+ }
4241
+
4242
+ .react-calendar__navigation button:enabled:hover,
4243
+ .react-calendar__navigation button:enabled:focus {
4244
+ background-color: #e6e6e6;
4245
+ }
4246
+
4247
+ .react-calendar__month-view__weekdays {
4248
+ text-align: center;
4249
+ text-transform: uppercase;
4250
+ font: inherit;
4251
+ font-size: 0.75em;
4252
+ font-weight: bold;
4253
+ }
4254
+
4255
+ .react-calendar__month-view__weekdays__weekday {
4256
+ padding: 0.5em;
4257
+ }
4258
+
4259
+ .react-calendar__month-view__weekNumbers .react-calendar__tile {
4260
+ display: flex;
4261
+ align-items: center;
4262
+ justify-content: center;
4263
+ font: inherit;
4264
+ font-size: 0.75em;
4265
+ font-weight: bold;
4266
+ }
4267
+
4268
+ .react-calendar__month-view__days__day--weekend {
4269
+ color: #d10000;
4270
+ }
4271
+
4272
+ .react-calendar__month-view__days__day--neighboringMonth,
4273
+ .react-calendar__decade-view__years__year--neighboringDecade,
4274
+ .react-calendar__century-view__decades__decade--neighboringCentury {
4275
+ color: #757575;
4276
+ }
4277
+
4278
+ .react-calendar__year-view .react-calendar__tile,
4279
+ .react-calendar__decade-view .react-calendar__tile,
4280
+ .react-calendar__century-view .react-calendar__tile {
4281
+ padding: 2em 0.5em;
4282
+ }
4283
+
4284
+ .react-calendar__tile {
4285
+ max-width: 100%;
4286
+ padding: 10px 6.6667px;
4287
+ background: none;
4288
+ text-align: center;
4289
+ line-height: 16px;
4290
+ font: inherit;
4291
+ font-size: 0.833em;
4292
+ }
4293
+
4294
+ .react-calendar__tile:disabled {
4295
+ background-color: #f0f0f0;
4296
+ color: #ababab;
4297
+ }
4298
+
4299
+ .react-calendar__month-view__days__day--neighboringMonth:disabled,
4300
+ .react-calendar__decade-view__years__year--neighboringDecade:disabled,
4301
+ .react-calendar__century-view__decades__decade--neighboringCentury:disabled {
4302
+ color: #cdcdcd;
4303
+ }
4304
+
4305
+ .react-calendar__tile:enabled:hover,
4306
+ .react-calendar__tile:enabled:focus {
4307
+ background-color: #e6e6e6;
4308
+ }
4309
+
4310
+ .react-calendar__tile--now {
4311
+ background: #ffff76;
4312
+ }
4313
+
4314
+ .react-calendar__tile--now:enabled:hover,
4315
+ .react-calendar__tile--now:enabled:focus {
4316
+ background: #ffffa9;
4317
+ }
4318
+
4319
+ .react-calendar__tile--hasActive {
4320
+ background: #76baff;
4321
+ }
4322
+
4323
+ .react-calendar__tile--hasActive:enabled:hover,
4324
+ .react-calendar__tile--hasActive:enabled:focus {
4325
+ background: #a9d4ff;
4326
+ }
4327
+
4328
+ .react-calendar__tile--active {
4329
+ background: #006edc;
4330
+ color: white;
4331
+ }
4332
+
4333
+ .react-calendar__tile--active:enabled:hover,
4334
+ .react-calendar__tile--active:enabled:focus {
4335
+ background: #1087ff;
4336
+ }
4337
+
4338
+ .react-calendar--selectRange .react-calendar__tile--hover {
4339
+ background-color: #e6e6e6;
4340
+ }
4341
+
4342
+ .react-clock {
4343
+ display: block;
4344
+ position: relative;
4345
+ }
4346
+
4347
+ .react-clock,
4348
+ .react-clock *,
4349
+ .react-clock *:before,
4350
+ .react-clock *:after {
4351
+ box-sizing: border-box;
4352
+ }
4353
+
4354
+ .react-clock__face {
4355
+ position: absolute;
4356
+ top: 0;
4357
+ bottom: 0;
4358
+ left: 0;
4359
+ right: 0;
4360
+ border: 1px solid black;
4361
+ border-radius: 50%;
4362
+ }
4363
+
4364
+ .react-clock__hand {
4365
+ position: absolute;
4366
+ top: 0;
4367
+ bottom: 0;
4368
+ left: 50%;
4369
+ right: 50%;
4370
+ }
4371
+
4372
+ .react-clock__hand__body {
4373
+ position: absolute;
4374
+ background-color: black;
4375
+ transform: translateX(-50%);
4376
+ }
4377
+
4378
+ .react-clock__mark {
4379
+ position: absolute;
4380
+ top: 0;
4381
+ bottom: 0;
4382
+ left: 50%;
4383
+ right: 50%;
4384
+ }
4385
+
4386
+ .react-clock__mark__body {
4387
+ position: absolute;
4388
+ background-color: black;
4389
+ transform: translateX(-50%);
4390
+ }
4391
+
4392
+ .react-clock__mark__number {
4393
+ position: absolute;
4394
+ left: -40px;
4395
+ width: 80px;
4396
+ text-align: center;
4397
+ }
4398
+
4399
+ .react-clock__second-hand__body {
4400
+ background-color: red;
4401
+ }
4402
+
307
4403
  .\!container {
308
4404
  width: 100% !important;
309
4405
  }
@@ -396,6 +4492,17 @@ div[data-trigger="MenuTrigger"] {
396
4492
  border-width: 0;
397
4493
  }
398
4494
 
4495
+ .manifest-editor :is(.not-sr-only) {
4496
+ position: static;
4497
+ width: auto;
4498
+ height: auto;
4499
+ padding: 0;
4500
+ margin: 0;
4501
+ overflow: visible;
4502
+ clip: auto;
4503
+ white-space: normal;
4504
+ }
4505
+
399
4506
  .manifest-editor :is(.pointer-events-none) {
400
4507
  pointer-events: none;
401
4508
  }
@@ -416,6 +4523,10 @@ div[data-trigger="MenuTrigger"] {
416
4523
  visibility: collapse;
417
4524
  }
418
4525
 
4526
+ .manifest-editor :is(.static) {
4527
+ position: static;
4528
+ }
4529
+
419
4530
  .manifest-editor :is(.fixed) {
420
4531
  position: fixed;
421
4532
  }
@@ -520,6 +4631,10 @@ div[data-trigger="MenuTrigger"] {
520
4631
  right: 1.25rem;
521
4632
  }
522
4633
 
4634
+ .manifest-editor :is(.start-1) {
4635
+ inset-inline-start: 0.25rem;
4636
+ }
4637
+
523
4638
  .manifest-editor :is(.start-12) {
524
4639
  inset-inline-start: 3rem;
525
4640
  }
@@ -700,6 +4815,10 @@ div[data-trigger="MenuTrigger"] {
700
4815
  margin: 0.25rem;
701
4816
  }
702
4817
 
4818
+ .manifest-editor :is(.m-3) {
4819
+ margin: 0.75rem;
4820
+ }
4821
+
703
4822
  .manifest-editor :is(.m-4) {
704
4823
  margin: 1rem;
705
4824
  }
@@ -714,6 +4833,11 @@ div[data-trigger="MenuTrigger"] {
714
4833
  margin-right: auto;
715
4834
  }
716
4835
 
4836
+ .manifest-editor :is(.my-2) {
4837
+ margin-top: 0.5rem;
4838
+ margin-bottom: 0.5rem;
4839
+ }
4840
+
717
4841
  .manifest-editor :is(.my-3) {
718
4842
  margin-top: 0.75rem;
719
4843
  margin-bottom: 0.75rem;
@@ -774,6 +4898,14 @@ div[data-trigger="MenuTrigger"] {
774
4898
  margin-bottom: 2rem;
775
4899
  }
776
4900
 
4901
+ .manifest-editor :is(.ml-0) {
4902
+ margin-left: 0px;
4903
+ }
4904
+
4905
+ .manifest-editor :is(.ml-0\.5) {
4906
+ margin-left: 0.125rem;
4907
+ }
4908
+
777
4909
  .manifest-editor :is(.ml-\[13px\]) {
778
4910
  margin-left: 13px;
779
4911
  }
@@ -904,6 +5036,10 @@ div[data-trigger="MenuTrigger"] {
904
5036
  height: 3rem;
905
5037
  }
906
5038
 
5039
+ .manifest-editor :is(.h-14) {
5040
+ height: 3.5rem;
5041
+ }
5042
+
907
5043
  .manifest-editor :is(.h-16) {
908
5044
  height: 4rem;
909
5045
  }
@@ -972,6 +5108,10 @@ div[data-trigger="MenuTrigger"] {
972
5108
  height: 1px;
973
5109
  }
974
5110
 
5111
+ .manifest-editor :is(.max-h-24) {
5112
+ max-height: 6rem;
5113
+ }
5114
+
975
5115
  .manifest-editor :is(.max-h-32) {
976
5116
  max-height: 8rem;
977
5117
  }
@@ -1004,6 +5144,10 @@ div[data-trigger="MenuTrigger"] {
1004
5144
  min-height: 0.25rem;
1005
5145
  }
1006
5146
 
5147
+ .manifest-editor :is(.min-h-16) {
5148
+ min-height: 4rem;
5149
+ }
5150
+
1007
5151
  .manifest-editor :is(.min-h-3) {
1008
5152
  min-height: 0.75rem;
1009
5153
  }
@@ -1060,6 +5204,10 @@ div[data-trigger="MenuTrigger"] {
1060
5204
  width: 8rem;
1061
5205
  }
1062
5206
 
5207
+ .manifest-editor :is(.w-36) {
5208
+ width: 9rem;
5209
+ }
5210
+
1063
5211
  .manifest-editor :is(.w-4) {
1064
5212
  width: 1rem;
1065
5213
  }
@@ -1125,10 +5273,22 @@ div[data-trigger="MenuTrigger"] {
1125
5273
  min-width: 8rem;
1126
5274
  }
1127
5275
 
5276
+ .manifest-editor :is(.min-w-96) {
5277
+ min-width: 24rem;
5278
+ }
5279
+
1128
5280
  .manifest-editor :is(.min-w-\[275px\]) {
1129
5281
  min-width: 275px;
1130
5282
  }
1131
5283
 
5284
+ .manifest-editor :is(.max-w-24) {
5285
+ max-width: 6rem;
5286
+ }
5287
+
5288
+ .manifest-editor :is(.max-w-2xl) {
5289
+ max-width: 42rem;
5290
+ }
5291
+
1132
5292
  .manifest-editor :is(.max-w-32) {
1133
5293
  max-width: 8rem;
1134
5294
  }
@@ -1137,10 +5297,18 @@ div[data-trigger="MenuTrigger"] {
1137
5297
  max-width: 56rem;
1138
5298
  }
1139
5299
 
5300
+ .manifest-editor :is(.max-w-96) {
5301
+ max-width: 24rem;
5302
+ }
5303
+
1140
5304
  .manifest-editor :is(.max-w-full) {
1141
5305
  max-width: 100%;
1142
5306
  }
1143
5307
 
5308
+ .manifest-editor :is(.max-w-lg) {
5309
+ max-width: 32rem;
5310
+ }
5311
+
1144
5312
  .manifest-editor :is(.max-w-xl) {
1145
5313
  max-width: 36rem;
1146
5314
  }
@@ -1149,6 +5317,14 @@ div[data-trigger="MenuTrigger"] {
1149
5317
  flex: 1 1 0%;
1150
5318
  }
1151
5319
 
5320
+ .manifest-editor :is(.flex-none) {
5321
+ flex: none;
5322
+ }
5323
+
5324
+ .manifest-editor :is(.flex-shrink) {
5325
+ flex-shrink: 1;
5326
+ }
5327
+
1152
5328
  .manifest-editor :is(.flex-shrink-0) {
1153
5329
  flex-shrink: 0;
1154
5330
  }
@@ -1169,6 +5345,10 @@ div[data-trigger="MenuTrigger"] {
1169
5345
  flex-basis: content;
1170
5346
  }
1171
5347
 
5348
+ .manifest-editor :is(.border-collapse) {
5349
+ border-collapse: collapse;
5350
+ }
5351
+
1172
5352
  .manifest-editor :is(.-translate-y-1) {
1173
5353
  --tw-translate-y: -0.25rem;
1174
5354
  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));
@@ -1179,6 +5359,16 @@ div[data-trigger="MenuTrigger"] {
1179
5359
  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));
1180
5360
  }
1181
5361
 
5362
+ .manifest-editor :is(.translate-x-\[-1px\]) {
5363
+ --tw-translate-x: -1px;
5364
+ 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));
5365
+ }
5366
+
5367
+ .manifest-editor :is(.translate-y-\[-1px\]) {
5368
+ --tw-translate-y: -1px;
5369
+ 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));
5370
+ }
5371
+
1182
5372
  .manifest-editor :is(.-rotate-90) {
1183
5373
  --tw-rotate: -90deg;
1184
5374
  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));
@@ -1280,6 +5470,10 @@ div[data-trigger="MenuTrigger"] {
1280
5470
  grid-template-columns: repeat(2, minmax(0, 1fr));
1281
5471
  }
1282
5472
 
5473
+ .manifest-editor :is(.grid-cols-3) {
5474
+ grid-template-columns: repeat(3, minmax(0, 1fr));
5475
+ }
5476
+
1283
5477
  .manifest-editor :is(.grid-rows-1) {
1284
5478
  grid-template-rows: repeat(1, minmax(0, 1fr));
1285
5479
  }
@@ -1332,6 +5526,10 @@ div[data-trigger="MenuTrigger"] {
1332
5526
  align-items: stretch;
1333
5527
  }
1334
5528
 
5529
+ .manifest-editor :is(.justify-start) {
5530
+ justify-content: flex-start;
5531
+ }
5532
+
1335
5533
  .manifest-editor :is(.justify-end) {
1336
5534
  justify-content: flex-end;
1337
5535
  }
@@ -1388,6 +5586,10 @@ div[data-trigger="MenuTrigger"] {
1388
5586
  justify-self: stretch;
1389
5587
  }
1390
5588
 
5589
+ .manifest-editor :is(.overflow-auto) {
5590
+ overflow: auto;
5591
+ }
5592
+
1391
5593
  .manifest-editor :is(.overflow-hidden) {
1392
5594
  overflow: hidden;
1393
5595
  }
@@ -1400,6 +5602,14 @@ div[data-trigger="MenuTrigger"] {
1400
5602
  overflow: visible;
1401
5603
  }
1402
5604
 
5605
+ .manifest-editor :is(.overflow-scroll) {
5606
+ overflow: scroll;
5607
+ }
5608
+
5609
+ .manifest-editor :is(.overflow-x-auto) {
5610
+ overflow-x: auto;
5611
+ }
5612
+
1403
5613
  .manifest-editor :is(.overflow-y-auto) {
1404
5614
  overflow-y: auto;
1405
5615
  }
@@ -1430,6 +5640,14 @@ div[data-trigger="MenuTrigger"] {
1430
5640
  white-space: nowrap;
1431
5641
  }
1432
5642
 
5643
+ .manifest-editor :is(.whitespace-pre) {
5644
+ white-space: pre;
5645
+ }
5646
+
5647
+ .manifest-editor :is(.whitespace-pre-wrap) {
5648
+ white-space: pre-wrap;
5649
+ }
5650
+
1433
5651
  .manifest-editor :is(.rounded) {
1434
5652
  border-radius: 0.25rem;
1435
5653
  }
@@ -1454,6 +5672,10 @@ div[data-trigger="MenuTrigger"] {
1454
5672
  border-radius: 0.125rem;
1455
5673
  }
1456
5674
 
5675
+ .manifest-editor :is(.rounded-xl) {
5676
+ border-radius: 0.75rem;
5677
+ }
5678
+
1457
5679
  .manifest-editor :is(.rounded-b) {
1458
5680
  border-bottom-right-radius: 0.25rem;
1459
5681
  border-bottom-left-radius: 0.25rem;
@@ -1650,11 +5872,24 @@ div[data-trigger="MenuTrigger"] {
1650
5872
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
1651
5873
  }
1652
5874
 
5875
+ .manifest-editor :is(.bg-gray-300\/50) {
5876
+ background-color: rgb(209 213 219 / 0.5);
5877
+ }
5878
+
1653
5879
  .manifest-editor :is(.bg-gray-50) {
1654
5880
  --tw-bg-opacity: 1;
1655
5881
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1656
5882
  }
1657
5883
 
5884
+ .manifest-editor :is(.bg-gray-500) {
5885
+ --tw-bg-opacity: 1;
5886
+ background-color: rgb(107 114 128 / var(--tw-bg-opacity));
5887
+ }
5888
+
5889
+ .manifest-editor :is(.bg-gray-500\/10) {
5890
+ background-color: rgb(107 114 128 / 0.1);
5891
+ }
5892
+
1658
5893
  .manifest-editor :is(.bg-me-100) {
1659
5894
  --tw-bg-opacity: 1;
1660
5895
  background-color: rgb(248 235 241 / var(--tw-bg-opacity));
@@ -1840,6 +6075,11 @@ div[data-trigger="MenuTrigger"] {
1840
6075
  padding-right: 2rem;
1841
6076
  }
1842
6077
 
6078
+ .manifest-editor :is(.px-\[50\%\]) {
6079
+ padding-left: 50%;
6080
+ padding-right: 50%;
6081
+ }
6082
+
1843
6083
  .manifest-editor :is(.py-0) {
1844
6084
  padding-top: 0px;
1845
6085
  padding-bottom: 0px;
@@ -1954,11 +6194,25 @@ div[data-trigger="MenuTrigger"] {
1954
6194
  text-align: start;
1955
6195
  }
1956
6196
 
6197
+ .manifest-editor :is(.text-end) {
6198
+ text-align: end;
6199
+ }
6200
+
1957
6201
  .manifest-editor :is(.text-2xl) {
1958
6202
  font-size: 1.5rem;
1959
6203
  line-height: 2rem;
1960
6204
  }
1961
6205
 
6206
+ .manifest-editor :is(.text-3xl) {
6207
+ font-size: 1.875rem;
6208
+ line-height: 2.25rem;
6209
+ }
6210
+
6211
+ .manifest-editor :is(.text-4xl) {
6212
+ font-size: 2.25rem;
6213
+ line-height: 2.5rem;
6214
+ }
6215
+
1962
6216
  .manifest-editor :is(.text-\[10px\]) {
1963
6217
  font-size: 10px;
1964
6218
  }
@@ -2041,6 +6295,16 @@ div[data-trigger="MenuTrigger"] {
2041
6295
  color: rgb(51 51 51 / var(--tw-text-opacity));
2042
6296
  }
2043
6297
 
6298
+ .manifest-editor :is(.text-\[\#C63E75\]) {
6299
+ --tw-text-opacity: 1;
6300
+ color: rgb(198 62 117 / var(--tw-text-opacity));
6301
+ }
6302
+
6303
+ .manifest-editor :is(.text-\[\#F58962\]) {
6304
+ --tw-text-opacity: 1;
6305
+ color: rgb(245 137 98 / var(--tw-text-opacity));
6306
+ }
6307
+
2044
6308
  .manifest-editor :is(.text-\[\#b84c74\]) {
2045
6309
  --tw-text-opacity: 1;
2046
6310
  color: rgb(184 76 116 / var(--tw-text-opacity));
@@ -2156,6 +6420,14 @@ div[data-trigger="MenuTrigger"] {
2156
6420
  opacity: 0;
2157
6421
  }
2158
6422
 
6423
+ .manifest-editor :is(.opacity-10) {
6424
+ opacity: 0.1;
6425
+ }
6426
+
6427
+ .manifest-editor :is(.opacity-100) {
6428
+ opacity: 1;
6429
+ }
6430
+
2159
6431
  .manifest-editor :is(.opacity-20) {
2160
6432
  opacity: 0.2;
2161
6433
  }
@@ -2330,10 +6602,20 @@ div[data-trigger="MenuTrigger"] {
2330
6602
  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);
2331
6603
  }
2332
6604
 
6605
+ .manifest-editor :is(.drop-shadow-lg) {
6606
+ --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
6607
+ 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);
6608
+ }
6609
+
2333
6610
  .manifest-editor :is(.filter) {
2334
6611
  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);
2335
6612
  }
2336
6613
 
6614
+ .manifest-editor :is(.backdrop-filter) {
6615
+ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
6616
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
6617
+ }
6618
+
2337
6619
  .manifest-editor :is(.transition) {
2338
6620
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
2339
6621
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@@ -2348,6 +6630,12 @@ div[data-trigger="MenuTrigger"] {
2348
6630
  transition-duration: 150ms;
2349
6631
  }
2350
6632
 
6633
+ .manifest-editor :is(.transition-colors) {
6634
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
6635
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
6636
+ transition-duration: 150ms;
6637
+ }
6638
+
2351
6639
  .manifest-editor :is(.transition-opacity) {
2352
6640
  transition-property: opacity;
2353
6641
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2485,6 +6773,96 @@ div[data-trigger="MenuTrigger"] {
2485
6773
  --atlas-background: var(--delft-viewer-background);
2486
6774
  }
2487
6775
 
6776
+ .manifest-editor :is(.after\:absolute)::after {
6777
+ content: var(--tw-content);
6778
+ position: absolute;
6779
+ }
6780
+
6781
+ .manifest-editor :is(.after\:bottom-0)::after {
6782
+ content: var(--tw-content);
6783
+ bottom: 0px;
6784
+ }
6785
+
6786
+ .manifest-editor :is(.after\:left-0)::after {
6787
+ content: var(--tw-content);
6788
+ left: 0px;
6789
+ }
6790
+
6791
+ .manifest-editor :is(.after\:h-0)::after {
6792
+ content: var(--tw-content);
6793
+ height: 0px;
6794
+ }
6795
+
6796
+ .manifest-editor :is(.after\:h-0\.5)::after {
6797
+ content: var(--tw-content);
6798
+ height: 0.125rem;
6799
+ }
6800
+
6801
+ .manifest-editor :is(.after\:w-0)::after {
6802
+ content: var(--tw-content);
6803
+ width: 0px;
6804
+ }
6805
+
6806
+ .manifest-editor :is(.after\:w-64)::after {
6807
+ content: var(--tw-content);
6808
+ width: 16rem;
6809
+ }
6810
+
6811
+ .manifest-editor :is(.after\:rounded-r-lg)::after {
6812
+ content: var(--tw-content);
6813
+ border-top-right-radius: 0.5rem;
6814
+ border-bottom-right-radius: 0.5rem;
6815
+ }
6816
+
6817
+ .manifest-editor :is(.after\:bg-transparent)::after {
6818
+ content: var(--tw-content);
6819
+ background-color: transparent;
6820
+ }
6821
+
6822
+ .manifest-editor :is(.after\:bg-gradient-to-r)::after {
6823
+ content: var(--tw-content);
6824
+ background-image: linear-gradient(to right, var(--tw-gradient-stops));
6825
+ }
6826
+
6827
+ .manifest-editor :is(.after\:opacity-0)::after {
6828
+ content: var(--tw-content);
6829
+ opacity: 0;
6830
+ }
6831
+
6832
+ .manifest-editor :is(.after\:opacity-100)::after {
6833
+ content: var(--tw-content);
6834
+ opacity: 1;
6835
+ }
6836
+
6837
+ .manifest-editor :is(.after\:shadow-sm)::after {
6838
+ content: var(--tw-content);
6839
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
6840
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
6841
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
6842
+ }
6843
+
6844
+ .manifest-editor :is(.after\:transition-all)::after {
6845
+ content: var(--tw-content);
6846
+ transition-property: all;
6847
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
6848
+ transition-duration: 150ms;
6849
+ }
6850
+
6851
+ .manifest-editor :is(.after\:transition-none)::after {
6852
+ content: var(--tw-content);
6853
+ transition-property: none;
6854
+ }
6855
+
6856
+ .manifest-editor :is(.after\:duration-1000)::after {
6857
+ content: var(--tw-content);
6858
+ transition-duration: 1000ms;
6859
+ }
6860
+
6861
+ .manifest-editor :is(.after\:content-\[\'\'\])::after {
6862
+ --tw-content: '';
6863
+ content: var(--tw-content);
6864
+ }
6865
+
2488
6866
  .manifest-editor :is(.focus-within\:border-me-primary-500:focus-within) {
2489
6867
  --tw-border-opacity: 1;
2490
6868
  border-color: rgb(184 76 116 / var(--tw-border-opacity));
@@ -2561,6 +6939,10 @@ div[data-trigger="MenuTrigger"] {
2561
6939
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
2562
6940
  }
2563
6941
 
6942
+ .manifest-editor :is(.hover\:bg-gray-300\/100:hover) {
6943
+ background-color: rgb(209 213 219 / 1);
6944
+ }
6945
+
2564
6946
  .manifest-editor :is(.hover\:bg-gray-50:hover) {
2565
6947
  --tw-bg-opacity: 1;
2566
6948
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
@@ -2625,6 +7007,10 @@ div[data-trigger="MenuTrigger"] {
2625
7007
  background-color: rgb(137 44 78 / var(--tw-bg-opacity));
2626
7008
  }
2627
7009
 
7010
+ .manifest-editor :is(.hover\:bg-white\/100:hover) {
7011
+ background-color: rgb(255 255 255 / 1);
7012
+ }
7013
+
2628
7014
  .manifest-editor :is(.hover\:bg-opacity-70:hover) {
2629
7015
  --tw-bg-opacity: 0.7;
2630
7016
  }
@@ -2658,6 +7044,10 @@ div[data-trigger="MenuTrigger"] {
2658
7044
  text-decoration-line: underline;
2659
7045
  }
2660
7046
 
7047
+ .manifest-editor :is(.hover\:opacity-100:hover) {
7048
+ opacity: 1;
7049
+ }
7050
+
2661
7051
  .manifest-editor :is(.hover\:shadow-xl:hover) {
2662
7052
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
2663
7053
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
@@ -2708,6 +7098,11 @@ div[data-trigger="MenuTrigger"] {
2708
7098
  background-color: rgb(236 238 245 / var(--tw-bg-opacity));
2709
7099
  }
2710
7100
 
7101
+ .manifest-editor :is(.focus\:bg-gray-200:focus) {
7102
+ --tw-bg-opacity: 1;
7103
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity));
7104
+ }
7105
+
2711
7106
  .manifest-editor :is(.focus\:bg-gray-50:focus) {
2712
7107
  --tw-bg-opacity: 1;
2713
7108
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
@@ -2747,19 +7142,70 @@ div[data-trigger="MenuTrigger"] {
2747
7142
  --tw-ring-color: rgb(204 104 146 / var(--tw-ring-opacity));
2748
7143
  }
2749
7144
 
7145
+ .manifest-editor :is(.focus-visible\:not-sr-only:focus-visible) {
7146
+ position: static;
7147
+ width: auto;
7148
+ height: auto;
7149
+ padding: 0;
7150
+ margin: 0;
7151
+ overflow: visible;
7152
+ clip: auto;
7153
+ white-space: normal;
7154
+ }
7155
+
7156
+ .manifest-editor :is(.focus-visible\:absolute:focus-visible) {
7157
+ position: absolute;
7158
+ }
7159
+
2750
7160
  .manifest-editor :is(.focus-visible\:bg-me-primary-100:focus-visible) {
2751
7161
  --tw-bg-opacity: 1;
2752
7162
  background-color: rgb(241 214 229 / var(--tw-bg-opacity));
2753
7163
  }
2754
7164
 
7165
+ .manifest-editor :is(.focus-visible\:p-2:focus-visible) {
7166
+ padding: 0.5rem;
7167
+ }
7168
+
7169
+ .manifest-editor :is(.focus-visible\:outline:focus-visible) {
7170
+ outline-style: solid;
7171
+ }
7172
+
7173
+ .manifest-editor :is(.focus-visible\:outline-2:focus-visible) {
7174
+ outline-width: 2px;
7175
+ }
7176
+
7177
+ .manifest-editor :is(.focus-visible\:outline-offset-2:focus-visible) {
7178
+ outline-offset: 2px;
7179
+ }
7180
+
7181
+ .manifest-editor :is(.focus-visible\:ring:focus-visible) {
7182
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
7183
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
7184
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
7185
+ }
7186
+
2755
7187
  .manifest-editor :is(.disabled\:cursor-not-allowed:disabled) {
2756
7188
  cursor: not-allowed;
2757
7189
  }
2758
7190
 
7191
+ .manifest-editor :is(.disabled\:text-gray-300:disabled) {
7192
+ --tw-text-opacity: 1;
7193
+ color: rgb(209 213 219 / var(--tw-text-opacity));
7194
+ }
7195
+
7196
+ .manifest-editor :is(.disabled\:text-gray-400:disabled) {
7197
+ --tw-text-opacity: 1;
7198
+ color: rgb(156 163 175 / var(--tw-text-opacity));
7199
+ }
7200
+
2759
7201
  .manifest-editor :is(.disabled\:opacity-30:disabled) {
2760
7202
  opacity: 0.3;
2761
7203
  }
2762
7204
 
7205
+ .manifest-editor :is(.disabled\:opacity-40:disabled) {
7206
+ opacity: 0.4;
7207
+ }
7208
+
2763
7209
  .manifest-editor :is(.disabled\:opacity-50:disabled) {
2764
7210
  opacity: 0.5;
2765
7211
  }
@@ -2768,6 +7214,11 @@ div[data-trigger="MenuTrigger"] {
2768
7214
  background-color: transparent;
2769
7215
  }
2770
7216
 
7217
+ .manifest-editor :is(.disabled\:hover\:bg-white:hover:disabled) {
7218
+ --tw-bg-opacity: 1;
7219
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
7220
+ }
7221
+
2771
7222
  .manifest-editor :is(.group:focus-within .group-focus-within\:opacity-100) {
2772
7223
  opacity: 1;
2773
7224
  }
@@ -2794,6 +7245,10 @@ div[data-trigger="MenuTrigger"] {
2794
7245
  color: rgb(255 255 255 / var(--tw-text-opacity));
2795
7246
  }
2796
7247
 
7248
+ .manifest-editor :is(.aria-disabled\:opacity-30[aria-disabled="true"]) {
7249
+ opacity: 0.3;
7250
+ }
7251
+
2797
7252
  .manifest-editor :is(.aria-expanded\:bg-me-200[aria-expanded="true"]) {
2798
7253
  --tw-bg-opacity: 1;
2799
7254
  background-color: rgb(242 216 229 / var(--tw-bg-opacity));
@@ -2814,6 +7269,10 @@ div[data-trigger="MenuTrigger"] {
2814
7269
  color: rgb(255 255 255 / var(--tw-text-opacity));
2815
7270
  }
2816
7271
 
7272
+ .manifest-editor :is(.aria-selected\:opacity-100[aria-selected="true"]) {
7273
+ opacity: 1;
7274
+ }
7275
+
2817
7276
  .manifest-editor :is(.data-\[disabled\]\:hidden[data-disabled]) {
2818
7277
  display: none;
2819
7278
  }
@@ -3060,6 +7519,10 @@ div[data-trigger="MenuTrigger"] {
3060
7519
  }
3061
7520
  }
3062
7521
 
7522
+ .manifest-editor :is(.\[\&\>\*\]\:flex-1>*) {
7523
+ flex: 1 1 0%;
7524
+ }
7525
+
3063
7526
  .manifest-editor :is(.\[\&\>a\]\:underline>a) {
3064
7527
  text-decoration-line: underline;
3065
7528
  }