tinacms 0.63.0 → 0.65.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/CHANGELOG.md +52 -0
  2. package/dist/admin/api.d.ts +36 -0
  3. package/dist/admin/components/GetCollection.d.ts +1 -28
  4. package/dist/admin/components/GetCollections.d.ts +1 -4
  5. package/dist/admin/components/GetDocument.d.ts +2 -15
  6. package/dist/admin/components/GetDocumentFields.d.ts +0 -7
  7. package/dist/admin/plugins/route-mapping.d.ts +3 -15
  8. package/dist/admin/types.d.ts +72 -0
  9. package/dist/edit-state.d.ts +8 -0
  10. package/dist/edit-state.es.js +32 -3
  11. package/dist/edit-state.js +30 -0
  12. package/dist/hooks/use-graphql-forms.d.ts +2 -4
  13. package/dist/index.d.ts +1 -0
  14. package/dist/index.es.js +1681 -270
  15. package/dist/index.js +1679 -267
  16. package/dist/style.css +301 -451
  17. package/dist/tina-cms.d.ts +51 -14
  18. package/package.json +5 -4
  19. package/dist/admin/hooks/useEmbedTailwind.d.ts +0 -14
package/dist/style.css CHANGED
@@ -1,9 +1,3 @@
1
- body {
2
- font-family: system-ui, -apple-system,
3
- /* Firefox supports this but not yet `system-ui` */ 'Segoe UI', Roboto,
4
- Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
5
- }
6
-
7
1
  /**
8
2
  Use a better box model (opinionated).
9
3
  */
@@ -337,7 +331,7 @@ Forms
337
331
  */
338
332
 
339
333
  .tina-tailwind html {
340
- font-family: Inter var, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
334
+ font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
341
335
  line-height: 1.5; /* 2 */
342
336
  }
343
337
 
@@ -566,919 +560,775 @@ Document
566
560
  */
567
561
 
568
562
  .tina-tailwind *, .tina-tailwind ::before, .tina-tailwind ::after {
569
- --tw-translate-x: 0;
570
- --tw-translate-y: 0;
571
- --tw-rotate: 0;
572
- --tw-skew-x: 0;
573
- --tw-skew-y: 0;
574
- --tw-scale-x: 1;
575
- --tw-scale-y: 1;
576
- --tw-transform: translateX(var(--tw-translate-x)) translateY(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));
563
+ --tw-translate-x: 0;
564
+ --tw-translate-y: 0;
565
+ --tw-rotate: 0;
566
+ --tw-skew-x: 0;
567
+ --tw-skew-y: 0;
568
+ --tw-scale-x: 1;
569
+ --tw-scale-y: 1;
570
+ --tw-transform: translateX(var(--tw-translate-x)) translateY(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));
577
571
  }
578
572
 
579
573
  .tina-tailwind *, .tina-tailwind ::before, .tina-tailwind ::after {
580
- --tw-border-opacity: 1;
581
- border-color: rgba(225, 221, 236, var(--tw-border-opacity));
574
+ --tw-border-opacity: 1;
575
+ border-color: rgba(225, 221, 236, var(--tw-border-opacity));
582
576
  }
583
577
 
584
578
  .tina-tailwind *, .tina-tailwind ::before, .tina-tailwind ::after {
585
- --tw-ring-offset-shadow: 0 0 #0000;
586
- --tw-ring-shadow: 0 0 #0000;
587
- --tw-shadow: 0 0 #0000;
579
+ --tw-ring-offset-shadow: 0 0 #0000;
580
+ --tw-ring-shadow: 0 0 #0000;
581
+ --tw-shadow: 0 0 #0000;
588
582
  }
589
583
 
590
584
  .tina-tailwind *, .tina-tailwind ::before, .tina-tailwind ::after {
591
- --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
592
- --tw-ring-offset-width: 0px;
593
- --tw-ring-offset-color: #fff;
594
- --tw-ring-color: rgba(0, 132, 255, 0.5);
595
- --tw-ring-offset-shadow: 0 0 #0000;
596
- --tw-ring-shadow: 0 0 #0000;
597
- --tw-shadow: 0 0 #0000;
585
+ --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
586
+ --tw-ring-offset-width: 0px;
587
+ --tw-ring-offset-color: #fff;
588
+ --tw-ring-color: rgba(0, 132, 255, 0.5);
589
+ --tw-ring-offset-shadow: 0 0 #0000;
590
+ --tw-ring-shadow: 0 0 #0000;
591
+ --tw-shadow: 0 0 #0000;
598
592
  }
599
593
 
