@pelcro/react-pelcro-js 3.11.0-alpha.1 → 3.11.0-beta.2

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 (5) hide show
  1. package/dist/index.cjs.js +15048 -17151
  2. package/dist/index.esm.js +15050 -17153
  3. package/dist/pelcro.css +1185 -1665
  4. package/package.json +1 -2
  5. package/dist/510798e15108a39b.svg +0 -3
package/dist/pelcro.css CHANGED
@@ -22,7 +22,8 @@ Use a more readable tab size (opinionated).
22
22
  */
23
23
 
24
24
  .pelcro-root {
25
- tab-size: 4;
25
+ -moz-tab-size: 4;
26
+ tab-size: 4;
26
27
  }
27
28
 
28
29
  /**
@@ -659,20 +660,20 @@ Add the correct display in Chrome and Safari.
659
660
  }
660
661
 
661
662
  .pelcro-root .pelcro-badge {
662
- position: absolute;
663
+ background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
664
+ border-radius: 9999px;
663
665
  display: flex;
664
- height: 25%;
665
- width: 25%;
666
666
  flex-wrap: wrap;
667
667
  align-items: center;
668
668
  justify-content: center;
669
- border-radius: 9999px;
670
- background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
669
+ font-weight: 700;
670
+ height: 25%;
671
671
  font-size: 0.875rem;
672
672
  line-height: 1.25rem;
673
- font-weight: 700;
673
+ position: absolute;
674
674
  --tw-text-opacity: 1;
675
675
  color: rgba(255, 255, 255, var(--tw-text-opacity));
676
+ width: 25%;
676
677
  top: -5%;
677
678
  right: -5%;
678
679
  }
@@ -682,19 +683,19 @@ Add the correct display in Chrome and Safari.
682
683
  }
683
684
 
684
685
  .pelcro-root .pelcro-modal-overlay {
685
- position: fixed;
686
- top: 0px;
687
- left: 0px;
688
- z-index: 999999;
686
+ --tw-bg-opacity: 1;
687
+ background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
688
+ --tw-bg-opacity: 0.6;
689
689
  display: flex;
690
- height: 100%;
691
- width: 100%;
692
690
  align-items: center;
693
691
  justify-content: center;
692
+ height: 100%;
694
693
  overflow: auto;
695
- --tw-bg-opacity: 1;
696
- background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
697
- --tw-bg-opacity: 0.6;
694
+ position: fixed;
695
+ top: 0px;
696
+ left: 0px;
697
+ width: 100%;
698
+ z-index: 999999;
698
699
  -webkit-backdrop-filter: blur(2px);
699
700
  backdrop-filter: blur(2px);
700
701
  }
@@ -734,16 +735,17 @@ Add the correct display in Chrome and Safari.
734
735
  }
735
736
 
736
737
  .pelcro-root .pelcro-modal {
737
- position: absolute;
738
- top: 0px;
738
+ --tw-bg-opacity: 1;
739
+ background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
740
+ border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
741
+ border-radius: 0.375rem;
742
+ border-top-width: 8px;
739
743
  display: flex;
740
- max-width: 42rem;
741
744
  flex-direction: column;
742
745
  align-items: center;
743
- overflow: hidden;
744
- border-radius: 0.5rem;
745
- --tw-bg-opacity: 1;
746
- background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
746
+ max-width: 32rem;
747
+ position: absolute;
748
+ top: 0px;
747
749
  }
748
750
 
749
751
  @media (min-width: 768px) {
@@ -757,36 +759,10 @@ Add the correct display in Chrome and Safari.
757
759
  }
758
760
 
759
761
  .pelcro-root .pelcro-modal-header {
760
- position: relative;
761
- display: flex;
762
- min-height: 8rem;
763
- flex-direction: column;
764
- border-bottom-width: 2px;
765
- --tw-bg-opacity: 1;
766
- background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
767
- padding-left: 3rem;
768
- padding-right: 3rem;
769
- padding-top: 0.75rem;
770
- padding-bottom: 0.75rem;
771
- border-bottom-width: 1px;
762
+ padding: 0.25rem;
772
763
  }
773
764
 
774
765
  .pelcro-root .pelcro-modal-close {
775
- position: absolute;
776
- top: 50%;
777
- right: 1.25rem;
778
- z-index: 999999;
779
- width: 1.5rem;
780
- --tw-translate-x: 0;
781
- --tw-translate-y: 0;
782
- --tw-rotate: 0;
783
- --tw-skew-x: 0;
784
- --tw-skew-y: 0;
785
- --tw-scale-x: 1;
786
- --tw-scale-y: 1;
787
- 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));
788
- --tw-translate-y: -50%;
789
- border-width: 0px;
790
766
  background-color: transparent;
791
767
  }
792
768
 
@@ -798,6 +774,18 @@ Add the correct display in Chrome and Safari.
798
774
  background-color: transparent;
799
775
  }
800
776
 
777
+ .pelcro-root .pelcro-modal-close {
778
+ border-width: 0px;
779
+ position: absolute;
780
+ top: 0.75rem;
781
+ right: 0.75rem;
782
+ }
783
+
784
+ .pelcro-root .pelcro-modal-close:hover {
785
+ --tw-shadow: 0 0 #0000;
786
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
787
+ }
788
+
801
789
  .pelcro-root .pelcro-modal-close {
802
790
  --tw-text-opacity: 1;
803
791
  color: rgba(107, 114, 128, var(--tw-text-opacity));
@@ -813,25 +801,16 @@ Add the correct display in Chrome and Safari.
813
801
  color: rgba(0, 0, 0, var(--tw-text-opacity));
814
802
  }
815
803
 
816
- .pelcro-root .pelcro-modal-close:hover {
817
- --tw-shadow: 0 0 #0000;
818
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
804
+ .pelcro-root .pelcro-modal-close {
805
+ width: 1.5rem;
806
+ z-index: 999999;
819
807
  }
820
808
 
821
809
  .pelcro-root .pelcro-modal-body {
822
- --tw-bg-opacity: 1;
823
- background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
824
- padding-left: 1rem;
825
- padding-right: 1rem;
826
- padding-top: 1rem;
827
- padding-bottom: 1rem;
828
- }
829
-
830
- @media (min-width: 768px) {
831
- .pelcro-root .pelcro-modal-body {
832
- padding-left: 4rem;
833
- padding-right: 4rem;
834
- }
810
+ margin-top: 1rem;
811
+ margin-bottom: 1rem;
812
+ margin-left: 2rem;
813
+ margin-right: 2rem;
835
814
  }
836
815
 
837
816
  .pelcro-root .pelcro-modal-footer {
@@ -839,12 +818,12 @@ Add the correct display in Chrome and Safari.
839
818
  flex-direction: column;
840
819
  align-items: center;
841
820
  justify-content: center;
842
- --tw-bg-opacity: 1;
843
- background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
844
- padding: 1rem;
845
- padding-bottom: 2.75rem;
846
821
  font-size: 0.875rem;
847
822
  line-height: 1.25rem;
823
+ margin-left: 2rem;
824
+ margin-right: 2rem;
825
+ margin-bottom: 1rem;
826
+ margin-top: 1.5rem;
848
827
  }
849
828
 
850
829
  .pelcro-root .pelcro-input-wrapper {
@@ -854,21 +833,19 @@ Add the correct display in Chrome and Safari.
854
833
 
855
834
  .pelcro-root .pelcro-input-label {
856
835
  margin-bottom: 0.25rem;
857
- display: inline-flex;
858
- font-weight: 500;
859
836
  --tw-text-opacity: 1;
860
837
  color: rgba(17, 24, 39, var(--tw-text-opacity));
861
838
  }
862
839
 
863
840
  .pelcro-root .pelcro-input-error {
864
- position: absolute;
865
- margin-top: 0.125rem;
866
841
  height: auto;
867
842
  font-size: 0.875rem;
868
843
  line-height: 1.25rem;
869
- text-transform: none;
844
+ margin-top: 0.125rem;
845
+ position: absolute;
870
846
  --tw-text-opacity: 1;
871
847
  color: rgba(180, 48, 43, var(--tw-text-opacity));
848
+ text-transform: none;
872
849
  }
873
850
 
874
851
  .pelcro-root .pelcro-input-invalid {
@@ -880,64 +857,52 @@ Add the correct display in Chrome and Safari.
880
857
  }
881
858
 
882
859
  .pelcro-root .pelcro-input-field {
883
- min-height: 3rem;
884
- width: 100%;
860
+ -webkit-appearance: none;
861
+ appearance: none;
862
+ --tw-bg-opacity: 1;
863
+ background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
885
864
  }
886
865
 
887
866
  .pelcro-root .pelcro-input-field:disabled {
888
- cursor: not-allowed;
867
+ --tw-bg-opacity: 1;
868
+ background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
889
869
  }
890
870
 
891
871
  .pelcro-root .pelcro-input-field {
892
- -webkit-appearance: none;
893
- appearance: none;
894
- border-radius: 0.25rem;
895
- border-width: 1px;
896
- border-style: solid;
897
872
  --tw-border-opacity: 1;
898
873
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
899
- --tw-bg-opacity: 1;
900
- background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
874
+ border-radius: 0.125rem;
875
+ border-style: solid;
876
+ border-width: 1px;
901
877
  }
902
878
 
903
879
  .pelcro-root .pelcro-input-field:disabled {
904
- --tw-bg-opacity: 1;
905
- background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
880
+ cursor: not-allowed;
906
881
  }
907
882
 
908
883
  .pelcro-root .pelcro-input-field {
909
- padding: 0.5rem;
910
- --tw-text-opacity: 1;
911
- color: rgba(17, 24, 39, var(--tw-text-opacity));
912
884
  outline: 2px solid transparent;
913
885
  outline-offset: 2px;
886
+ padding: 0.5rem;
914
887
  }
915
888
 
916
889
  .pelcro-root .pelcro-input-field:focus {
917
890
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
918
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
891
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
919
892
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
920
893
  --tw-ring-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
921
894
  }
922
895
 
923
- .pelcro-root .pelcro-checkbox-label {
924
- padding-left: 0.5rem;
896
+ .pelcro-root .pelcro-input-field {
925
897
  --tw-text-opacity: 1;
926
898
  color: rgba(17, 24, 39, var(--tw-text-opacity));
899
+ width: 100%;
927
900
  }
928
901
 
929
- .pelcro-root .pelcro-checkbox {
930
- height: 1.25rem;
931
- width: 1.25rem;
932
- cursor: pointer;
933
- }
934
-
935
- .pelcro-root .pelcro-checkbox:disabled {
936
- cursor: not-allowed;
937
- }
938
-
939
- .pelcro-root .pelcro-checkbox {
940
- border-radius: 0.125rem;
902
+ .pelcro-root .pelcro-checkbox-label {
903
+ margin-left: 0.5rem;
904
+ --tw-text-opacity: 1;
905
+ color: rgba(17, 24, 39, var(--tw-text-opacity));
941
906
  }
942
907
 
943
908
  .pelcro-root .pelcro-checkbox:checked {
@@ -945,22 +910,30 @@ Add the correct display in Chrome and Safari.
945
910
  }
946
911
 
947
912
  .pelcro-root .pelcro-checkbox {
948
- color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
913
+ border-radius: 0.25rem;
949
914
  }
950
915
 
951
916
  .pelcro-root .pelcro-checkbox:disabled {
952
- --tw-text-opacity: 1;
953
- color: rgba(209, 213, 219, var(--tw-text-opacity));
917
+ cursor: not-allowed;
954
918
  }
955
919
 
956
920
  .pelcro-root .pelcro-checkbox:focus {
957
921
  outline: 2px solid transparent;
958
922
  outline-offset: 2px;
959
923
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
960
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
924
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
961
925
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
926
+ --tw-ring-offset-width: 2px;
962
927
  --tw-ring-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 20%));
963
- --tw-ring-offset-width: 1px;
928
+ }
929
+
930
+ .pelcro-root .pelcro-checkbox {
931
+ color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
932
+ }
933
+
934
+ .pelcro-root .pelcro-checkbox:disabled {
935
+ --tw-text-opacity: 1;
936
+ color: rgba(209, 213, 219, var(--tw-text-opacity));
964
937
  }
965
938
 
966
939
  .pelcro-root .pelcro-checkbox::before {
@@ -969,28 +942,13 @@ Add the correct display in Chrome and Safari.
969
942
 
970
943
  .pelcro-root .pelcro-loader-wrapper {
971
944
  display: flex;
972
- width: 100%;
973
945
  align-items: center;
974
- justify-content: center;
975
946
  align-self: center;
947
+ justify-content: center;
948
+ width: 100%;
976
949
  }
977
950
 
978
951
  .pelcro-root .pelcro-button-solid {
979
- display: inline-flex;
980
- min-height: 3rem;
981
- width: max-content;
982
- }
983
-
984
- .pelcro-root .pelcro-button-solid:disabled {
985
- cursor: not-allowed;
986
- }
987
-
988
- .pelcro-root .pelcro-button-solid {
989
- align-items: center;
990
- justify-content: center;
991
- justify-items: center;
992
- border-radius: 0.25rem;
993
- border-width: 0px;
994
952
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
995
953
  }
996
954
 
@@ -1008,30 +966,32 @@ Add the correct display in Chrome and Safari.
1008
966
  }
1009
967
 
1010
968
  .pelcro-root .pelcro-button-solid {
1011
- padding-left: 1.5rem;
1012
- padding-right: 1.5rem;
1013
- padding-top: 0.5rem;
1014
- padding-bottom: 0.5rem;
1015
- font-weight: 600;
1016
- text-transform: uppercase;
1017
- letter-spacing: 0.05em;
1018
- --tw-text-opacity: 1;
1019
- color: rgba(255, 255, 255, var(--tw-text-opacity));
969
+ border-radius: 0.25rem;
970
+ border-width: 0px;
1020
971
  }
1021
972
 
1022
- .pelcro-root .pelcro-button-solid:hover {
1023
- --tw-text-opacity: 1;
1024
- color: rgba(255, 255, 255, var(--tw-text-opacity));
973
+ .pelcro-root .pelcro-button-solid:disabled {
974
+ cursor: not-allowed;
975
+ }
976
+
977
+ .pelcro-root .pelcro-button-solid {
978
+ display: inline-flex;
979
+ align-items: center;
980
+ justify-items: center;
981
+ justify-content: center;
982
+ font-weight: 600;
1025
983
  }
1026
984
 
1027
985
  .pelcro-root .pelcro-button-solid:focus {
1028
- --tw-text-opacity: 1;
1029
- color: rgba(255, 255, 255, var(--tw-text-opacity));
986
+ outline: 2px solid transparent;
987
+ outline-offset: 2px;
1030
988
  }
1031
989
 
1032
- .pelcro-root .pelcro-button-solid:disabled {
1033
- --tw-text-opacity: 1;
1034
- color: rgba(255, 255, 255, var(--tw-text-opacity));
990
+ .pelcro-root .pelcro-button-solid {
991
+ padding-top: 0.5rem;
992
+ padding-bottom: 0.5rem;
993
+ padding-left: 1.5rem;
994
+ padding-right: 1.5rem;
1035
995
  }
1036
996
 
1037
997
  .pelcro-root .pelcro-button-solid:hover {
@@ -1040,40 +1000,41 @@ Add the correct display in Chrome and Safari.
1040
1000
  }
1041
1001
 
1042
1002
  .pelcro-root .pelcro-button-solid:focus {
1043
- outline: 2px solid transparent;
1044
- outline-offset: 2px;
1045
1003
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1046
1004
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1047
1005
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1048
1006
  --tw-ring-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 20%));
1049
1007
  }
1050
1008
 
1051
- .pelcro-root .pelcro-button-outline {
1052
- display: inline-flex;
1053
- width: max-content;
1009
+ .pelcro-root .pelcro-button-solid {
1010
+ --tw-text-opacity: 1;
1011
+ color: rgba(255, 255, 255, var(--tw-text-opacity));
1054
1012
  }
1055
1013
 
1056
- .pelcro-root .pelcro-button-outline:disabled {
1057
- cursor: not-allowed;
1014
+ .pelcro-root .pelcro-button-solid:hover {
1015
+ --tw-text-opacity: 1;
1016
+ color: rgba(255, 255, 255, var(--tw-text-opacity));
1058
1017
  }
1059
1018
 
1060
- .pelcro-root .pelcro-button-outline {
1061
- align-items: center;
1062
- justify-content: center;
1063
- justify-items: center;
1064
- border-radius: 0.25rem;
1065
- border-width: 1px;
1066
- border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
1019
+ .pelcro-root .pelcro-button-solid:focus {
1020
+ --tw-text-opacity: 1;
1021
+ color: rgba(255, 255, 255, var(--tw-text-opacity));
1067
1022
  }
1068
1023
 
1069
- .pelcro-root .pelcro-button-outline:disabled {
1070
- --tw-border-opacity: 1;
1071
- border-color: rgba(107, 114, 128, var(--tw-border-opacity));
1024
+ .pelcro-root .pelcro-button-solid:disabled {
1025
+ --tw-text-opacity: 1;
1026
+ color: rgba(255, 255, 255, var(--tw-text-opacity));
1072
1027
  }
1073
1028
 
1074
- .pelcro-root .pelcro-button-outline {
1075
- background-color: transparent;
1076
- }
1029
+ .pelcro-root .pelcro-button-solid {
1030
+ text-transform: uppercase;
1031
+ letter-spacing: 0.05em;
1032
+ width: max-content;
1033
+ }
1034
+
1035
+ .pelcro-root .pelcro-button-outline {
1036
+ background-color: transparent;
1037
+ }
1077
1038
 
1078
1039
  .pelcro-root .pelcro-button-outline:hover {
1079
1040
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
@@ -1088,13 +1049,56 @@ Add the correct display in Chrome and Safari.
1088
1049
  }
1089
1050
 
1090
1051
  .pelcro-root .pelcro-button-outline {
1091
- padding-left: 1.5rem;
1092
- padding-right: 1.5rem;
1052
+ border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
1053
+ }
1054
+
1055
+ .pelcro-root .pelcro-button-outline:disabled {
1056
+ --tw-border-opacity: 1;
1057
+ border-color: rgba(107, 114, 128, var(--tw-border-opacity));
1058
+ }
1059
+
1060
+ .pelcro-root .pelcro-button-outline {
1061
+ border-radius: 0.25rem;
1062
+ border-width: 1px;
1063
+ }
1064
+
1065
+ .pelcro-root .pelcro-button-outline:disabled {
1066
+ cursor: not-allowed;
1067
+ }
1068
+
1069
+ .pelcro-root .pelcro-button-outline {
1070
+ display: inline-flex;
1071
+ align-items: center;
1072
+ justify-items: center;
1073
+ justify-content: center;
1074
+ font-weight: 600;
1075
+ }
1076
+
1077
+ .pelcro-root .pelcro-button-outline:focus {
1078
+ outline: 2px solid transparent;
1079
+ outline-offset: 2px;
1080
+ }
1081
+
1082
+ .pelcro-root .pelcro-button-outline {
1093
1083
  padding-top: 0.5rem;
1094
1084
  padding-bottom: 0.5rem;
1095
- font-weight: 600;
1096
- text-transform: uppercase;
1097
- letter-spacing: 0.05em;
1085
+ padding-left: 1.5rem;
1086
+ padding-right: 1.5rem;
1087
+ }
1088
+
1089
+ .pelcro-root .pelcro-button-outline:hover {
1090
+ --tw-shadow: 0 0 #0000;
1091
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1092
+ }
1093
+
1094
+ .pelcro-root .pelcro-button-outline:focus {
1095
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1096
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1097
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1098
+ --tw-ring-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 20%));
1099
+ }
1100
+
1101
+ .pelcro-root .pelcro-button-outline {
1098
1102
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
1099
1103
  }
1100
1104
 
@@ -1113,24 +1117,20 @@ Add the correct display in Chrome and Safari.
1113
1117
  color: rgba(107, 114, 128, var(--tw-text-opacity));
1114
1118
  }
1115
1119
 
1116
- .pelcro-root .pelcro-button-outline:hover {
1117
- --tw-shadow: 0 0 #0000;
1118
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1120
+ .pelcro-root .pelcro-button-outline {
1121
+ text-transform: uppercase;
1122
+ letter-spacing: 0.05em;
1123
+ width: max-content;
1119
1124
  }
1120
1125
 
1121
- .pelcro-root .pelcro-button-outline:focus {
1122
- outline: 2px solid transparent;
1123
- outline-offset: 2px;
1124
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1125
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1126
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1127
- --tw-ring-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 20%));
1126
+ .pelcro-root .pelcro-button-icon:hover {
1127
+ --tw-bg-opacity: 1;
1128
+ background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
1128
1129
  }
1129
1130
 
1130
1131
  .pelcro-root .pelcro-button-icon {
1131
- display: inline-flex;
1132
- height: 2rem;
1133
- width: 2rem;
1132
+ border-radius: 9999px;
1133
+ border-width: 0px;
1134
1134
  }
1135
1135
 
1136
1136
  .pelcro-root .pelcro-button-icon:disabled {
@@ -1138,22 +1138,15 @@ Add the correct display in Chrome and Safari.
1138
1138
  }
1139
1139
 
1140
1140
  .pelcro-root .pelcro-button-icon {
1141
+ display: inline-flex;
1141
1142
  align-items: center;
1142
1143
  justify-content: center;
1143
- border-radius: 9999px;
1144
- border-width: 0px;
1145
- }
1146
-
1147
- .pelcro-root .pelcro-button-icon:hover {
1148
- --tw-bg-opacity: 1;
1149
- background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
1150
- --tw-text-opacity: 1;
1151
- color: rgba(75, 85, 99, var(--tw-text-opacity));
1144
+ height: 2rem;
1152
1145
  }
1153
1146
 
1154
- .pelcro-root .pelcro-button-icon:disabled {
1155
- --tw-text-opacity: 1;
1156
- color: rgba(209, 213, 219, var(--tw-text-opacity));
1147
+ .pelcro-root .pelcro-button-icon:focus {
1148
+ outline: 2px solid transparent;
1149
+ outline-offset: 2px;
1157
1150
  }
1158
1151
 
1159
1152
  .pelcro-root .pelcro-button-icon:hover {
@@ -1162,29 +1155,27 @@ Add the correct display in Chrome and Safari.
1162
1155
  }
1163
1156
 
1164
1157
  .pelcro-root .pelcro-button-icon:focus {
1165
- outline: 2px solid transparent;
1166
- outline-offset: 2px;
1167
1158
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1168
1159
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1169
1160
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1170
1161
  --tw-ring-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 20%));
1171
1162
  }
1172
1163
 
1173
- .pelcro-root .pelcro-button-ghost {
1174
- display: inline-flex;
1175
- width: max-content;
1164
+ .pelcro-root .pelcro-button-icon:hover {
1165
+ --tw-text-opacity: 1;
1166
+ color: rgba(75, 85, 99, var(--tw-text-opacity));
1176
1167
  }
1177
1168
 
1178
- .pelcro-root .pelcro-button-ghost:disabled {
1179
- cursor: not-allowed;
1169
+ .pelcro-root .pelcro-button-icon:disabled {
1170
+ --tw-text-opacity: 1;
1171
+ color: rgba(209, 213, 219, var(--tw-text-opacity));
1172
+ }
1173
+
1174
+ .pelcro-root .pelcro-button-icon {
1175
+ width: 2rem;
1180
1176
  }
1181
1177
 
1182
1178
  .pelcro-root .pelcro-button-ghost {
1183
- align-items: center;
1184
- justify-content: center;
1185
- justify-items: center;
1186
- border-radius: 0.5rem;
1187
- border-width: 0px;
1188
1179
  background-color: transparent;
1189
1180
  }
1190
1181
 
@@ -1203,10 +1194,46 @@ Add the correct display in Chrome and Safari.
1203
1194
  }
1204
1195
 
1205
1196
  .pelcro-root .pelcro-button-ghost {
1206
- padding: 0.25rem;
1197
+ border-radius: 0.5rem;
1198
+ border-width: 0px;
1199
+ }
1200
+
1201
+ .pelcro-root .pelcro-button-ghost:disabled {
1202
+ cursor: not-allowed;
1203
+ }
1204
+
1205
+ .pelcro-root .pelcro-button-ghost {
1206
+ display: inline-flex;
1207
+ align-items: center;
1208
+ justify-items: center;
1209
+ justify-content: center;
1210
+ font-weight: 600;
1207
1211
  font-size: 0.75rem;
1208
1212
  line-height: 1rem;
1209
- font-weight: 600;
1213
+ }
1214
+
1215
+ .pelcro-root .pelcro-button-ghost:focus {
1216
+ outline: 2px solid transparent;
1217
+ outline-offset: 2px;
1218
+ }
1219
+
1220
+ .pelcro-root .pelcro-button-ghost {
1221
+ padding: 0.25rem;
1222
+ }
1223
+
1224
+ .pelcro-root .pelcro-button-ghost:hover {
1225
+ --tw-shadow: 0 0 #0000;
1226
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1227
+ }
1228
+
1229
+ .pelcro-root .pelcro-button-ghost:focus {
1230
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1231
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1232
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1233
+ --tw-ring-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 20%));
1234
+ }
1235
+
1236
+ .pelcro-root .pelcro-button-ghost {
1210
1237
  --tw-text-opacity: 1;
1211
1238
  color: rgba(107, 114, 128, var(--tw-text-opacity));
1212
1239
  }
@@ -1226,23 +1253,13 @@ Add the correct display in Chrome and Safari.
1226
1253
  color: rgba(209, 213, 219, var(--tw-text-opacity));
1227
1254
  }
1228
1255
 
1229
- .pelcro-root .pelcro-button-ghost:hover {
1230
- --tw-shadow: 0 0 #0000;
1231
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1232
- }
1233
-
1234
- .pelcro-root .pelcro-button-ghost:focus {
1235
- outline: 2px solid transparent;
1236
- outline-offset: 2px;
1237
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1238
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1239
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1240
- --tw-ring-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 20%));
1256
+ .pelcro-root .pelcro-button-ghost {
1257
+ width: max-content;
1241
1258
  }
1242
1259
 
1243
1260
  .pelcro-root .pelcro-button-spinner {
1244
- margin-right: 0.25rem;
1245
1261
  height: 1.25rem;
1262
+ margin-right: 0.25rem;
1246
1263
  width: 1.25rem;
1247
1264
  animation: plc-spin 1s linear infinite;
1248
1265
  }
@@ -1257,35 +1274,39 @@ Add the correct display in Chrome and Safari.
1257
1274
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
1258
1275
  }
1259
1276
 
1277
+ .pelcro-root .pelcro-link {
1278
+ text-decoration: underline;
1279
+ }
1280
+
1260
1281
  .pelcro-root .pelcro-radio-label {
1261
1282
  margin-left: 0.5rem;
1262
1283
  --tw-text-opacity: 1;
1263
1284
  color: rgba(17, 24, 39, var(--tw-text-opacity));
1264
1285
  }
1265
1286
 
1266
- .pelcro-root [type="radio"]:checked {
1267
- background-image: none;
1287
+ .pelcro-root .pelcro-radio:checked {
1288
+ border-color: transparent;
1268
1289
  }
1269
1290
 
1270
1291
  .pelcro-root .pelcro-radio {
1271
- cursor: pointer;
1292
+ border-radius: 9999px;
1272
1293
  }
1273
1294
 
1274
1295
  .pelcro-root .pelcro-radio:disabled {
1275
1296
  cursor: not-allowed;
1276
1297
  }
1277
1298
 
1278
- .pelcro-root .pelcro-radio {
1279
- border-radius: 9999px;
1280
- border-style: none;
1281
- }
1282
-
1283
- .pelcro-root .pelcro-radio:checked {
1284
- border-color: transparent;
1299
+ .pelcro-root .pelcro-radio:focus {
1300
+ outline: 2px solid transparent;
1301
+ outline-offset: 2px;
1302
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1303
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1304
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1305
+ --tw-ring-offset-width: 2px;
1306
+ --tw-ring-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 20%));
1285
1307
  }
1286
1308
 
1287
1309
  .pelcro-root .pelcro-radio {
1288
- background-image: none;
1289
1310
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
1290
1311
  }
1291
1312
 
@@ -1294,69 +1315,56 @@ Add the correct display in Chrome and Safari.
1294
1315
  color: rgba(209, 213, 219, var(--tw-text-opacity));
1295
1316
  }
1296
1317
 
1297
- .pelcro-root .pelcro-radio:focus {
1298
- outline: 2px solid transparent;
1299
- outline-offset: 2px;
1300
- }
1301
-
1302
- .pelcro-root .pelcro-radio {
1303
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1304
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1305
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1306
- --tw-ring-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 20%));
1307
- --tw-ring-offset-width: 2px;
1308
- }
1309
-
1310
1318
  .pelcro-root .pelcro-radio:checked::before {
1311
1319
  display: none;
1312
1320
  }
1313
1321
 
1314
1322
  .pelcro-root .pelcro-alert-error {
1315
- margin-bottom: 0.5rem;
1323
+ --tw-bg-opacity: 1;
1324
+ background-color: rgba(239, 190, 188, var(--tw-bg-opacity));
1325
+ border-radius: 0.125rem;
1316
1326
  display: flex;
1317
- width: 100%;
1318
1327
  align-items: center;
1319
1328
  justify-content: space-between;
1320
- border-radius: 0.125rem;
1321
- --tw-bg-opacity: 1;
1322
- background-color: rgba(239, 190, 188, var(--tw-bg-opacity));
1323
- padding-left: 1rem;
1324
- padding-right: 1rem;
1325
- padding-top: 0.75rem;
1326
- padding-bottom: 0.75rem;
1329
+ font-weight: 600;
1327
1330
  font-size: 0.875rem;
1328
1331
  line-height: 1.25rem;
1329
- font-weight: 600;
1332
+ margin-bottom: 0.5rem;
1333
+ padding-top: 0.75rem;
1334
+ padding-bottom: 0.75rem;
1335
+ padding-left: 1rem;
1336
+ padding-right: 1rem;
1330
1337
  --tw-text-opacity: 1;
1331
1338
  color: rgba(139, 37, 33, var(--tw-text-opacity));
1339
+ width: 100%;
1332
1340
  }
1333
1341
 
1334
1342
  .pelcro-root .pelcro-alert-success {
1335
- margin-bottom: 0.5rem;
1343
+ --tw-bg-opacity: 1;
1344
+ background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
1345
+ border-radius: 0.125rem;
1336
1346
  display: flex;
1337
- width: 100%;
1338
1347
  align-items: center;
1339
1348
  justify-content: space-between;
1340
- border-radius: 0.125rem;
1341
- --tw-bg-opacity: 1;
1342
- background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
1343
- padding-left: 1rem;
1344
- padding-right: 1rem;
1345
- padding-top: 0.75rem;
1346
- padding-bottom: 0.75rem;
1349
+ font-weight: 600;
1347
1350
  font-size: 0.875rem;
1348
1351
  line-height: 1.25rem;
1349
- font-weight: 600;
1350
- --tw-text-opacity: 1;
1351
- color: rgba(6, 95, 70, var(--tw-text-opacity));
1352
- }
1353
-
1352
+ margin-bottom: 0.5rem;
1353
+ padding-top: 0.75rem;
1354
+ padding-bottom: 0.75rem;
1355
+ padding-left: 1rem;
1356
+ padding-right: 1rem;
1357
+ --tw-text-opacity: 1;
1358
+ color: rgba(6, 95, 70, var(--tw-text-opacity));
1359
+ width: 100%;
1360
+ }
1361
+
1354
1362
  .pelcro-root .pelcro-alert-icon {
1355
- margin-right: 0.75rem;
1356
- height: 1.5rem;
1357
- width: 1.5rem;
1358
1363
  flex-shrink: 0;
1364
+ height: 1.5rem;
1365
+ margin-right: 0.75rem;
1359
1366
  fill: currentColor;
1367
+ width: 1.5rem;
1360
1368
  }
1361
1369
 
1362
1370
  .pelcro-root .pelcro-alert-content {
@@ -1364,9 +1372,6 @@ Add the correct display in Chrome and Safari.
1364
1372
  }
1365
1373
 
1366
1374
  .pelcro-root .pelcro-alert-close {
1367
- width: 1rem;
1368
- flex-shrink: 0;
1369
- border-width: 0px;
1370
1375
  background-color: transparent;
1371
1376
  }
1372
1377
 
@@ -1379,6 +1384,8 @@ Add the correct display in Chrome and Safari.
1379
1384
  }
1380
1385
 
1381
1386
  .pelcro-root .pelcro-alert-close {
1387
+ border-width: 0px;
1388
+ flex-shrink: 0;
1382
1389
  fill: currentColor;
1383
1390
  color: currentColor;
1384
1391
  }
@@ -1391,12 +1398,16 @@ Add the correct display in Chrome and Safari.
1391
1398
  color: currentColor;
1392
1399
  }
1393
1400
 
1401
+ .pelcro-root .pelcro-alert-close {
1402
+ width: 1rem;
1403
+ }
1404
+
1394
1405
  .pelcro-root .pelcro-notification-error {
1395
1406
  --tw-bg-opacity: 1;
1396
1407
  background-color: rgba(180, 48, 43, var(--tw-bg-opacity));
1408
+ font-weight: 600;
1397
1409
  font-size: 0.875rem;
1398
1410
  line-height: 1.25rem;
1399
- font-weight: 600;
1400
1411
  --tw-text-opacity: 1;
1401
1412
  color: rgba(255, 255, 255, var(--tw-text-opacity));
1402
1413
  }
@@ -1404,9 +1415,9 @@ Add the correct display in Chrome and Safari.
1404
1415
  .pelcro-root .pelcro-notification-success {
1405
1416
  --tw-bg-opacity: 1;
1406
1417
  background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
1418
+ font-weight: 600;
1407
1419
  font-size: 0.875rem;
1408
1420
  line-height: 1.25rem;
1409
- font-weight: 600;
1410
1421
  --tw-text-opacity: 1;
1411
1422
  color: rgba(255, 255, 255, var(--tw-text-opacity));
1412
1423
  }
@@ -1420,9 +1431,9 @@ Add the correct display in Chrome and Safari.
1420
1431
  .pelcro-root .pelcro-notification-confirm {
1421
1432
  --tw-bg-opacity: 1;
1422
1433
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
1434
+ font-weight: 600;
1423
1435
  font-size: 0.875rem;
1424
1436
  line-height: 1.25rem;
1425
- font-weight: 600;
1426
1437
  }
1427
1438
 
1428
1439
  .pelcro-root .pelcro-notification-loading > :not([hidden]) ~ :not([hidden]) {
@@ -1432,29 +1443,29 @@ Add the correct display in Chrome and Safari.
1432
1443
  }
1433
1444
 
1434
1445
  .pelcro-root .pelcro-notification-loading {
1446
+ font-weight: 600;
1435
1447
  font-size: 0.875rem;
1436
1448
  line-height: 1.25rem;
1437
- font-weight: 600;
1438
1449
  }
1439
1450
 
1440
1451
  .pelcro-root .pelcro-notification-warning {
1441
1452
  --tw-bg-opacity: 1;
1442
1453
  background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
1454
+ font-weight: 600;
1443
1455
  font-size: 0.875rem;
1444
1456
  line-height: 1.25rem;
1445
- font-weight: 600;
1446
1457
  --tw-text-opacity: 1;
1447
1458
  color: rgba(255, 255, 255, var(--tw-text-opacity));
1448
1459
  }
1449
1460
 
1450
1461
  .pelcro-root .pelcro-notification-entitlement {
1451
- border-top-width: 8px;
1452
- border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
1453
1462
  --tw-bg-opacity: 1;
1454
1463
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
1464
+ border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
1465
+ border-top-width: 8px;
1466
+ font-weight: 600;
1455
1467
  font-size: 0.875rem;
1456
1468
  line-height: 1.25rem;
1457
- font-weight: 600;
1458
1469
  --tw-text-opacity: 1;
1459
1470
  color: rgba(75, 85, 99, var(--tw-text-opacity));
1460
1471
  }
@@ -1462,40 +1473,33 @@ Add the correct display in Chrome and Safari.
1462
1473
  .pelcro-root .pelcro-notification-warning {
1463
1474
  --tw-bg-opacity: 1;
1464
1475
  background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
1476
+ font-weight: 600;
1465
1477
  font-size: 0.875rem;
1466
1478
  line-height: 1.25rem;
1467
- font-weight: 600;
1468
1479
  --tw-text-opacity: 1;
1469
1480
  color: rgba(255, 255, 255, var(--tw-text-opacity));
1470
1481
  }
1471
1482
 
1472
1483
  .pelcro-root .pelcro-notification-entitlement {
1473
- border-top-width: 8px;
1474
- border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
1475
1484
  --tw-bg-opacity: 1;
1476
1485
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
1486
+ border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
1487
+ border-top-width: 8px;
1488
+ font-weight: 600;
1477
1489
  font-size: 0.875rem;
1478
1490
  line-height: 1.25rem;
1479
- font-weight: 600;
1480
1491
  --tw-text-opacity: 1;
1481
1492
  color: rgba(75, 85, 99, var(--tw-text-opacity));
1482
1493
  }
1483
1494
 
1484
1495
  .pelcro-root .pelcro-tooltip {
1485
- position: absolute;
1486
1496
  display: none;
1497
+ position: absolute;
1487
1498
  }
1488
1499
 
1489
1500
  .pelcro-root .pelcro-tooltip-container:hover .pelcro-tooltip, .pelcro-root .pelcro-tooltip:hover {
1490
- z-index: 50;
1491
1501
  display: block;
1492
- }
1493
-
1494
- .pelcro-root .pelcro-vertical-separator {
1495
- display: inline-block;
1496
- --tw-bg-opacity: 1;
1497
- background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
1498
- width: 1px;
1502
+ z-index: 50;
1499
1503
  }
1500
1504
 
1501
1505
  .pelcro-root .pelcro-shop-product-image {
@@ -1507,11 +1511,10 @@ Add the correct display in Chrome and Safari.
1507
1511
  }
1508
1512
 
1509
1513
  .pelcro-root input[type="range"] {
1510
- height: 1.75rem;
1511
- width: 100%;
1512
1514
  -webkit-appearance: none;
1513
1515
  appearance: none;
1514
- background-color: transparent;
1516
+ height: 1.75rem;
1517
+ width: 100%;
1515
1518
  }
1516
1519
 
1517
1520
  .pelcro-root input[type="range"]:focus {
@@ -1520,32 +1523,32 @@ Add the correct display in Chrome and Safari.
1520
1523
  }
1521
1524
 
1522
1525
  .pelcro-root input[type="range"]::-webkit-slider-runnable-track {
1523
- width: 100%;
1524
- cursor: pointer;
1526
+ background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
1525
1527
  border-radius: 0.375rem;
1526
1528
  border-style: none;
1527
- background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
1529
+ cursor: pointer;
1528
1530
  --tw-shadow: 0 0 #0000;
1529
1531
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1532
+ width: 100%;
1530
1533
  height: 0.375rem;
1531
1534
  }
1532
1535
 
1533
1536
  .pelcro-root input[type="range"]::-webkit-slider-thumb {
1534
- margin-top: -0.5rem;
1535
- height: 1.25rem;
1536
- width: 1.25rem;
1537
- cursor: pointer;
1538
1537
  -webkit-appearance: none;
1539
1538
  appearance: none;
1540
- border-radius: 0.75rem;
1541
- border-width: 1px;
1542
- border-style: solid;
1543
- --tw-border-opacity: 1;
1544
- border-color: rgba(107, 114, 128, var(--tw-border-opacity));
1545
1539
  --tw-bg-opacity: 1;
1546
1540
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
1541
+ --tw-border-opacity: 1;
1542
+ border-color: rgba(107, 114, 128, var(--tw-border-opacity));
1543
+ border-radius: 0.75rem;
1544
+ border-style: solid;
1545
+ border-width: 1px;
1546
+ cursor: pointer;
1547
+ height: 1.25rem;
1548
+ margin-top: -0.5rem;
1547
1549
  --tw-shadow: 0 0 #0000;
1548
1550
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1551
+ width: 1.25rem;
1549
1552
  }
1550
1553
 
1551
1554
  .pelcro-root
@@ -1554,65 +1557,65 @@ Add the correct display in Chrome and Safari.
1554
1557
  }
1555
1558
 
1556
1559
  .pelcro-root input[type="range"]::-moz-range-track {
1557
- width: 100%;
1558
- cursor: pointer;
1560
+ background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
1559
1561
  border-radius: 0.375rem;
1560
1562
  border-style: none;
1561
- background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
1563
+ cursor: pointer;
1562
1564
  --tw-shadow: 0 0 #0000;
1563
1565
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1566
+ width: 100%;
1564
1567
  height: 0.375rem;
1565
1568
  }
1566
1569
 
1567
1570
  .pelcro-root input[type="range"]::-moz-range-thumb {
1568
- margin-top: -0.5rem;
1569
- height: 1.25rem;
1570
- width: 1.25rem;
1571
- cursor: pointer;
1572
- border-radius: 0.75rem;
1573
- border-width: 1px;
1574
- border-style: solid;
1575
- --tw-border-opacity: 1;
1576
- border-color: rgba(107, 114, 128, var(--tw-border-opacity));
1577
1571
  --tw-bg-opacity: 1;
1578
1572
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
1573
+ --tw-border-opacity: 1;
1574
+ border-color: rgba(107, 114, 128, var(--tw-border-opacity));
1575
+ border-radius: 0.75rem;
1576
+ border-style: solid;
1577
+ border-width: 1px;
1578
+ cursor: pointer;
1579
+ height: 1.25rem;
1580
+ margin-top: -0.5rem;
1579
1581
  --tw-shadow: 0 0 #0000;
1580
1582
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1583
+ width: 1.25rem;
1581
1584
  }
1582
1585
 
1583
1586
  .pelcro-root input[type="range"]::-ms-track {
1584
- width: 100%;
1585
- cursor: pointer;
1587
+ background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
1586
1588
  border-radius: 0.375rem;
1587
1589
  border-style: none;
1588
- background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
1590
+ cursor: pointer;
1589
1591
  --tw-shadow: 0 0 #0000;
1590
1592
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1593
+ width: 100%;
1591
1594
  height: 0.375rem;
1592
1595
  }
1593
1596
 
1594
1597
  .pelcro-root input[type="range"]::-ms-fill-lower, .pelcro-root input[type="range"]::-ms-fill-upper {
1598
+ background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
1595
1599
  border-radius: 0.375rem;
1596
1600
  border-style: none;
1597
- background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
1598
1601
  --tw-shadow: 0 0 #0000;
1599
1602
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1600
1603
  }
1601
1604
 
1602
1605
  .pelcro-root input[type="range"]::-ms-thumb {
1603
- margin-top: 1px;
1604
- height: 1.25rem;
1605
- width: 1.25rem;
1606
- cursor: pointer;
1607
- border-radius: 0.75rem;
1608
- border-width: 1px;
1609
- border-style: solid;
1610
- --tw-border-opacity: 1;
1611
- border-color: rgba(107, 114, 128, var(--tw-border-opacity));
1612
1606
  --tw-bg-opacity: 1;
1613
1607
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
1608
+ --tw-border-opacity: 1;
1609
+ border-color: rgba(107, 114, 128, var(--tw-border-opacity));
1610
+ border-radius: 0.75rem;
1611
+ border-style: solid;
1612
+ border-width: 1px;
1613
+ cursor: pointer;
1614
+ height: 1.25rem;
1615
+ margin-top: 1px;
1614
1616
  --tw-shadow: 0 0 #0000;
1615
1617
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1618
+ width: 1.25rem;
1616
1619
  }
1617
1620
 
1618
1621
  .pelcro-root input[type="range"]:focus::-ms-fill-lower, .pelcro-root input[type="range"]:focus::-ms-fill-upper {
@@ -1624,6 +1627,7 @@ Add the correct display in Chrome and Safari.
1624
1627
  }
1625
1628
 
1626
1629
  .pelcro-root .accordion-header:hover .accordion-chevron {
1630
+ color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
1627
1631
  --tw-translate-x: 0;
1628
1632
  --tw-translate-y: 0;
1629
1633
  --tw-rotate: 0;
@@ -1633,60 +1637,12 @@ Add the correct display in Chrome and Safari.
1633
1637
  --tw-scale-y: 1;
1634
1638
  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));
1635
1639
  --tw-translate-x: 0.25rem;
1636
- color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
1637
1640
  }
1638
1641
 
1639
1642
  .pelcro-root .pelcro-select-plan-radio {
1640
1643
  margin-top: 0.4rem;
1641
1644
  }
1642
1645
 
1643
- .pelcro-root .pelcro-product:before {
1644
- content: "";
1645
- position: absolute;
1646
- top: 0px;
1647
- left: 0px;
1648
- height: 0.25rem;
1649
- width: 100%;
1650
- background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 30%));
1651
- }
1652
-
1653
- .pelcro-root .productTabs .tabs::-webkit-scrollbar {
1654
- display: none;
1655
- }
1656
-
1657
- .pelcro-root .productTabs .tabs {
1658
- -ms-overflow-style: none;
1659
- scrollbar-width: none;
1660
- }
1661
-
1662
- .pelcro-root .productTabs .tabs li:first-child {
1663
- margin-left: auto;
1664
- }
1665
-
1666
- .pelcro-root .productTabs .tabs li:last-child {
1667
- margin-right: auto;
1668
- }
1669
-
1670
- .pelcro-root .productTabs .tabs li#activeTab button {
1671
- color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 30%));
1672
- }
1673
-
1674
- .pelcro-root .productTabs .tabs li#activeTab:after {
1675
- content: "";
1676
- position: absolute;
1677
- bottom: 0px;
1678
- left: 0px;
1679
- display: block;
1680
- height: 0.25rem;
1681
- width: 100%;
1682
- background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 30%));
1683
- }
1684
-
1685
- .pelcro-root .selectedProduct img {
1686
- max-width: 150px;
1687
- height: auto;
1688
- }
1689
-
1690
1646
  .pelcro-user-profile-picture:hover {
1691
1647
  filter: brightness(0.8);
1692
1648
  }
@@ -1769,254 +1725,289 @@ in order to scope selectors under pelcro-root
1769
1725
 
1770
1726
  /* utilities */
