woby-tooltip 1.0.5 → 1.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/output.css CHANGED
@@ -1,5 +1,113 @@
1
+ *, ::before, ::after {
2
+ --tw-border-spacing-x: 0;
3
+ --tw-border-spacing-y: 0;
4
+ --tw-translate-x: 0;
5
+ --tw-translate-y: 0;
6
+ --tw-rotate: 0;
7
+ --tw-skew-x: 0;
8
+ --tw-skew-y: 0;
9
+ --tw-scale-x: 1;
10
+ --tw-scale-y: 1;
11
+ --tw-pan-x: ;
12
+ --tw-pan-y: ;
13
+ --tw-pinch-zoom: ;
14
+ --tw-scroll-snap-strictness: proximity;
15
+ --tw-gradient-from-position: ;
16
+ --tw-gradient-via-position: ;
17
+ --tw-gradient-to-position: ;
18
+ --tw-ordinal: ;
19
+ --tw-slashed-zero: ;
20
+ --tw-numeric-figure: ;
21
+ --tw-numeric-spacing: ;
22
+ --tw-numeric-fraction: ;
23
+ --tw-ring-inset: ;
24
+ --tw-ring-offset-width: 0px;
25
+ --tw-ring-offset-color: #fff;
26
+ --tw-ring-color: rgb(59 130 246 / 0.5);
27
+ --tw-ring-offset-shadow: 0 0 #0000;
28
+ --tw-ring-shadow: 0 0 #0000;
29
+ --tw-shadow: 0 0 #0000;
30
+ --tw-shadow-colored: 0 0 #0000;
31
+ --tw-blur: ;
32
+ --tw-brightness: ;
33
+ --tw-contrast: ;
34
+ --tw-grayscale: ;
35
+ --tw-hue-rotate: ;
36
+ --tw-invert: ;
37
+ --tw-saturate: ;
38
+ --tw-sepia: ;
39
+ --tw-drop-shadow: ;
40
+ --tw-backdrop-blur: ;
41
+ --tw-backdrop-brightness: ;
42
+ --tw-backdrop-contrast: ;
43
+ --tw-backdrop-grayscale: ;
44
+ --tw-backdrop-hue-rotate: ;
45
+ --tw-backdrop-invert: ;
46
+ --tw-backdrop-opacity: ;
47
+ --tw-backdrop-saturate: ;
48
+ --tw-backdrop-sepia: ;
49
+ --tw-contain-size: ;
50
+ --tw-contain-layout: ;
51
+ --tw-contain-paint: ;
52
+ --tw-contain-style: ;
53
+ }
54
+
55
+ ::backdrop {
56
+ --tw-border-spacing-x: 0;
57
+ --tw-border-spacing-y: 0;
58
+ --tw-translate-x: 0;
59
+ --tw-translate-y: 0;
60
+ --tw-rotate: 0;
61
+ --tw-skew-x: 0;
62
+ --tw-skew-y: 0;
63
+ --tw-scale-x: 1;
64
+ --tw-scale-y: 1;
65
+ --tw-pan-x: ;
66
+ --tw-pan-y: ;
67
+ --tw-pinch-zoom: ;
68
+ --tw-scroll-snap-strictness: proximity;
69
+ --tw-gradient-from-position: ;
70
+ --tw-gradient-via-position: ;
71
+ --tw-gradient-to-position: ;
72
+ --tw-ordinal: ;
73
+ --tw-slashed-zero: ;
74
+ --tw-numeric-figure: ;
75
+ --tw-numeric-spacing: ;
76
+ --tw-numeric-fraction: ;
77
+ --tw-ring-inset: ;
78
+ --tw-ring-offset-width: 0px;
79
+ --tw-ring-offset-color: #fff;
80
+ --tw-ring-color: rgb(59 130 246 / 0.5);
81
+ --tw-ring-offset-shadow: 0 0 #0000;
82
+ --tw-ring-shadow: 0 0 #0000;
83
+ --tw-shadow: 0 0 #0000;
84
+ --tw-shadow-colored: 0 0 #0000;
85
+ --tw-blur: ;
86
+ --tw-brightness: ;
87
+ --tw-contrast: ;
88
+ --tw-grayscale: ;
89
+ --tw-hue-rotate: ;
90
+ --tw-invert: ;
91
+ --tw-saturate: ;
92
+ --tw-sepia: ;
93
+ --tw-drop-shadow: ;
94
+ --tw-backdrop-blur: ;
95
+ --tw-backdrop-brightness: ;
96
+ --tw-backdrop-contrast: ;
97
+ --tw-backdrop-grayscale: ;
98
+ --tw-backdrop-hue-rotate: ;
99
+ --tw-backdrop-invert: ;
100
+ --tw-backdrop-opacity: ;
101
+ --tw-backdrop-saturate: ;
102
+ --tw-backdrop-sepia: ;
103
+ --tw-contain-size: ;
104
+ --tw-contain-layout: ;
105
+ --tw-contain-paint: ;
106
+ --tw-contain-style: ;
107
+ }
108
+
1
109
  /*
2
- ! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
110
+ ! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com
3
111
  */