600
594
  .tina-tailwind *, .tina-tailwind ::before, .tina-tailwind ::after {
601
- --tw-blur: var(--tw-empty,/*!*/ /*!*/);
602
- --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
603
- --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
604
- --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
605
- --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
606
- --tw-invert: var(--tw-empty,/*!*/ /*!*/);
607
- --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
608
- --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
609
- --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
610
- --tw-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);
611
- }
612
-
613
- .tina-tailwind [type='text'],.tina-tailwind [type='email'],.tina-tailwind [type='url'],.tina-tailwind [type='password'],.tina-tailwind [type='number'],.tina-tailwind [type='date'],.tina-tailwind [type='datetime-local'],.tina-tailwind [type='month'],.tina-tailwind [type='search'],.tina-tailwind [type='tel'],.tina-tailwind [type='time'],.tina-tailwind [type='week'],.tina-tailwind [multiple],.tina-tailwind textarea,.tina-tailwind select {
614
- appearance: none;
615
- background-color: #fff;
616
- border-color: #716c7f;
617
- border-width: 1px;
618
- border-radius: 0px;
619
- padding-top: 0.5rem;
620
- padding-right: 0.75rem;
621
- padding-bottom: 0.5rem;
622
- padding-left: 0.75rem;
623
- font-size: 1rem;
624
- line-height: 1.5rem;
625
- --tw-shadow: 0 0 #0000;
626
- }
627
-
628
- .tina-tailwind [type='text']:focus, .tina-tailwind [type='email']:focus, .tina-tailwind [type='url']:focus, .tina-tailwind [type='password']:focus, .tina-tailwind [type='number']:focus, .tina-tailwind [type='date']:focus, .tina-tailwind [type='datetime-local']:focus, .tina-tailwind [type='month']:focus, .tina-tailwind [type='search']:focus, .tina-tailwind [type='tel']:focus, .tina-tailwind [type='time']:focus, .tina-tailwind [type='week']:focus, .tina-tailwind [multiple]:focus, .tina-tailwind textarea:focus, .tina-tailwind select:focus {
629
- outline: 2px solid transparent;
630
- outline-offset: 2px;
631
- --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
632
- --tw-ring-offset-width: 0px;
633
- --tw-ring-offset-color: #fff;
634
- --tw-ring-color: #0574e4;
635
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
636
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
637
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
638
- border-color: #0574e4;
639
- }
640
-
641
- .tina-tailwind input::placeholder,.tina-tailwind textarea::placeholder {
642
- color: #716c7f;
643
- opacity: 1;
644
- }
645
-
646
- .tina-tailwind ::-webkit-datetime-edit-fields-wrapper {
647
- padding: 0;
648
- }
649
-
650
- .tina-tailwind ::-webkit-date-and-time-value {
651
- min-height: 1.5em;
652
- }
653
-
654
- .tina-tailwind select {
655
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23716c7f' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
656
- background-position: right 0.5rem center;
657
- background-repeat: no-repeat;
658
- background-size: 1.5em 1.5em;
659
- padding-right: 2.5rem;
660
- color-adjust: exact;
661
- }
662
-
663
- .tina-tailwind [multiple] {
664
- background-image: initial;
665
- background-position: initial;
666
- background-repeat: unset;
667
- background-size: initial;
668
- padding-right: 0.75rem;
669
- color-adjust: unset;
670
- }
671
-
672
- .tina-tailwind [type='checkbox'],.tina-tailwind [type='radio'] {
673
- appearance: none;
674
- padding: 0;
675
- color-adjust: exact;
676
- display: inline-block;
677
- vertical-align: middle;
678
- background-origin: border-box;
679
- user-select: none;
680
- flex-shrink: 0;
681
- height: 1rem;
682
- width: 1rem;
683
- color: #0574e4;
684
- background-color: #fff;
685
- border-color: #716c7f;
686
- border-width: 1px;
687
- --tw-shadow: 0 0 #0000;
688
- }
689
-
690
- .tina-tailwind [type='checkbox'] {
691
- border-radius: 0px;
692
- }
693
-
694
- .tina-tailwind [type='radio'] {
695
- border-radius: 100%;
696
- }
697
-
698
- .tina-tailwind [type='checkbox']:focus,.tina-tailwind [type='radio']:focus {
699
- outline: 2px solid transparent;
700
- outline-offset: 2px;
701
- --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
702
- --tw-ring-offset-width: 2px;
703
- --tw-ring-offset-color: #fff;
704
- --tw-ring-color: #0574e4;
705
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
706
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
707
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
708
- }
709
-
710
- .tina-tailwind [type='checkbox']:checked,.tina-tailwind [type='radio']:checked {
711
- border-color: transparent;
712
- background-color: currentColor;
713
- background-size: 100% 100%;
714
- background-position: center;
715
- background-repeat: no-repeat;
716
- }
717
-
718
- .tina-tailwind [type='checkbox']:checked {
719
- background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
720
- }
721
-
722
- .tina-tailwind [type='radio']:checked {
723
- background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
724
- }
725
-
726
- .tina-tailwind [type='checkbox']:checked:hover,.tina-tailwind [type='checkbox']:checked:focus,.tina-tailwind [type='radio']:checked:hover,.tina-tailwind [type='radio']:checked:focus {
727
- border-color: transparent;
728
- background-color: currentColor;
729
- }
730
-
731
- .tina-tailwind [type='checkbox']:indeterminate {
732
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
733
- border-color: transparent;
734
- background-color: currentColor;
735
- background-size: 100% 100%;
736
- background-position: center;
737
- background-repeat: no-repeat;
738
- }
739
-
740
- .tina-tailwind [type='checkbox']:indeterminate:hover,.tina-tailwind [type='checkbox']:indeterminate:focus {
741
- border-color: transparent;
742
- background-color: currentColor;
743
- }
744
-
745
- .tina-tailwind [type='file'] {
746
- background: unset;
747
- border-color: inherit;
748
- border-width: 0;
749
- border-radius: 0;
750
- padding: 0;
751
- font-size: unset;
752
- line-height: inherit;
753
- }
754
-
755
- .tina-tailwind [type='file']:focus {
756
- outline: 1px auto -webkit-focus-ring-color;
595
+ --tw-blur: var(--tw-empty,/*!*/ /*!*/);
596
+ --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
597
+ --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
598
+ --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
599
+ --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
600
+ --tw-invert: var(--tw-empty,/*!*/ /*!*/);
601
+ --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
602
+ --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
603
+ --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
604
+ --tw-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);
757
605
  }
758
606
 
759
607
  .tina-tailwind .static {
760
- position: static !important;
608
+ position: static !important;
761
609
  }
762
610
 
763
611
  .tina-tailwind .fixed {
764
- position: fixed !important;
612
+ position: fixed !important;
765
613
  }
766
614
 
767
615
  .tina-tailwind .absolute {
768
- position: absolute !important;
616
+ position: absolute !important;
769
617
  }
770
618
 
771
619
  .tina-tailwind .relative {
772
- position: relative !important;
620
+ position: relative !important;
773
621
  }
774
622
 
775
623
  .tina-tailwind .bottom-3 {
776
- bottom: 12px !important;
624
+ bottom: 12px !important;
777
625
  }