1771
1727
 
1772
- .pelcro-root .plc-pointer-events-none {
1773
- pointer-events: none;
1774
- }
1775
-
1776
- .pelcro-root .plc-fixed {
1777
- position: fixed;
1728
+ .pelcro-root .plc-space-y-2 > :not([hidden]) ~ :not([hidden]) {
1729
+ --tw-space-y-reverse: 0;
1730
+ margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1731
+ margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1778
1732
  }
1779
1733
 
1780
- .pelcro-root .plc-absolute {
1781
- position: absolute;
1734
+ .pelcro-root .plc-space-x-2 > :not([hidden]) ~ :not([hidden]) {
1735
+ --tw-space-x-reverse: 0;
1736
+ margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1737
+ margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1782
1738
  }
1783
1739
 
1784
- .pelcro-root .plc-relative {
1785
- position: relative;
1740
+ .pelcro-root .plc-space-x-3 > :not([hidden]) ~ :not([hidden]) {
1741
+ --tw-space-x-reverse: 0;
1742
+ margin-right: calc(0.75rem * var(--tw-space-x-reverse));
1743
+ margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
1786
1744
  }
1787
1745
 
1788
- .pelcro-root .plc-inset-0 {
1789
- top: 0px;
1790
- right: 0px;
1791
- bottom: 0px;
1792
- left: 0px;
1746
+ .pelcro-root .plc-space-y-4 > :not([hidden]) ~ :not([hidden]) {
1747
+ --tw-space-y-reverse: 0;
1748
+ margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1749
+ margin-bottom: calc(1rem * var(--tw-space-y-reverse));
1793
1750
  }
1794
1751
 
1795
- .pelcro-root .plc-inset-y-0 {
1796
- top: 0px;
1797
- bottom: 0px;
1752
+ .pelcro-root .plc-appearance-none {
1753
+ -webkit-appearance: none;
1754
+ appearance: none;
1798
1755
  }
1799
1756
 
1800
- .pelcro-root .plc-top-0 {
1801
- top: 0px;
1757
+ .pelcro-root .plc-bg-transparent {
1758
+ background-color: transparent;
1802
1759
  }
1803
1760
 
1804
- .pelcro-root .plc-top-1 {
1805
- top: 0.25rem;
1761
+ .pelcro-root .plc-bg-primary-400 {
1762
+ background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
1806
1763
  }
1807
1764
 
1808
- .pelcro-root .plc-top-5 {
1809
- top: 1.25rem;
1765
+ .pelcro-root .plc-bg-primary-500 {
1766
+ background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
1810
1767
  }
1811
1768
 
1812
- .pelcro-root .plc-top-7 {
1813
- top: 1.75rem;
1769
+ .pelcro-root .plc-bg-primary-700 {
1770
+ background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 20%));
1814
1771
  }
1815
1772
 
1816
- .pelcro-root .plc-top-24 {
1817
- top: 6rem;
1773
+ .pelcro-root .plc-bg-white {
1774
+ --tw-bg-opacity: 1;
1775
+ background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
1818
1776
  }
1819
1777
 
1820
- .pelcro-root .plc-top-1\.5 {
1821
- top: 0.375rem;
1778
+ .pelcro-root .plc-bg-gray-50 {
1779
+ --tw-bg-opacity: 1;
1780
+ background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
1822
1781
  }
1823
1782
 
1824
- .pelcro-root .plc-top-1\/2 {
1825
- top: 50%;
1783
+ .pelcro-root .plc-bg-gray-100 {
1784
+ --tw-bg-opacity: 1;
1785
+ background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
1826
1786
  }
1827
1787
 
1828
- .pelcro-root .plc-right-0 {
1829
- right: 0px;
1788
+ .pelcro-root .plc-bg-gray-200 {
1789
+ --tw-bg-opacity: 1;
1790
+ background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
1830
1791
  }
1831
1792
 
1832
- .pelcro-root .plc-right-1 {
1833
- right: 0.25rem;
1793
+ .pelcro-root .plc-bg-gray-300 {
1794
+ --tw-bg-opacity: 1;
1795
+ background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
1834
1796
  }
1835
1797
 
1836
- .pelcro-root .plc-right-2 {
1837
- right: 0.5rem;
1798
+ .pelcro-root .plc-bg-gray-500 {
1799
+ --tw-bg-opacity: 1;
1800
+ background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
1838
1801
  }
1839
1802
 
1840
- .pelcro-root .plc-right-4 {
1841
- right: 1rem;
1803
+ .pelcro-root .plc-bg-gray-600 {
1804
+ --tw-bg-opacity: 1;
1805
+ background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
1842
1806
  }
1843
1807
 
1844
- .pelcro-root .plc-right-10 {
1845
- right: 2.5rem;
1808
+ .pelcro-root .plc-bg-gray-800 {
1809
+ --tw-bg-opacity: 1;
1810
+ background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
1846
1811
  }
1847
1812
 
1848
- .pelcro-root .plc-bottom-0 {
1849
- bottom: 0px;
1813
+ .pelcro-root .plc-bg-red-100 {
1814
+ --tw-bg-opacity: 1;
1815
+ background-color: rgba(239, 190, 188, var(--tw-bg-opacity));
1850
1816
  }
1851
1817
 
1852
- .pelcro-root .plc-bottom-4 {
1853
- bottom: 1rem;
1818
+ .pelcro-root .plc-bg-red-500 {
1819
+ --tw-bg-opacity: 1;
1820
+ background-color: rgba(180, 48, 43, var(--tw-bg-opacity));
1854
1821
  }
1855
1822
 
1856
- .pelcro-root .plc-left-0 {
1857
- left: 0px;
1823
+ .pelcro-root .plc-bg-yellow-100 {
1824
+ --tw-bg-opacity: 1;
1825
+ background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
1858
1826
  }
1859
1827
 
1860
- .pelcro-root .plc-left-5 {
1861
- left: 1.25rem;
1828
+ .pelcro-root .plc-bg-green-50 {
1829
+ --tw-bg-opacity: 1;
1830
+ background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
1862
1831
  }
1863
1832
 
1864
- .pelcro-root .plc-z-max {
1865
- z-index: 999999;
1833
+ .pelcro-root .plc-bg-green-100 {
1834
+ --tw-bg-opacity: 1;
1835
+ background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
1866
1836
  }
1867
1837
 
1868
- .pelcro-root .plc-order-1 {
1869
- order: 1;
1838
+ .pelcro-root .plc-bg-blue-100 {
1839
+ --tw-bg-opacity: 1;
1840
+ background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
1870
1841
  }
1871
1842
 
1872
- .pelcro-root .plc-order-2 {
1873
- order: 2;
1843
+ .pelcro-root .plc-bg-orange-100 {
1844
+ --tw-bg-opacity: 1;
1845
+ background-color: rgba(255, 237, 213, var(--tw-bg-opacity));
1874
1846
  }
1875
1847
 
1876
- .pelcro-root .plc-m-0 {
1877
- margin: 0px;
1848
+ .pelcro-root .hover\:plc-bg-transparent:hover {
1849
+ background-color: transparent;
1878
1850
  }
1879
1851
 
1880
- .pelcro-root .plc-m-3 {
1881
- margin: 0.75rem;
1852
+ .pelcro-root .hover\:plc-bg-primary-600:hover {
1853
+ background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
1882
1854
  }
1883
1855
 
1884
- .pelcro-root .plc-m-auto {
1885
- margin: auto;
1856
+ .pelcro-root .hover\:plc-bg-white:hover {
1857
+ --tw-bg-opacity: 1;
1858
+ background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
1886
1859
  }
1887
1860
 
1888
- .pelcro-root .plc-mx-4 {
1889
- margin-left: 1rem;
1890
- margin-right: 1rem;
1861
+ .pelcro-root .hover\:plc-bg-gray-50:hover {
1862
+ --tw-bg-opacity: 1;
1863
+ background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
1891
1864
  }
1892
1865
 
1893
- .pelcro-root .plc-mx-auto {
1894
- margin-left: auto;
1895
- margin-right: auto;
1866
+ .pelcro-root .hover\:plc-bg-gray-100:hover {
1867
+ --tw-bg-opacity: 1;
1868
+ background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
1896
1869
  }
1897
1870
 
1898
- .pelcro-root .plc-my-2 {
1899
- margin-top: 0.5rem;
1900
- margin-bottom: 0.5rem;
1871
+ .pelcro-root .hover\:plc-bg-gray-200:hover {
1872
+ --tw-bg-opacity: 1;
1873
+ background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
1901
1874
  }
1902
1875
 
1903
- .pelcro-root .plc-my-4 {
1904
- margin-top: 1rem;
1905
- margin-bottom: 1rem;
1876
+ .pelcro-root .hover\:plc-bg-gray-600:hover {
1877
+ --tw-bg-opacity: 1;
1878
+ background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
1906
1879
  }
1907
1880
 
1908
- .pelcro-root .plc-my-5 {
1909
- margin-top: 1.25rem;
1910
- margin-bottom: 1.25rem;
1881
+ .pelcro-root .hover\:plc-bg-gray-900:hover {
1882
+ --tw-bg-opacity: 1;
1883
+ background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
1911
1884
  }
1912
1885
 
1913
- .pelcro-root .plc-my-20 {
1914
- margin-top: 5rem;
1915
- margin-bottom: 5rem;
1886
+ .pelcro-root .hover\:plc-bg-red-600:hover {
1887
+ --tw-bg-opacity: 1;
1888
+ background-color: rgba(139, 37, 33, var(--tw-bg-opacity));
1916
1889
  }
1917
1890
 
1918
- .pelcro-root .plc-mt-1 {
1919
- margin-top: 0.25rem;
1891
+ .pelcro-root .focus\:plc-bg-transparent:focus {
1892
+ background-color: transparent;
1920
1893
  }
1921
1894
 
1922
- .pelcro-root .plc-mt-2 {
1923
- margin-top: 0.5rem;
1895
+ .pelcro-root .focus\:plc-bg-primary-600:focus {
1896
+ background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
1924
1897
  }
1925
1898
 
1926
- .pelcro-root .plc-mt-3 {
1927
- margin-top: 0.75rem;
1899
+ .pelcro-root .disabled\:plc-bg-gray-400:disabled {
1900
+ --tw-bg-opacity: 1;
1901
+ background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
1928
1902
  }
1929
1903
 
1930
- .pelcro-root .plc-mt-4 {
1931
- margin-top: 1rem;
1904
+ .pelcro-root .plc-border-transparent {
1905
+ border-color: transparent;
1932
1906
  }
1933
1907
 
1934
- .pelcro-root .plc-mt-5 {
1935
- margin-top: 1.25rem;
1908
+ .pelcro-root .plc-border-primary-300 {
1909
+ border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 20%));
1936
1910
  }
1937
1911
 
1938
- .pelcro-root .plc-mt-6 {
1939
- margin-top: 1.5rem;
1912
+ .pelcro-root .plc-border-primary-400 {
1913
+ border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
1940
1914
  }
1941
1915
 
1942
- .pelcro-root .plc-mt-8 {
1943
- margin-top: 2rem;
1916
+ .pelcro-root .plc-border-primary-500 {
1917
+ border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
1944
1918
  }
1945
1919
 
1946
- .pelcro-root .plc-mt-auto {
1947
- margin-top: auto;
1920
+ .pelcro-root .plc-border-white {
1921
+ --tw-border-opacity: 1;
1922
+ border-color: rgba(255, 255, 255, var(--tw-border-opacity));
1948
1923
  }
1949
1924
 
1950
- .pelcro-root .plc--mt-8 {
1951
- margin-top: -2rem;
1925
+ .pelcro-root .plc-border-gray-200 {
1926
+ --tw-border-opacity: 1;
1927
+ border-color: rgba(229, 231, 235, var(--tw-border-opacity));
1952
1928
  }
1953
1929
 
1954
- .pelcro-root .plc-mr-1 {
1955
- margin-right: 0.25rem;
1930
+ .pelcro-root .plc-border-gray-300 {
1931
+ --tw-border-opacity: 1;
1932
+ border-color: rgba(209, 213, 219, var(--tw-border-opacity));
1956
1933
  }
1957
1934
 
1958
- .pelcro-root .plc-mr-2 {
1959
- margin-right: 0.5rem;
1935
+ .pelcro-root .plc-border-gray-400 {
1936
+ --tw-border-opacity: 1;
1937
+ border-color: rgba(156, 163, 175, var(--tw-border-opacity));
1960
1938
  }
1961
1939
 
1962
- .pelcro-root .plc-mr-6 {
1963
- margin-right: 1.5rem;
1940
+ .pelcro-root .plc-border-green-400 {
1941
+ --tw-border-opacity: 1;
1942
+ border-color: rgba(52, 211, 153, var(--tw-border-opacity));
1964
1943
  }
1965
1944
 
1966
- .pelcro-root .plc-mb-1 {
1967
- margin-bottom: 0.25rem;
1945
+ .pelcro-root .plc-rounded-none {
1946
+ border-radius: 0px;
1968
1947
  }
1969
1948
 
1970
- .pelcro-root .plc-mb-2 {
1971
- margin-bottom: 0.5rem;
1949
+ .pelcro-root .plc-rounded-sm {
1950
+ border-radius: 0.125rem;
1972
1951
  }
1973
1952
 
1974
- .pelcro-root .plc-mb-3 {
1975
- margin-bottom: 0.75rem;
1953
+ .pelcro-root .plc-rounded {
1954
+ border-radius: 0.25rem;
1976
1955
  }
1977
1956
 
1978
- .pelcro-root .plc-mb-4 {
1979
- margin-bottom: 1rem;
1957
+ .pelcro-root .plc-rounded-md {
1958
+ border-radius: 0.375rem;
1980
1959
  }
1981
1960
 
1982
- .pelcro-root .plc-mb-6 {
1983
- margin-bottom: 1.5rem;
1961
+ .pelcro-root .plc-rounded-lg {
1962
+ border-radius: 0.5rem;
1984
1963
  }
1985
1964
 
1986
- .pelcro-root .plc-mb-8 {
1987
- margin-bottom: 2rem;
1965
+ .pelcro-root .plc-rounded-3xl {
1966
+ border-radius: 1.5rem;
1988
1967
  }
1989
1968
 
1990
- .pelcro-root .plc-mb-9 {
1991
- margin-bottom: 2.25rem;
1969
+ .pelcro-root .plc-rounded-full {
1970
+ border-radius: 9999px;
1992
1971
  }
1993
1972
 
1994
- .pelcro-root .plc-ml-0 {
1995
- margin-left: 0px;
1973
+ .pelcro-root .plc-border-solid {
1974
+ border-style: solid;
1996
1975
  }
1997
1976
 
1998
- .pelcro-root .plc-ml-1 {
1999
- margin-left: 0.25rem;
1977
+ .pelcro-root .plc-border-0 {
1978
+ border-width: 0px;
2000
1979
  }
2001
1980
 
2002
- .pelcro-root .plc-ml-2 {
2003
- margin-left: 0.5rem;
1981
+ .pelcro-root .plc-border-2 {
1982
+ border-width: 2px;
2004
1983
  }
2005
1984
 
2006
- .pelcro-root .plc-ml-3 {
2007
- margin-left: 0.75rem;
1985
+ .pelcro-root .plc-border {
1986
+ border-width: 1px;
2008
1987
  }
2009
1988
 
2010
- .pelcro-root .plc-ml-4 {
2011
- margin-left: 1rem;
1989
+ .pelcro-root .plc-border-l-2 {
1990
+ border-left-width: 2px;
2012
1991
  }
2013
1992
 
2014
- .pelcro-root .plc--ml-2 {
2015
- margin-left: -0.5rem;
1993
+ .pelcro-root .plc-border-t-4 {
1994
+ border-top-width: 4px;
1995
+ }
1996
+
1997
+ .pelcro-root .plc-border-t-8 {
1998
+ border-top-width: 8px;
1999
+ }
2000
+
2001
+ .pelcro-root .plc-border-t {
2002
+ border-top-width: 1px;
2003
+ }
2004
+
2005
+ .pelcro-root .plc-cursor-default {
2006
+ cursor: default;
2016
2007
  }
2017
2008
 
2018
- .pelcro-root .last\:plc-mb-0:last-child {
2019
- margin-bottom: 0px;
2009
+ .pelcro-root .plc-cursor-pointer {
2010
+ cursor: pointer;
2020
2011
  }
2021
2012
 
2022
2013
  .pelcro-root .plc-block {
@@ -2043,6 +2034,86 @@ in order to scope selectors under pelcro-root
2043
2034
  display: none;
2044
2035
  }
2045
2036
 
2037
+ .pelcro-root .plc-flex-row-reverse {
2038
+ flex-direction: row-reverse;
2039
+ }
2040
+
2041
+ .pelcro-root .plc-flex-col {
2042
+ flex-direction: column;
2043
+ }
2044
+
2045
+ .pelcro-root .plc-flex-wrap {
2046
+ flex-wrap: wrap;
2047
+ }
2048
+
2049
+ .pelcro-root .plc-place-items-center {
2050
+ place-items: center;
2051
+ }
2052
+
2053
+ .pelcro-root .plc-items-start {
2054
+ align-items: flex-start;
2055
+ }
2056
+
2057
+ .pelcro-root .plc-items-end {
2058
+ align-items: flex-end;
2059
+ }
2060
+
2061
+ .pelcro-root .plc-items-center {
2062
+ align-items: center;
2063
+ }
2064
+
2065
+ .pelcro-root .plc-self-start {
2066
+ align-self: flex-start;
2067
+ }
2068
+
2069
+ .pelcro-root .plc-justify-items-center {
2070
+ justify-items: center;
2071
+ }
2072
+
2073
+ .pelcro-root .plc-justify-start {
2074
+ justify-content: flex-start;
2075
+ }
2076
+
2077
+ .pelcro-root .plc-justify-end {
2078
+ justify-content: flex-end;
2079
+ }
2080
+
2081
+ .pelcro-root .plc-justify-center {
2082
+ justify-content: center;
2083
+ }
2084
+
2085
+ .pelcro-root .plc-justify-between {
2086
+ justify-content: space-between;
2087
+ }
2088
+
2089
+ .pelcro-root .plc-justify-evenly {
2090
+ justify-content: space-evenly;
2091
+ }
2092
+
2093
+ .pelcro-root .plc-flex-grow {
2094
+ flex-grow: 1;
2095
+ }
2096
+
2097
+ .pelcro-root .plc-flex-shrink-0 {
2098
+ flex-shrink: 0;
2099
+ }
2100
+
2101
+ .pelcro-root .plc-font-thin {
2102
+ font-weight: 100;
2103
+ }
2104
+
2105
+ .pelcro-root .plc-font-normal {
2106
+ font-weight: 400;
2107
+ }
2108
+
2109
+ .pelcro-root .plc-font-semibold {
2110
+ font-weight: 600;
2111
+ }
2112
+
2113
+ .pelcro-root .plc-font-bold {
2114
+ font-weight: 700;
2115
+ }
2116
+
2046
2117
  .pelcro-root .plc-h-4 {
2047
2118
  height: 1rem;
2048
2119
  }
@@ -2075,12 +2146,16 @@ in order to scope selectors under pelcro-root
2075
2146
  height: 3rem;
2076
2147
  }
2077
2148
 
2149
+ .pelcro-root .plc-h-14 {
2150
+ height: 3.5rem;
2151
+ }
2152
+
2078
2153
  .pelcro-root .plc-h-20 {
2079
2154
  height: 5rem;
2080
2155
  }
2081
2156
 
2082
- .pelcro-root .plc-h-28 {
2083
- height: 7rem;
2157
+ .pelcro-root .plc-h-24 {
2158
+ height: 6rem;
2084
2159
  }
2085
2160
 
2086
2161
  .pelcro-root .plc-h-32 {
@@ -2103,1576 +2178,1021 @@ in order to scope selectors under pelcro-root
2103
2178
  height: 100%;
2104
2179
  }
2105
2180
 
2106
- .pelcro-root .plc-max-h-0 {
2107
- max-height: 0px;
2181
+ .pelcro-root .plc-text-xs {
2182
+ font-size: 0.75rem;
2183
+ line-height: 1rem;
2108
2184
  }
2109
2185
 
2110
- .pelcro-root .plc-max-h-14 {
2111
- max-height: 3.5rem;
2186
+ .pelcro-root .plc-text-sm {
2187
+ font-size: 0.875rem;
2188
+ line-height: 1.25rem;
2112
2189
  }
2113
2190
 
2114
- .pelcro-root .plc-max-h-80 {
2115
- max-height: 20rem;
2191
+ .pelcro-root .plc-text-base {
2192
+ font-size: 1rem;
2193
+ line-height: 1.5rem;
2116
2194
  }
2117
2195
 
2118
- .pelcro-root .plc-max-h-full {
2119
- max-height: 100%;
2196
+ .pelcro-root .plc-text-lg {
2197
+ font-size: 1.125rem;
2198
+ line-height: 1.75rem;
2120
2199
  }
2121
2200
 
2122
- .pelcro-root .plc-min-h-12 {
2123
- min-height: 3rem;
2201
+ .pelcro-root .plc-text-xl {
2202
+ font-size: 1.25rem;
2203
+ line-height: 1.75rem;
2124
2204
  }
2125
2205
 
2126
- .pelcro-root .plc-w-3 {
2127
- width: 0.75rem;
2206
+ .pelcro-root .plc-text-2xl {
2207
+ font-size: 1.5rem;
2208
+ line-height: 2rem;
2128
2209
  }
2129
2210
 
2130
- .pelcro-root .plc-w-4 {
2131
- width: 1rem;
2211
+ .pelcro-root .plc-text-3xl {
2212
+ font-size: 1.875rem;
2213
+ line-height: 2.25rem;
2132
2214
  }
2133
2215
 
2134
- .pelcro-root .plc-w-5 {
2135
- width: 1.25rem;
2216
+ .pelcro-root .plc-m-0 {
2217
+ margin: 0px;
2136
2218
  }
2137
2219
 
2138
- .pelcro-root .plc-w-6 {
2139
- width: 1.5rem;
2220
+ .pelcro-root .plc-m-3 {
2221
+ margin: 0.75rem;
2140
2222
  }
2141
2223
 
2142
- .pelcro-root .plc-w-7 {
2143
- width: 1.75rem;
2224
+ .pelcro-root .plc-my-2 {
2225
+ margin-top: 0.5rem;
2226
+ margin-bottom: 0.5rem;
2144
2227
  }
2145
2228
 
2146
- .pelcro-root .plc-w-8 {
2147
- width: 2rem;
2229
+ .pelcro-root .plc-mx-3 {
2230
+ margin-left: 0.75rem;
2231
+ margin-right: 0.75rem;
2148
2232
  }
2149
2233
 
2150
- .pelcro-root .plc-w-9 {
2151
- width: 2.25rem;
2234
+ .pelcro-root .plc-my-4 {
2235
+ margin-top: 1rem;
2236
+ margin-bottom: 1rem;
2152
2237
  }
2153
2238
 
2154
- .pelcro-root .plc-w-10 {
2155
- width: 2.5rem;
2239
+ .pelcro-root .plc-mx-auto {
2240
+ margin-left: auto;
2241
+ margin-right: auto;
2156
2242
  }
2157
2243
 
2158
- .pelcro-root .plc-w-12 {
2159
- width: 3rem;
2244
+ .pelcro-root .plc-mt-1 {
2245
+ margin-top: 0.25rem;
2160
2246
  }
2161
2247
 
2162
- .pelcro-root .plc-w-16 {
2163
- width: 4rem;
2248
+ .pelcro-root .plc-mr-1 {
2249
+ margin-right: 0.25rem;
2164
2250
  }
2165
2251
 
2166
- .pelcro-root .plc-w-20 {
2167
- width: 5rem;
2252
+ .pelcro-root .plc-mb-1 {
2253
+ margin-bottom: 0.25rem;
2168
2254
  }
2169
2255
 
2170
- .pelcro-root .plc-w-24 {
2171
- width: 6rem;
2256
+ .pelcro-root .plc-ml-1 {
2257
+ margin-left: 0.25rem;
2172
2258
  }
2173
2259
 
2174
- .pelcro-root .plc-w-32 {
2175
- width: 8rem;
2260
+ .pelcro-root .plc-mt-2 {
2261
+ margin-top: 0.5rem;
2176
2262
  }
2177
2263
 
2178
- .pelcro-root .plc-w-36 {
2179
- width: 9rem;
2264
+ .pelcro-root .plc-mr-2 {
2265
+ margin-right: 0.5rem;
2180
2266
  }
2181
2267
 
2182
- .pelcro-root .plc-w-56 {
2183
- width: 14rem;
2268
+ .pelcro-root .plc-mb-2 {
2269
+ margin-bottom: 0.5rem;
2184
2270
  }
2185
2271
 
2186
- .pelcro-root .plc-w-auto {
2187
- width: auto;
2272
+ .pelcro-root .plc-ml-2 {
2273
+ margin-left: 0.5rem;
2188
2274
  }
2189
2275
 
2190
- .pelcro-root .plc-w-1\/2 {
2191
- width: 50%;
2276
+ .pelcro-root .plc-mt-3 {
2277
+ margin-top: 0.75rem;
2192
2278
  }
2193
2279
 
2194
- .pelcro-root .plc-w-1\/4 {
2195
- width: 25%;
2280
+ .pelcro-root .plc-mb-3 {
2281
+ margin-bottom: 0.75rem;
2196
2282
  }
2197
2283
 
2198
- .pelcro-root .plc-w-1\/5 {
2199
- width: 20%;
2284
+ .pelcro-root .plc-ml-3 {
2285
+ margin-left: 0.75rem;
2200
2286
  }
2201
2287
 
2202
- .pelcro-root .plc-w-2\/5 {
2203
- width: 40%;
2288
+ .pelcro-root .plc-mt-4 {
2289
+ margin-top: 1rem;
2204
2290
  }
2205
2291
 
2206
- .pelcro-root .plc-w-2\/12 {
2207
- width: 16.666667%;
2292
+ .pelcro-root .plc-mb-4 {
2293
+ margin-bottom: 1rem;
2208
2294
  }
2209
2295
 
2210
- .pelcro-root .plc-w-3\/12 {
2211
- width: 25%;
2296
+ .pelcro-root .plc-ml-4 {
2297
+ margin-left: 1rem;
2212
2298
  }
2213
2299
 
2214
- .pelcro-root .plc-w-4\/12 {
2215
- width: 33.333333%;
2300
+ .pelcro-root .plc-mt-5 {
2301
+ margin-top: 1.25rem;
2216
2302
  }
2217
2303
 
2218
- .pelcro-root .plc-w-5\/12 {
2219
- width: 41.666667%;
2304
+ .pelcro-root .plc-mt-6 {
2305
+ margin-top: 1.5rem;
2220
2306
  }
2221
2307
 
2222
- .pelcro-root .plc-w-6\/12 {
2223
- width: 50%;
2308
+ .pelcro-root .plc-mb-6 {
2309
+ margin-bottom: 1.5rem;
2224
2310
  }
2225
2311
 
2226
- .pelcro-root .plc-w-10\/12 {
2227
- width: 83.333333%;
2312
+ .pelcro-root .plc-mt-auto {
2313
+ margin-top: auto;
2228
2314
  }
2229
2315
 
2230
- .pelcro-root .plc-w-full {
2231
- width: 100%;
2316
+ .pelcro-root .plc-ml-auto {
2317
+ margin-left: auto;
2232
2318
  }
2233
2319
 
2234
- .pelcro-root .plc-w-max {
2235
- width: max-content;
2320
+ .pelcro-root .plc--ml-2 {
2321
+ margin-left: -0.5rem;
2236
2322
  }
2237
2323
 
2238
- .pelcro-root .plc-max-w-50\% {
2239
- max-width: 50%;
2324
+ .pelcro-root .plc--mt-8 {
2325
+ margin-top: -2rem;
2240
2326
  }
2241
2327
 
2242
- .pelcro-root .plc-max-w-80\% {
2243
- max-width: 80%;
2328
+ .pelcro-root .plc-max-h-0 {
2329
+ max-height: 0px;
2244
2330
  }
2245
2331
 
2246
- .pelcro-root .plc-max-w-90\% {
2247
- max-width: 90%;
2332
+ .pelcro-root .plc-max-h-14 {
2333
+ max-height: 3.5rem;
2248
2334
  }
2249
2335
 
2250
- .pelcro-root .plc-flex-1 {
2251
- flex: 1 1 0%;
2336
+ .pelcro-root .plc-max-h-72 {
2337
+ max-height: 18rem;
2252
2338
  }
2253
2339
 
2254
- .pelcro-root .plc-flex-shrink-0 {
2255
- flex-shrink: 0;
2340
+ .pelcro-root .plc-max-h-80 {
2341
+ max-height: 20rem;
2256
2342
  }
2257
2343
 
2258
- .pelcro-root .plc-flex-grow {
2259
- flex-grow: 1;
2344
+ .pelcro-root .plc-max-w-xs {
2345
+ max-width: 20rem;
2260
2346
  }
2261
2347
 
2262
- .pelcro-root .plc-table-fixed {
2263
- table-layout: fixed;
2348
+ .pelcro-root .plc-max-w-xl {
2349
+ max-width: 36rem;
2264
2350
  }
2265
2351
 
2266
- .pelcro-root .plc-origin-right {
2267
- transform-origin: right;
2352
+ .pelcro-root .plc-min-h-12 {
2353
+ min-height: 3rem;
2268
2354
  }
2269
2355
 
2270
- .pelcro-root .plc-transform {
2271
- --tw-translate-x: 0;
2272
- --tw-translate-y: 0;
2273
- --tw-rotate: 0;
2274
- --tw-skew-x: 0;
2275
- --tw-skew-y: 0;
2276
- --tw-scale-x: 1;
2277
- --tw-scale-y: 1;
2278
- 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));
2356
+ .pelcro-root .plc-min-h-40 {
2357
+ min-height: 10rem;
2279
2358
  }
2280
2359
 
2281
- .pelcro-root .plc-translate-x-0 {
2282
- --tw-translate-x: 0px;
2360
+ .pelcro-root .plc-object-contain {
2361
+ object-fit: contain;
2283
2362
  }
2284
2363
 
2285
- .pelcro-root .plc--translate-x-full {
2286
- --tw-translate-x: -100%;
2364
+ .pelcro-root .plc-outline-none {
2365
+ outline: 2px solid transparent;
2366
+ outline-offset: 2px;
2287
2367
  }
2288
2368
 
2289
- .pelcro-root .plc--translate-y-1\/2 {
2290
- --tw-translate-y: -50%;
2369
+ .pelcro-root .focus\:plc-outline-none:focus {
2370
+ outline: 2px solid transparent;
2371
+ outline-offset: 2px;
2291
2372
  }
2292
2373
 
2293
- .pelcro-root .plc-group:hover .group-hover\:plc-translate-x-1 {
2294
- --tw-translate-x: 0.25rem;
2374
+ .pelcro-root .plc-overflow-auto {
2375
+ overflow: auto;
2295
2376
  }
2296
2377
 
2297
- .pelcro-root .plc-rotate-90 {
2298
- --tw-rotate: 90deg;
2378
+ .pelcro-root .plc-overflow-y-auto {
2379
+ overflow-y: auto;
2299
2380
  }
2300
2381
 
2301
- .pelcro-root .plc-rotate-180 {
2302
- --tw-rotate: 180deg;
2382
+ .pelcro-root .plc-overflow-y-scroll {
2383
+ overflow-y: scroll;
2303
2384
  }
2304
2385
 
2305
- .pelcro-root .plc-scale-120 {
2306
- --tw-scale-x: 1.2;
2307
- --tw-scale-y: 1.2;
2386
+ .pelcro-root .plc-p-1 {
2387
+ padding: 0.25rem;
2308
2388
  }
2309
2389
 
2310
- .pelcro-root .plc-scale-x-0 {
2311
- --tw-scale-x: 0;
2390
+ .pelcro-root .plc-p-2 {
2391
+ padding: 0.5rem;
2312
2392
  }
2313
2393
 
2314
- .pelcro-root .plc-scale-x-100 {
2315
- --tw-scale-x: 1;
2394
+ .pelcro-root .plc-p-3 {
2395
+ padding: 0.75rem;
2316
2396
  }
2317
2397
 
2318
- @keyframes plc-spin {
2319
- to {
2320
- transform: rotate(360deg);
2321
- }
2398
+ .pelcro-root .plc-p-4 {
2399
+ padding: 1rem;
2322
2400
  }
2323
2401
 
2324
- @keyframes plc-ping {
2325
- 75%, 100% {
2326
- transform: scale(2);
2327
- opacity: 0;
2328
- }
2402
+ .pelcro-root .plc-p-5 {
2403
+ padding: 1.25rem;
2329
2404
  }
2330
2405
 
2331
- @keyframes plc-pulse {
2332
- 50% {
2333
- opacity: .5;
2334
- }
2406
+ .pelcro-root .plc-py-1 {
2407
+ padding-top: 0.25rem;
2408
+ padding-bottom: 0.25rem;
2335
2409
  }
2336
2410
 
2337
- @keyframes plc-bounce {
2338
- 0%, 100% {
2339
- transform: translateY(-25%);
2340
- animation-timing-function: cubic-bezier(0.8,0,1,1);
2341
- }
2342
-
2343
- 50% {
2344
- transform: none;
2345
- animation-timing-function: cubic-bezier(0,0,0.2,1);
2346
- }
2411
+ .pelcro-root .plc-px-1 {
2412
+ padding-left: 0.25rem;
2413
+ padding-right: 0.25rem;
2347
2414
  }
2348
2415
 
2349
- @keyframes plc-slideInBottom {
2350
- 0% {
2351
- transform: translateY(1000px);
2352
- opacity: 0;
2353
- }
2416
+ .pelcro-root .plc-py-2 {
2417
+ padding-top: 0.5rem;
2418
+ padding-bottom: 0.5rem;
2419
+ }
2354
2420
 
2355
- 100% {
2356
- transform: translateY(0);
2357
- opacity: 1;
2358
- }
2421
+ .pelcro-root .plc-px-2 {
2422
+ padding-left: 0.5rem;
2423
+ padding-right: 0.5rem;
2359
2424
  }
2360
2425
 
2361
- .pelcro-root .plc-animate-spin {
2362
- animation: plc-spin 1s linear infinite;
2426
+ .pelcro-root .plc-py-3 {
2427
+ padding-top: 0.75rem;
2428
+ padding-bottom: 0.75rem;
2363
2429
  }
2364
2430
 
2365
- @media (prefers-reduced-motion: no-preference) {
2366
- .pelcro-root .motion-safe\:plc-animate-slideInBottom {
2367
- animation: plc-slideInBottom 0.5s ease-out;
2368
- }
2431
+ .pelcro-root .plc-px-3 {
2432
+ padding-left: 0.75rem;
2433
+ padding-right: 0.75rem;
2369
2434
  }
2370
2435
 
2371
- .pelcro-root .plc-cursor-default {
2372
- cursor: default;
2436
+ .pelcro-root .plc-py-4 {
2437
+ padding-top: 1rem;
2438
+ padding-bottom: 1rem;
2373
2439
  }
2374
2440
 
2375
- .pelcro-root .plc-cursor-pointer {
2376
- cursor: pointer;
2441
+ .pelcro-root .plc-px-4 {
2442
+ padding-left: 1rem;
2443
+ padding-right: 1rem;
2377
2444
  }
2378
2445
 
2379
- .pelcro-root .plc-select-none {
2380
- -webkit-user-select: none;
2381
- user-select: none;
2446
+ .pelcro-root .plc-px-5 {
2447
+ padding-left: 1.25rem;
2448
+ padding-right: 1.25rem;
2382
2449
  }
2383
2450
 
2384
- .pelcro-root .plc-appearance-none {
2385
- -webkit-appearance: none;
2386
- appearance: none;
2451
+ .pelcro-root .plc-px-6 {
2452
+ padding-left: 1.5rem;
2453
+ padding-right: 1.5rem;
2387
2454
  }
2388
2455
 
2389
- .pelcro-root .plc-flex-row-reverse {
2390
- flex-direction: row-reverse;
2456
+ .pelcro-root .plc-pt-1 {
2457
+ padding-top: 0.25rem;
2391
2458
  }
2392
2459
 
2393
- .pelcro-root .plc-flex-col {
2394
- flex-direction: column;
2460
+ .pelcro-root .plc-pr-1 {
2461
+ padding-right: 0.25rem;
2395
2462
  }
2396
2463
 
2397
- .pelcro-root .plc-flex-wrap {
2398
- flex-wrap: wrap;
2464
+ .pelcro-root .plc-pt-2 {
2465
+ padding-top: 0.5rem;
2399
2466
  }
2400
2467
 
2401
- .pelcro-root .plc-place-items-center {
2402
- place-items: center;
2468
+ .pelcro-root .plc-pr-2 {
2469
+ padding-right: 0.5rem;
2403
2470
  }
2404
2471
 
2405
- .pelcro-root .plc-items-start {
2406
- align-items: flex-start;
2472
+ .pelcro-root .plc-pl-2 {
2473
+ padding-left: 0.5rem;
2407
2474
  }
2408
2475
 
2409
- .pelcro-root .plc-items-end {
2410
- align-items: flex-end;
2476
+ .pelcro-root .plc-pr-4 {
2477
+ padding-right: 1rem;
2411
2478
  }
2412
2479
 
2413
- .pelcro-root .plc-items-center {
2414
- align-items: center;
2480
+ .pelcro-root .plc-pl-4 {
2481
+ padding-left: 1rem;
2415
2482
  }
2416
2483
 
2417
- .pelcro-root .plc-items-stretch {
2418
- align-items: stretch;
2484
+ .pelcro-root .plc-pointer-events-none {
2485
+ pointer-events: none;
2419
2486
  }
2420
2487
 
2421
- .pelcro-root .plc-justify-end {
2422
- justify-content: flex-end;
2488
+ .pelcro-root .plc-fixed {
2489
+ position: fixed;
2423
2490
  }
2424
2491
 
2425
- .pelcro-root .plc-justify-center {
2426
- justify-content: center;
2492
+ .pelcro-root .plc-absolute {
2493
+ position: absolute;
2427
2494
  }
2428
2495
 
2429
- .pelcro-root .plc-justify-between {
2430
- justify-content: space-between;
2496
+ .pelcro-root .plc-relative {
2497
+ position: relative;
2431
2498
  }
2432
2499
 
2433
- .pelcro-root .plc-justify-evenly {
2434
- justify-content: space-evenly;
2500
+ .pelcro-root .plc-inset-0 {
2501
+ top: 0px;
2502
+ right: 0px;
2503
+ bottom: 0px;
2504
+ left: 0px;
2435
2505
  }
2436
2506
 
2437
- .pelcro-root .plc-justify-items-center {
2438
- justify-items: center;
2507
+ .pelcro-root .plc-inset-y-0 {
2508
+ top: 0px;
2509
+ bottom: 0px;
2439
2510
  }
2440
2511
 
2441
- .pelcro-root .plc-gap-x-3 {
2442
- column-gap: 0.75rem;
2512
+ .pelcro-root .plc-top-0 {
2513
+ top: 0px;
2443
2514
  }
2444
2515
 
2445
- .pelcro-root .plc-gap-y-2 {
2446
- row-gap: 0.5rem;
2516
+ .pelcro-root .plc-right-0 {
2517
+ right: 0px;
2447
2518
  }
2448
2519
 
2449
- .pelcro-root .plc-gap-y-5 {
2450
- row-gap: 1.25rem;
2520
+ .pelcro-root .plc-bottom-0 {
2521
+ bottom: 0px;
2451
2522
  }
2452
2523
 
2453
- .pelcro-root .plc-space-x-2 > :not([hidden]) ~ :not([hidden]) {
2454
- --tw-space-x-reverse: 0;
2455
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
2456
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
2524
+ .pelcro-root .plc-right-1 {
2525
+ right: 0.25rem;
2457
2526
  }
2458
2527
 
2459
- .pelcro-root .plc-space-x-3 > :not([hidden]) ~ :not([hidden]) {
2460
- --tw-space-x-reverse: 0;
2461
- margin-right: calc(0.75rem * var(--tw-space-x-reverse));
2462
- margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
2528
+ .pelcro-root .plc-right-2 {
2529
+ right: 0.5rem;
2463
2530
  }
2464
2531
 
2465
- .pelcro-root .plc-space-y-2 > :not([hidden]) ~ :not([hidden]) {
2466
- --tw-space-y-reverse: 0;
2467
- margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
2468
- margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
2532
+ .pelcro-root .plc-right-4 {
2533
+ right: 1rem;
2469
2534
  }
2470
2535
 
2471
- .pelcro-root .plc-space-y-4 > :not([hidden]) ~ :not([hidden]) {
2472
- --tw-space-y-reverse: 0;
2473
- margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
2474
- margin-bottom: calc(1rem * var(--tw-space-y-reverse));
2536
+ .pelcro-root .plc-bottom-4 {
2537
+ bottom: 1rem;
2475
2538
  }
2476
2539
 
2477
- .pelcro-root .plc-overflow-auto {
2478
- overflow: auto;
2540
+ .pelcro-root .plc-top-7 {
2541
+ top: 1.75rem;
2479
2542
  }
2480
2543
 
2481
- .pelcro-root .plc-overflow-hidden {
2482
- overflow: hidden;
2544
+ .pelcro-root .plc-top-16 {
2545
+ top: 4rem;
2483
2546
  }
2484
2547
 
2485
- .pelcro-root .plc-overflow-x-auto {
2486
- overflow-x: auto;
2548
+ .pelcro-root .plc-top-24 {
2549
+ top: 6rem;
2487
2550
  }
2488
2551
 
2489
- .pelcro-root .plc-overflow-y-auto {
2490
- overflow-y: auto;
2552
+ .pelcro-root .plc--right-1 {
2553
+ right: -0.25rem;
2491
2554
  }
2492
2555
 
2493
- .pelcro-root .plc-overflow-y-scroll {
2494
- overflow-y: scroll;
2556
+ * {
2557
+ --tw-shadow: 0 0 #0000;
2495
2558
  }
2496
2559
 
2497
- .pelcro-root .plc-truncate {
2498
- overflow: hidden;
2499
- text-overflow: ellipsis;
2500
- white-space: nowrap;
2560
+ .pelcro-root .plc-shadow-sm {
2561
+ --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
2562
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2501
2563
  }
2502
2564
 
2503
- .pelcro-root .plc-whitespace-nowrap {
2504
- white-space: nowrap;
2565
+ .pelcro-root .plc-shadow-md {
2566
+ --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
2567
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2505
2568
  }
2506
2569
 
2507
- .pelcro-root .plc-whitespace-pre-line {
2508
- white-space: pre-line;
2570
+ .pelcro-root .plc-shadow-lg {
2571
+ --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
2572
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2509
2573
  }
2510
2574
 
2511
- .pelcro-root .plc-break-words {
2512
- overflow-wrap: break-word;
2575
+ .pelcro-root .plc-shadow-xl {
2576
+ --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
2577
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2513
2578
  }
2514
2579
 
2515
- .pelcro-root .plc-rounded-none {
2516
- border-radius: 0px;
2580
+ .pelcro-root .hover\:plc-shadow-none:hover {
2581
+ --tw-shadow: 0 0 #0000;
2582
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2517
2583
  }
2518
2584
 
2519
- .pelcro-root .plc-rounded-sm {
2520
- border-radius: 0.125rem;
2585
+ .pelcro-root .focus\:plc-shadow-none:focus {
2586
+ --tw-shadow: 0 0 #0000;
2587
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2521
2588
  }
2522
2589
 
2523
- .pelcro-root .plc-rounded {
2524
- border-radius: 0.25rem;
2590
+ * {
2591
+ --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
2592
+ --tw-ring-offset-width: 0px;
2593
+ --tw-ring-offset-color: #fff;
2594
+ --tw-ring-color: rgba(147, 197, 253, 0.5);
2595
+ --tw-ring-offset-shadow: 0 0 #0000;
2596
+ --tw-ring-shadow: 0 0 #0000;
2525
2597
  }
2526
2598
 
2527
- .pelcro-root .plc-rounded-md {
2528
- border-radius: 0.375rem;
2599
+ .pelcro-root .plc-ring-1 {
2600
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2601
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2602
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2529
2603
  }
2530
2604
 
2531
- .pelcro-root .plc-rounded-lg {
2532
- border-radius: 0.5rem;
2605
+ .pelcro-root .plc-ring-2 {
2606
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2607
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2608
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2533
2609
  }
2534
2610
 
2535
- .pelcro-root .plc-rounded-2xl {
2536
- border-radius: 1rem;
2611
+ .pelcro-root .focus\:plc-ring-0:focus {
2612
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2613
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2614
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2537
2615
  }
2538
2616
 
2539
- .pelcro-root .plc-rounded-full {
2540
- border-radius: 9999px;
2617
+ .pelcro-root .focus\:plc-ring-2:focus {
2618
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2619
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2620
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2541
2621
  }
2542
2622
 
2543
- .pelcro-root .plc-border-0 {
2544
- border-width: 0px;
2623
+ .pelcro-root .plc-ring-primary-400 {
2624
+ --tw-ring-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
2545
2625
  }
2546
2626
 
2547
- .pelcro-root .plc-border-2 {
2548
- border-width: 2px;
2627
+ .pelcro-root .plc-ring-gray-200 {
2628
+ --tw-ring-opacity: 1;
2629
+ --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
2549
2630
  }
2550
2631
 
2551
- .pelcro-root .plc-border {
2552
- border-width: 1px;
2632
+ .pelcro-root .plc-ring-red-400 {
2633
+ --tw-ring-opacity: 1;
2634
+ --tw-ring-color: rgba(209, 70, 65, var(--tw-ring-opacity));
2553
2635
  }
2554
2636
 
2555
- .pelcro-root .last\:plc-border-0:last-child {
2556
- border-width: 0px;
2637
+ .pelcro-root .focus\:plc-ring-primary-300:focus {
2638
+ --tw-ring-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 20%));
2557
2639
  }
2558
2640
 
2559
- .pelcro-root .plc-border-t-2 {
2560
- border-top-width: 2px;
2641
+ .pelcro-root .focus\:plc-ring-red-500:focus {
2642
+ --tw-ring-opacity: 1;
2643
+ --tw-ring-color: rgba(180, 48, 43, var(--tw-ring-opacity));
2561
2644
  }
2562
2645
 
2563
- .pelcro-root .plc-border-t-4 {
2564
- border-top-width: 4px;
2646
+ .pelcro-root .focus\:plc-ring-green-300:focus {
2647
+ --tw-ring-opacity: 1;
2648
+ --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
2565
2649
  }
2566
2650
 
2567
- .pelcro-root .plc-border-t-8 {
2568
- border-top-width: 8px;
2651
+ .pelcro-root .focus\:plc-ring-blue-400:focus {
2652
+ --tw-ring-opacity: 1;
2653
+ --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
2569
2654
  }
2570
2655
 
2571
- .pelcro-root .plc-border-t {
2572
- border-top-width: 1px;
2656
+ .pelcro-root .focus\:plc-ring-blue-500:focus {
2657
+ --tw-ring-opacity: 1;
2658
+ --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
2573
2659
  }
2574
2660
 
2575
- .pelcro-root .plc-border-b-2 {
2576
- border-bottom-width: 2px;
2661
+ .pelcro-root .plc-fill-current {
2662
+ fill: currentColor;
2577
2663
  }
2578
2664
 
2579
- .pelcro-root .plc-border-b {
2580
- border-bottom-width: 1px;
2665
+ .pelcro-root .plc-table-fixed {
2666
+ table-layout: fixed;
2581
2667
  }
2582
2668
 
2583
- .pelcro-root .plc-border-l-2 {
2584
- border-left-width: 2px;
2669
+ .pelcro-root .plc-text-left {
2670
+ text-align: left;
2585
2671
  }
2586
2672
 
2587
- .pelcro-root .plc-border-l-4 {
2588
- border-left-width: 4px;
2673
+ .pelcro-root .plc-text-center {
2674
+ text-align: center;
2589
2675
  }
2590
2676
 
2591
- .pelcro-root .plc-border-solid {
2592
- border-style: solid;
2677
+ .pelcro-root .plc-text-primary-400 {
2678
+ color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
2593
2679
  }
2594
2680
 
2595
- .pelcro-root .plc-border-transparent {
2596
- border-color: transparent;
2681
+ .pelcro-root .plc-text-primary-500 {
2682
+ color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
2597
2683
  }
2598
2684
 
2599
- .pelcro-root .plc-border-primary-300 {
2600
- border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 20%));
2685
+ .pelcro-root .plc-text-primary-600 {
2686
+ color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
2601
2687
  }
2602
2688
 
2603
- .pelcro-root .plc-border-primary-400 {
2604
- border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
2689
+ .pelcro-root .plc-text-black {
2690
+ --tw-text-opacity: 1;
2691
+ color: rgba(0, 0, 0, var(--tw-text-opacity));
2605
2692
  }
2606
2693
 
2607
- .pelcro-root .plc-border-primary-500 {
2608
- border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
2694
+ .pelcro-root .plc-text-white {
2695
+ --tw-text-opacity: 1;
2696
+ color: rgba(255, 255, 255, var(--tw-text-opacity));
2609
2697
  }
2610
2698
 
2611
- .pelcro-root .plc-border-primary-800 {
2612
- border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 30%));
2699
+ .pelcro-root .plc-text-gray-100 {
2700
+ --tw-text-opacity: 1;
2701
+ color: rgba(243, 244, 246, var(--tw-text-opacity));
2613
2702
  }
2614
2703
 
2615
- .pelcro-root .plc-border-white {
2616
- --tw-border-opacity: 1;
2617
- border-color: rgba(255, 255, 255, var(--tw-border-opacity));
2704
+ .pelcro-root .plc-text-gray-400 {
2705
+ --tw-text-opacity: 1;
2706
+ color: rgba(156, 163, 175, var(--tw-text-opacity));
2618
2707
  }
2619
2708
 
2620
- .pelcro-root .plc-border-gray-200 {
2621
- --tw-border-opacity: 1;
2622
- border-color: rgba(229, 231, 235, var(--tw-border-opacity));
2709
+ .pelcro-root .plc-text-gray-500 {
2710
+ --tw-text-opacity: 1;
2711
+ color: rgba(107, 114, 128, var(--tw-text-opacity));
2623
2712
  }
2624
2713
 
2625
- .pelcro-root .plc-border-gray-300 {
2626
- --tw-border-opacity: 1;
2627
- border-color: rgba(209, 213, 219, var(--tw-border-opacity));
2714
+ .pelcro-root .plc-text-gray-600 {
2715
+ --tw-text-opacity: 1;
2716
+ color: rgba(75, 85, 99, var(--tw-text-opacity));
2628
2717
  }
2629
2718
 
2630
- .pelcro-root .plc-border-gray-400 {
2631
- --tw-border-opacity: 1;
2632
- border-color: rgba(156, 163, 175, var(--tw-border-opacity));
2719
+ .pelcro-root .plc-text-gray-700 {
2720
+ --tw-text-opacity: 1;
2721
+ color: rgba(55, 65, 81, var(--tw-text-opacity));
2633
2722
  }
2634
2723
 
2635
- .pelcro-root .plc-border-green-400 {
2636
- --tw-border-opacity: 1;
2637
- border-color: rgba(52, 211, 153, var(--tw-border-opacity));
2724
+ .pelcro-root .plc-text-gray-900 {
2725
+ --tw-text-opacity: 1;
2726
+ color: rgba(17, 24, 39, var(--tw-text-opacity));
2638
2727
  }
2639
2728
 
2640
- .pelcro-root .hover\:plc-border-primary-800:hover {
2641
- border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 30%));
2729
+ .pelcro-root .plc-text-red-500 {
2730
+ --tw-text-opacity: 1;
2731
+ color: rgba(180, 48, 43, var(--tw-text-opacity));
2642
2732
  }
2643
2733
 
2644
- .pelcro-root .plc-bg-transparent {
2645
- background-color: transparent;
2734
+ .pelcro-root .plc-text-red-700 {
2735
+ --tw-text-opacity: 1;
2736
+ color: rgba(98, 26, 23, var(--tw-text-opacity));
2646
2737
  }
2647
2738
 
2648
- .pelcro-root .plc-bg-primary-200 {
2649
- background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 30%));
2739
+ .pelcro-root .plc-text-yellow-700 {
2740
+ --tw-text-opacity: 1;
2741
+ color: rgba(180, 83, 9, var(--tw-text-opacity));
2650
2742
  }
2651
2743
 
2652
- .pelcro-root .plc-bg-primary-400 {
2653
- background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
2744
+ .pelcro-root .plc-text-green-400 {
2745
+ --tw-text-opacity: 1;
2746
+ color: rgba(52, 211, 153, var(--tw-text-opacity));
2654
2747
  }
2655
2748
 
2656
- .pelcro-root .plc-bg-primary-700 {
2657
- background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 20%));
2749
+ .pelcro-root .plc-text-green-500 {
2750
+ --tw-text-opacity: 1;
2751
+ color: rgba(16, 185, 129, var(--tw-text-opacity));
2658
2752
  }
2659
2753
 
2660
- .pelcro-root .plc-bg-primary-800 {
2661
- background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 30%));
2754
+ .pelcro-root .plc-text-green-600 {
2755
+ --tw-text-opacity: 1;
2756
+ color: rgba(5, 150, 105, var(--tw-text-opacity));
2662
2757
  }
2663
2758
 
2664
- .pelcro-root .plc-bg-white {
2665
- --tw-bg-opacity: 1;
2666
- background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
2759
+ .pelcro-root .plc-text-green-700 {
2760
+ --tw-text-opacity: 1;
2761
+ color: rgba(4, 120, 87, var(--tw-text-opacity));
2667
2762
  }
2668
2763
 
2669
- .pelcro-root .plc-bg-gray-50 {
2670
- --tw-bg-opacity: 1;
2671
- background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
2764
+ .pelcro-root .plc-text-blue-400 {
2765
+ --tw-text-opacity: 1;
2766
+ color: rgba(96, 165, 250, var(--tw-text-opacity));
2672
2767
  }
2673
2768
 
2674
- .pelcro-root .plc-bg-gray-100 {
2675
- --tw-bg-opacity: 1;
2676
- background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
2769
+ .pelcro-root .plc-text-blue-700 {
2770
+ --tw-text-opacity: 1;
2771
+ color: rgba(29, 78, 216, var(--tw-text-opacity));
2677
2772
  }
2678
2773
 
2679
- .pelcro-root .plc-bg-gray-200 {
2680
- --tw-bg-opacity: 1;
2681
- background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
2774
+ .pelcro-root .plc-text-orange-700 {
2775
+ --tw-text-opacity: 1;
2776
+ color: rgba(194, 65, 12, var(--tw-text-opacity));
2682
2777
  }
2683
2778
 
2684
- .pelcro-root .plc-bg-gray-300 {
2685
- --tw-bg-opacity: 1;
2686
- background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
2779
+ .pelcro-root .plc-group:hover .group-hover\:plc-text-primary-400 {
2780
+ color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
2687
2781
  }
2688
2782
 
2689
- .pelcro-root .plc-bg-gray-500 {
2690
- --tw-bg-opacity: 1;
2691
- background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
2783
+ .pelcro-root .hover\:plc-text-primary-500:hover {
2784
+ color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
2692
2785
  }
2693
2786
 
2694
- .pelcro-root .plc-bg-gray-600 {
2695
- --tw-bg-opacity: 1;
2696
- background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
2787
+ .pelcro-root .hover\:plc-text-primary-700:hover {
2788
+ color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 20%));
2697
2789
  }
2698
2790
 
2699
- .pelcro-root .plc-bg-gray-800 {
2700
- --tw-bg-opacity: 1;
2701
- background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
2791
+ .pelcro-root .hover\:plc-text-black:hover {
2792
+ --tw-text-opacity: 1;
2793
+ color: rgba(0, 0, 0, var(--tw-text-opacity));
2702
2794
  }
2703
2795
 
2704
- .pelcro-root .plc-bg-red-100 {
2705
- --tw-bg-opacity: 1;
2706
- background-color: rgba(239, 190, 188, var(--tw-bg-opacity));
2796
+ .pelcro-root .hover\:plc-text-white:hover {
2797
+ --tw-text-opacity: 1;
2798
+ color: rgba(255, 255, 255, var(--tw-text-opacity));
2707
2799
  }
2708
2800
 
2709
- .pelcro-root .plc-bg-red-500 {
2710
- --tw-bg-opacity: 1;
2711
- background-color: rgba(180, 48, 43, var(--tw-bg-opacity));
2801
+ .pelcro-root .hover\:plc-text-gray-500:hover {
2802
+ --tw-text-opacity: 1;
2803
+ color: rgba(107, 114, 128, var(--tw-text-opacity));
2712
2804
  }
2713
2805
 
2714
- .pelcro-root .plc-bg-yellow-100 {
2715
- --tw-bg-opacity: 1;
2716
- background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
2806
+ .pelcro-root .hover\:plc-text-gray-900:hover {
2807
+ --tw-text-opacity: 1;
2808
+ color: rgba(17, 24, 39, var(--tw-text-opacity));
2717
2809
  }
2718
2810
 
2719
- .pelcro-root .plc-bg-green-50 {
2720
- --tw-bg-opacity: 1;
2721
- background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
2811
+ .pelcro-root .focus\:plc-text-black:focus {
2812
+ --tw-text-opacity: 1;
2813
+ color: rgba(0, 0, 0, var(--tw-text-opacity));
2722
2814
  }
2723
2815
 
2724
- .pelcro-root .plc-bg-green-100 {
2725
- --tw-bg-opacity: 1;
2726
- background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
2816
+ .pelcro-root .focus\:plc-text-white:focus {
2817
+ --tw-text-opacity: 1;
2818
+ color: rgba(255, 255, 255, var(--tw-text-opacity));
2727
2819
  }
2728
2820
 
2729
- .pelcro-root .plc-bg-blue-100 {
2730
- --tw-bg-opacity: 1;
2731
- background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
2821
+ .pelcro-root .plc-truncate {
2822
+ overflow: hidden;
2823
+ text-overflow: ellipsis;
2824
+ white-space: nowrap;
2732
2825
  }
2733
2826
 
2734
- .pelcro-root .plc-bg-orange-100 {
2735
- --tw-bg-opacity: 1;
2736
- background-color: rgba(255, 237, 213, var(--tw-bg-opacity));
2827
+ .pelcro-root .plc-uppercase {
2828
+ text-transform: uppercase;
2737
2829
  }
2738
2830
 
2739
- .pelcro-root .hover\:plc-bg-transparent:hover {
2740
- background-color: transparent;
2831
+ .pelcro-root .plc-capitalize {
2832
+ text-transform: capitalize;
2741
2833
  }
2742
2834
 
2743
- .pelcro-root .hover\:plc-bg-primary-600:hover {
2744
- background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
2835
+ .pelcro-root .plc-underline {
2836
+ text-decoration: underline;
2745
2837
  }
2746
2838
 
2747
- .pelcro-root .hover\:plc-bg-white:hover {
2748
- --tw-bg-opacity: 1;
2749
- background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
2839
+ .pelcro-root .plc-no-underline {
2840
+ text-decoration: none;
2750
2841
  }
2751
2842
 
2752
- .pelcro-root .hover\:plc-bg-gray-50:hover {
2753
- --tw-bg-opacity: 1;
2754
- background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
2843
+ .pelcro-root .plc-tracking-wider {
2844
+ letter-spacing: 0.05em;
2755
2845
  }
2756
2846
 
2757
- .pelcro-root .hover\:plc-bg-gray-100:hover {
2758
- --tw-bg-opacity: 1;
2759
- background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
2847
+ .pelcro-root .plc-tracking-widest {
2848
+ letter-spacing: 0.1em;
2760
2849
  }
2761
2850
 
2762
- .pelcro-root .hover\:plc-bg-gray-600:hover {
2763
- --tw-bg-opacity: 1;
2764
- background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
2851
+ .pelcro-root .plc-select-none {
2852
+ -webkit-user-select: none;
2853
+ user-select: none;
2765
2854
  }
2766
2855
 
2767
- .pelcro-root .hover\:plc-bg-gray-900:hover {
2768
- --tw-bg-opacity: 1;
2769
- background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
2856
+ .pelcro-root .plc-align-top {
2857
+ vertical-align: top;
2770
2858
  }
2771
2859
 
2772
- .pelcro-root .hover\:plc-bg-red-600:hover {
2773
- --tw-bg-opacity: 1;
2774
- background-color: rgba(139, 37, 33, var(--tw-bg-opacity));
2860
+ .pelcro-root .plc-align-middle {
2861
+ vertical-align: middle;
2775
2862
  }
2776
2863
 
2777
- .pelcro-root .focus\:plc-bg-transparent:focus {
2778
- background-color: transparent;
2864
+ .pelcro-root .plc-whitespace-pre-line {
2865
+ white-space: pre-line;
2779
2866
  }
2780
2867
 
2781
- .pelcro-root .focus\:plc-bg-primary-600:focus {
2782
- background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
2868
+ .pelcro-root .plc-break-words {
2869
+ overflow-wrap: break-word;
2783
2870
  }
2784
2871
 
2785
- .pelcro-root .disabled\:plc-bg-gray-400:disabled {
2786
- --tw-bg-opacity: 1;
2787
- background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
2872
+ .pelcro-root .plc-w-3 {
2873
+ width: 0.75rem;
2788
2874
  }
2789
2875
 
2790
- .pelcro-root .plc-fill-current {
2791
- fill: currentColor;
2876
+ .pelcro-root .plc-w-4 {
2877
+ width: 1rem;
2792
2878
  }
2793
2879
 
2794
- .pelcro-root .plc-object-contain {
2795
- object-fit: contain;
2880
+ .pelcro-root .plc-w-5 {
2881
+ width: 1.25rem;
2796
2882
  }
2797
2883
 
2798
- .pelcro-root .plc-object-left {
2799
- object-position: left;
2884
+ .pelcro-root .plc-w-6 {
2885
+ width: 1.5rem;
2800
2886
  }
2801
2887
 
2802
- .pelcro-root .plc-p-1 {
2803
- padding: 0.25rem;
2888
+ .pelcro-root .plc-w-7 {
2889
+ width: 1.75rem;
2804
2890
  }
2805
2891
 
2806
- .pelcro-root .plc-p-2 {
2807
- padding: 0.5rem;
2892
+ .pelcro-root .plc-w-8 {
2893
+ width: 2rem;
2808
2894
  }
2809
2895
 
2810
- .pelcro-root .plc-p-3 {
2811
- padding: 0.75rem;
2896
+ .pelcro-root .plc-w-9 {
2897
+ width: 2.25rem;
2812
2898
  }
2813
2899
 
2814
- .pelcro-root .plc-p-4 {
2815
- padding: 1rem;
2900
+ .pelcro-root .plc-w-10 {
2901
+ width: 2.5rem;
2816
2902
  }
2817
2903
 
2818
- .pelcro-root .plc-p-5 {
2819
- padding: 1.25rem;
2904
+ .pelcro-root .plc-w-12 {
2905
+ width: 3rem;
2820
2906
  }
2821
2907
 
2822
- .pelcro-root .plc-p-6 {
2823
- padding: 1.5rem;
2908
+ .pelcro-root .plc-w-16 {
2909
+ width: 4rem;
2824
2910
  }
2825
2911
 
2826
- .pelcro-root .plc-p-8 {
2827
- padding: 2rem;
2912
+ .pelcro-root .plc-w-20 {
2913
+ width: 5rem;
2828
2914
  }
2829
2915
 
2830
- .pelcro-root .plc-px-1 {
2831
- padding-left: 0.25rem;
2832
- padding-right: 0.25rem;
2916
+ .pelcro-root .plc-w-24 {
2917
+ width: 6rem;
2833
2918
  }
2834
2919
 
2835
- .pelcro-root .plc-px-2 {
2836
- padding-left: 0.5rem;
2837
- padding-right: 0.5rem;
2920
+ .pelcro-root .plc-w-32 {
2921
+ width: 8rem;
2838
2922
  }
2839
2923
 
2840
- .pelcro-root .plc-px-3 {
2841
- padding-left: 0.75rem;
2842
- padding-right: 0.75rem;
2924
+ .pelcro-root .plc-w-36 {
2925
+ width: 9rem;
2843
2926
  }
2844
2927
 
2845
- .pelcro-root .plc-px-4 {
2846
- padding-left: 1rem;
2847
- padding-right: 1rem;
2928
+ .pelcro-root .plc-w-56 {
2929
+ width: 14rem;
2848
2930
  }
2849
2931
 
2850
- .pelcro-root .plc-px-5 {
2851
- padding-left: 1.25rem;
2852
- padding-right: 1.25rem;
2932
+ .pelcro-root .plc-w-auto {
2933
+ width: auto;
2853
2934
  }
2854
2935
 
2855
- .pelcro-root .plc-px-6 {
2856
- padding-left: 1.5rem;
2857
- padding-right: 1.5rem;
2936
+ .pelcro-root .plc-w-1\/2 {
2937
+ width: 50%;
2858
2938
  }
2859
2939
 
2860
- .pelcro-root .plc-px-8 {
2861
- padding-left: 2rem;
2862
- padding-right: 2rem;
2940
+ .pelcro-root .plc-w-1\/4 {
2941
+ width: 25%;
2863
2942
  }
2864
2943
 
2865
- .pelcro-root .plc-py-1 {
2866
- padding-top: 0.25rem;
2867
- padding-bottom: 0.25rem;
2944
+ .pelcro-root .plc-w-3\/4 {
2945
+ width: 75%;
2868
2946
  }
2869
2947
 
2870
- .pelcro-root .plc-py-2 {
2871
- padding-top: 0.5rem;
2872
- padding-bottom: 0.5rem;
2873
- }
2874
-
2875
- .pelcro-root .plc-py-3 {
2876
- padding-top: 0.75rem;
2877
- padding-bottom: 0.75rem;
2878
- }
2879
-
2880
- .pelcro-root .plc-py-4 {
2881
- padding-top: 1rem;
2882
- padding-bottom: 1rem;
2883
- }
2884
-
2885
- .pelcro-root .plc-py-5 {
2886
- padding-top: 1.25rem;
2887
- padding-bottom: 1.25rem;
2888
- }
2889
-
2890
- .pelcro-root .plc-pt-1 {
2891
- padding-top: 0.25rem;
2892
- }
2893
-
2894
- .pelcro-root .plc-pt-2 {
2895
- padding-top: 0.5rem;
2896
- }
2897
-
2898
- .pelcro-root .plc-pt-4 {
2899
- padding-top: 1rem;
2900
- }
2901
-
2902
- .pelcro-root .plc-pr-1 {
2903
- padding-right: 0.25rem;
2904
- }
2905
-
2906
- .pelcro-root .plc-pr-2 {
2907
- padding-right: 0.5rem;
2908
- }
2909
-
2910
- .pelcro-root .plc-pr-4 {
2911
- padding-right: 1rem;
2912
- }
2913
-
2914
- .pelcro-root .plc-pb-4 {
2915
- padding-bottom: 1rem;
2916
- }
2917
-
2918
- .pelcro-root .plc-pl-2 {
2919
- padding-left: 0.5rem;
2920
- }
2921
-
2922
- .pelcro-root .plc-pl-4 {
2923
- padding-left: 1rem;
2924
- }
2925
-
2926
- .pelcro-root .plc-text-left {
2927
- text-align: left;
2928
- }
2929
-
2930
- .pelcro-root .plc-text-center {
2931
- text-align: center;
2932
- }
2933
-
2934
- .pelcro-root .plc-align-top {
2935
- vertical-align: top;
2936
- }
2937
-
2938
- .pelcro-root .plc-align-middle {
2939
- vertical-align: middle;
2940
- }
2941
-
2942
- .pelcro-root .plc-text-xs {
2943
- font-size: 0.75rem;
2944
- line-height: 1rem;
2945
- }
2946
-
2947
- .pelcro-root .plc-text-sm {
2948
- font-size: 0.875rem;
2949
- line-height: 1.25rem;
2950
- }
2951
-
2952
- .pelcro-root .plc-text-base {
2953
- font-size: 1rem;
2954
- line-height: 1.5rem;
2955
- }
2956
-
2957
- .pelcro-root .plc-text-lg {
2958
- font-size: 1.125rem;
2959
- line-height: 1.75rem;
2960
- }
2961
-
2962
- .pelcro-root .plc-text-xl {
2963
- font-size: 1.25rem;
2964
- line-height: 1.75rem;
2965
- }
2966
-
2967
- .pelcro-root .plc-text-2xl {
2968
- font-size: 1.5rem;
2969
- line-height: 2rem;
2970
- }
2971
-
2972
- .pelcro-root .plc-text-3xl {
2973
- font-size: 1.875rem;
2974
- line-height: 2.25rem;
2975
- }
2976
-
2977
- .pelcro-root .plc-text-4xl {
2978
- font-size: 2.25rem;
2979
- line-height: 2.5rem;
2980
- }
2981
-
2982
- .pelcro-root .plc-font-thin {
2983
- font-weight: 100;
2984
- }
2985
-
2986
- .pelcro-root .plc-font-normal {
2987
- font-weight: 400;
2988
- }
2989
-
2990
- .pelcro-root .plc-font-medium {
2991
- font-weight: 500;
2992
- }
2993
-
2994
- .pelcro-root .plc-font-semibold {
2995
- font-weight: 600;
2996
- }
2997
-
2998
- .pelcro-root .plc-font-bold {
2999
- font-weight: 700;
3000
- }
3001
-
3002
- .pelcro-root .plc-uppercase {
3003
- text-transform: uppercase;
3004
- }
3005
-
3006
- .pelcro-root .plc-capitalize {
3007
- text-transform: capitalize;
3008
- }
3009
-
3010
- .pelcro-root .plc-tracking-wider {
3011
- letter-spacing: 0.05em;
3012
- }
3013
-
3014
- .pelcro-root .plc-tracking-widest {
3015
- letter-spacing: 0.1em;
3016
- }
3017
-
3018
- .pelcro-root .plc-text-primary-400 {
3019
- color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
3020
- }
3021
-
3022
- .pelcro-root .plc-text-primary-500 {
3023
- color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
3024
- }
3025
-
3026
- .pelcro-root .plc-text-primary-600 {
3027
- color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
3028
- }
3029
-
3030
- .pelcro-root .plc-text-primary-800 {
3031
- color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 30%));
3032
- }
3033
-
3034
- .pelcro-root .plc-text-black {
3035
- --tw-text-opacity: 1;
3036
- color: rgba(0, 0, 0, var(--tw-text-opacity));
3037
- }
3038
-
3039
- .pelcro-root .plc-text-white {
3040
- --tw-text-opacity: 1;
3041
- color: rgba(255, 255, 255, var(--tw-text-opacity));
3042
- }
3043
-
3044
- .pelcro-root .plc-text-gray-400 {
3045
- --tw-text-opacity: 1;
3046
- color: rgba(156, 163, 175, var(--tw-text-opacity));
3047
- }
3048
-
3049
- .pelcro-root .plc-text-gray-500 {
3050
- --tw-text-opacity: 1;
3051
- color: rgba(107, 114, 128, var(--tw-text-opacity));
3052
- }
3053
-
3054
- .pelcro-root .plc-text-gray-600 {
3055
- --tw-text-opacity: 1;
3056
- color: rgba(75, 85, 99, var(--tw-text-opacity));
3057
- }
3058
-
3059
- .pelcro-root .plc-text-gray-700 {
3060
- --tw-text-opacity: 1;
3061
- color: rgba(55, 65, 81, var(--tw-text-opacity));
3062
- }
3063
-
3064
- .pelcro-root .plc-text-gray-900 {
3065
- --tw-text-opacity: 1;
3066
- color: rgba(17, 24, 39, var(--tw-text-opacity));
3067
- }
3068
-
3069
- .pelcro-root .plc-text-red-500 {
3070
- --tw-text-opacity: 1;
3071
- color: rgba(180, 48, 43, var(--tw-text-opacity));
3072
- }
3073
-
3074
- .pelcro-root .plc-text-red-700 {
3075
- --tw-text-opacity: 1;
3076
- color: rgba(98, 26, 23, var(--tw-text-opacity));
3077
- }
3078
-
3079
- .pelcro-root .plc-text-yellow-700 {
3080
- --tw-text-opacity: 1;
3081
- color: rgba(180, 83, 9, var(--tw-text-opacity));
3082
- }
3083
-
3084
- .pelcro-root .plc-text-green-400 {
3085
- --tw-text-opacity: 1;
3086
- color: rgba(52, 211, 153, var(--tw-text-opacity));
3087
- }
3088
-
3089
- .pelcro-root .plc-text-green-500 {
3090
- --tw-text-opacity: 1;
3091
- color: rgba(16, 185, 129, var(--tw-text-opacity));
3092
- }
3093
-
3094
- .pelcro-root .plc-text-green-600 {
3095
- --tw-text-opacity: 1;
3096
- color: rgba(5, 150, 105, var(--tw-text-opacity));
3097
- }
3098
-
3099
- .pelcro-root .plc-text-green-700 {
3100
- --tw-text-opacity: 1;
3101
- color: rgba(4, 120, 87, var(--tw-text-opacity));
3102
- }
3103
-
3104
- .pelcro-root .plc-text-blue-400 {
3105
- --tw-text-opacity: 1;
3106
- color: rgba(96, 165, 250, var(--tw-text-opacity));
3107
- }
3108
-
3109
- .pelcro-root .plc-text-blue-500 {
3110
- --tw-text-opacity: 1;
3111
- color: rgba(59, 130, 246, var(--tw-text-opacity));
3112
- }
3113
-
3114
- .pelcro-root .plc-text-blue-700 {
3115
- --tw-text-opacity: 1;
3116
- color: rgba(29, 78, 216, var(--tw-text-opacity));
3117
- }
3118
-
3119
- .pelcro-root .plc-text-orange-700 {
3120
- --tw-text-opacity: 1;
3121
- color: rgba(194, 65, 12, var(--tw-text-opacity));
3122
- }
3123
-
3124
- .pelcro-root .plc-group:hover .group-hover\:plc-text-primary-400 {
3125
- color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
3126
- }
3127
-
3128
- .pelcro-root .hover\:plc-text-primary-500:hover {
3129
- color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
3130
- }
3131
-
3132
- .pelcro-root .hover\:plc-text-black:hover {
3133
- --tw-text-opacity: 1;
3134
- color: rgba(0, 0, 0, var(--tw-text-opacity));
3135
- }
3136
-
3137
- .pelcro-root .hover\:plc-text-white:hover {
3138
- --tw-text-opacity: 1;
3139
- color: rgba(255, 255, 255, var(--tw-text-opacity));
3140
- }
3141
-
3142
- .pelcro-root .hover\:plc-text-gray-900:hover {
3143
- --tw-text-opacity: 1;
3144
- color: rgba(17, 24, 39, var(--tw-text-opacity));
3145
- }
3146
-
3147
- .pelcro-root .focus\:plc-text-black:focus {
3148
- --tw-text-opacity: 1;
3149
- color: rgba(0, 0, 0, var(--tw-text-opacity));
3150
- }
3151
-
3152
- .pelcro-root .focus\:plc-text-white:focus {
3153
- --tw-text-opacity: 1;
3154
- color: rgba(255, 255, 255, var(--tw-text-opacity));
3155
- }
3156
-
3157
- .pelcro-root .plc-underline {
3158
- text-decoration: underline;
3159
- }
3160
-
3161
- .pelcro-root .plc-no-underline {
3162
- text-decoration: none;
3163
- }
3164
-
3165
- *, ::before, ::after {
3166
- --tw-shadow: 0 0 #0000;
3167
- }
3168
-
3169
- .pelcro-root .plc-shadow-sm {
3170
- --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
3171
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3172
- }
3173
-
3174
- .pelcro-root .plc-shadow-md {
3175
- --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
3176
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3177
- }
3178
-
3179
- .pelcro-root .plc-shadow-md_dark {
3180
- --tw-shadow: 0 0px 6px -1px rgba(0, 0, 0, 0.1), 0 0px 4px -1px rgba(0, 0, 0, 0.4);
3181
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3182
- }
3183
-
3184
- .pelcro-root .plc-shadow-lg {
3185
- --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
3186
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3187
- }
3188
-
3189
- .pelcro-root .plc-shadow-xl {
3190
- --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
3191
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3192
- }
3193
-
3194
- .pelcro-root .hover\:plc-shadow-none:hover {
3195
- --tw-shadow: 0 0 #0000;
3196
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3197
- }
3198
-
3199
- .pelcro-root .focus\:plc-shadow-none:focus {
3200
- --tw-shadow: 0 0 #0000;
3201
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3202
- }
3203
-
3204
- .pelcro-root .plc-outline-none {
3205
- outline: 2px solid transparent;
3206
- outline-offset: 2px;
3207
- }
3208
-
3209
- .pelcro-root .focus-within\:plc-outline-none:focus-within {
3210
- outline: 2px solid transparent;
3211
- outline-offset: 2px;
3212
- }
3213
-
3214
- .pelcro-root .focus\:plc-outline-none:focus {
3215
- outline: 2px solid transparent;
3216
- outline-offset: 2px;
3217
- }
3218
-
3219
- *, ::before, ::after {
3220
- --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
3221
- --tw-ring-offset-width: 0px;
3222
- --tw-ring-offset-color: #fff;
3223
- --tw-ring-color: rgba(147, 197, 253, 0.5);
3224
- --tw-ring-offset-shadow: 0 0 #0000;
3225
- --tw-ring-shadow: 0 0 #0000;
3226
- }
3227
-
3228
- .pelcro-root .plc-ring-1 {
3229
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3230
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3231
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3232
- }
3233
-
3234
- .pelcro-root .plc-ring-2 {
3235
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3236
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3237
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3238
- }
3239
-
3240
- .pelcro-root .focus\:plc-ring-0:focus {
3241
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3242
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3243
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3244
- }
3245
-
3246
- .pelcro-root .focus\:plc-ring-2:focus {
3247
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3248
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3249
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3250
- }
3251
-
3252
- .pelcro-root .plc-ring-primary-400 {
3253
- --tw-ring-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
3254
- }
3255
-
3256
- .pelcro-root .plc-ring-gray-200 {
3257
- --tw-ring-opacity: 1;
3258
- --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
3259
- }
3260
-
3261
- .pelcro-root .plc-ring-red-400 {
3262
- --tw-ring-opacity: 1;
3263
- --tw-ring-color: rgba(209, 70, 65, var(--tw-ring-opacity));
3264
- }
3265
-
3266
- .pelcro-root .focus\:plc-ring-primary-300:focus {
3267
- --tw-ring-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 20%));
3268
- }
3269
-
3270
- .pelcro-root .focus\:plc-ring-red-500:focus {
3271
- --tw-ring-opacity: 1;
3272
- --tw-ring-color: rgba(180, 48, 43, var(--tw-ring-opacity));
3273
- }
3274
-
3275
- .pelcro-root .focus\:plc-ring-green-300:focus {
3276
- --tw-ring-opacity: 1;
3277
- --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
3278
- }
3279
-
3280
- .pelcro-root .focus\:plc-ring-blue-400:focus {
3281
- --tw-ring-opacity: 1;
3282
- --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
3283
- }
3284
-
3285
- .pelcro-root .focus\:plc-ring-blue-500:focus {
3286
- --tw-ring-opacity: 1;
3287
- --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
3288
- }
3289
-
3290
- .pelcro-root .plc-transition {
3291
- transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
3292
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3293
- transition-duration: 150ms;
3294
- }
3295
-
3296
- .pelcro-root .plc-transition-transform {
3297
- transition-property: transform;
3298
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3299
- transition-duration: 150ms;
3300
- }
3301
-
3302
- .pelcro-root .plc-duration-500 {
3303
- transition-duration: 500ms;
3304
- }
3305
-
3306
- .pelcro-root .plc-ease-out {
3307
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
3308
- }
3309
-
3310
- @media (min-width: 640px) {
3311
- .pelcro-root .sm\:plc-m-4 {
3312
- margin: 1rem;
3313
- }
3314
-
3315
- .pelcro-root .sm\:plc-mb-0 {
3316
- margin-bottom: 0px;
3317
- }
3318
-
3319
- .pelcro-root .sm\:plc-ml-2 {
3320
- margin-left: 0.5rem;
3321
- }
3322
-
3323
- .pelcro-root .sm\:plc-ml-6 {
3324
- margin-left: 1.5rem;
3325
- }
3326
-
3327
- .pelcro-root .sm\:plc-ml-8 {
3328
- margin-left: 2rem;
3329
- }
3330
-
3331
- .pelcro-root .sm\:plc-flex {
3332
- display: flex;
3333
- }
3334
-
3335
- .pelcro-root .sm\:plc-inline-grid {
3336
- display: inline-grid;
3337
- }
3338
-
3339
- .pelcro-root .sm\:plc-h-8 {
3340
- height: 2rem;
3341
- }
3342
-
3343
- .pelcro-root .sm\:plc-h-96 {
3344
- height: 24rem;
3345
- }
3346
-
3347
- .pelcro-root .sm\:plc-w-auto {
3348
- width: auto;
3349
- }
3350
-
3351
- .pelcro-root .sm\:plc-w-1\/2 {
3352
- width: 50%;
3353
- }
3354
-
3355
- .pelcro-root .sm\:plc-max-w-md {
3356
- max-width: 28rem;
3357
- }
3358
-
3359
- .pelcro-root .sm\:plc-flex-row {
3360
- flex-direction: row;
3361
- }
3362
-
3363
- .pelcro-root .sm\:plc-space-x-2 > :not([hidden]) ~ :not([hidden]) {
3364
- --tw-space-x-reverse: 0;
3365
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
3366
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
3367
- }
3368
-
3369
- .pelcro-root .sm\:plc-space-y-0 > :not([hidden]) ~ :not([hidden]) {
3370
- --tw-space-y-reverse: 0;
3371
- margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
3372
- margin-bottom: calc(0px * var(--tw-space-y-reverse));
3373
- }
3374
-
3375
- .pelcro-root .sm\:plc-p-2 {
3376
- padding: 0.5rem;
3377
- }
3378
-
3379
- .pelcro-root .sm\:plc-px-8 {
3380
- padding-left: 2rem;
3381
- padding-right: 2rem;
3382
- }
3383
-
3384
- .pelcro-root .sm\:plc-pl-8 {
3385
- padding-left: 2rem;
3386
- }
3387
- }
3388
-
3389
- @media (min-width: 768px) {
2948
+ .pelcro-root .plc-w-1\/5 {
2949
+ width: 20%;
3390
2950
  }
3391
2951
 
3392
- @media (min-width: 1024px) {
3393
- .pelcro-root .lg\:plc-w-3\/12 {
3394
- width: 25%;
3395
- }
3396
-
3397
- .pelcro-root .lg\:plc-w-9\/12 {
3398
- width: 75%;
3399
- }
2952
+ .pelcro-root .plc-w-2\/5 {
2953
+ width: 40%;
3400
2954
  }
3401
2955
 
3402
- @media (min-width: 1280px) {
2956
+ .pelcro-root .plc-w-2\/12 {
2957
+ width: 16.666667%;
3403
2958
  }
3404
2959
 
3405
- @media (min-width: 1536px) {
2960
+ .pelcro-root .plc-w-3\/12 {
2961
+ width: 25%;
3406
2962
  }
3407
2963
 
3408
- /* purgecss start ignore */
3409
-
3410
- .alice-carousel .animated {
3411
- animation-fill-mode: both;
2964
+ .pelcro-root .plc-w-4\/12 {
2965
+ width: 33.333333%;
3412
2966
  }
3413
2967
 
3414
- .alice-carousel .animated-out {
3415
- z-index: 1;
2968
+ .pelcro-root .plc-w-5\/12 {
2969
+ width: 41.666667%;
3416
2970
  }
3417
2971
 
3418
- .alice-carousel .fadeOut {
3419
- animation-name: fadeOut;
2972
+ .pelcro-root .plc-w-6\/12 {
2973
+ width: 50%;
3420
2974
  }
3421
2975
 
3422
- @keyframes fadeOut {
3423
- 0% {
3424
- opacity: 1;
3425
- }
3426
-
3427
- 100% {
3428
- opacity: 0;
3429
- visibility: hidden;
3430
- }
2976
+ .pelcro-root .plc-w-10\/12 {
2977
+ width: 83.333333%;
3431
2978
  }
3432
2979
 
3433
- .alice-carousel {
3434
- position: relative;
2980
+ .pelcro-root .plc-w-full {
3435
2981
  width: 100%;
3436
- margin: auto;
3437
- direction: ltr;
3438
2982
  }
3439
2983
 
3440
- .alice-carousel__wrapper {
3441
- position: relative;
3442
- overflow-x: hidden;
3443
- overflow-y: hidden;
3444
- box-sizing: border-box;
3445
- width: 100%;
3446
- height: auto;
2984
+ .pelcro-root .plc-w-max {
2985
+ width: max-content;
3447
2986
  }
3448
2987
 
3449
- .alice-carousel__stage {
3450
- position: relative;
3451
- box-sizing: border-box;
3452
- width: 100%;
3453
- height: 100%;
3454
- margin: 0;
3455
- padding: 0;
3456
- white-space: nowrap;
3457
- transform-style: flat;
3458
- -webkit-transform-style: flat;
3459
- backface-visibility: hidden;
3460
- -webkit-backface-visibility: hidden;
2988
+ .pelcro-root .plc-z-max {
2989
+ z-index: 999999;
3461
2990
  }
3462
2991
 
3463
- .alice-carousel__stage-item {
3464
- position: relative;
3465
- display: inline-block;
3466
- padding: 0;
3467
- margin: 0;
3468
- box-sizing: border-box;
3469
- width: 100%;
3470
- height: 100%;
3471
- vertical-align: top;
3472
- white-space: normal;
3473
- line-height: 0;
2992
+ .pelcro-root .plc-gap-x-3 {
2993
+ column-gap: 0.75rem;
3474
2994
  }
3475
2995
 
3476
- .alice-carousel__stage-item * {
3477
- line-height: initial;
2996
+ .pelcro-root .plc-gap-y-2 {
2997
+ row-gap: 0.5rem;
3478
2998
  }
3479
2999
 
3480
- .alice-carousel__stage-item.__hidden {
3481
- opacity: 0;
3482
- overflow: hidden;
3000
+ .pelcro-root .plc-gap-y-5 {
3001
+ row-gap: 1.25rem;
3483
3002
  }
3484
3003
 
3485
- .alice-carousel__prev-btn,
3486
- .alice-carousel__next-btn {
3487
- display: inline-block;
3488
- box-sizing: border-box;
3489
- width: 50%;
3490
- padding: 10px 5px;
3004
+ .pelcro-root .plc-transform {
3005
+ --tw-translate-x: 0;
3006
+ --tw-translate-y: 0;
3007
+ --tw-rotate: 0;
3008
+ --tw-skew-x: 0;
3009
+ --tw-skew-y: 0;
3010
+ --tw-scale-x: 1;
3011
+ --tw-scale-y: 1;
3012
+ 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));
3491
3013
  }
3492
3014
 
3493
- .alice-carousel__prev-btn [data-area]::after,
3494
- .alice-carousel__next-btn [data-area]::after {
3495
- position: relative;
3496
- content: attr(data-area);
3497
- text-transform: capitalize;
3015
+ .pelcro-root .plc-origin-right {
3016
+ transform-origin: right;
3498
3017
  }
3499
3018
 
3500
- .alice-carousel__prev-btn {
3501
- text-align: right;
3019
+ .pelcro-root .plc-scale-120 {
3020
+ --tw-scale-x: 1.2;
3021
+ --tw-scale-y: 1.2;
3502
3022
  }
3503
3023
 
3504
- .alice-carousel__prev-btn-item,
3505
- .alice-carousel__next-btn-item {
3506
- display: inline-block;
3507
- cursor: pointer;
3508
- padding: 5px;
3509
- margin: 0;
3510
- color: #465798;
3024
+ .pelcro-root .plc-scale-x-0 {
3025
+ --tw-scale-x: 0;
3511
3026
  }
3512
3027
 
3513
- .alice-carousel__prev-btn-item:hover,
3514
- .alice-carousel__next-btn-item:hover {
3515
- color: darkred;
3028
+ .pelcro-root .plc-scale-x-100 {
3029
+ --tw-scale-x: 1;
3516
3030
  }
3517
3031
 
3518
- .alice-carousel__prev-btn-item.__inactive,
3519
- .alice-carousel__next-btn-item.__inactive {
3520
- opacity: 0.4;
3521
- pointer-events: none;
3032
+ .pelcro-root .plc-rotate-90 {
3033
+ --tw-rotate: 90deg;
3522
3034
  }
3523
3035
 
3524
- .alice-carousel__play-btn {
3525
- position: absolute;
3526
- top: 30px;
3527
- left: 20px;
3528
- display: inline-block;
3036
+ .pelcro-root .plc-rotate-180 {
3037
+ --tw-rotate: 180deg;
3529
3038
  }
3530
3039
 
3531
- .alice-carousel__play-btn:hover {
3532
- cursor: pointer;
3040
+ .pelcro-root .plc-translate-x-0 {
3041
+ --tw-translate-x: 0px;
3533
3042
  }
3534
3043
 
3535
- .alice-carousel__play-btn-wrapper {
3536
- position: relative;
3537
- width: 32px;
3538
- height: 32px;
3539
- padding: 10px;
3540
- border-radius: 50%;
3541
- background-color: #fff;
3044
+ .pelcro-root .plc-translate-x-full {
3045
+ --tw-translate-x: 100%;
3542
3046
  }
3543
3047
 
3544
- .alice-carousel__play-btn-item {
3545
- position: absolute;
3546
- width: 32px;
3547
- height: 32px;
3548
- cursor: pointer;
3549
- border: 0;
3550
- outline: none;
3551
- background: transparent;
3048
+ .pelcro-root .plc-group:hover .group-hover\:plc-translate-x-1 {
3049
+ --tw-translate-x: 0.25rem;
3552
3050
  }
3553
3051
 
3554
- .alice-carousel__play-btn-item::before, .alice-carousel__play-btn-item::after {
3555
- position: absolute;
3556
- pointer-events: none;
3557
- display: block;
3558
- width: 0;
3559
- height: 0;
3560
- content: "";
3561
- transition: all 0.4s linear;
3562
- border-width: 8px 0 8px 15px;
3563
- border-style: solid;
3564
- border-color: transparent;
3565
- border-left-color: #465798;
3052
+ .pelcro-root .plc-transition {
3053
+ transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
3054
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3055
+ transition-duration: 150ms;
3566
3056
  }
3567
3057
 
3568
- .alice-carousel__play-btn-item::before {
3569
- left: 5px;
3570
- height: 14px;
3058
+ .pelcro-root .plc-transition-transform {
3059
+ transition-property: transform;
3060
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3061
+ transition-duration: 150ms;
3571
3062
  }
3572
3063
 
3573
- .alice-carousel__play-btn-item::after {
3574
- top: 7px;
3575
- left: 18px;
3064
+ .pelcro-root .plc-ease-out {
3065
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
3576
3066
  }
3577
3067
 
3578
- .alice-carousel__play-btn-item.__pause::before, .alice-carousel__play-btn-item.__pause::after {
3579
- height: 30px;
3580
- border-width: 0 0 0 10px;
3068
+ .pelcro-root .plc-duration-500 {
3069
+ transition-duration: 500ms;
3581
3070
  }
3582
3071
 
3583
- .alice-carousel__play-btn-item.__pause::after {
3584
- top: 0;
3585
- left: 18px;
3072
+ @keyframes plc-spin {
3073
+ to {
3074
+ transform: rotate(360deg);
3075
+ }
3586
3076
  }
3587
3077
 
3588
- .alice-carousel__dots {
3589
- margin: 30px 3px 5px;
3590
- padding: 0;
3591
- list-style: none;
3592
- text-align: center;
3078
+ @keyframes plc-ping {
3079
+ 75%, 100% {
3080
+ transform: scale(2);
3081
+ opacity: 0;
3082
+ }
3593
3083
  }
3594
3084
 
3595
- .alice-carousel__dots > li {
3596
- display: inline-block;
3085
+ @keyframes plc-pulse {
3086
+ 50% {
3087
+ opacity: .5;
3088
+ }
3597
3089
  }
3598
3090
 
3599
- .alice-carousel__dots-item:not(.__custom) {
3600
- width: 8px;
3601
- height: 8px;
3602
- cursor: pointer;
3603
- border-radius: 50%;
3604
- background-color: #e0e4fb;
3605
- }
3091
+ @keyframes plc-bounce {
3092
+ 0%, 100% {
3093
+ transform: translateY(-25%);
3094
+ animation-timing-function: cubic-bezier(0.8,0,1,1);
3095
+ }
3606
3096
 
3607
- .alice-carousel__dots-item:not(.__custom):not(:last-child) {
3608
- margin-right: 20px;
3097
+ 50% {
3098
+ transform: none;
3099
+ animation-timing-function: cubic-bezier(0,0,0.2,1);
3100
+ }
3609
3101
  }
3610
3102
 
3611
- .alice-carousel__dots-item:not(.__custom):hover, .alice-carousel__dots-item:not(.__custom).__active {
3612
- background-color: #6e7ebc;
3103
+ @keyframes plc-slideInBottom {
3104
+ 0% {
3105
+ transform: translateY(1000px);
3106
+ opacity: 0;
3107
+ }
3108
+
3109
+ 100% {
3110
+ transform: translateY(0);
3111
+ opacity: 1;
3112
+ }
3613
3113
  }
3614
3114
 
3615
- .alice-carousel__slide-info {
3616
- position: absolute;
3617
- top: 20px;
3618
- right: 20px;
3619
- display: inline-block;
3620
- padding: 5px 10px;
3621
- color: #465798;
3622
- border-radius: 5px;
3623
- background-color: rgba(224, 228, 251, 0.6);
3115
+ .pelcro-root .plc-animate-spin {
3116
+ animation: plc-spin 1s linear infinite;
3624
3117
  }
3625
3118
 
3626
- .alice-carousel__slide-info-item {
3627
- vertical-align: middle;
3628
- line-height: 0;
3119
+ @media (prefers-reduced-motion: no-preference) {
3120
+ .pelcro-root .motion-safe\:plc-animate-slideInBottom {
3121
+ animation: plc-slideInBottom 0.5s ease-out;
3122
+ }
3629
3123
  }
3630
3124
 
3631
- /* purgecss end ignore */
3632
- /* purgecss start ignore */
3125
+ @media (min-width: 640px) {
3126
+ .pelcro-root .sm\:plc-space-y-0 > :not([hidden]) ~ :not([hidden]) {
3127
+ --tw-space-y-reverse: 0;
3128
+ margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
3129
+ margin-bottom: calc(0px * var(--tw-space-y-reverse));
3130
+ }
3633
3131
 
3634
- .toggle-switch {
3635
- position: relative;
3636
- display: inline-block;
3637
- width: 50px;
3638
- height: 25px;
3639
- }
3132
+ .pelcro-root .sm\:plc-space-x-2 > :not([hidden]) ~ :not([hidden]) {
3133
+ --tw-space-x-reverse: 0;
3134
+ margin-right: calc(0.5rem * var(--tw-space-x-reverse));
3135
+ margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
3136
+ }
3640
3137
 
3641
- .toggle-switch input[type="checkbox"] {
3642
- display: none;
3643
- }
3138
+ .pelcro-root .sm\:plc-h-8 {
3139
+ height: 2rem;
3140
+ }
3644
3141
 
3645
- .toggle-switch .switch {
3646
- position: absolute;
3647
- cursor: pointer;
3648
- background-color: #ccc;
3649
- border-radius: 25px;
3650
- top: 0;
3651
- right: 0;
3652
- bottom: 0;
3653
- left: 0;
3654
- transition: background-color 0.2s ease;
3142
+ .pelcro-root .sm\:plc-h-96 {
3143
+ height: 24rem;
3144
+ }
3145
+
3146
+ .pelcro-root .sm\:plc-m-4 {
3147
+ margin: 1rem;
3148
+ }
3149
+
3150
+ .pelcro-root .sm\:plc-ml-2 {
3151
+ margin-left: 0.5rem;
3152
+ }
3153
+
3154
+ .pelcro-root .sm\:plc-ml-6 {
3155
+ margin-left: 1.5rem;
3156
+ }
3157
+
3158
+ .pelcro-root .sm\:plc-ml-8 {
3159
+ margin-left: 2rem;
3160
+ }
3161
+
3162
+ .pelcro-root .sm\:plc-max-w-md {
3163
+ max-width: 28rem;
3164
+ }
3165
+
3166
+ .pelcro-root .sm\:plc-p-2 {
3167
+ padding: 0.5rem;
3168
+ }
3169
+
3170
+ .pelcro-root .sm\:plc-px-8 {
3171
+ padding-left: 2rem;
3172
+ padding-right: 2rem;
3173
+ }
3174
+
3175
+ .pelcro-root .sm\:plc-pr-8 {
3176
+ padding-right: 2rem;
3177
+ }
3178
+
3179
+ .pelcro-root .sm\:plc-pl-8 {
3180
+ padding-left: 2rem;
3181
+ }
3182
+
3183
+ .pelcro-root .sm\:plc-w-auto {
3184
+ width: auto;
3185
+ }
3655
3186
  }
3656
3187
 
3657
- .toggle-switch .switch::before {
3658
- position: absolute;
3659
- content: "";
3660
- left: 2px;
3661
- top: 2px;
3662
- width: 20px;
3663
- height: 21px;
3664
- background-color: #fff;
3665
- border-radius: 50%;
3666
- transition: transform 0.3s ease;
3188
+ @media (min-width: 768px) {
3667
3189
  }
3668
3190
 
3669
- .toggle-switch input[type="checkbox"]:checked+.switch::before {
3670
- transform: translateX(25px);
3671
- /* background-color: #6699cc; */
3191
+ @media (min-width: 1024px) {
3672
3192
  }
3673
3193
 
3674
- .toggle-switch input[type="checkbox"]:checked+.switch {
3675
- /* background-color: #336699; */
3194
+ @media (min-width: 1280px) {
3676
3195
  }
3677
3196
 
3678
- /* purgecss end ignore */
3197
+ @media (min-width: 1536px) {
3198
+ }