4
112
 
5
113
  /*
@@ -442,182 +550,12 @@ video {
442
550
 
443
551
  /* Make elements with the HTML hidden attribute stay hidden by default */
444
552
 
445
- [hidden] {
553
+ [hidden]:where(:not([hidden="until-found"])) {
446
554
  display: none;
447
555
  }
448
556
 
449
- .rpt-alert {
450
- animation : rpt-alert 2s infinite;
451
- animation-fill-mode: initial;
452
- }
453
-
454
- @keyframes rpt-alert {
455
- 70% {
456
- box-shadow: 0 0 0 10px rgba(255, 255, 255, 0)
457
- }
458
-
459
- 100% {
460
- box-shadow: 0 0 0 10px rgba(255, 255, 255, 0)
461
- }
462
- }
463
-
464
- @keyframes rpt-bounce {
465
- 0% {
466
- transform: scale(0.8);
467
- opacity : 0.1
468
- }
469
-
470
- 60% {
471
- transform: scale(1.1);
472
- opacity : 1
473
- }
474
-
475
- 100% {
476
- transform: scale(1);
477
- }
478
- }
479
-
480
- @keyframes rpt-bounce-out {
481
- 20% {
482
- transform: scale(1.1);
483
- }
484
-
485
- 100% {
486
- transform: scale(0.8);
487
- opacity : 0.1
488
- }
489
- }
490
-
491
- @keyframes rpt-fade {
492
- 0% {
493
- opacity: 0.1
494
- }
495
-
496
- 100% {
497
- opacity: 1
498
- }
499
- }
500
-
501
- @keyframes rpt-fade-out {
502
- 0% {
503
- opacity: 1
504
- }
505
-
506
- 60% {
507
- opacity: 0
508
- }
509
-
510
- 100% {
511
- opacity: 0
512
- }
513
- }
514
-
515
- *, ::before, ::after {
516
- --tw-border-spacing-x: 0;
517
- --tw-border-spacing-y: 0;
518
- --tw-translate-x: 0;
519
- --tw-translate-y: 0;
520
- --tw-rotate: 0;
521
- --tw-skew-x: 0;
522
- --tw-skew-y: 0;
523
- --tw-scale-x: 1;
524
- --tw-scale-y: 1;
525
- --tw-pan-x: ;
526
- --tw-pan-y: ;
527
- --tw-pinch-zoom: ;
528
- --tw-scroll-snap-strictness: proximity;
529
- --tw-gradient-from-position: ;
530
- --tw-gradient-via-position: ;
531
- --tw-gradient-to-position: ;
532
- --tw-ordinal: ;
533
- --tw-slashed-zero: ;
534
- --tw-numeric-figure: ;
535
- --tw-numeric-spacing: ;
536
- --tw-numeric-fraction: ;
537
- --tw-ring-inset: ;
538
- --tw-ring-offset-width: 0px;
539
- --tw-ring-offset-color: #fff;
540
- --tw-ring-color: rgb(59 130 246 / 0.5);
541
- --tw-ring-offset-shadow: 0 0 #0000;
542
- --tw-ring-shadow: 0 0 #0000;
543
- --tw-shadow: 0 0 #0000;
544
- --tw-shadow-colored: 0 0 #0000;
545
- --tw-blur: ;
546
- --tw-brightness: ;
547
- --tw-contrast: ;
548
- --tw-grayscale: ;
549
- --tw-hue-rotate: ;
550
- --tw-invert: ;
551
- --tw-saturate: ;
552
- --tw-sepia: ;
553
- --tw-drop-shadow: ;
554
- --tw-backdrop-blur: ;
555
- --tw-backdrop-brightness: ;
556
- --tw-backdrop-contrast: ;
557
- --tw-backdrop-grayscale: ;
558
- --tw-backdrop-hue-rotate: ;
559
- --tw-backdrop-invert: ;
560
- --tw-backdrop-opacity: ;
561
- --tw-backdrop-saturate: ;
562
- --tw-backdrop-sepia: ;
563
- --tw-contain-size: ;
564
- --tw-contain-layout: ;
565
- --tw-contain-paint: ;
566
- --tw-contain-style: ;
567
- }
568
-
569
- ::backdrop {
570
- --tw-border-spacing-x: 0;
571
- --tw-border-spacing-y: 0;
572
- --tw-translate-x: 0;
573
- --tw-translate-y: 0;
574
- --tw-rotate: 0;
575
- --tw-skew-x: 0;
576
- --tw-skew-y: 0;
577
- --tw-scale-x: 1;
578
- --tw-scale-y: 1;
579
- --tw-pan-x: ;
580
- --tw-pan-y: ;
581
- --tw-pinch-zoom: ;
582
- --tw-scroll-snap-strictness: proximity;
583
- --tw-gradient-from-position: ;
584
- --tw-gradient-via-position: ;
585
- --tw-gradient-to-position: ;
586
- --tw-ordinal: ;
587
- --tw-slashed-zero: ;
588
- --tw-numeric-figure: ;
589
- --tw-numeric-spacing: ;
590
- --tw-numeric-fraction: ;
591
- --tw-ring-inset: ;
592
- --tw-ring-offset-width: 0px;
593
- --tw-ring-offset-color: #fff;
594
- --tw-ring-color: rgb(59 130 246 / 0.5);
595
- --tw-ring-offset-shadow: 0 0 #0000;
596
- --tw-ring-shadow: 0 0 #0000;
597
- --tw-shadow: 0 0 #0000;
598
- --tw-shadow-colored: 0 0 #0000;
599
- --tw-blur: ;
600
- --tw-brightness: ;
601
- --tw-contrast: ;
602
- --tw-grayscale: ;
603
- --tw-hue-rotate: ;
604
- --tw-invert: ;
605
- --tw-saturate: ;
606
- --tw-sepia: ;
607
- --tw-drop-shadow: ;
608
- --tw-backdrop-blur: ;
609
- --tw-backdrop-brightness: ;
610
- --tw-backdrop-contrast: ;
611
- --tw-backdrop-grayscale: ;
612
- --tw-backdrop-hue-rotate: ;
613
- --tw-backdrop-invert: ;
614
- --tw-backdrop-opacity: ;
615
- --tw-backdrop-saturate: ;
616
- --tw-backdrop-sepia: ;
617
- --tw-contain-size: ;
618
- --tw-contain-layout: ;
619
- --tw-contain-paint: ;
620
- --tw-contain-style: ;
557
+ .invisible {
558
+ visibility: hidden;
621
559
  }
622
560
 
623
561
  .static {
@@ -632,173 +570,52 @@ video {
632
570
  position: relative;
633
571
  }
634
572
 
635
- .sticky {
636
- position: sticky;
573
+ .-top-5 {
574
+ top: -1.25rem;
637
575
  }
638
576
 
639
- .left-0 {
640
- left: 0px;
577
+ .bottom-full {
578
+ bottom: 100%;
641
579
  }
642
580
 
643
- .left-1\/4 {
644
- left: 25%;
645
- }
646
-
647
- .left-\[50px\] {
648
- left: 50px;
581
+ .left-2\/4 {
582
+ left: 50%;
649
583
  }
650
584
 
651
585
  .left-full {
652
586
  left: 100%;
653
587
  }
654
588
 
655
- .right-1\/4 {
656
- right: 25%;
657
- }
658
-
659
589
  .right-full {
660
590
  right: 100%;
661
591
  }
662
592
 
663
- .top-0 {
664
- top: 0px;
593
+ .top-10 {
594
+ top: 2.5rem;
665
595
  }
666
596
 
667
- .top-full {
668
- top: 100%;
669
- }
670
-
671
- .z-0 {
672
- z-index: 0;
673
- }
674
-
675
- .z-\[1\] {
676
- z-index: 1;
677
- }
678
-
679
- .z-\[2\] {
680
- z-index: 2;
681
- }
682
-
683
- .m-2 {
684
- margin: 0.5rem;
685
- }
686
-
687
- .m-2\.5 {
688
- margin: 0.625rem;
689
- }
690
-
691
- .m-\[3px\] {
692
- margin: 3px;
693
- }
694
-
695
- .mx-0 {
696
- margin-left: 0px;
697
- margin-right: 0px;
698
- }
699
-
700
- .mx-\[20px\] {
701
- margin-left: 20px;
702
- margin-right: 20px;
703
- }
704
-
705
- .mx-auto {
706
- margin-left: auto;
707
- margin-right: auto;
708
- }
709
-
710
- .my-0 {
711
- margin-top: 0px;
712
- margin-bottom: 0px;
713
- }
714
-
715
- .my-\[15px\] {
716
- margin-top: 15px;
717
- margin-bottom: 15px;
718
- }
719
-
720
- .mb-0 {
721
- margin-bottom: 0px;
722
- }
723
-
724
- .mb-2 {
725
- margin-bottom: 0.5rem;
726
- }
727
-
728
- .mb-2\.5 {
729
- margin-bottom: 0.625rem;
597
+ .top-2\/4 {
598
+ top: 50%;
730
599
  }
731
600
 
732
- .mb-\[10px\] {
733
- margin-bottom: 10px;
734
- }
735
-
736
- .mb-\[15px\] {
737
- margin-bottom: 15px;
738
- }
739
-
740
- .mb-\[30px\] {
741
- margin-bottom: 30px;
742
- }
743
-
744
- .mb-\[40px\] {
745
- margin-bottom: 40px;
746
- }
747
-
748
- .mb-\[65px\] {
749
- margin-bottom: 65px;
601
+ .top-full {
602
+ top: 100%;
750
603
  }
751
604
 
752
- .ml-12 {
753
- margin-left: 3rem;
605
+ .z-\[99999999\] {
606
+ z-index: 99999999;
754
607
  }
755
608
 
756
609
  .ml-5 {
757
610
  margin-left: 1.25rem;
758
611
  }
759
612
 
760
- .ml-\[30px\] {
761
- margin-left: 30px;
762
- }
763
-
764
- .ml-\[8px\] {
765
- margin-left: 8px;
766
- }
767
-
768
- .mr-0 {
769
- margin-right: 0px;
770
- }
771
-
772
- .mt-0 {
773
- margin-top: 0px;
774
- }
775
-
776
- .mt-2 {
777
- margin-top: 0.5rem;
778
- }
779
-
780
- .mt-2\.5 {
781
- margin-top: 0.625rem;
782
- }
783
-
784
- .mt-20 {
785
- margin-top: 5rem;
613
+ .mr-5 {
614
+ margin-right: 1.25rem;
786
615
  }
787
616
 
788
- .mt-\[15px\] {
789
- margin-top: 15px;
790
- }
791
-
792
- .mt-\[25px\] {
793
- margin-top: 25px;
794
- }
795
-
796
- .mt-\[30px\] {
797
- margin-top: 30px;
798
- }
799
-
800
- .mt-\[5px\] {
801
- margin-top: 5px;
617
+ .box-border {
618
+ box-sizing: border-box;
802
619
  }
803
620
 
804
621
  .block {
@@ -809,231 +626,90 @@ video {
809
626
  display: inline-block;
810
627
  }
811
628
 
812
- .flex {
813
- display: flex;
814
- }
815
-
816
629
  .table {
817
630
  display: table;
818
631
  }
819
632
 
820
- .hidden {
821
- display: none;
822
- }
823
-
824
- .h-\[100px\] {
825
- height: 100px;
826
- }
827
-
828
- .h-\[14px\] {
829
- height: 14px;
830
- }
831
-
832
- .h-\[300px\] {
833
- height: 300px;
834
- }
835
-
836
- .h-\[60\%\] {
837
- height: 60%;
838
- }
839
-
840
- .h-\[65px\] {
841
- height: 65px;
842
- }
843
-
844
- .h-\[70\%\] {
845
- height: 70%;
846
- }
847
-
848
- .h-full {
849
- height: 100%;
850
- }
851
-
852
- .w-4\/5 {
853
- width: 80%;
854
- }
855
-
856
- .w-\[10px\] {
857
- width: 10px;
858
- }
859
-
860
- .w-\[14px\] {
861
- width: 14px;
862
- }
863
-
864
- .w-\[150px\] {
865
- width: 150px;
866
- }
867
-
868
- .w-\[165px\] {
869
- width: 165px;
870
- }
871
-
872
- .w-\[190px\] {
873
- width: 190px;
874
- }
875
-
876
- .w-\[250px\] {
877
- width: 250px;
633
+ .h-screen {
634
+ height: 100vh;
878
635
  }
879
636
 
880
637
  .w-\[400px\] {
881
638
  width: 400px;
882
639
  }
883
640
 
884
- .w-\[70\%\] {
885
- width: 70%;
641
+ .min-w-\[200px\] {
642
+ min-width: 200px;
886
643
  }
887
644
 
888
- .w-\[95\%\] {
889
- width: 95%;
645
+ .min-w-\[300px\] {
646
+ min-width: 300px;
890
647
  }
891
648
 
892
- .w-full {
893
- width: 100%;
649
+ .min-w-\[400px\] {
650
+ min-width: 400px;
894
651
  }
895
652
 
896
- .rotate-45 {
897
- --tw-rotate: 45deg;
898
- 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));
653
+ .min-w-max {
654
+ min-width: -moz-max-content;
655
+ min-width: max-content;
899
656
  }
900
657
 
901
- .transform {
658
+ .-translate-y-2\/4 {
659
+ --tw-translate-y: -50%;
902
660
  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));
903
661
  }
904
662
 
905
- .cursor-default {
906
- cursor: default;
907
- }
908
-
909
- .cursor-pointer {
910
- cursor: pointer;
911
- }
912
-
913
- .list-decimal {
914
- list-style-type: decimal;
915
- }
916
-
917
- .list-disc {
918
- list-style-type: disc;
919
- }
920
-
921
- .flex-row {
922
- flex-direction: row;
923
- }
924
-
925
- .flex-col {
926
- flex-direction: column;
927
- }
928
-
929
- .items-end {
930
- align-items: flex-end;
931
- }
932
-
933
- .items-center {
934
- align-items: center;
935
- }
936
-
937
- .\!justify-start {
938
- justify-content: flex-start !important;
939
- }
940
-
941
- .justify-start {
942
- justify-content: flex-start;
943
- }
944
-
945
- .\!justify-end {
946
- justify-content: flex-end !important;
947
- }
948
-
949
- .justify-end {
950
- justify-content: flex-end;
951
- }
952
-
953
- .justify-center {
954
- justify-content: center;
663
+ .translate-x-0 {
664
+ --tw-translate-x: 0px;
665
+ 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));
955
666
  }
956
667
 
957
- .justify-between {
958
- justify-content: space-between;
668
+ .transform {
669
+ 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));
959
670
  }
960
671
 
961
- .justify-around {
962
- justify-content: space-around;
672
+ .place-items-center {
673
+ place-items: center;
963
674
  }
964
675
 
965
676
  .overflow-hidden {
966
677
  overflow: hidden;
967
678
  }
968
679
 
969
- .overflow-scroll {
970
- overflow: scroll;
971
- }
972
-
973
- .overflow-y-hidden {
974
- overflow-y: hidden;
975
- }
976
-
977
- .whitespace-nowrap {
978
- white-space: nowrap;
979
- }
980
-
981
- .rounded-\[5px\] {
982
- border-radius: 5px;
680
+ .rounded-lg {
681
+ border-radius: 0.5rem;
983
682
  }
984
683
 
985
684
  .border {
986
685
  border-width: 1px;
987
686
  }
988
687
 
989
- .border-2 {
990
- border-width: 2px;
991
- }
992
-
993
688
  .border-b {
994
689
  border-bottom-width: 1px;
995
690
  }
996
691
 
997
- .border-b-\[1px\] {
998
- border-bottom-width: 1px;
999
- }
1000
-
1001
- .border-b-\[3px\] {
1002
- border-bottom-width: 3px;
1003
- }
1004
-
1005
692
  .border-solid {
1006
693
  border-style: solid;
1007
694
  }
1008
695
 
1009
- .border-\[\#4b4b4b\] {
1010
- --tw-border-opacity: 1;
1011
- border-color: rgb(75 75 75 / var(--tw-border-opacity));
1012
- }
1013
-
1014
- .border-\[lightgrey\] {
1015
- --tw-border-opacity: 1;
1016
- border-color: rgb(211 211 211 / var(--tw-border-opacity));
696
+ .border-dotted {
697
+ border-style: dotted;
1017
698
  }
1018
699
 
1019
- .border-b-\[\#ececec\] {
700
+ .border-\[\#000000\] {
1020
701
  --tw-border-opacity: 1;
1021
- border-bottom-color: rgb(236 236 236 / var(--tw-border-opacity));
702
+ border-color: rgb(0 0 0 / var(--tw-border-opacity));
1022
703
  }
1023
704
 
1024
- .border-b-\[purple\] {
705
+ .border-b-\[\#666\] {
1025
706
  --tw-border-opacity: 1;
1026
- border-bottom-color: rgb(128 0 128 / var(--tw-border-opacity));
1027
- }
1028
-
1029
- .bg-\[\#181818\] {
1030
- --tw-bg-opacity: 1;
1031
- background-color: rgb(24 24 24 / var(--tw-bg-opacity));
707
+ border-bottom-color: rgb(102 102 102 / var(--tw-border-opacity));
1032
708
  }
1033
709
 
1034
- .bg-\[\#3b0586\] {
710
+ .bg-\[\#009cdc\] {
1035
711
  --tw-bg-opacity: 1;
1036
- background-color: rgb(59 5 134 / var(--tw-bg-opacity));
712
+ background-color: rgb(0 156 220 / var(--tw-bg-opacity));
1037
713
  }
1038
714
 
1039
715
  .bg-\[\#444444\] {
@@ -1041,184 +717,45 @@ video {
1041
717
  background-color: rgb(68 68 68 / var(--tw-bg-opacity));
1042
718
  }
1043
719
 
1044
- .bg-\[\#ececec\] {
720
+ .bg-\[\#eeeeee\] {
1045
721
  --tw-bg-opacity: 1;
1046
- background-color: rgb(236 236 236 / var(--tw-bg-opacity));
722
+ background-color: rgb(238 238 238 / var(--tw-bg-opacity));
1047
723
  }
1048
724
 
1049
- .bg-\[rgba\(137\2c 27\2c 211\2c 0\.4\)\] {
1050
- background-color: rgba(137,27,211,0.4);
1051
- }
1052
-
1053
- .bg-\[white\] {
725
+ .bg-gray-100 {
1054
726
  --tw-bg-opacity: 1;
1055
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1056
- }
1057
-
1058
- .p-0 {
1059
- padding: 0px;
1060
- }
1061
-
1062
- .p-\[15px\] {
1063
- padding: 15px;
1064
- }
1065
-
1066
- .p-\[50px\] {
1067
- padding: 50px;
1068
- }
1069
-
1070
- .px-0 {
1071
- padding-left: 0px;
1072
- padding-right: 0px;
1073
- }
1074
-
1075
- .px-\[20px\] {
1076
- padding-left: 20px;
1077
- padding-right: 20px;
1078
- }
1079
-
1080
- .px-\[30px\] {
1081
- padding-left: 30px;
1082
- padding-right: 30px;
1083
- }
1084
-
1085
- .py-0 {
1086
- padding-top: 0px;
1087
- padding-bottom: 0px;
1088
- }
1089
-
1090
- .py-\[15px\] {
1091
- padding-top: 15px;
1092
- padding-bottom: 15px;
1093
- }
1094
-
1095
- .pb-0 {
1096
- padding-bottom: 0px;
1097
- }
1098
-
1099
- .pb-2 {
1100
- padding-bottom: 0.5rem;
1101
- }
1102
-
1103
- .pb-2\.5 {
1104
- padding-bottom: 0.625rem;
1105
- }
1106
-
1107
- .pb-20 {
1108
- padding-bottom: 5rem;
1109
- }
1110
-
1111
- .pb-\[100px\] {
1112
- padding-bottom: 100px;
1113
- }
1114
-
1115
- .pb-\[135px\] {
1116
- padding-bottom: 135px;
1117
- }
1118
-
1119
- .pb-\[140px\] {
1120
- padding-bottom: 140px;
1121
- }
1122
-
1123
- .pb-\[50px\] {
1124
- padding-bottom: 50px;
1125
- }
1126
-
1127
- .pb-\[60px\] {
1128
- padding-bottom: 60px;
727
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1129
728
  }
1130
729
 
1131
- .pt-0 {
1132
- padding-top: 0px;
730
+ .p-5 {
731
+ padding: 1.25rem;
1133
732
  }
1134
733
 
1135
- .pt-2 {
1136
- padding-top: 0.5rem;
734
+ .px-5 {
735
+ padding-left: 1.25rem;
736
+ padding-right: 1.25rem;
1137
737
  }
1138
738
 
1139
- .pt-2\.5 {
739
+ .py-2\.5 {
1140
740
  padding-top: 0.625rem;
741
+ padding-bottom: 0.625rem;
1141
742
  }
1142
743
 
1143
- .pt-\[25px\] {
1144
- padding-top: 25px;
1145
- }
1146
-
1147
- .pt-\[30px\] {
1148
- padding-top: 30px;
1149
- }
1150
-
1151
- .pt-\[75px\] {
1152
- padding-top: 75px;
1153
- }
1154
-
1155
- .text-center {
1156
- text-align: center;
1157
- }
1158
-
1159
- .text-\[12px\] {
1160
- font-size: 12px;
1161
- }
1162
-
1163
- .text-\[13px\] {
1164
- font-size: 13px;
1165
- }
1166
-
1167
- .text-\[14px\] {
1168
- font-size: 14px;
1169
- }
1170
-
1171
- .text-\[15px\] {
1172
- font-size: 15px;
1173
- }
1174
-
1175
- .text-\[16px\] {
1176
- font-size: 16px;
744
+ .text-left {
745
+ text-align: left;
1177
746
  }
1178
747
 
1179
- .text-sm {
1180
- font-size: 0.875rem;
1181
- line-height: 1.25rem;
748
+ .font-\[22px\] {
749
+ font-weight: 22px;
1182
750
  }
1183
751
 
1184
752
  .font-bold {
1185
753
  font-weight: 700;
1186
754
  }
1187
755
 
1188
- .leading-\[1\.5\] {
1189
- line-height: 1.5;
1190
- }
1191
-
1192
- .leading-\[1\.7\] {
1193
- line-height: 1.7;
1194
- }
1195
-
1196
- .leading-\[2\] {
1197
- line-height: 2;
1198
- }
1199
-
1200
- .text-\[\#404040\] {
756
+ .text-\[\#EEEEEE\] {
1201
757
  --tw-text-opacity: 1;
1202
- color: rgb(64 64 64 / var(--tw-text-opacity));
1203
- }
1204
-
1205
- .text-\[\#680988\] {
1206
- --tw-text-opacity: 1;
1207
- color: rgb(104 9 136 / var(--tw-text-opacity));
1208
- }
1209
-
1210
- .text-\[black\] {
1211
- --tw-text-opacity: 1;
1212
- color: rgb(0 0 0 / var(--tw-text-opacity));
1213
- }
1214
-
1215
- .text-\[inherit\] {
1216
- color: inherit;
1217
- }
1218
-
1219
- .text-\[purple\] {
1220
- --tw-text-opacity: 1;
1221
- color: rgb(128 0 128 / var(--tw-text-opacity));
758
+ color: rgb(238 238 238 / var(--tw-text-opacity));
1222
759
  }
1223
760
 
1224
761
  .text-\[white\] {
@@ -1226,99 +763,117 @@ video {
1226
763
  color: rgb(255 255 255 / var(--tw-text-opacity));
1227
764
  }
1228
765
 
1229
- .text-inherit {
1230
- color: inherit;
766
+ .opacity-0 {
767
+ opacity: 0;
1231
768
  }
1232
769
 
1233
- .shadow {
1234
- --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
1235
- --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
770
+ .shadow-\[0_1px_8px_\#000000\] {
771
+ --tw-shadow: 0 1px 8px #000000;
772
+ --tw-shadow-colored: 0 1px 8px var(--tw-shadow-color);
1236
773
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1237
774
  }
1238
775
 
1239
- .shadow-\[rgba\(0\2c 0\2c 0\2c \.18\)0_0_0_1px\] {
1240
- --tw-shadow: rgba(0,0,0,.18)0 0 0 1px;
1241
- --tw-shadow-colored: 0 0 1px var(--tw-shadow-color);
776
+ .shadow-\[0_1px_8px_rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
777
+ --tw-shadow: 0 1px 8px rgba(0,0,0,0.5);
778
+ --tw-shadow-colored: 0 1px 8px var(--tw-shadow-color);
1242
779
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1243
780
  }
1244
781
 
1245
- .blur {
1246
- --tw-blur: blur(8px);
1247
- 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);
1248
- }
1249
-
1250
- .filter {
1251
- 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);
782
+ .transition {
783
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
784
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
785
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
786
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
787
+ transition-duration: 150ms;
1252
788
  }
1253
789
 
1254
- .\[box-shadow\:rgba\(0\2c 0\2c 0\2c 0\.18\)0px_0px_0px_1px\] {
1255
- box-shadow: rgba(0,0,0,0.18)0px 0px 0px 1px;
790
+ .transition-opacity {
791
+ transition-property: opacity;
792
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
793
+ transition-duration: 150ms;
1256
794
  }
1257
795
 
1258
- .\[font-size\:inherit\] {
1259
- font-size: inherit;
796
+ .duration-\[0\.8s\] {
797
+ transition-duration: 0.8s;
1260
798
  }
1261
799
 
1262
- .\[margin-block-end\:1em\] {
1263
- margin-block-end: 1em;
800
+ .after\:absolute::after {
801
+ content: var(--tw-content);
802
+ position: absolute;
1264
803
  }
1265
804
 
1266
- .\[margin-block-start\:1em\] {
1267
- margin-block-start: 1em;
805
+ .after\:left-0::after {
806
+ content: var(--tw-content);
807
+ left: 0px;
1268
808
  }
1269
809
 
1270
- .\[margin-inline-end\:0px\] {
1271
- margin-inline-end: 0px;
810
+ .after\:left-2\/4::after {
811
+ content: var(--tw-content);
812
+ left: 50%;
1272
813
  }
1273
814
 
1274
- .\[margin-inline-start\:0px\] {
1275
- margin-inline-start: 0px;
815
+ .after\:top-2\/4::after {
816
+ content: var(--tw-content);
817
+ top: 50%;
1276
818
  }
1277
819
 
1278
- .\[padding-inline-start\:40px\] {
1279
- padding-inline-start: 40px;
820
+ .after\:-translate-x-2\/4::after {
821
+ content: var(--tw-content);
822
+ --tw-translate-x: -50%;
823
+ 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
824
  }
1281
825
 
1282
- .\[\&_span\]\:box-border span {
1283
- box-sizing: border-box;
826
+ .after\:-translate-y-2\/4::after {
827
+ content: var(--tw-content);
828
+ --tw-translate-y: -50%;
829
+ 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));
1284
830
  }
1285
831
 
1286
- .\[\&_span\]\:block span {
1287
- display: block;
832
+ .after\:translate-x-2\/4::after {
833
+ content: var(--tw-content);
834
+ --tw-translate-x: 50%;
835
+ 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));
1288
836
  }
1289
837
 
1290
- .\[\&_span\]\:cursor-pointer span {
1291
- cursor: pointer;
838
+ .after\:translate-y-2\/4::after {
839
+ content: var(--tw-content);
840
+ --tw-translate-y: 50%;
841
+ 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));
1292
842
  }
1293
843
 
1294
- .\[\&_span_p\]\:m-0 span p {
1295
- margin: 0px;
844
+ .after\:-rotate-45::after {
845
+ content: var(--tw-content);
846
+ --tw-rotate: -45deg;
847
+ 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));
1296
848
  }
1297
849
 
1298
- .\[\&_span_p\]\:mt-\[6px\] span p {
1299
- margin-top: 6px;
850
+ .after\:rotate-45::after {
851
+ content: var(--tw-content);
852
+ --tw-rotate: 45deg;
853
+ 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));
1300
854
  }
1301
855
 
1302
- .\[\&_span_p\]\:p-0 span p {
1303
- padding: 0px;
856
+ .after\:content-\[\'\'\]::after {
857
+ --tw-content: '';
858
+ content: var(--tw-content);
1304
859
  }
1305
860
 
1306
- .\[\&_span_p\]\:text-\[90\%\] span p {
1307
- font-size: 90%;
861
+ .\[\&\:hover_\.tpcontents\]\:visible:hover .tpcontents {
862
+ visibility: visible;
1308
863
  }
1309
864
 
1310
- .\[\&_span_p\]\:font-normal span p {
1311
- font-weight: 400;
865
+ .\[\&\:hover_\.tpcontents\]\:opacity-100:hover .tpcontents {
866
+ opacity: 1;
1312
867
  }
1313
868
 
1314
- .\[\&_span_p\]\:leading-\[12px\] span p {
1315
- line-height: 12px;
869
+ .\[\&_td\]\:h-\[7rem\] td {
870
+ height: 7rem;
1316
871
  }
1317
872
 
1318
- .\[\&_span_p\]\:text-inherit span p {
1319
- color: inherit;
873
+ .\[\&_td\]\:w-\[7rem\] td {
874
+ width: 7rem;
1320
875
  }
1321
876
 
1322
- .\[\&_span_p\]\:opacity-0 span p {
1323
- opacity: 0;
877
+ .\[\&_td\]\:text-center td {
878
+ text-align: center;
1324
879
  }