778
626
 
779
627
  .tina-tailwind .right-5 {
780
- right: 20px !important;
628
+ right: 20px !important;
781
629
  }
782
630
 
783
631
  .tina-tailwind .right-0 {
784
- right: 0px !important;
632
+ right: 0px !important;
785
633
  }
786
634
 
787
635
  .tina-tailwind .z-50 {
788
- z-index: 50 !important;
789
- }
790
-
791
- .tina-tailwind .mr-2 {
792
- margin-right: 8px !important;
636
+ z-index: 50 !important;
793
637
  }
794
638
 
795
639
  .tina-tailwind .-ml-1 {
796
- margin-left: -4px !important;
640
+ margin-left: -4px !important;
797
641
  }
798
642
 
799
643
  .tina-tailwind .mr-1\.5 {
800
- margin-right: 6px !important;
644
+ margin-right: 6px !important;
801
645
  }
802
646
 
803
647
  .tina-tailwind .mr-1 {
804
- margin-right: 4px !important;
648
+ margin-right: 4px !important;
805
649
  }
806
650
 
807
651
  .tina-tailwind .mb-3 {
808
- margin-bottom: 12px !important;
652
+ margin-bottom: 12px !important;
653
+ }
654
+
655
+ .tina-tailwind .mr-2 {
656
+ margin-right: 8px !important;
809
657
  }
810
658
 
811
659
  .tina-tailwind .ml-1 {
812
- margin-left: 4px !important;
660
+ margin-left: 4px !important;
813
661
  }
814
662
 
815
663
  .tina-tailwind .mt-2 {
816
- margin-top: 8px !important;
664
+ margin-top: 8px !important;
817
665
  }
818
666
 
819
667
  .tina-tailwind .mt-8 {
820
- margin-top: 32px !important;
668
+ margin-top: 32px !important;
821
669
  }
822
670
 
823
671
  .tina-tailwind .mb-0\.5 {
824
- margin-bottom: 2px !important;
672
+ margin-bottom: 2px !important;
825
673
  }
826
674
 
827
675
  .tina-tailwind .mb-0 {
828
- margin-bottom: 0px !important;
676
+ margin-bottom: 0px !important;
829
677
  }
830
678
 
831
679
  .tina-tailwind .block {
832
- display: block !important;
680
+ display: block !important;
833
681
  }
834
682
 
835
683
  .tina-tailwind .inline-block {
836
- display: inline-block !important;
684
+ display: inline-block !important;
837
685
  }
838
686
 
839
687
  .tina-tailwind .flex {
840
- display: flex !important;
688
+ display: flex !important;
841
689
  }
842
690
 
843
691
  .tina-tailwind .inline-flex {
844
- display: inline-flex !important;
692
+ display: inline-flex !important;
845
693
  }
846
694
 
847
695
  .tina-tailwind .table {
848
- display: table !important;
696
+ display: table !important;
849
697
  }
850
698
 
851
699
  .tina-tailwind .h-screen {
852
- height: 100vh !important;
853
- }
854
-
855
- .tina-tailwind .h-4 {
856
- height: 16px !important;
700
+ height: 100vh !important;
857
701
  }
858
702
 
859
703
  .tina-tailwind .h-auto {
860
- height: auto !important;
704
+ height: auto !important;
861
705
  }
862
706
 
863
707
  .tina-tailwind .h-6 {
864
- height: 24px !important;
708
+ height: 24px !important;
865
709
  }
866
710
 
867
711
  .tina-tailwind .h-5 {
868
- height: 20px !important;
869
- }
870
-
871
- .tina-tailwind .w-auto {
872
- width: auto !important;
712
+ height: 20px !important;
873
713
  }
874
714
 
875
715
  .tina-tailwind .w-full {
876
- width: 100% !important;
716
+ width: 100% !important;
877
717
  }
878
718
 
879
719
  .tina-tailwind .w-10 {
880
- width: 40px !important;
720
+ width: 40px !important;
881
721
  }
882
722
 
883
723
  .tina-tailwind .w-80 {
884
- width: 320px !important;
724
+ width: 320px !important;
885
725
  }
886
726
 
887
727
  .tina-tailwind .w-2\/3 {
888
- width: 66.666667% !important;
728
+ width: 66.666667% !important;
889
729
  }
890
730
 
891
731
  .tina-tailwind .w-6 {
892
- width: 24px !important;
732
+ width: 24px !important;
733
+ }
734
+
735
+ .tina-tailwind .w-auto {
736
+ width: auto !important;
893
737
  }
894
738
 
895
739
  .tina-tailwind .w-56 {
896
- width: 224px !important;
740
+ width: 224px !important;
897
741
  }
898
742
 
899
743
  .tina-tailwind .min-w-full {
900
- min-width: 100% !important;
744
+ min-width: 100% !important;
901
745
  }
902
746
 
903
- .tina-tailwind .max-w-md {
904
- max-width: 28rem !important;
747
+ .tina-tailwind .max-w-lg {
748
+ max-width: 32rem !important;
905
749
  }
906
750
 
907
751
  .tina-tailwind .max-w-screen-md {
908
- max-width: 768px !important;
752
+ max-width: 768px !important;
753
+ }
754
+
755
+ .tina-tailwind .max-w-xs {
756
+ max-width: 20rem !important;
909
757
  }
910
758
 
911
759
  .tina-tailwind .flex-1 {
912
- flex: 1 1 0% !important;
760
+ flex: 1 1 0% !important;
913
761
  }
914
762
 
915
763
  .tina-tailwind .flex-shrink-0 {
916
- flex-shrink: 0 !important;
764
+ flex-shrink: 0 !important;
917
765
  }
918
766
 
919
767
  .tina-tailwind .origin-top-right {
920
- transform-origin: top right !important;
768
+ transform-origin: top right !important;
921
769
  }
922
770
 
923
771
  .tina-tailwind .translate-y-full {
924
- --tw-translate-y: 100% !important;
925
- transform: var(--tw-transform) !important;
772
+ --tw-translate-y: 100% !important;
773
+ transform: var(--tw-transform) !important;
926
774
  }
927
775
 
928
776
  .tina-tailwind .-translate-y-2 {
929
- --tw-translate-y: -8px !important;
930
- transform: var(--tw-transform) !important;
777
+ --tw-translate-y: -8px !important;
778
+ transform: var(--tw-transform) !important;
931
779
  }
932
780
 
933
781
  .tina-tailwind .translate-y-0 {
934
- --tw-translate-y: 0px !important;
935
- transform: var(--tw-transform) !important;
782
+ --tw-translate-y: 0px !important;
783
+ transform: var(--tw-transform) !important;
936
784
  }
937
785
 
938
786
  .tina-tailwind .rotate-90 {
939
- --tw-rotate: 90deg !important;
940
- transform: var(--tw-transform) !important;
787
+ --tw-rotate: 90deg !important;
788
+ transform: var(--tw-transform) !important;
941
789
  }
942
790
 
943
791
  .tina-tailwind .rotate-0 {
944
- --tw-rotate: 0deg !important;
945
- transform: var(--tw-transform) !important;
792
+ --tw-rotate: 0deg !important;
793
+ transform: var(--tw-transform) !important;
946
794
  }
947
795
 
948
796
  .tina-tailwind .scale-95 {
949
- --tw-scale-x: .95 !important;
950
- --tw-scale-y: .95 !important;
951
- transform: var(--tw-transform) !important;
797
+ --tw-scale-x: .95 !important;
798
+ --tw-scale-y: .95 !important;
799
+ transform: var(--tw-transform) !important;
952
800
  }
953
801
 
954
802
  .tina-tailwind .scale-100 {
955
- --tw-scale-x: 1 !important;
956
- --tw-scale-y: 1 !important;
957
- transform: var(--tw-transform) !important;
803
+ --tw-scale-x: 1 !important;
804
+ --tw-scale-y: 1 !important;
805
+ transform: var(--tw-transform) !important;
958
806
  }
959
807
 
960
808
  .tina-tailwind .transform {
961
- transform: var(--tw-transform) !important;
809
+ transform: var(--tw-transform) !important;
962
810
  }
963
811
 
964
812
  .tina-tailwind .flex-col {
965
- flex-direction: column !important;
813
+ flex-direction: column !important;
966
814
  }
967
815
 
968
816
  .tina-tailwind .items-end {
969
- align-items: flex-end !important;
817
+ align-items: flex-end !important;
970
818
  }
971
819
 
972
820
  .tina-tailwind .items-center {
973
- align-items: center !important;
821
+ align-items: center !important;
974
822
  }
975
823
 
976
824
  .tina-tailwind .items-stretch {
977
- align-items: stretch !important;
825
+ align-items: stretch !important;
978
826
  }
979
827
 
980
828
  .tina-tailwind .justify-start {
981
- justify-content: flex-start !important;
829
+ justify-content: flex-start !important;
982
830
  }
983
831
 
984
832
  .tina-tailwind .justify-end {
985
- justify-content: flex-end !important;
833
+ justify-content: flex-end !important;
986
834
  }
987
835
 
988
836
  .tina-tailwind .justify-center {
989
- justify-content: center !important;
837
+ justify-content: center !important;
990
838
  }
991
839
 
992
840
  .tina-tailwind .justify-between {
993
- justify-content: space-between !important;
841
+ justify-content: space-between !important;
994
842
  }
995
843
 
996
844
  .tina-tailwind .gap-0\.5 {
997
- gap: 2px !important;
845
+ gap: 2px !important;
998
846
  }
999
847
 
1000
848
  .tina-tailwind .gap-0 {
1001
- gap: 0px !important;
849
+ gap: 0px !important;
1002
850
  }
1003
851
 
1004
852
  .tina-tailwind .gap-4 {
1005
- gap: 16px !important;
853
+ gap: 16px !important;
1006
854
  }
1007
855
 
1008
856
  .tina-tailwind .gap-1 {
1009
- gap: 4px !important;
857
+ gap: 4px !important;
1010
858
  }
1011
859
 
1012
860
  .tina-tailwind .gap-3 {
1013
- gap: 12px !important;
861
+ gap: 12px !important;
1014
862
  }
1015
863
 
1016
864
  .tina-tailwind .gap-1\.5 {
1017
- gap: 6px !important;
865
+ gap: 6px !important;
1018
866
  }
1019
867
 
1020
868
  .tina-tailwind .divide-y > :not([hidden]) ~ :not([hidden]) {
1021
- --tw-divide-y-reverse: 0 !important;
1022
- border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
1023
- border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important;
869
+ --tw-divide-y-reverse: 0 !important;
870
+ border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
871
+ border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important;
1024
872
  }
1025
873
 
1026
874
  .tina-tailwind .overflow-hidden {
1027
- overflow: hidden !important;
875
+ overflow: hidden !important;
1028
876
  }
1029
877
 
1030
878
  .tina-tailwind .overflow-y-auto {
1031
- overflow-y: auto !important;
879
+ overflow-y: auto !important;
1032
880
  }
1033
881
 
1034
882
  .tina-tailwind .overflow-ellipsis {
1035
- text-overflow: ellipsis !important;
883
+ text-overflow: ellipsis !important;
1036
884
  }
1037
885
 
1038
886
  .tina-tailwind .whitespace-nowrap {
1039
- white-space: nowrap !important;
887
+ white-space: nowrap !important;
1040
888
  }
1041
889
 
1042
890
  .tina-tailwind .rounded-lg {
1043
- border-radius: 8px !important;
891
+ border-radius: 8px !important;
1044
892
  }
1045
893
 
1046
894
  .tina-tailwind .rounded-full {
1047
- border-radius: 9999px !important;
895
+ border-radius: 9999px !important;
1048
896
  }
1049
897
 
1050
898
  .tina-tailwind .rounded-md {
1051
- border-radius: 6px !important;
899
+ border-radius: 6px !important;
1052
900
  }
1053
901
 
1054
902
  .tina-tailwind .border {
1055
- border-width: 1px !important;
1056
- }
1057
-
1058
- .tina-tailwind .border-t {
1059
- border-top-width: 1px !important;
903
+ border-width: 1px !important;
1060
904
  }
1061
905
 
1062
906
  .tina-tailwind .border-b {
1063
- border-bottom-width: 1px !important;
907
+ border-bottom-width: 1px !important;
1064
908
  }
1065
909
 
1066
910
  .tina-tailwind .border-r {
1067
- border-right-width: 1px !important;
1068
- }
1069
-
1070
- .tina-tailwind .border-gray-100 {
1071
- --tw-border-opacity: 1 !important;
1072
- border-color: rgba(237, 236, 243, var(--tw-border-opacity)) !important;
911
+ border-right-width: 1px !important;
1073
912
  }
1074
913
 
1075
914
  .tina-tailwind .border-gray-200 {
1076
- --tw-border-opacity: 1 !important;
1077
- border-color: rgba(225, 221, 236, var(--tw-border-opacity)) !important;
915
+ --tw-border-opacity: 1 !important;
916
+ border-color: rgba(225, 221, 236, var(--tw-border-opacity)) !important;
1078
917
  }
1079
918
 
1080
919
  .tina-tailwind .border-transparent {
1081
- border-color: transparent !important;
920
+ border-color: transparent !important;
1082
921
  }
1083
922
 
1084
923
  .tina-tailwind .bg-white {
1085
- --tw-bg-opacity: 1 !important;
1086
- background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
924
+ --tw-bg-opacity: 1 !important;
925
+ background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
1087
926
  }
1088
927
 
1089
928
  .tina-tailwind .bg-gray-50 {
1090
- --tw-bg-opacity: 1 !important;
1091
- background-color: rgba(246, 246, 249, var(--tw-bg-opacity)) !important;
929
+ --tw-bg-opacity: 1 !important;
930
+ background-color: rgba(246, 246, 249, var(--tw-bg-opacity)) !important;
1092
931
  }
1093
932
 
1094
933
  .tina-tailwind .bg-transparent {
1095
- background-color: transparent !important;
934
+ background-color: transparent !important;
1096
935
  }
1097
936
 
1098
937
  .tina-tailwind .bg-gradient-to-b {
1099
- background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important;
938
+ background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important;
1100
939
  }
1101
940
 
1102
941
  .tina-tailwind .from-blue-900 {
1103
- --tw-gradient-from: #1D2C6C !important;
1104
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 44, 108, 0)) !important;
942
+ --tw-gradient-from: #1D2C6C !important;
943
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 44, 108, 0)) !important;
1105
944
  }
1106
945
 
1107
946
  .tina-tailwind .from-white {
1108
- --tw-gradient-from: #fff !important;
1109
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
947
+ --tw-gradient-from: #fff !important;
948
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
1110
949
  }
1111
950
 
1112
951
  .tina-tailwind .to-gray-900 {
1113
- --tw-gradient-to: #252336 !important;
952
+ --tw-gradient-to: #252336 !important;
1114
953
  }
1115
954
 
1116
955
  .tina-tailwind .to-gray-50 {
1117
- --tw-gradient-to: #F6F6F9 !important;
1118
- }
1119
-
1120
- .tina-tailwind .px-5 {
1121
- padding-left: 20px !important;
1122
- padding-right: 20px !important;
1123
- }
1124
-
1125
- .tina-tailwind .py-2 {
1126
- padding-top: 8px !important;
1127
- padding-bottom: 8px !important;
956
+ --tw-gradient-to: #F6F6F9 !important;
1128
957
  }
1129
958
 
1130
959
  .tina-tailwind .px-4 {
1131
- padding-left: 16px !important;
1132
- padding-right: 16px !important;
960
+ padding-left: 16px !important;
961
+ padding-right: 16px !important;
1133
962
  }
1134
963
 
1135
964
  .tina-tailwind .py-6 {
1136
- padding-top: 24px !important;
1137
- padding-bottom: 24px !important;
965
+ padding-top: 24px !important;
966
+ padding-bottom: 24px !important;
967
+ }
968
+
969
+ .tina-tailwind .px-5 {
970
+ padding-left: 20px !important;
971
+ padding-right: 20px !important;
1138
972
  }
1139
973
 
1140
974
  .tina-tailwind .py-4 {
1141
- padding-top: 16px !important;
1142
- padding-bottom: 16px !important;
975
+ padding-top: 16px !important;
976
+ padding-bottom: 16px !important;
1143
977
  }
1144
978
 
1145
979
  .tina-tailwind .px-6 {
1146
- padding-left: 24px !important;
1147
- padding-right: 24px !important;
980
+ padding-left: 24px !important;
981
+ padding-right: 24px !important;
1148
982
  }
1149
983
 
1150
984
  .tina-tailwind .py-1 {
1151
- padding-top: 4px !important;
1152
- padding-bottom: 4px !important;
985
+ padding-top: 4px !important;
986
+ padding-bottom: 4px !important;
987
+ }
988
+
989
+ .tina-tailwind .py-2 {
990
+ padding-top: 8px !important;
991
+ padding-bottom: 8px !important;
1153
992
  }
1154
993
 
1155
994
  .tina-tailwind .py-7 {
1156
- padding-top: 28px !important;
1157
- padding-bottom: 28px !important;
995
+ padding-top: 28px !important;
996
+ padding-bottom: 28px !important;
1158
997
  }
1159
998
 
1160
999
  .tina-tailwind .px-8 {
1161
- padding-left: 32px !important;
1162
- padding-right: 32px !important;
1000
+ padding-left: 32px !important;
1001
+ padding-right: 32px !important;
1163
1002
  }
1164
1003
 
1165
1004
  .tina-tailwind .py-2\.5 {
1166
- padding-top: 10px !important;
1167
- padding-bottom: 10px !important;
1005
+ padding-top: 10px !important;
1006
+ padding-bottom: 10px !important;
1168
1007
  }
1169
1008
 
1170
1009
  .tina-tailwind .py-14 {
1171
- padding-top: 56px !important;
1172
- padding-bottom: 56px !important;
1010
+ padding-top: 56px !important;
1011
+ padding-bottom: 56px !important;
1173
1012
  }
1174
1013
 
1175
1014
  .tina-tailwind .py-3 {
1176
- padding-top: 12px !important;
1177
- padding-bottom: 12px !important;
1015
+ padding-top: 12px !important;
1016
+ padding-bottom: 12px !important;
1178
1017
  }
1179
1018
 
1180
1019
  .tina-tailwind .py-1\.5 {
1181
- padding-top: 6px !important;
1182
- padding-bottom: 6px !important;
1020
+ padding-top: 6px !important;
1021
+ padding-bottom: 6px !important;
1183
1022
  }
1184
1023
 
1185
1024
  .tina-tailwind .py-10 {
1186
- padding-top: 40px !important;
1187
- padding-bottom: 40px !important;
1025
+ padding-top: 40px !important;
1026
+ padding-bottom: 40px !important;
1188
1027
  }
1189
1028
 
1190
1029
  .tina-tailwind .pt-16 {
1191
- padding-top: 64px !important;
1030
+ padding-top: 64px !important;
1192
1031
  }
1193
1032
 
1194
1033
  .tina-tailwind .pb-10 {
1195
- padding-bottom: 40px !important;
1034
+ padding-bottom: 40px !important;
1196
1035
  }
1197
1036
 
1198
1037
  .tina-tailwind .text-left {
1199
- text-align: left !important;
1038
+ text-align: left !important;
1200
1039
  }
1201
1040
 
1202
1041
  .tina-tailwind .text-center {
1203
- text-align: center !important;
1042
+ text-align: center !important;
1204
1043
  }
1205
1044
 
1206
1045
  .tina-tailwind .font-sans {
1207
- font-family: Inter var, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
1208
- }
1209
-
1210
- .tina-tailwind .text-xs {
1211
- font-size: 13px !important;
1212
- line-height: 1.33 !important;
1046
+ font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
1213
1047
  }
1214
1048
 
1215
1049
  .tina-tailwind .text-2xl {
1216
- font-size: 24px !important;
1217
- line-height: 1.33 !important;
1050
+ font-size: 24px !important;
1051
+ line-height: 1.33 !important;
1218
1052
  }
1219
1053
 
1220
1054
  .tina-tailwind .text-base {
1221
- font-size: 16px !important;
1222
- line-height: 1.5 !important;
1055
+ font-size: 16px !important;
1056
+ line-height: 1.5 !important;
1223
1057
  }
1224
1058
 
1225
1059
  .tina-tailwind .text-lg {
1226
- font-size: 18px !important;
1227
- line-height: 1.55 !important;
1060
+ font-size: 18px !important;
1061
+ line-height: 1.55 !important;
1228
1062
  }
1229
1063
 
1230
1064
  .tina-tailwind .text-sm {
1231
- font-size: 14px !important;
1232
- line-height: 1.43 !important;
1065
+ font-size: 14px !important;
1066
+ line-height: 1.43 !important;
1067
+ }
1068
+
1069
+ .tina-tailwind .text-md {
1070
+ font-size: 16px !important;
1071
+ line-height: 1.5 !important;
1233
1072
  }
1234
1073
 
1235
1074
  .tina-tailwind .text-3xl {
1236
- font-size: 30px !important;
1237
- line-height: 1.2 !important;
1075
+ font-size: 30px !important;
1076
+ line-height: 1.2 !important;
1238
1077
  }
1239
1078
 
1240
- .tina-tailwind .text-4xl {
1241
- font-size: 36px !important;
1242
- line-height: 1.1 !important;
1079
+ .tina-tailwind .text-xs {
1080
+ font-size: 13px !important;
1081
+ line-height: 1.33 !important;
1243
1082
  }
1244
1083
 
1245
- .tina-tailwind .font-medium {
1246
- font-weight: 500 !important;
1084
+ .tina-tailwind .text-4xl {
1085
+ font-size: 36px !important;
1086
+ line-height: 1.1 !important;
1247
1087
  }
1248
1088
 
1249
1089
  .tina-tailwind .font-bold {
1250
- font-weight: 700 !important;
1090
+ font-weight: 700 !important;
1091
+ }
1092
+
1093
+ .tina-tailwind .font-medium {
1094
+ font-weight: 500 !important;
1251
1095
  }
1252
1096
 
1253
1097
  .tina-tailwind .uppercase {
1254
- text-transform: uppercase !important;
1098
+ text-transform: uppercase !important;
1255
1099
  }
1256
1100
 
1257
1101
  .tina-tailwind .italic {
1258
- font-style: italic !important;
1102
+ font-style: italic !important;
1259
1103
  }
1260
1104
 
1261
1105
  .tina-tailwind .leading-normal {
1262
- line-height: 1.5 !important;
1106
+ line-height: 1.5 !important;
1263
1107
  }
1264
1108
 
1265
1109
  .tina-tailwind .leading-4 {
1266
- line-height: 16px !important;
1110
+ line-height: 16px !important;
1267
1111
  }
1268
1112
 
1269
1113
  .tina-tailwind .leading-5 {
1270
- line-height: 20px !important;
1114
+ line-height: 20px !important;
1271
1115
  }
1272
1116
 
1273
1117
  .tina-tailwind .tracking-wide {
1274
- letter-spacing: 0.025em !important;
1118
+ letter-spacing: 0.025em !important;
1275
1119
  }
1276
1120
 
1277
1121
  .tina-tailwind .text-gray-700 {
1278
- --tw-text-opacity: 1 !important;
1279
- color: rgba(67, 62, 82, var(--tw-text-opacity)) !important;
1122
+ --tw-text-opacity: 1 !important;
1123
+ color: rgba(67, 62, 82, var(--tw-text-opacity)) !important;
1280
1124
  }
1281
1125
 
1282
1126
  .tina-tailwind .text-gray-800 {
1283
- --tw-text-opacity: 1 !important;
1284
- color: rgba(54, 49, 69, var(--tw-text-opacity)) !important;
1127
+ --tw-text-opacity: 1 !important;
1128
+ color: rgba(54, 49, 69, var(--tw-text-opacity)) !important;
1285
1129
  }
1286
1130
 
1287
1131
  .tina-tailwind .text-gray-600 {
1288
- --tw-text-opacity: 1 !important;
1289
- color: rgba(86, 81, 101, var(--tw-text-opacity)) !important;
1132
+ --tw-text-opacity: 1 !important;
1133
+ color: rgba(86, 81, 101, var(--tw-text-opacity)) !important;
1290
1134
  }
1291
1135
 
1292
1136
  .tina-tailwind .text-blue-400 {
1293
- --tw-text-opacity: 1 !important;
1294
- color: rgba(34, 150, 254, var(--tw-text-opacity)) !important;
1137
+ --tw-text-opacity: 1 !important;
1138
+ color: rgba(34, 150, 254, var(--tw-text-opacity)) !important;
1295
1139
  }
1296
1140
 
1297
1141
  .tina-tailwind .text-blue-600 {
1298
- --tw-text-opacity: 1 !important;
1299
- color: rgba(5, 116, 228, var(--tw-text-opacity)) !important;
1142
+ --tw-text-opacity: 1 !important;
1143
+ color: rgba(5, 116, 228, var(--tw-text-opacity)) !important;
1300
1144
  }
1301
1145
 
1302
1146
  .tina-tailwind .text-white {
1303
- --tw-text-opacity: 1 !important;
1304
- color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
1147
+ --tw-text-opacity: 1 !important;
1148
+ color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
1305
1149
  }
1306
1150
 
1307
1151
  .tina-tailwind .text-gray-400 {
1308
- --tw-text-opacity: 1 !important;
1309
- color: rgba(145, 140, 158, var(--tw-text-opacity)) !important;
1152
+ --tw-text-opacity: 1 !important;
1153
+ color: rgba(145, 140, 158, var(--tw-text-opacity)) !important;
1310
1154
  }
1311
1155
 
1312
1156
  .tina-tailwind .text-gray-300 {
1313
- --tw-text-opacity: 1 !important;
1314
- color: rgba(178, 173, 190, var(--tw-text-opacity)) !important;
1157
+ --tw-text-opacity: 1 !important;
1158
+ color: rgba(178, 173, 190, var(--tw-text-opacity)) !important;
1315
1159
  }
1316
1160
 
1317
1161
  .tina-tailwind .text-gray-500 {
1318
- --tw-text-opacity: 1 !important;
1319
- color: rgba(113, 108, 127, var(--tw-text-opacity)) !important;
1162
+ --tw-text-opacity: 1 !important;
1163
+ color: rgba(113, 108, 127, var(--tw-text-opacity)) !important;
1320
1164
  }
1321
1165
 
1322
1166
  .tina-tailwind .underline {
1323
- text-decoration: underline !important;
1167
+ text-decoration: underline !important;
1324
1168
  }
1325
1169
 
1326
1170
  .tina-tailwind .opacity-80 {
1327
- opacity: .8 !important;
1171
+ opacity: .8 !important;
1328
1172
  }
1329
1173
 
1330
1174
  .tina-tailwind .opacity-50 {
1331
- opacity: .5 !important;
1175
+ opacity: .5 !important;
1332
1176
  }
1333
1177
 
1334
1178
  .tina-tailwind .opacity-100 {
1335
- opacity: 1 !important;
1179
+ opacity: 1 !important;
1336
1180
  }
1337
1181
 
1338
1182
  .tina-tailwind .opacity-0 {
1339
- opacity: 0 !important;
1183
+ opacity: 0 !important;
1340
1184
  }
1341
1185
 
1342
1186
  .tina-tailwind .opacity-90 {
1343
- opacity: .9 !important;
1187
+ opacity: .9 !important;
1344
1188
  }
1345
1189
 
1346
1190
  .tina-tailwind .opacity-70 {
1347
- opacity: .7 !important;
1348
- }
1349
-
1350
- .tina-tailwind .shadow {
1351
- --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
1352
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
1191
+ opacity: .7 !important;
1353
1192
  }
1354
1193
 
1355
1194
  .tina-tailwind .shadow-lg {
1356
- --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
1357
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
1195
+ --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
1196
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
1358
1197
  }
1359
1198
 
1360
1199
  .tina-tailwind .shadow-sm {
1361
- --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
1362
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
1200
+ --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
1201
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
1202
+ }
1203
+
1204
+ .tina-tailwind .shadow {
1205
+ --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
1206
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
1363
1207
  }
1364
1208
 
1365
1209
  .tina-tailwind .ring-1 {
1366
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
1367
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
1368
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
1210
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
1211
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
1212
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
1369
1213
  }
1370
1214
 
1371
1215
  .tina-tailwind .ring-black {
1372
- --tw-ring-opacity: 1 !important;
1373
- --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)) !important;
1216
+ --tw-ring-opacity: 1 !important;
1217
+ --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity)) !important;
1374
1218
  }
1375
1219
 
1376
1220
  .tina-tailwind .ring-opacity-5 {
1377
- --tw-ring-opacity: .05 !important;
1221
+ --tw-ring-opacity: .05 !important;
1378
1222
  }
1379
1223
 
1380
1224
  .tina-tailwind .filter {
1381
- filter: var(--tw-filter) !important;
1225
+ filter: var(--tw-filter) !important;
1382
1226
  }
1383
1227
 
1384
1228
  .tina-tailwind .transition-colors {
1385
- transition-property: background-color, border-color, color, fill, stroke !important;
1386
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
1387
- transition-duration: 150ms !important;
1229
+ transition-property: background-color, border-color, color, fill, stroke !important;
1230
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
1231
+ transition-duration: 150ms !important;
1388
1232
  }
1389
1233
 
1390
1234
  .tina-tailwind .transition-opacity {
1391
- transition-property: opacity !important;
1392
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
1393
- transition-duration: 150ms !important;
1235
+ transition-property: opacity !important;
1236
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
1237
+ transition-duration: 150ms !important;
1394
1238
  }
1395
1239
 
1396
1240
  .tina-tailwind .transition-all {
1397
- transition-property: all !important;
1398
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
1399
- transition-duration: 150ms !important;
1241
+ transition-property: all !important;
1242
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
1243
+ transition-duration: 150ms !important;
1400
1244
  }
1401
1245
 
1402
1246
  .tina-tailwind .transition {
1403
- transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
1404
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
1405
- transition-duration: 150ms !important;
1406
- }
1407
-
1408
- .tina-tailwind .duration-100 {
1409
- transition-duration: 100ms !important;
1247
+ transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
1248
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
1249
+ transition-duration: 150ms !important;
1410
1250
  }
1411
1251
 
1412
1252
  .tina-tailwind .duration-150 {
1413
- transition-duration: 150ms !important;
1253
+ transition-duration: 150ms !important;
1414
1254
  }
1415
1255
 
1416
1256
  .tina-tailwind .duration-300 {
1417
- transition-duration: 300ms !important;
1257
+ transition-duration: 300ms !important;
1418
1258
  }
1419
1259
 
1420
1260
  .tina-tailwind .duration-75 {
1421
- transition-duration: 75ms !important;
1261
+ transition-duration: 75ms !important;
1262
+ }
1263
+
1264
+ .tina-tailwind .duration-100 {
1265
+ transition-duration: 100ms !important;
1422
1266
  }
1423
1267
 
1424
1268
  .tina-tailwind .ease-out {
1425
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
1269
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
1426
1270
  }
1427
1271
 
1428
1272
  .tina-tailwind .ease-in-out {
1429
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
1273
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
1430
1274
  }
1431
1275
 
1432
1276
  .tina-tailwind .ease-in {
1433
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
1277
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
1434
1278
  }
1435
1279
 
1436
- .hover\:bg-gray-50:hover {
1437
- --tw-bg-opacity: 1 !important;
1438
- background-color: rgba(246, 246, 249, var(--tw-bg-opacity)) !important;
1280
+ .tina-tailwind {
1281
+ font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1282
+ --tw-text-opacity: 1;
1283
+ color: rgba(86, 81, 101, var(--tw-text-opacity));
1439
1284
  }
1440
1285
 
1441
- .hover\:text-blue-500:hover {
1442
- --tw-text-opacity: 1 !important;
1443
- color: rgba(0, 132, 255, var(--tw-text-opacity)) !important;
1286
+ .hover\:bg-gray-50:hover {
1287
+ --tw-bg-opacity: 1 !important;
1288
+ background-color: rgba(246, 246, 249, var(--tw-bg-opacity)) !important;
1444
1289
  }
1445
1290
 
1446
1291
  .hover\:text-blue-600:hover {
1447
- --tw-text-opacity: 1 !important;
1448
- color: rgba(5, 116, 228, var(--tw-text-opacity)) !important;
1292
+ --tw-text-opacity: 1 !important;
1293
+ color: rgba(5, 116, 228, var(--tw-text-opacity)) !important;
1294
+ }
1295
+
1296
+ .hover\:text-blue-500:hover {
1297
+ --tw-text-opacity: 1 !important;
1298
+ color: rgba(0, 132, 255, var(--tw-text-opacity)) !important;
1449
1299
  }
1450
1300
 
1451
1301
  .hover\:opacity-100:hover {
1452
- opacity: 1 !important;
1302
+ opacity: 1 !important;
1453
1303
  }
1454
1304
 
1455
1305
  .hover\:opacity-80:hover {
1456
- opacity: .8 !important;
1306
+ opacity: .8 !important;
1457
1307
  }
1458
1308
 
1459
1309
  .focus\:outline-none:focus {
1460
- outline: 2px solid transparent !important;
1461
- outline-offset: 2px !important;
1310
+ outline: 2px solid transparent !important;
1311
+ outline-offset: 2px !important;
1462
1312
  }
1463
1313
 
1464
1314
  .group:hover .group-hover\:opacity-100 {
1465
- opacity: 1 !important;
1315
+ opacity: 1 !important;
1466
1316
  }
1467
1317
 
1468
1318
  .group:hover .group-hover\:opacity-80 {
1469
- opacity: .8 !important;
1319
+ opacity: .8 !important;
1470
1320
  }
1471
1321
 
1472
1322
  @media (min-width: 640px) {
1473
1323
 
1474
- .sm\:rounded-lg {
1475
- border-radius: 8px !important;
1476
- }
1324
+ .sm\:rounded-lg {
1325
+ border-radius: 8px !important;
1326
+ }
1477
1327
  }
1478
1328
 
1479
1329
  @media (min-width: 1024px) {
1480
1330
 
1481
- .lg\:w-96 {
1482
- width: 384px !important;
1483
- }
1331
+ .lg\:w-96 {
1332
+ width: 384px !important;
1333
+ }
1484
1334
  }