@pelcro/react-pelcro-js 4.0.0-alpha.32 → 4.0.0-alpha.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/pelcro.css CHANGED
@@ -1,3 +1,5 @@
1
+ @import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap");
2
+
1
3
  /* globals */
2
4
 
3
5
  /*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
@@ -54,7 +56,7 @@ Improve consistency of default fonts in all browsers. (https://github.com/sindre
54
56
  */
55
57
 
56
58
  .pelcro-root {
57
- font-family: system-ui, -apple-system,
59
+ font-family: "Lato", system-ui, -apple-system,
58
60
  /* Firefox supports this but not yet `system-ui` */ "Segoe UI",
59
61
  Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji",
60
62
  "Segoe UI Emoji";
@@ -107,7 +109,7 @@ Add the correct font weight in Edge and Safari.
107
109
  .pelcro-root kbd,
108
110
  .pelcro-root samp,
109
111
  .pelcro-root pre {
110
- font-family: ui-monospace, SFMono-Regular, Consolas,
112
+ font-family: "Lato", ui-monospace, SFMono-Regular, Consolas,
111
113
  "Liberation Mono", Menlo, monospace; /* 1 */
112
114
  font-size: 1em; /* 2 */
113
115
  }
@@ -326,7 +328,7 @@ Add the correct display in Chrome and Safari.
326
328
  */
327
329
 
328
330
  .pelcro-root {
329
- font-family: ui-sans-serif, system-ui, -apple-system,
331
+ font-family: "Lato", ui-sans-serif, system-ui, -apple-system,
330
332
  BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
331
333
  "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
332
334
  "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
@@ -457,8 +459,8 @@ Add the correct display in Chrome and Safari.
457
459
  .pelcro-root code,
458
460
  .pelcro-root kbd,
459
461
  .pelcro-root samp {
460
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
461
- "Liberation Mono", "Courier New", monospace;
462
+ font-family: "Lato", ui-monospace, SFMono-Regular, Menlo, Monaco,
463
+ Consolas, "Liberation Mono", "Courier New", monospace;
462
464
  }
463
465
 
464
466
  /**
@@ -703,43 +705,43 @@ Add the correct display in Chrome and Safari.
703
705
  width: 100%;
704
706
  }
705
707
 
706
- @media (min-width: 425px) {
707
- .pelcro-root .pelcro-modal {
708
+ @media (min-width: 425px){
709
+ .pelcro-root .pelcro-modal{
708
710
  max-width: 425px;
709
711
  }
710
712
  }
711
713
 
712
- @media (min-width: 640px) {
713
- .pelcro-root .pelcro-modal {
714
+ @media (min-width: 640px){
715
+ .pelcro-root .pelcro-modal{
714
716
  max-width: 640px;
715
717
  }
716
718
  }
717
719
 
718
- @media (min-width: 768px) {
719
- .pelcro-root .pelcro-modal {
720
+ @media (min-width: 768px){
721
+ .pelcro-root .pelcro-modal{
720
722
  max-width: 768px;
721
723
  }
722
724
  }
723
725
 
724
- @media (min-width: 1024px) {
725
- .pelcro-root .pelcro-modal {
726
+ @media (min-width: 1024px){
727
+ .pelcro-root .pelcro-modal{
726
728
  max-width: 1024px;
727
729
  }
728
730
  }
729
731
 
730
- @media (min-width: 1280px) {
731
- .pelcro-root .pelcro-modal {
732
+ @media (min-width: 1280px){
733
+ .pelcro-root .pelcro-modal{
732
734
  max-width: 1280px;
733
735
  }
734
736
  }
735
737
 
736
- @media (min-width: 1536px) {
737
- .pelcro-root .pelcro-modal {
738
+ @media (min-width: 1536px){
739
+ .pelcro-root .pelcro-modal{
738
740
  max-width: 1536px;
739
741
  }
740
742
  }
741
743
 
742
- .pelcro-root .pelcro-modal {
744
+ .pelcro-root .pelcro-modal{
743
745
  position: absolute;
744
746
  top: 0px;
745
747
  display: flex;
@@ -752,8 +754,8 @@ Add the correct display in Chrome and Safari.
752
754
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
753
755
  }
754
756
 
755
- @media (min-width: 768px) {
756
- .pelcro-root .pelcro-modal {
757
+ @media (min-width: 768px){
758
+ .pelcro-root .pelcro-modal{
757
759
  margin-top: 2rem;
758
760
  }
759
761
  }
@@ -770,8 +772,8 @@ Add the correct display in Chrome and Safari.
770
772
  border-bottom-width: 2px;
771
773
  --tw-bg-opacity: 1;
772
774
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
773
- padding-left: 2rem;
774
- padding-right: 2rem;
775
+ padding-left: 3rem;
776
+ padding-right: 3rem;
775
777
  padding-top: 0.75rem;
776
778
  padding-bottom: 0.75rem;
777
779
  border-bottom-width: 1px;
@@ -796,36 +798,36 @@ Add the correct display in Chrome and Safari.
796
798
  background-color: transparent;
797
799
  }
798
800
 
799
- .pelcro-root .pelcro-modal-close:hover {
801
+ .pelcro-root .pelcro-modal-close:hover{
800
802
  background-color: transparent;
801
803
  }
802
804
 
803
- .pelcro-root .pelcro-modal-close:focus {
805
+ .pelcro-root .pelcro-modal-close:focus{
804
806
  background-color: transparent;
805
807
  }
806
808
 
807
- .pelcro-root .pelcro-modal-close {
809
+ .pelcro-root .pelcro-modal-close{
808
810
  --tw-text-opacity: 1;
809
811
  color: rgba(107, 114, 128, var(--tw-text-opacity));
810
812
  }
811
813
 
812
- .pelcro-root .pelcro-modal-close:hover {
814
+ .pelcro-root .pelcro-modal-close:hover{
813
815
  --tw-text-opacity: 1;
814
816
  color: rgba(0, 0, 0, var(--tw-text-opacity));
815
817
  }
816
818
 
817
- .pelcro-root .pelcro-modal-close:focus {
819
+ .pelcro-root .pelcro-modal-close:focus{
818
820
  --tw-text-opacity: 1;
819
821
  color: rgba(0, 0, 0, var(--tw-text-opacity));
820
822
  }
821
823
 
822
- .pelcro-root .pelcro-modal-close:hover {
824
+ .pelcro-root .pelcro-modal-close:hover{
823
825
  --tw-shadow: 0 0 #0000;
824
826
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
825
827
  }
826
828
 
827
- @media (min-width: 640px) {
828
- .pelcro-root .pelcro-modal-close {
829
+ @media (min-width: 640px){
830
+ .pelcro-root .pelcro-modal-close{
829
831
  right: 1.25rem;
830
832
  }
831
833
  }
@@ -839,8 +841,8 @@ Add the correct display in Chrome and Safari.
839
841
  padding-bottom: 0.5rem;
840
842
  }
841
843
 
842
- @media (min-width: 768px) {
843
- .pelcro-root .pelcro-modal-body {
844
+ @media (min-width: 768px){
845
+ .pelcro-root .pelcro-modal-body{
844
846
  padding-left: 2rem;
845
847
  padding-right: 2rem;
846
848
  }
@@ -895,11 +897,11 @@ Add the correct display in Chrome and Safari.
895
897
  width: 100%;
896
898
  }
897
899
 
898
- .pelcro-root .pelcro-input-field:disabled {
900
+ .pelcro-root .pelcro-input-field:disabled{
899
901
  cursor: not-allowed;
900
902
  }
901
903
 
902
- .pelcro-root .pelcro-input-field {
904
+ .pelcro-root .pelcro-input-field{
903
905
  -webkit-appearance: none;
904
906
  appearance: none;
905
907
  border-radius: 0.25rem;
@@ -911,12 +913,12 @@ Add the correct display in Chrome and Safari.
911
913
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
912
914
  }
913
915
 
914
- .pelcro-root .pelcro-input-field:disabled {
916
+ .pelcro-root .pelcro-input-field:disabled{
915
917
  --tw-bg-opacity: 1;
916
918
  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
917
919
  }
918
920
 
919
- .pelcro-root .pelcro-input-field {
921
+ .pelcro-root .pelcro-input-field{
920
922
  padding: 0.5rem;
921
923
  --tw-text-opacity: 1;
922
924
  color: rgba(17, 24, 39, var(--tw-text-opacity));
@@ -924,7 +926,7 @@ Add the correct display in Chrome and Safari.
924
926
  outline-offset: 2px;
925
927
  }
926
928
 
927
- .pelcro-root .pelcro-input-field:focus {
929
+ .pelcro-root .pelcro-input-field:focus{
928
930
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
929
931
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
930
932
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
@@ -943,28 +945,28 @@ Add the correct display in Chrome and Safari.
943
945
  cursor: pointer;
944
946
  }
945
947
 
946
- .pelcro-root .pelcro-checkbox:disabled {
948
+ .pelcro-root .pelcro-checkbox:disabled{
947
949
  cursor: not-allowed;
948
950
  }
949
951
 
950
- .pelcro-root .pelcro-checkbox {
952
+ .pelcro-root .pelcro-checkbox{
951
953
  border-radius: 0.125rem;
952
954
  }
953
955
 
954
- .pelcro-root .pelcro-checkbox:checked {
956
+ .pelcro-root .pelcro-checkbox:checked{
955
957
  border-color: transparent;
956
958
  }
957
959
 
958
- .pelcro-root .pelcro-checkbox {
960
+ .pelcro-root .pelcro-checkbox{
959
961
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
960
962
  }
961
963
 
962
- .pelcro-root .pelcro-checkbox:disabled {
964
+ .pelcro-root .pelcro-checkbox:disabled{
963
965
  --tw-text-opacity: 1;
964
966
  color: rgba(209, 213, 219, var(--tw-text-opacity));
965
967
  }
966
968
 
967
- .pelcro-root .pelcro-checkbox:focus {
969
+ .pelcro-root .pelcro-checkbox:focus{
968
970
  outline: 2px solid transparent;
969
971
  outline-offset: 2px;
970
972
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -992,11 +994,11 @@ Add the correct display in Chrome and Safari.
992
994
  width: max-content;
993
995
  }
994
996
 
995
- .pelcro-root .pelcro-button-solid:disabled {
997
+ .pelcro-root .pelcro-button-solid:disabled{
996
998
  cursor: not-allowed;
997
999
  }
998
1000
 
999
- .pelcro-root .pelcro-button-solid {
1001
+ .pelcro-root .pelcro-button-solid{
1000
1002
  align-items: center;
1001
1003
  justify-content: center;
1002
1004
  justify-items: center;
@@ -1005,20 +1007,20 @@ Add the correct display in Chrome and Safari.
1005
1007
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
1006
1008
  }
1007
1009
 
1008
- .pelcro-root .pelcro-button-solid:hover {
1010
+ .pelcro-root .pelcro-button-solid:hover{
1009
1011
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
1010
1012
  }
1011
1013
 
1012
- .pelcro-root .pelcro-button-solid:focus {
1014
+ .pelcro-root .pelcro-button-solid:focus{
1013
1015
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
1014
1016
  }
1015
1017
 
1016
- .pelcro-root .pelcro-button-solid:disabled {
1018
+ .pelcro-root .pelcro-button-solid:disabled{
1017
1019
  --tw-bg-opacity: 1;
1018
1020
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
1019
1021
  }
1020
1022
 
1021
- .pelcro-root .pelcro-button-solid {
1023
+ .pelcro-root .pelcro-button-solid{
1022
1024
  padding-left: 1.5rem;
1023
1025
  padding-right: 1.5rem;
1024
1026
  padding-top: 0.5rem;
@@ -1030,27 +1032,27 @@ Add the correct display in Chrome and Safari.
1030
1032
  color: rgba(255, 255, 255, var(--tw-text-opacity));
1031
1033
  }
1032
1034
 
1033
- .pelcro-root .pelcro-button-solid:hover {
1035
+ .pelcro-root .pelcro-button-solid:hover{
1034
1036
  --tw-text-opacity: 1;
1035
1037
  color: rgba(255, 255, 255, var(--tw-text-opacity));
1036
1038
  }
1037
1039
 
1038
- .pelcro-root .pelcro-button-solid:focus {
1040
+ .pelcro-root .pelcro-button-solid:focus{
1039
1041
  --tw-text-opacity: 1;
1040
1042
  color: rgba(255, 255, 255, var(--tw-text-opacity));
1041
1043
  }
1042
1044
 
1043
- .pelcro-root .pelcro-button-solid:disabled {
1045
+ .pelcro-root .pelcro-button-solid:disabled{
1044
1046
  --tw-text-opacity: 1;
1045
1047
  color: rgba(255, 255, 255, var(--tw-text-opacity));
1046
1048
  }
1047
1049
 
1048
- .pelcro-root .pelcro-button-solid:hover {
1050
+ .pelcro-root .pelcro-button-solid:hover{
1049
1051
  --tw-shadow: 0 0 #0000;
1050
1052
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1051
1053
  }
1052
1054
 
1053
- .pelcro-root .pelcro-button-solid:focus {
1055
+ .pelcro-root .pelcro-button-solid:focus{
1054
1056
  outline: 2px solid transparent;
1055
1057
  outline-offset: 2px;
1056
1058
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -1064,11 +1066,11 @@ Add the correct display in Chrome and Safari.
1064
1066
  width: max-content;
1065
1067
  }
1066
1068
 
1067
- .pelcro-root .pelcro-button-outline:disabled {
1069
+ .pelcro-root .pelcro-button-outline:disabled{
1068
1070
  cursor: not-allowed;
1069
1071
  }
1070
1072
 
1071
- .pelcro-root .pelcro-button-outline {
1073
+ .pelcro-root .pelcro-button-outline{
1072
1074
  align-items: center;
1073
1075
  justify-content: center;
1074
1076
  justify-items: center;
@@ -1077,28 +1079,28 @@ Add the correct display in Chrome and Safari.
1077
1079
  border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
1078
1080
  }
1079
1081
 
1080
- .pelcro-root .pelcro-button-outline:disabled {
1082
+ .pelcro-root .pelcro-button-outline:disabled{
1081
1083
  --tw-border-opacity: 1;
1082
1084
  border-color: rgba(107, 114, 128, var(--tw-border-opacity));
1083
1085
  }
1084
1086
 
1085
- .pelcro-root .pelcro-button-outline {
1087
+ .pelcro-root .pelcro-button-outline{
1086
1088
  background-color: transparent;
1087
1089
  }
1088
1090
 
1089
- .pelcro-root .pelcro-button-outline:hover {
1091
+ .pelcro-root .pelcro-button-outline:hover{
1090
1092
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
1091
1093
  }
1092
1094
 
1093
- .pelcro-root .pelcro-button-outline:focus {
1095
+ .pelcro-root .pelcro-button-outline:focus{
1094
1096
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
1095
1097
  }
1096
1098
 
1097
- .pelcro-root .pelcro-button-outline:disabled {
1099
+ .pelcro-root .pelcro-button-outline:disabled{
1098
1100
  background-color: transparent;
1099
1101
  }
1100
1102
 
1101
- .pelcro-root .pelcro-button-outline {
1103
+ .pelcro-root .pelcro-button-outline{
1102
1104
  padding-left: 1.5rem;
1103
1105
  padding-right: 1.5rem;
1104
1106
  padding-top: 0.5rem;
@@ -1109,27 +1111,27 @@ Add the correct display in Chrome and Safari.
1109
1111
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
1110
1112
  }
1111
1113
 
1112
- .pelcro-root .pelcro-button-outline:hover {
1114
+ .pelcro-root .pelcro-button-outline:hover{
1113
1115
  --tw-text-opacity: 1;
1114
1116
  color: rgba(255, 255, 255, var(--tw-text-opacity));
1115
1117
  }
1116
1118
 
1117
- .pelcro-root .pelcro-button-outline:focus {
1119
+ .pelcro-root .pelcro-button-outline:focus{
1118
1120
  --tw-text-opacity: 1;
1119
1121
  color: rgba(255, 255, 255, var(--tw-text-opacity));
1120
1122
  }
1121
1123
 
1122
- .pelcro-root .pelcro-button-outline:disabled {
1124
+ .pelcro-root .pelcro-button-outline:disabled{
1123
1125
  --tw-text-opacity: 1;
1124
1126
  color: rgba(107, 114, 128, var(--tw-text-opacity));
1125
1127
  }
1126
1128
 
1127
- .pelcro-root .pelcro-button-outline:hover {
1129
+ .pelcro-root .pelcro-button-outline:hover{
1128
1130
  --tw-shadow: 0 0 #0000;
1129
1131
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1130
1132
  }
1131
1133
 
1132
- .pelcro-root .pelcro-button-outline:focus {
1134
+ .pelcro-root .pelcro-button-outline:focus{
1133
1135
  outline: 2px solid transparent;
1134
1136
  outline-offset: 2px;
1135
1137
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -1144,35 +1146,35 @@ Add the correct display in Chrome and Safari.
1144
1146
  width: 2rem;
1145
1147
  }
1146
1148
 
1147
- .pelcro-root .pelcro-button-icon:disabled {
1149
+ .pelcro-root .pelcro-button-icon:disabled{
1148
1150
  cursor: not-allowed;
1149
1151
  }
1150
1152
 
1151
- .pelcro-root .pelcro-button-icon {
1153
+ .pelcro-root .pelcro-button-icon{
1152
1154
  align-items: center;
1153
1155
  justify-content: center;
1154
1156
  border-radius: 9999px;
1155
1157
  border-width: 0px;
1156
1158
  }
1157
1159
 
1158
- .pelcro-root .pelcro-button-icon:hover {
1160
+ .pelcro-root .pelcro-button-icon:hover{
1159
1161
  --tw-bg-opacity: 1;
1160
1162
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
1161
1163
  --tw-text-opacity: 1;
1162
1164
  color: rgba(75, 85, 99, var(--tw-text-opacity));
1163
1165
  }
1164
1166
 
1165
- .pelcro-root .pelcro-button-icon:disabled {
1167
+ .pelcro-root .pelcro-button-icon:disabled{
1166
1168
  --tw-text-opacity: 1;
1167
1169
  color: rgba(209, 213, 219, var(--tw-text-opacity));
1168
1170
  }
1169
1171
 
1170
- .pelcro-root .pelcro-button-icon:hover {
1172
+ .pelcro-root .pelcro-button-icon:hover{
1171
1173
  --tw-shadow: 0 0 #0000;
1172
1174
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1173
1175
  }
1174
1176
 
1175
- .pelcro-root .pelcro-button-icon:focus {
1177
+ .pelcro-root .pelcro-button-icon:focus{
1176
1178
  outline: 2px solid transparent;
1177
1179
  outline-offset: 2px;
1178
1180
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -1186,11 +1188,11 @@ Add the correct display in Chrome and Safari.
1186
1188
  width: max-content;
1187
1189
  }
1188
1190
 
1189
- .pelcro-root .pelcro-button-ghost:disabled {
1191
+ .pelcro-root .pelcro-button-ghost:disabled{
1190
1192
  cursor: not-allowed;
1191
1193
  }
1192
1194
 
1193
- .pelcro-root .pelcro-button-ghost {
1195
+ .pelcro-root .pelcro-button-ghost{
1194
1196
  align-items: center;
1195
1197
  justify-content: center;
1196
1198
  justify-items: center;
@@ -1199,21 +1201,21 @@ Add the correct display in Chrome and Safari.
1199
1201
  background-color: transparent;
1200
1202
  }
1201
1203
 
1202
- .pelcro-root .pelcro-button-ghost:hover {
1204
+ .pelcro-root .pelcro-button-ghost:hover{
1203
1205
  --tw-bg-opacity: 1;
1204
1206
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
1205
1207
  }
1206
1208
 
1207
- .pelcro-root .pelcro-button-ghost:focus {
1209
+ .pelcro-root .pelcro-button-ghost:focus{
1208
1210
  --tw-bg-opacity: 1;
1209
1211
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
1210
1212
  }
1211
1213
 
1212
- .pelcro-root .pelcro-button-ghost:disabled {
1214
+ .pelcro-root .pelcro-button-ghost:disabled{
1213
1215
  background-color: transparent;
1214
1216
  }
1215
1217
 
1216
- .pelcro-root .pelcro-button-ghost {
1218
+ .pelcro-root .pelcro-button-ghost{
1217
1219
  padding: 0.25rem;
1218
1220
  font-size: 0.75rem;
1219
1221
  line-height: 1rem;
@@ -1222,27 +1224,27 @@ Add the correct display in Chrome and Safari.
1222
1224
  color: rgba(107, 114, 128, var(--tw-text-opacity));
1223
1225
  }
1224
1226
 
1225
- .pelcro-root .pelcro-button-ghost:hover {
1227
+ .pelcro-root .pelcro-button-ghost:hover{
1226
1228
  --tw-text-opacity: 1;
1227
1229
  color: rgba(107, 114, 128, var(--tw-text-opacity));
1228
1230
  }
1229
1231
 
1230
- .pelcro-root .pelcro-button-ghost:focus {
1232
+ .pelcro-root .pelcro-button-ghost:focus{
1231
1233
  --tw-text-opacity: 1;
1232
1234
  color: rgba(107, 114, 128, var(--tw-text-opacity));
1233
1235
  }
1234
1236
 
1235
- .pelcro-root .pelcro-button-ghost:disabled {
1237
+ .pelcro-root .pelcro-button-ghost:disabled{
1236
1238
  --tw-text-opacity: 1;
1237
1239
  color: rgba(209, 213, 219, var(--tw-text-opacity));
1238
1240
  }
1239
1241
 
1240
- .pelcro-root .pelcro-button-ghost:hover {
1242
+ .pelcro-root .pelcro-button-ghost:hover{
1241
1243
  --tw-shadow: 0 0 #0000;
1242
1244
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1243
1245
  }
1244
1246
 
1245
- .pelcro-root .pelcro-button-ghost:focus {
1247
+ .pelcro-root .pelcro-button-ghost:focus{
1246
1248
  outline: 2px solid transparent;
1247
1249
  outline-offset: 2px;
1248
1250
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -1264,7 +1266,7 @@ Add the correct display in Chrome and Safari.
1264
1266
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
1265
1267
  }
1266
1268
 
1267
- .pelcro-root .pelcro-link:hover {
1269
+ .pelcro-root .pelcro-link:hover{
1268
1270
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
1269
1271
  }
1270
1272
 
@@ -1282,35 +1284,35 @@ Add the correct display in Chrome and Safari.
1282
1284
  cursor: pointer;
1283
1285
  }
1284
1286
 
1285
- .pelcro-root .pelcro-radio:disabled {
1287
+ .pelcro-root .pelcro-radio:disabled{
1286
1288
  cursor: not-allowed;
1287
1289
  }
1288
1290
 
1289
- .pelcro-root .pelcro-radio {
1291
+ .pelcro-root .pelcro-radio{
1290
1292
  border-radius: 9999px;
1291
1293
  border-style: none;
1292
1294
  }
1293
1295
 
1294
- .pelcro-root .pelcro-radio:checked {
1296
+ .pelcro-root .pelcro-radio:checked{
1295
1297
  border-color: transparent;
1296
1298
  }
1297
1299
 
1298
- .pelcro-root .pelcro-radio {
1300
+ .pelcro-root .pelcro-radio{
1299
1301
  background-image: none;
1300
1302
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
1301
1303
  }
1302
1304
 
1303
- .pelcro-root .pelcro-radio:disabled {
1305
+ .pelcro-root .pelcro-radio:disabled{
1304
1306
  --tw-text-opacity: 1;
1305
1307
  color: rgba(209, 213, 219, var(--tw-text-opacity));
1306
1308
  }
1307
1309
 
1308
- .pelcro-root .pelcro-radio:focus {
1310
+ .pelcro-root .pelcro-radio:focus{
1309
1311
  outline: 2px solid transparent;
1310
1312
  outline-offset: 2px;
1311
1313
  }
1312
1314
 
1313
- .pelcro-root .pelcro-radio {
1315
+ .pelcro-root .pelcro-radio{
1314
1316
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1315
1317
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1316
1318
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
@@ -1381,24 +1383,24 @@ Add the correct display in Chrome and Safari.
1381
1383
  background-color: transparent;
1382
1384
  }
1383
1385
 
1384
- .pelcro-root .pelcro-alert-close:hover {
1386
+ .pelcro-root .pelcro-alert-close:hover{
1385
1387
  background-color: transparent;
1386
1388
  }
1387
1389
 
1388
- .pelcro-root .pelcro-alert-close:focus {
1390
+ .pelcro-root .pelcro-alert-close:focus{
1389
1391
  background-color: transparent;
1390
1392
  }
1391
1393
 
1392
- .pelcro-root .pelcro-alert-close {
1394
+ .pelcro-root .pelcro-alert-close{
1393
1395
  fill: currentColor;
1394
1396
  color: currentColor;
1395
1397
  }
1396
1398
 
1397
- .pelcro-root .pelcro-alert-close:hover {
1399
+ .pelcro-root .pelcro-alert-close:hover{
1398
1400
  color: currentColor;
1399
1401
  }
1400
1402
 
1401
- .pelcro-root .pelcro-alert-close:focus {
1403
+ .pelcro-root .pelcro-alert-close:focus{
1402
1404
  color: currentColor;
1403
1405
  }
1404
1406
 
@@ -1422,13 +1424,13 @@ Add the correct display in Chrome and Safari.
1422
1424
  color: rgba(255, 255, 255, var(--tw-text-opacity));
1423
1425
  }
1424
1426
 
1425
- .pelcro-root .pelcro-notification-confirm > :not([hidden]) ~ :not([hidden]) {
1427
+ .pelcro-root .pelcro-notification-confirm > :not([hidden]) ~ :not([hidden]){
1426
1428
  --tw-space-x-reverse: 0;
1427
1429
  margin-right: calc(1rem * var(--tw-space-x-reverse));
1428
1430
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
1429
1431
  }
1430
1432
 
1431
- .pelcro-root .pelcro-notification-confirm {
1433
+ .pelcro-root .pelcro-notification-confirm{
1432
1434
  --tw-bg-opacity: 1;
1433
1435
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
1434
1436
  font-size: 0.875rem;
@@ -1436,13 +1438,13 @@ Add the correct display in Chrome and Safari.
1436
1438
  font-weight: 600;
1437
1439
  }
1438
1440
 
1439
- .pelcro-root .pelcro-notification-loading > :not([hidden]) ~ :not([hidden]) {
1441
+ .pelcro-root .pelcro-notification-loading > :not([hidden]) ~ :not([hidden]){
1440
1442
  --tw-space-x-reverse: 0;
1441
1443
  margin-right: calc(1rem * var(--tw-space-x-reverse));
1442
1444
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
1443
1445
  }
1444
1446
 
1445
- .pelcro-root .pelcro-notification-loading {
1447
+ .pelcro-root .pelcro-notification-loading{
1446
1448
  font-size: 0.875rem;
1447
1449
  line-height: 1.25rem;
1448
1450
  font-weight: 600;
@@ -1497,22 +1499,11 @@ Add the correct display in Chrome and Safari.
1497
1499
  display: none;
1498
1500
  }
1499
1501
 
1500
- .pelcro-root .pelcro-tooltip-container:hover .pelcro-tooltip, .pelcro-root .pelcro-tooltip:hover {
1502
+ .pelcro-root .pelcro-tooltip-container:hover .pelcro-tooltip, .pelcro-root .pelcro-tooltip:hover{
1501
1503
  z-index: 50;
1502
1504
  display: block;
1503
1505
  }
1504
1506
 
1505
- .pelcro-root .pelcro-vertical-separator {
1506
- display: inline-block;
1507
- --tw-bg-opacity: 1;
1508
- background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
1509
- width: 1px;
1510
- }
1511
-
1512
- .pelcro-root .pelcro-vertical-separator:first-child {
1513
- display: none;
1514
- }
1515
-
1516
1507
  .pelcro-root .pelcro-shop-product-image {
1517
1508
  max-width: 13rem;
1518
1509
  }
@@ -1606,7 +1597,7 @@ Add the correct display in Chrome and Safari.
1606
1597
  height: 0.375rem;
1607
1598
  }
1608
1599
 
1609
- .pelcro-root input[type="range"]::-ms-fill-lower, .pelcro-root input[type="range"]::-ms-fill-upper {
1600
+ .pelcro-root input[type="range"]::-ms-fill-lower, .pelcro-root input[type="range"]::-ms-fill-upper{
1610
1601
  border-radius: 0.375rem;
1611
1602
  border-style: none;
1612
1603
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
@@ -1630,7 +1621,7 @@ Add the correct display in Chrome and Safari.
1630
1621
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1631
1622
  }
1632
1623
 
1633
- .pelcro-root input[type="range"]:focus::-ms-fill-lower, .pelcro-root input[type="range"]:focus::-ms-fill-upper {
1624
+ .pelcro-root input[type="range"]:focus::-ms-fill-lower, .pelcro-root input[type="range"]:focus::-ms-fill-upper{
1634
1625
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
1635
1626
  }
1636
1627
 
@@ -1719,8 +1710,32 @@ Add the correct display in Chrome and Safari.
1719
1710
  height: auto;
1720
1711
  }
1721
1712
 
1722
- .pelcro-root .paswordlessButton:nth-child(2) {
1723
- max-width: 50%;
1713
+ .pelcro-root .loginOptions.threeColumns {
1714
+ display: flex;
1715
+ flex-wrap: wrap;
1716
+ justify-content: center;
1717
+ }
1718
+
1719
+ .pelcro-root .loginOptions.threeColumns li {
1720
+ flex: 1;
1721
+ min-width: 140px;
1722
+ margin-bottom: 10px;
1723
+ }
1724
+
1725
+ .pelcro-root .loginOptions.threeColumns li:first-child {
1726
+ margin-right: 10px;
1727
+ }
1728
+
1729
+ .pelcro-root
1730
+ .loginOptions.threeColumns
1731
+ li:nth-child(2):not(:last-child) {
1732
+ margin-right: 10px;
1733
+ }
1734
+
1735
+ .pelcro-root .loginOptions.twoColumns {
1736
+ display: grid;
1737
+ grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
1738
+ gap: 10px;
1724
1739
  }
1725
1740
 
1726
1741
  .pelcro-user-profile-picture:hover {
@@ -1828,8 +1843,8 @@ Add the correct display in Chrome and Safari.
1828
1843
  }
1829
1844
 
1830
1845
  .pelcro-root .slick-disabled {
1831
- opacity: 0.5;
1832
- cursor: not-allowed;
1846
+ opacity: 0;
1847
+ cursor: auto;
1833
1848
  }
1834
1849
 
1835
1850
  .pelcro-root .slick-dots {
@@ -1936,550 +1951,561 @@ in order to scope selectors under pelcro-root
1936
1951
 
1937
1952
  /* utilities */
1938
1953
 
1939
- .pelcro-root .plc-pointer-events-none {
1954
+ .pelcro-root .plc-pointer-events-none{
1940
1955
  pointer-events: none;
1941
1956
  }
1942
1957
 
1943
- .pelcro-root .plc-fixed {
1958
+ .pelcro-root .plc-fixed{
1944
1959
  position: fixed;
1945
1960
  }
1946
1961
 
1947
- .pelcro-root .plc-absolute {
1962
+ .pelcro-root .plc-absolute{
1948
1963
  position: absolute;
1949
1964
  }
1950
1965
 
1951
- .pelcro-root .plc-relative {
1966
+ .pelcro-root .plc-relative{
1952
1967
  position: relative;
1953
1968
  }
1954
1969
 
1955
- .pelcro-root .plc-inset-0 {
1970
+ .pelcro-root .plc-inset-0{
1956
1971
  top: 0px;
1957
1972
  right: 0px;
1958
1973
  bottom: 0px;
1959
1974
  left: 0px;
1960
1975
  }
1961
1976
 
1962
- .pelcro-root .plc-inset-y-0 {
1977
+ .pelcro-root .plc-inset-y-0{
1963
1978
  top: 0px;
1964
1979
  bottom: 0px;
1965
1980
  }
1966
1981
 
1967
- .pelcro-root .plc-top-0 {
1982
+ .pelcro-root .plc-top-0{
1968
1983
  top: 0px;
1969
1984
  }
1970
1985
 
1971
- .pelcro-root .plc-top-1 {
1986
+ .pelcro-root .plc-top-1{
1972
1987
  top: 0.25rem;
1973
1988
  }
1974
1989
 
1975
- .pelcro-root .plc-top-2 {
1990
+ .pelcro-root .plc-top-2{
1976
1991
  top: 0.5rem;
1977
1992
  }
1978
1993
 
1979
- .pelcro-root .plc-top-5 {
1994
+ .pelcro-root .plc-top-5{
1980
1995
  top: 1.25rem;
1981
1996
  }
1982
1997
 
1983
- .pelcro-root .plc-top-6 {
1998
+ .pelcro-root .plc-top-6{
1984
1999
  top: 1.5rem;
1985
2000
  }
1986
2001
 
1987
- .pelcro-root .plc-top-7 {
2002
+ .pelcro-root .plc-top-7{
1988
2003
  top: 1.75rem;
1989
2004
  }
1990
2005
 
1991
- .pelcro-root .plc-top-24 {
2006
+ .pelcro-root .plc-top-24{
1992
2007
  top: 6rem;
1993
2008
  }
1994
2009
 
1995
- .pelcro-root .plc-top-1\.5 {
2010
+ .pelcro-root .plc-top-1\.5{
1996
2011
  top: 0.375rem;
1997
2012
  }
1998
2013
 
1999
- .pelcro-root .plc-top-1\/2 {
2014
+ .pelcro-root .plc-top-1\/2{
2000
2015
  top: 50%;
2001
2016
  }
2002
2017
 
2003
- .pelcro-root .plc-right-0 {
2018
+ .pelcro-root .plc-right-0{
2004
2019
  right: 0px;
2005
2020
  }
2006
2021
 
2007
- .pelcro-root .plc-right-1 {
2022
+ .pelcro-root .plc-right-1{
2008
2023
  right: 0.25rem;
2009
2024
  }
2010
2025
 
2011
- .pelcro-root .plc-right-2 {
2026
+ .pelcro-root .plc-right-2{
2012
2027
  right: 0.5rem;
2013
2028
  }
2014
2029
 
2015
- .pelcro-root .plc-right-10 {
2030
+ .pelcro-root .plc-right-10{
2016
2031
  right: 2.5rem;
2017
2032
  }
2018
2033
 
2019
- .pelcro-root .plc--right-16 {
2020
- right: -4rem;
2034
+ .pelcro-root .plc--right-12{
2035
+ right: -3rem;
2021
2036
  }
2022
2037
 
2023
- .pelcro-root .plc-bottom-0 {
2038
+ .pelcro-root .plc-bottom-0{
2024
2039
  bottom: 0px;
2025
2040
  }
2026
2041
 
2027
- .pelcro-root .plc-bottom-4 {
2042
+ .pelcro-root .plc-bottom-4{
2028
2043
  bottom: 1rem;
2029
2044
  }
2030
2045
 
2031
- .pelcro-root .plc-left-0 {
2046
+ .pelcro-root .plc-left-0{
2032
2047
  left: 0px;
2033
2048
  }
2034
2049
 
2035
- .pelcro-root .plc-left-4 {
2036
- left: 1rem;
2050
+ .pelcro-root .plc-left-2{
2051
+ left: 0.5rem;
2037
2052
  }
2038
2053
 
2039
- .pelcro-root .plc-left-5 {
2040
- left: 1.25rem;
2054
+ .pelcro-root .plc-left-4{
2055
+ left: 1rem;
2041
2056
  }
2042
2057
 
2043
- .pelcro-root .plc--left-16 {
2044
- left: -4rem;
2058
+ .pelcro-root .plc--left-12{
2059
+ left: -3rem;
2045
2060
  }
2046
2061
 
2047
- .pelcro-root .plc-z-max {
2062
+ .pelcro-root .plc-z-max{
2048
2063
  z-index: 999999;
2049
2064
  }
2050
2065
 
2051
- .pelcro-root .plc-order-1 {
2066
+ .pelcro-root .plc-order-1{
2052
2067
  order: 1;
2053
2068
  }
2054
2069
 
2055
- .pelcro-root .plc-order-2 {
2070
+ .pelcro-root .plc-order-2{
2056
2071
  order: 2;
2057
2072
  }
2058
2073
 
2059
- .pelcro-root .plc-m-0 {
2074
+ .pelcro-root .plc-m-0{
2060
2075
  margin: 0px;
2061
2076
  }
2062
2077
 
2063
- .pelcro-root .plc-m-1 {
2078
+ .pelcro-root .plc-m-1{
2064
2079
  margin: 0.25rem;
2065
2080
  }
2066
2081
 
2067
- .pelcro-root .plc-m-3 {
2082
+ .pelcro-root .plc-m-3{
2068
2083
  margin: 0.75rem;
2069
2084
  }
2070
2085
 
2071
- .pelcro-root .plc-m-auto {
2086
+ .pelcro-root .plc-m-auto{
2072
2087
  margin: auto;
2073
2088
  }
2074
2089
 
2075
- .pelcro-root .plc-m-0\.5 {
2090
+ .pelcro-root .plc-m-0\.5{
2076
2091
  margin: 0.125rem;
2077
2092
  }
2078
2093
 
2079
- .pelcro-root .plc-mx-1 {
2094
+ .pelcro-root .plc-mx-1{
2080
2095
  margin-left: 0.25rem;
2081
2096
  margin-right: 0.25rem;
2082
2097
  }
2083
2098
 
2084
- .pelcro-root .plc-mx-2 {
2085
- margin-left: 0.5rem;
2086
- margin-right: 0.5rem;
2087
- }
2088
-
2089
- .pelcro-root .plc-mx-auto {
2099
+ .pelcro-root .plc-mx-auto{
2090
2100
  margin-left: auto;
2091
2101
  margin-right: auto;
2092
2102
  }
2093
2103
 
2094
- .pelcro-root .plc-my-2 {
2104
+ .pelcro-root .plc-my-2{
2095
2105
  margin-top: 0.5rem;
2096
2106
  margin-bottom: 0.5rem;
2097
2107
  }
2098
2108
 
2099
- .pelcro-root .plc-my-4 {
2109
+ .pelcro-root .plc-my-4{
2100
2110
  margin-top: 1rem;
2101
2111
  margin-bottom: 1rem;
2102
2112
  }
2103
2113
 
2104
- .pelcro-root .plc-my-5 {
2114
+ .pelcro-root .plc-my-5{
2105
2115
  margin-top: 1.25rem;
2106
2116
  margin-bottom: 1.25rem;
2107
2117
  }
2108
2118
 
2109
- .pelcro-root .plc-my-11 {
2119
+ .pelcro-root .plc-my-11{
2110
2120
  margin-top: 2.75rem;
2111
2121
  margin-bottom: 2.75rem;
2112
2122
  }
2113
2123
 
2114
- .pelcro-root .plc-mt-1 {
2124
+ .pelcro-root .plc-mt-1{
2115
2125
  margin-top: 0.25rem;
2116
2126
  }
2117
2127
 
2118
- .pelcro-root .plc-mt-2 {
2128
+ .pelcro-root .plc-mt-2{
2119
2129
  margin-top: 0.5rem;
2120
2130
  }
2121
2131
 
2122
- .pelcro-root .plc-mt-3 {
2132
+ .pelcro-root .plc-mt-3{
2123
2133
  margin-top: 0.75rem;
2124
2134
  }
2125
2135
 
2126
- .pelcro-root .plc-mt-4 {
2136
+ .pelcro-root .plc-mt-4{
2127
2137
  margin-top: 1rem;
2128
2138
  }
2129
2139
 
2130
- .pelcro-root .plc-mt-5 {
2140
+ .pelcro-root .plc-mt-5{
2131
2141
  margin-top: 1.25rem;
2132
2142
  }
2133
2143
 
2134
- .pelcro-root .plc-mt-6 {
2144
+ .pelcro-root .plc-mt-6{
2135
2145
  margin-top: 1.5rem;
2136
2146
  }
2137
2147
 
2138
- .pelcro-root .plc-mt-auto {
2148
+ .pelcro-root .plc-mt-auto{
2139
2149
  margin-top: auto;
2140
2150
  }
2141
2151
 
2142
- .pelcro-root .plc--mt-8 {
2152
+ .pelcro-root .plc--mt-8{
2143
2153
  margin-top: -2rem;
2144
2154
  }
2145
2155
 
2146
- .pelcro-root .plc-mr-1 {
2156
+ .pelcro-root .plc-mr-1{
2147
2157
  margin-right: 0.25rem;
2148
2158
  }
2149
2159
 
2150
- .pelcro-root .plc-mr-2 {
2160
+ .pelcro-root .plc-mr-2{
2151
2161
  margin-right: 0.5rem;
2152
2162
  }
2153
2163
 
2154
- .pelcro-root .plc-mr-6 {
2164
+ .pelcro-root .plc-mr-6{
2155
2165
  margin-right: 1.5rem;
2156
2166
  }
2157
2167
 
2158
- .pelcro-root .plc-mb-1 {
2168
+ .pelcro-root .plc-mr-auto{
2169
+ margin-right: auto;
2170
+ }
2171
+
2172
+ .pelcro-root .plc-mb-1{
2159
2173
  margin-bottom: 0.25rem;
2160
2174
  }
2161
2175
 
2162
- .pelcro-root .plc-mb-2 {
2176
+ .pelcro-root .plc-mb-2{
2163
2177
  margin-bottom: 0.5rem;
2164
2178
  }
2165
2179
 
2166
- .pelcro-root .plc-mb-3 {
2180
+ .pelcro-root .plc-mb-3{
2167
2181
  margin-bottom: 0.75rem;
2168
2182
  }
2169
2183
 
2170
- .pelcro-root .plc-mb-4 {
2184
+ .pelcro-root .plc-mb-4{
2171
2185
  margin-bottom: 1rem;
2172
2186
  }
2173
2187
 
2174
- .pelcro-root .plc-mb-6 {
2188
+ .pelcro-root .plc-mb-6{
2175
2189
  margin-bottom: 1.5rem;
2176
2190
  }
2177
2191
 
2178
- .pelcro-root .plc-mb-9 {
2192
+ .pelcro-root .plc-mb-9{
2179
2193
  margin-bottom: 2.25rem;
2180
2194
  }
2181
2195
 
2182
- .pelcro-root .plc-ml-0 {
2196
+ .pelcro-root .plc-ml-0{
2183
2197
  margin-left: 0px;
2184
2198
  }
2185
2199
 
2186
- .pelcro-root .plc-ml-1 {
2200
+ .pelcro-root .plc-ml-1{
2187
2201
  margin-left: 0.25rem;
2188
2202
  }
2189
2203
 
2190
- .pelcro-root .plc-ml-2 {
2204
+ .pelcro-root .plc-ml-2{
2191
2205
  margin-left: 0.5rem;
2192
2206
  }
2193
2207
 
2194
- .pelcro-root .plc-ml-3 {
2208
+ .pelcro-root .plc-ml-3{
2195
2209
  margin-left: 0.75rem;
2196
2210
  }
2197
2211
 
2198
- .pelcro-root .plc-ml-4 {
2212
+ .pelcro-root .plc-ml-4{
2199
2213
  margin-left: 1rem;
2200
2214
  }
2201
2215
 
2202
- .pelcro-root .plc--ml-2 {
2216
+ .pelcro-root .plc-ml-auto{
2217
+ margin-left: auto;
2218
+ }
2219
+
2220
+ .pelcro-root .plc--ml-2{
2203
2221
  margin-left: -0.5rem;
2204
2222
  }
2205
2223
 
2206
- .pelcro-root .last\:plc-mb-0:last-child {
2224
+ .pelcro-root .last\:plc-mb-0:last-child{
2207
2225
  margin-bottom: 0px;
2208
2226
  }
2209
2227
 
2210
- .pelcro-root .plc-block {
2228
+ .pelcro-root .plc-block{
2211
2229
  display: block;
2212
2230
  }
2213
2231
 
2214
- .pelcro-root .plc-inline-block {
2232
+ .pelcro-root .plc-inline-block{
2215
2233
  display: inline-block;
2216
2234
  }
2217
2235
 
2218
- .pelcro-root .plc-inline {
2236
+ .pelcro-root .plc-inline{
2219
2237
  display: inline;
2220
2238
  }
2221
2239
 
2222
- .pelcro-root .plc-flex {
2240
+ .pelcro-root .plc-flex{
2223
2241
  display: flex;
2224
2242
  }
2225
2243
 
2226
- .pelcro-root .plc-inline-flex {
2244
+ .pelcro-root .plc-inline-flex{
2227
2245
  display: inline-flex;
2228
2246
  }
2229
2247
 
2230
- .pelcro-root .plc-grid {
2248
+ .pelcro-root .plc-grid{
2231
2249
  display: grid;
2232
2250
  }
2233
2251
 
2234
- .pelcro-root .plc-hidden {
2252
+ .pelcro-root .plc-hidden{
2235
2253
  display: none;
2236
2254
  }
2237
2255
 
2238
- .pelcro-root .plc-h-3 {
2256
+ .pelcro-root .plc-h-3{
2239
2257
  height: 0.75rem;
2240
2258
  }
2241
2259
 
2242
- .pelcro-root .plc-h-4 {
2260
+ .pelcro-root .plc-h-4{
2243
2261
  height: 1rem;
2244
2262
  }
2245
2263
 
2246
- .pelcro-root .plc-h-5 {
2264
+ .pelcro-root .plc-h-5{
2247
2265
  height: 1.25rem;
2248
2266
  }
2249
2267
 
2250
- .pelcro-root .plc-h-6 {
2268
+ .pelcro-root .plc-h-6{
2251
2269
  height: 1.5rem;
2252
2270
  }
2253
2271
 
2254
- .pelcro-root .plc-h-7 {
2272
+ .pelcro-root .plc-h-7{
2255
2273
  height: 1.75rem;
2256
2274
  }
2257
2275
 
2258
- .pelcro-root .plc-h-8 {
2276
+ .pelcro-root .plc-h-8{
2259
2277
  height: 2rem;
2260
2278
  }
2261
2279
 
2262
- .pelcro-root .plc-h-9 {
2280
+ .pelcro-root .plc-h-9{
2263
2281
  height: 2.25rem;
2264
2282
  }
2265
2283
 
2266
- .pelcro-root .plc-h-10 {
2284
+ .pelcro-root .plc-h-10{
2267
2285
  height: 2.5rem;
2268
2286
  }
2269
2287
 
2270
- .pelcro-root .plc-h-11 {
2288
+ .pelcro-root .plc-h-11{
2271
2289
  height: 2.75rem;
2272
2290
  }
2273
2291
 
2274
- .pelcro-root .plc-h-12 {
2292
+ .pelcro-root .plc-h-12{
2275
2293
  height: 3rem;
2276
2294
  }
2277
2295
 
2278
- .pelcro-root .plc-h-20 {
2296
+ .pelcro-root .plc-h-20{
2279
2297
  height: 5rem;
2280
2298
  }
2281
2299
 
2282
- .pelcro-root .plc-h-28 {
2300
+ .pelcro-root .plc-h-28{
2283
2301
  height: 7rem;
2284
2302
  }
2285
2303
 
2286
- .pelcro-root .plc-h-32 {
2304
+ .pelcro-root .plc-h-32{
2287
2305
  height: 8rem;
2288
2306
  }
2289
2307
 
2290
- .pelcro-root .plc-h-36 {
2308
+ .pelcro-root .plc-h-36{
2291
2309
  height: 9rem;
2292
2310
  }
2293
2311
 
2294
- .pelcro-root .plc-h-52 {
2312
+ .pelcro-root .plc-h-52{
2295
2313
  height: 13rem;
2296
2314
  }
2297
2315
 
2298
- .pelcro-root .plc-h-auto {
2316
+ .pelcro-root .plc-h-auto{
2299
2317
  height: auto;
2300
2318
  }
2301
2319
 
2302
- .pelcro-root .plc-h-full {
2320
+ .pelcro-root .plc-h-full{
2303
2321
  height: 100%;
2304
2322
  }
2305
2323
 
2306
- .pelcro-root .plc-max-h-0 {
2324
+ .pelcro-root .plc-max-h-0{
2307
2325
  max-height: 0px;
2308
2326
  }
2309
2327
 
2310
- .pelcro-root .plc-max-h-14 {
2328
+ .pelcro-root .plc-max-h-14{
2311
2329
  max-height: 3.5rem;
2312
2330
  }
2313
2331
 
2314
- .pelcro-root .plc-max-h-48 {
2332
+ .pelcro-root .plc-max-h-48{
2315
2333
  max-height: 12rem;
2316
2334
  }
2317
2335
 
2318
- .pelcro-root .plc-max-h-80 {
2336
+ .pelcro-root .plc-max-h-80{
2319
2337
  max-height: 20rem;
2320
2338
  }
2321
2339
 
2322
- .pelcro-root .plc-max-h-full {
2340
+ .pelcro-root .plc-max-h-full{
2323
2341
  max-height: 100%;
2324
2342
  }
2325
2343
 
2326
- .pelcro-root .plc-min-h-12 {
2344
+ .pelcro-root .plc-min-h-12{
2327
2345
  min-height: 3rem;
2328
2346
  }
2329
2347
 
2330
- .pelcro-root .plc-w-3 {
2348
+ .pelcro-root .plc-w-3{
2331
2349
  width: 0.75rem;
2332
2350
  }
2333
2351
 
2334
- .pelcro-root .plc-w-4 {
2352
+ .pelcro-root .plc-w-4{
2335
2353
  width: 1rem;
2336
2354
  }
2337
2355
 
2338
- .pelcro-root .plc-w-5 {
2356
+ .pelcro-root .plc-w-5{
2339
2357
  width: 1.25rem;
2340
2358
  }
2341
2359
 
2342
- .pelcro-root .plc-w-6 {
2360
+ .pelcro-root .plc-w-6{
2343
2361
  width: 1.5rem;
2344
2362
  }
2345
2363
 
2346
- .pelcro-root .plc-w-7 {
2364
+ .pelcro-root .plc-w-7{
2347
2365
  width: 1.75rem;
2348
2366
  }
2349
2367
 
2350
- .pelcro-root .plc-w-8 {
2368
+ .pelcro-root .plc-w-8{
2351
2369
  width: 2rem;
2352
2370
  }
2353
2371
 
2354
- .pelcro-root .plc-w-9 {
2372
+ .pelcro-root .plc-w-9{
2355
2373
  width: 2.25rem;
2356
2374
  }
2357
2375
 
2358
- .pelcro-root .plc-w-10 {
2376
+ .pelcro-root .plc-w-10{
2359
2377
  width: 2.5rem;
2360
2378
  }
2361
2379
 
2362
- .pelcro-root .plc-w-11 {
2380
+ .pelcro-root .plc-w-11{
2363
2381
  width: 2.75rem;
2364
2382
  }
2365
2383
 
2366
- .pelcro-root .plc-w-12 {
2384
+ .pelcro-root .plc-w-12{
2367
2385
  width: 3rem;
2368
2386
  }
2369
2387
 
2370
- .pelcro-root .plc-w-16 {
2388
+ .pelcro-root .plc-w-16{
2371
2389
  width: 4rem;
2372
2390
  }
2373
2391
 
2374
- .pelcro-root .plc-w-20 {
2392
+ .pelcro-root .plc-w-20{
2375
2393
  width: 5rem;
2376
2394
  }
2377
2395
 
2378
- .pelcro-root .plc-w-24 {
2396
+ .pelcro-root .plc-w-24{
2379
2397
  width: 6rem;
2380
2398
  }
2381
2399
 
2382
- .pelcro-root .plc-w-32 {
2400
+ .pelcro-root .plc-w-32{
2383
2401
  width: 8rem;
2384
2402
  }
2385
2403
 
2386
- .pelcro-root .plc-w-36 {
2404
+ .pelcro-root .plc-w-36{
2387
2405
  width: 9rem;
2388
2406
  }
2389
2407
 
2390
- .pelcro-root .plc-w-56 {
2408
+ .pelcro-root .plc-w-56{
2391
2409
  width: 14rem;
2392
2410
  }
2393
2411
 
2394
- .pelcro-root .plc-w-auto {
2412
+ .pelcro-root .plc-w-auto{
2395
2413
  width: auto;
2396
2414
  }
2397
2415
 
2398
- .pelcro-root .plc-w-1\/2 {
2416
+ .pelcro-root .plc-w-1\/2{
2399
2417
  width: 50%;
2400
2418
  }
2401
2419
 
2402
- .pelcro-root .plc-w-1\/3 {
2420
+ .pelcro-root .plc-w-1\/3{
2403
2421
  width: 33.333333%;
2404
2422
  }
2405
2423
 
2406
- .pelcro-root .plc-w-1\/4 {
2424
+ .pelcro-root .plc-w-1\/4{
2407
2425
  width: 25%;
2408
2426
  }
2409
2427
 
2410
- .pelcro-root .plc-w-1\/5 {
2428
+ .pelcro-root .plc-w-1\/5{
2411
2429
  width: 20%;
2412
2430
  }
2413
2431
 
2414
- .pelcro-root .plc-w-2\/5 {
2432
+ .pelcro-root .plc-w-2\/5{
2415
2433
  width: 40%;
2416
2434
  }
2417
2435
 
2418
- .pelcro-root .plc-w-2\/12 {
2436
+ .pelcro-root .plc-w-2\/12{
2419
2437
  width: 16.666667%;
2420
2438
  }
2421
2439
 
2422
- .pelcro-root .plc-w-3\/12 {
2440
+ .pelcro-root .plc-w-3\/12{
2423
2441
  width: 25%;
2424
2442
  }
2425
2443
 
2426
- .pelcro-root .plc-w-4\/12 {
2444
+ .pelcro-root .plc-w-4\/12{
2427
2445
  width: 33.333333%;
2428
2446
  }
2429
2447
 
2430
- .pelcro-root .plc-w-5\/12 {
2448
+ .pelcro-root .plc-w-5\/12{
2431
2449
  width: 41.666667%;
2432
2450
  }
2433
2451
 
2434
- .pelcro-root .plc-w-6\/12 {
2452
+ .pelcro-root .plc-w-6\/12{
2435
2453
  width: 50%;
2436
2454
  }
2437
2455
 
2438
- .pelcro-root .plc-w-10\/12 {
2456
+ .pelcro-root .plc-w-10\/12{
2439
2457
  width: 83.333333%;
2440
2458
  }
2441
2459
 
2442
- .pelcro-root .plc-w-full {
2460
+ .pelcro-root .plc-w-full{
2443
2461
  width: 100%;
2444
2462
  }
2445
2463
 
2446
- .pelcro-root .plc-w-max {
2464
+ .pelcro-root .plc-w-max{
2447
2465
  width: max-content;
2448
2466
  }
2449
2467
 
2450
- .pelcro-root .plc-max-w-xl {
2468
+ .pelcro-root .plc-max-w-sm{
2469
+ max-width: 24rem;
2470
+ }
2471
+
2472
+ .pelcro-root .plc-max-w-xl{
2451
2473
  max-width: 36rem;
2452
2474
  }
2453
2475
 
2454
- .pelcro-root .plc-max-w-50\% {
2476
+ .pelcro-root .plc-max-w-3xl{
2477
+ max-width: 48rem;
2478
+ }
2479
+
2480
+ .pelcro-root .plc-max-w-50\%{
2455
2481
  max-width: 50%;
2456
2482
  }
2457
2483
 
2458
- .pelcro-root .plc-max-w-full {
2484
+ .pelcro-root .plc-max-w-full{
2459
2485
  max-width: 100%;
2460
2486
  }
2461
2487
 
2462
- .pelcro-root .plc-flex-1 {
2488
+ .pelcro-root .plc-flex-1{
2463
2489
  flex: 1 1 0%;
2464
2490
  }
2465
2491
 
2466
- .pelcro-root .plc-flex-shrink-0 {
2492
+ .pelcro-root .plc-flex-shrink-0{
2467
2493
  flex-shrink: 0;
2468
2494
  }
2469
2495
 
2470
- .pelcro-root .plc-flex-grow {
2496
+ .pelcro-root .plc-flex-grow{
2471
2497
  flex-grow: 1;
2472
2498
  }
2473
2499
 
2474
- .pelcro-root .plc-table-fixed {
2500
+ .pelcro-root .plc-table-fixed{
2475
2501
  table-layout: fixed;
2476
2502
  }
2477
2503
 
2478
- .pelcro-root .plc-origin-right {
2504
+ .pelcro-root .plc-origin-right{
2479
2505
  transform-origin: right;
2480
2506
  }
2481
2507
 
2482
- .pelcro-root .plc-transform {
2508
+ .pelcro-root .plc-transform{
2483
2509
  --tw-translate-x: 0;
2484
2510
  --tw-translate-y: 0;
2485
2511
  --tw-rotate: 0;
@@ -2490,988 +2516,976 @@ in order to scope selectors under pelcro-root
2490
2516
  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));
2491
2517
  }
2492
2518
 
2493
- .pelcro-root .plc-translate-x-0 {
2519
+ .pelcro-root .plc-translate-x-0{
2494
2520
  --tw-translate-x: 0px;
2495
2521
  }
2496
2522
 
2497
- .pelcro-root .plc--translate-x-1 {
2523
+ .pelcro-root .plc--translate-x-1{
2498
2524
  --tw-translate-x: -0.25rem;
2499
2525
  }
2500
2526
 
2501
- .pelcro-root .plc--translate-x-full {
2527
+ .pelcro-root .plc--translate-x-full{
2502
2528
  --tw-translate-x: -100%;
2503
2529
  }
2504
2530
 
2505
- .pelcro-root .plc--translate-y-1\/2 {
2531
+ .pelcro-root .plc--translate-y-1\/2{
2506
2532
  --tw-translate-y: -50%;
2507
2533
  }
2508
2534
 
2509
- .pelcro-root .plc-group:hover .group-hover\:plc-translate-x-1 {
2535
+ .pelcro-root .plc-group:hover .group-hover\:plc-translate-x-1{
2510
2536
  --tw-translate-x: 0.25rem;
2511
2537
  }
2512
2538
 
2513
- .pelcro-root .plc-rotate-90 {
2539
+ .pelcro-root .plc-rotate-90{
2514
2540
  --tw-rotate: 90deg;
2515
2541
  }
2516
2542
 
2517
- .pelcro-root .plc-rotate-180 {
2543
+ .pelcro-root .plc-rotate-180{
2518
2544
  --tw-rotate: 180deg;
2519
2545
  }
2520
2546
 
2521
- .pelcro-root .plc-scale-105 {
2547
+ .pelcro-root .plc-scale-105{
2522
2548
  --tw-scale-x: 1.05;
2523
2549
  --tw-scale-y: 1.05;
2524
2550
  }
2525
2551
 
2526
- .pelcro-root .plc-scale-120 {
2552
+ .pelcro-root .plc-scale-120{
2527
2553
  --tw-scale-x: 1.2;
2528
2554
  --tw-scale-y: 1.2;
2529
2555
  }
2530
2556
 
2531
- .pelcro-root .plc-scale-x-0 {
2557
+ .pelcro-root .plc-scale-x-0{
2532
2558
  --tw-scale-x: 0;
2533
2559
  }
2534
2560
 
2535
- .pelcro-root .plc-scale-x-100 {
2561
+ .pelcro-root .plc-scale-x-100{
2536
2562
  --tw-scale-x: 1;
2537
2563
  }
2538
2564
 
2539
- @keyframes plc-spin {
2540
- to {
2565
+ @keyframes plc-spin{
2566
+ to{
2541
2567
  transform: rotate(360deg);
2542
2568
  }
2543
2569
  }
2544
2570
 
2545
- @keyframes plc-ping {
2546
- 75%, 100% {
2571
+ @keyframes plc-ping{
2572
+ 75%, 100%{
2547
2573
  transform: scale(2);
2548
2574
  opacity: 0;
2549
2575
  }
2550
2576
  }
2551
2577
 
2552
- @keyframes plc-pulse {
2553
- 50% {
2578
+ @keyframes plc-pulse{
2579
+ 50%{
2554
2580
  opacity: .5;
2555
2581
  }
2556
2582
  }
2557
2583
 
2558
- @keyframes plc-bounce {
2559
- 0%, 100% {
2584
+ @keyframes plc-bounce{
2585
+ 0%, 100%{
2560
2586
  transform: translateY(-25%);
2561
2587
  animation-timing-function: cubic-bezier(0.8,0,1,1);
2562
2588
  }
2563
2589
 
2564
- 50% {
2590
+ 50%{
2565
2591
  transform: none;
2566
2592
  animation-timing-function: cubic-bezier(0,0,0.2,1);
2567
2593
  }
2568
2594
  }
2569
2595
 
2570
- @keyframes plc-slideInBottom {
2571
- 0% {
2596
+ @keyframes plc-slideInBottom{
2597
+ 0%{
2572
2598
  transform: translateY(1000px);
2573
2599
  opacity: 0;
2574
2600
  }
2575
2601
 
2576
- 100% {
2602
+ 100%{
2577
2603
  transform: translateY(0);
2578
2604
  opacity: 1;
2579
2605
  }
2580
2606
  }
2581
2607
 
2582
- .pelcro-root .plc-animate-spin {
2608
+ .pelcro-root .plc-animate-spin{
2583
2609
  animation: plc-spin 1s linear infinite;
2584
2610
  }
2585
2611
 
2586
- .pelcro-root .plc-animate-pulse {
2612
+ .pelcro-root .plc-animate-pulse{
2587
2613
  animation: plc-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
2588
2614
  }
2589
2615
 
2590
- @media (prefers-reduced-motion: no-preference) {
2591
- .pelcro-root .motion-safe\:plc-animate-slideInBottom {
2616
+ @media (prefers-reduced-motion: no-preference){
2617
+ .pelcro-root .motion-safe\:plc-animate-slideInBottom{
2592
2618
  animation: plc-slideInBottom 0.5s ease-out;
2593
2619
  }
2594
2620
  }
2595
2621
 
2596
- .pelcro-root .plc-cursor-default {
2622
+ .pelcro-root .plc-cursor-default{
2597
2623
  cursor: default;
2598
2624
  }
2599
2625
 
2600
- .pelcro-root .plc-cursor-pointer {
2626
+ .pelcro-root .plc-cursor-pointer{
2601
2627
  cursor: pointer;
2602
2628
  }
2603
2629
 
2604
- .pelcro-root .plc-select-none {
2630
+ .pelcro-root .plc-select-none{
2605
2631
  -webkit-user-select: none;
2606
2632
  user-select: none;
2607
2633
  }
2608
2634
 
2609
- .pelcro-root .plc-appearance-none {
2635
+ .pelcro-root .plc-appearance-none{
2610
2636
  -webkit-appearance: none;
2611
2637
  appearance: none;
2612
2638
  }
2613
2639
 
2614
- .pelcro-root .plc-flex-row-reverse {
2640
+ .pelcro-root .plc-flex-row-reverse{
2615
2641
  flex-direction: row-reverse;
2616
2642
  }
2617
2643
 
2618
- .pelcro-root .plc-flex-col {
2644
+ .pelcro-root .plc-flex-col{
2619
2645
  flex-direction: column;
2620
2646
  }
2621
2647
 
2622
- .pelcro-root .plc-flex-wrap {
2648
+ .pelcro-root .plc-flex-wrap{
2623
2649
  flex-wrap: wrap;
2624
2650
  }
2625
2651
 
2626
- .pelcro-root .plc-place-items-center {
2652
+ .pelcro-root .plc-place-items-center{
2627
2653
  place-items: center;
2628
2654
  }
2629
2655
 
2630
- .pelcro-root .plc-items-start {
2656
+ .pelcro-root .plc-items-start{
2631
2657
  align-items: flex-start;
2632
2658
  }
2633
2659
 
2634
- .pelcro-root .plc-items-end {
2660
+ .pelcro-root .plc-items-end{
2635
2661
  align-items: flex-end;
2636
2662
  }
2637
2663
 
2638
- .pelcro-root .plc-items-center {
2664
+ .pelcro-root .plc-items-center{
2639
2665
  align-items: center;
2640
2666
  }
2641
2667
 
2642
- .pelcro-root .plc-items-stretch {
2668
+ .pelcro-root .plc-items-stretch{
2643
2669
  align-items: stretch;
2644
2670
  }
2645
2671
 
2646
- .pelcro-root .plc-justify-end {
2672
+ .pelcro-root .plc-justify-end{
2647
2673
  justify-content: flex-end;
2648
2674
  }
2649
2675
 
2650
- .pelcro-root .plc-justify-center {
2676
+ .pelcro-root .plc-justify-center{
2651
2677
  justify-content: center;
2652
2678
  }
2653
2679
 
2654
- .pelcro-root .plc-justify-between {
2680
+ .pelcro-root .plc-justify-between{
2655
2681
  justify-content: space-between;
2656
2682
  }
2657
2683
 
2658
- .pelcro-root .plc-justify-evenly {
2684
+ .pelcro-root .plc-justify-evenly{
2659
2685
  justify-content: space-evenly;
2660
2686
  }
2661
2687
 
2662
- .pelcro-root .plc-justify-items-center {
2688
+ .pelcro-root .plc-justify-items-center{
2663
2689
  justify-items: center;
2664
2690
  }
2665
2691
 
2666
- .pelcro-root .plc-gap-x-3 {
2692
+ .pelcro-root .plc-gap-x-3{
2667
2693
  column-gap: 0.75rem;
2668
2694
  }
2669
2695
 
2670
- .pelcro-root .plc-gap-y-2 {
2696
+ .pelcro-root .plc-gap-y-2{
2671
2697
  row-gap: 0.5rem;
2672
2698
  }
2673
2699
 
2674
- .pelcro-root .plc-gap-y-5 {
2700
+ .pelcro-root .plc-gap-y-5{
2675
2701
  row-gap: 1.25rem;
2676
2702
  }
2677
2703
 
2678
- .pelcro-root .plc-space-x-2 > :not([hidden]) ~ :not([hidden]) {
2704
+ .pelcro-root .plc-space-x-2 > :not([hidden]) ~ :not([hidden]){
2679
2705
  --tw-space-x-reverse: 0;
2680
2706
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
2681
2707
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
2682
2708
  }
2683
2709
 
2684
- .pelcro-root .plc-space-x-3 > :not([hidden]) ~ :not([hidden]) {
2710
+ .pelcro-root .plc-space-x-3 > :not([hidden]) ~ :not([hidden]){
2685
2711
  --tw-space-x-reverse: 0;
2686
2712
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
2687
2713
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
2688
2714
  }
2689
2715
 
2690
- .pelcro-root .plc-space-y-2 > :not([hidden]) ~ :not([hidden]) {
2716
+ .pelcro-root .plc-space-y-2 > :not([hidden]) ~ :not([hidden]){
2691
2717
  --tw-space-y-reverse: 0;
2692
2718
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
2693
2719
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
2694
2720
  }
2695
2721
 
2696
- .pelcro-root .plc-space-y-4 > :not([hidden]) ~ :not([hidden]) {
2722
+ .pelcro-root .plc-space-y-4 > :not([hidden]) ~ :not([hidden]){
2697
2723
  --tw-space-y-reverse: 0;
2698
2724
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
2699
2725
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
2700
2726
  }
2701
2727
 
2702
- .pelcro-root .plc-overflow-auto {
2728
+ .pelcro-root .plc-overflow-auto{
2703
2729
  overflow: auto;
2704
2730
  }
2705
2731
 
2706
- .pelcro-root .plc-overflow-hidden {
2732
+ .pelcro-root .plc-overflow-hidden{
2707
2733
  overflow: hidden;
2708
2734
  }
2709
2735
 
2710
- .pelcro-root .plc-overflow-x-auto {
2736
+ .pelcro-root .plc-overflow-x-auto{
2711
2737
  overflow-x: auto;
2712
2738
  }
2713
2739
 
2714
- .pelcro-root .plc-overflow-y-auto {
2740
+ .pelcro-root .plc-overflow-y-auto{
2715
2741
  overflow-y: auto;
2716
2742
  }
2717
2743
 
2718
- .pelcro-root .plc-overflow-x-hidden {
2744
+ .pelcro-root .plc-overflow-x-hidden{
2719
2745
  overflow-x: hidden;
2720
2746
  }
2721
2747
 
2722
- .pelcro-root .plc-overflow-y-scroll {
2748
+ .pelcro-root .plc-overflow-y-scroll{
2723
2749
  overflow-y: scroll;
2724
2750
  }
2725
2751
 
2726
- .pelcro-root .plc-truncate {
2752
+ .pelcro-root .plc-truncate{
2727
2753
  overflow: hidden;
2728
2754
  text-overflow: ellipsis;
2729
2755
  white-space: nowrap;
2730
2756
  }
2731
2757
 
2732
- .pelcro-root .plc-whitespace-nowrap {
2758
+ .pelcro-root .plc-whitespace-nowrap{
2733
2759
  white-space: nowrap;
2734
2760
  }
2735
2761
 
2736
- .pelcro-root .plc-whitespace-pre-line {
2762
+ .pelcro-root .plc-whitespace-pre-line{
2737
2763
  white-space: pre-line;
2738
2764
  }
2739
2765
 
2740
- .pelcro-root .plc-break-words {
2766
+ .pelcro-root .plc-break-words{
2741
2767
  overflow-wrap: break-word;
2742
2768
  }
2743
2769
 
2744
- .pelcro-root .plc-break-all {
2770
+ .pelcro-root .plc-break-all{
2745
2771
  word-break: break-all;
2746
2772
  }
2747
2773
 
2748
- .pelcro-root .plc-rounded-none {
2774
+ .pelcro-root .plc-rounded-none{
2749
2775
  border-radius: 0px;
2750
2776
  }
2751
2777
 
2752
- .pelcro-root .plc-rounded-sm {
2778
+ .pelcro-root .plc-rounded-sm{
2753
2779
  border-radius: 0.125rem;
2754
2780
  }
2755
2781
 
2756
- .pelcro-root .plc-rounded {
2782
+ .pelcro-root .plc-rounded{
2757
2783
  border-radius: 0.25rem;
2758
2784
  }
2759
2785
 
2760
- .pelcro-root .plc-rounded-md {
2786
+ .pelcro-root .plc-rounded-md{
2761
2787
  border-radius: 0.375rem;
2762
2788
  }
2763
2789
 
2764
- .pelcro-root .plc-rounded-lg {
2790
+ .pelcro-root .plc-rounded-lg{
2765
2791
  border-radius: 0.5rem;
2766
2792
  }
2767
2793
 
2768
- .pelcro-root .plc-rounded-2xl {
2794
+ .pelcro-root .plc-rounded-2xl{
2769
2795
  border-radius: 1rem;
2770
2796
  }
2771
2797
 
2772
- .pelcro-root .plc-rounded-full {
2798
+ .pelcro-root .plc-rounded-full{
2773
2799
  border-radius: 9999px;
2774
2800
  }
2775
2801
 
2776
- .pelcro-root .plc-border-0 {
2802
+ .pelcro-root .plc-border-0{
2777
2803
  border-width: 0px;
2778
2804
  }
2779
2805
 
2780
- .pelcro-root .plc-border-2 {
2806
+ .pelcro-root .plc-border-2{
2781
2807
  border-width: 2px;
2782
2808
  }
2783
2809
 
2784
- .pelcro-root .plc-border {
2810
+ .pelcro-root .plc-border{
2785
2811
  border-width: 1px;
2786
2812
  }
2787
2813
 
2788
- .pelcro-root .last\:plc-border-0:last-child {
2814
+ .pelcro-root .last\:plc-border-0:last-child{
2789
2815
  border-width: 0px;
2790
2816
  }
2791
2817
 
2792
- .pelcro-root .plc-border-t-2 {
2818
+ .pelcro-root .plc-border-t-2{
2793
2819
  border-top-width: 2px;
2794
2820
  }
2795
2821
 
2796
- .pelcro-root .plc-border-t-4 {
2822
+ .pelcro-root .plc-border-t-4{
2797
2823
  border-top-width: 4px;
2798
2824
  }
2799
2825
 
2800
- .pelcro-root .plc-border-t-8 {
2826
+ .pelcro-root .plc-border-t-8{
2801
2827
  border-top-width: 8px;
2802
2828
  }
2803
2829
 
2804
- .pelcro-root .plc-border-t {
2830
+ .pelcro-root .plc-border-t{
2805
2831
  border-top-width: 1px;
2806
2832
  }
2807
2833
 
2808
- .pelcro-root .plc-border-b-2 {
2834
+ .pelcro-root .plc-border-b-2{
2809
2835
  border-bottom-width: 2px;
2810
2836
  }
2811
2837
 
2812
- .pelcro-root .plc-border-b {
2838
+ .pelcro-root .plc-border-b{
2813
2839
  border-bottom-width: 1px;
2814
2840
  }
2815
2841
 
2816
- .pelcro-root .plc-border-l-2 {
2842
+ .pelcro-root .plc-border-l-2{
2817
2843
  border-left-width: 2px;
2818
2844
  }
2819
2845
 
2820
- .pelcro-root .plc-border-l-4 {
2846
+ .pelcro-root .plc-border-l-4{
2821
2847
  border-left-width: 4px;
2822
2848
  }
2823
2849
 
2824
- .pelcro-root .plc-border-solid {
2850
+ .pelcro-root .plc-border-solid{
2825
2851
  border-style: solid;
2826
2852
  }
2827
2853
 
2828
- .pelcro-root .plc-border-transparent {
2854
+ .pelcro-root .plc-border-transparent{
2829
2855
  border-color: transparent;
2830
2856
  }
2831
2857
 
2832
- .pelcro-root .plc-border-primary-300 {
2858
+ .pelcro-root .plc-border-primary-300{
2833
2859
  border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 20%));
2834
2860
  }
2835
2861
 
2836
- .pelcro-root .plc-border-primary-400 {
2862
+ .pelcro-root .plc-border-primary-400{
2837
2863
  border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
2838
2864
  }
2839
2865
 
2840
- .pelcro-root .plc-border-primary-500 {
2866
+ .pelcro-root .plc-border-primary-500{
2841
2867
  border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
2842
2868
  }
2843
2869
 
2844
- .pelcro-root .plc-border-primary-800 {
2845
- border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 30%));
2846
- }
2847
-
2848
- .pelcro-root .plc-border-primary {
2870
+ .pelcro-root .plc-border-primary{
2849
2871
  border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
2850
2872
  }
2851
2873
 
2852
- .pelcro-root .plc-border-white {
2874
+ .pelcro-root .plc-border-white{
2853
2875
  --tw-border-opacity: 1;
2854
2876
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
2855
2877
  }
2856
2878
 
2857
- .pelcro-root .plc-border-gray-200 {
2879
+ .pelcro-root .plc-border-gray-200{
2858
2880
  --tw-border-opacity: 1;
2859
2881
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
2860
2882
  }
2861
2883
 
2862
- .pelcro-root .plc-border-gray-300 {
2884
+ .pelcro-root .plc-border-gray-300{
2863
2885
  --tw-border-opacity: 1;
2864
2886
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
2865
2887
  }
2866
2888
 
2867
- .pelcro-root .plc-border-gray-400 {
2889
+ .pelcro-root .plc-border-gray-400{
2868
2890
  --tw-border-opacity: 1;
2869
2891
  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
2870
2892
  }
2871
2893
 
2872
- .pelcro-root .plc-border-green-400 {
2894
+ .pelcro-root .plc-border-green-400{
2873
2895
  --tw-border-opacity: 1;
2874
2896
  border-color: rgba(52, 211, 153, var(--tw-border-opacity));
2875
2897
  }
2876
2898
 
2877
- .pelcro-root .hover\:plc-border-primary-800:hover {
2899
+ .pelcro-root .hover\:plc-border-primary-800:hover{
2878
2900
  border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 30%));
2879
2901
  }
2880
2902
 
2881
- .pelcro-root .plc-bg-transparent {
2903
+ .pelcro-root .plc-bg-transparent{
2882
2904
  background-color: transparent;
2883
2905
  }
2884
2906
 
2885
- .pelcro-root .plc-bg-primary-200 {
2907
+ .pelcro-root .plc-bg-primary-200{
2886
2908
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 30%));
2887
2909
  }
2888
2910
 
2889
- .pelcro-root .plc-bg-primary-400 {
2911
+ .pelcro-root .plc-bg-primary-400{
2890
2912
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
2891
2913
  }
2892
2914
 
2893
- .pelcro-root .plc-bg-primary-700 {
2915
+ .pelcro-root .plc-bg-primary-700{
2894
2916
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 20%));
2895
2917
  }
2896
2918
 
2897
- .pelcro-root .plc-bg-primary-800 {
2898
- background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 30%));
2899
- }
2900
-
2901
- .pelcro-root .plc-bg-primary {
2919
+ .pelcro-root .plc-bg-primary{
2902
2920
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
2903
2921
  }
2904
2922
 
2905
- .pelcro-root .plc-bg-white {
2923
+ .pelcro-root .plc-bg-white{
2906
2924
  --tw-bg-opacity: 1;
2907
2925
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
2908
2926
  }
2909
2927
 
2910
- .pelcro-root .plc-bg-gray-50 {
2928
+ .pelcro-root .plc-bg-gray-50{
2911
2929
  --tw-bg-opacity: 1;
2912
2930
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
2913
2931
  }
2914
2932
 
2915
- .pelcro-root .plc-bg-gray-100 {
2933
+ .pelcro-root .plc-bg-gray-100{
2916
2934
  --tw-bg-opacity: 1;
2917
2935
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
2918
2936
  }
2919
2937
 
2920
- .pelcro-root .plc-bg-gray-200 {
2938
+ .pelcro-root .plc-bg-gray-200{
2921
2939
  --tw-bg-opacity: 1;
2922
2940
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
2923
2941
  }
2924
2942
 
2925
- .pelcro-root .plc-bg-gray-300 {
2943
+ .pelcro-root .plc-bg-gray-300{
2926
2944
  --tw-bg-opacity: 1;
2927
2945
  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
2928
2946
  }
2929
2947
 
2930
- .pelcro-root .plc-bg-gray-400 {
2948
+ .pelcro-root .plc-bg-gray-400{
2931
2949
  --tw-bg-opacity: 1;
2932
2950
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
2933
2951
  }
2934
2952
 
2935
- .pelcro-root .plc-bg-gray-500 {
2953
+ .pelcro-root .plc-bg-gray-500{
2936
2954
  --tw-bg-opacity: 1;
2937
2955
  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
2938
2956
  }
2939
2957
 
2940
- .pelcro-root .plc-bg-gray-600 {
2958
+ .pelcro-root .plc-bg-gray-600{
2941
2959
  --tw-bg-opacity: 1;
2942
2960
  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
2943
2961
  }
2944
2962
 
2945
- .pelcro-root .plc-bg-gray-800 {
2963
+ .pelcro-root .plc-bg-gray-800{
2946
2964
  --tw-bg-opacity: 1;
2947
2965
  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
2948
2966
  }
2949
2967
 
2950
- .pelcro-root .plc-bg-red-100 {
2968
+ .pelcro-root .plc-bg-red-100{
2951
2969
  --tw-bg-opacity: 1;
2952
2970
  background-color: rgba(239, 190, 188, var(--tw-bg-opacity));
2953
2971
  }
2954
2972
 
2955
- .pelcro-root .plc-bg-red-500 {
2973
+ .pelcro-root .plc-bg-red-500{
2956
2974
  --tw-bg-opacity: 1;
2957
2975
  background-color: rgba(180, 48, 43, var(--tw-bg-opacity));
2958
2976
  }
2959
2977
 
2960
- .pelcro-root .plc-bg-yellow-100 {
2978
+ .pelcro-root .plc-bg-yellow-100{
2961
2979
  --tw-bg-opacity: 1;
2962
2980
  background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
2963
2981
  }
2964
2982
 
2965
- .pelcro-root .plc-bg-green-50 {
2983
+ .pelcro-root .plc-bg-green-50{
2966
2984
  --tw-bg-opacity: 1;
2967
2985
  background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
2968
2986
  }
2969
2987
 
2970
- .pelcro-root .plc-bg-green-100 {
2988
+ .pelcro-root .plc-bg-green-100{
2971
2989
  --tw-bg-opacity: 1;
2972
2990
  background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
2973
2991
  }
2974
2992
 
2975
- .pelcro-root .plc-bg-blue-100 {
2993
+ .pelcro-root .plc-bg-blue-100{
2976
2994
  --tw-bg-opacity: 1;
2977
2995
  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
2978
2996
  }
2979
2997
 
2980
- .pelcro-root .plc-bg-orange-100 {
2998
+ .pelcro-root .plc-bg-orange-100{
2981
2999
  --tw-bg-opacity: 1;
2982
3000
  background-color: rgba(255, 237, 213, var(--tw-bg-opacity));
2983
3001
  }
2984
3002
 
2985
- .pelcro-root .hover\:plc-bg-transparent:hover {
3003
+ .pelcro-root .hover\:plc-bg-transparent:hover{
2986
3004
  background-color: transparent;
2987
3005
  }
2988
3006
 
2989
- .pelcro-root .hover\:plc-bg-primary-600:hover {
3007
+ .pelcro-root .hover\:plc-bg-primary-600:hover{
2990
3008
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
2991
3009
  }
2992
3010
 
2993
- .pelcro-root .hover\:plc-bg-white:hover {
3011
+ .pelcro-root .hover\:plc-bg-white:hover{
2994
3012
  --tw-bg-opacity: 1;
2995
3013
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
2996
3014
  }
2997
3015
 
2998
- .pelcro-root .hover\:plc-bg-gray-50:hover {
3016
+ .pelcro-root .hover\:plc-bg-gray-50:hover{
2999
3017
  --tw-bg-opacity: 1;
3000
3018
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
3001
3019
  }
3002
3020
 
3003
- .pelcro-root .hover\:plc-bg-gray-100:hover {
3021
+ .pelcro-root .hover\:plc-bg-gray-100:hover{
3004
3022
  --tw-bg-opacity: 1;
3005
3023
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
3006
3024
  }
3007
3025
 
3008
- .pelcro-root .hover\:plc-bg-gray-600:hover {
3026
+ .pelcro-root .hover\:plc-bg-gray-600:hover{
3009
3027
  --tw-bg-opacity: 1;
3010
3028
  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
3011
3029
  }
3012
3030
 
3013
- .pelcro-root .hover\:plc-bg-gray-900:hover {
3031
+ .pelcro-root .hover\:plc-bg-gray-900:hover{
3014
3032
  --tw-bg-opacity: 1;
3015
3033
  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
3016
3034
  }
3017
3035
 
3018
- .pelcro-root .hover\:plc-bg-red-600:hover {
3036
+ .pelcro-root .hover\:plc-bg-red-600:hover{
3019
3037
  --tw-bg-opacity: 1;
3020
3038
  background-color: rgba(139, 37, 33, var(--tw-bg-opacity));
3021
3039
  }
3022
3040
 
3023
- .pelcro-root .focus\:plc-bg-transparent:focus {
3041
+ .pelcro-root .focus\:plc-bg-transparent:focus{
3024
3042
  background-color: transparent;
3025
3043
  }
3026
3044
 
3027
- .pelcro-root .focus\:plc-bg-primary-600:focus {
3045
+ .pelcro-root .focus\:plc-bg-primary-600:focus{
3028
3046
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
3029
3047
  }
3030
3048
 
3031
- .pelcro-root .disabled\:plc-bg-gray-400:disabled {
3049
+ .pelcro-root .disabled\:plc-bg-gray-400:disabled{
3032
3050
  --tw-bg-opacity: 1;
3033
3051
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
3034
3052
  }
3035
3053
 
3036
- .pelcro-root .plc-fill-current {
3054
+ .pelcro-root .plc-fill-current{
3037
3055
  fill: currentColor;
3038
3056
  }
3039
3057
 
3040
- .pelcro-root .plc-object-contain {
3058
+ .pelcro-root .plc-object-contain{
3041
3059
  object-fit: contain;
3042
3060
  }
3043
3061
 
3044
- .pelcro-root .plc-object-left {
3062
+ .pelcro-root .plc-object-left{
3045
3063
  object-position: left;
3046
3064
  }
3047
3065
 
3048
- .pelcro-root .plc-p-1 {
3066
+ .pelcro-root .plc-p-1{
3049
3067
  padding: 0.25rem;
3050
3068
  }
3051
3069
 
3052
- .pelcro-root .plc-p-2 {
3070
+ .pelcro-root .plc-p-2{
3053
3071
  padding: 0.5rem;
3054
3072
  }
3055
3073
 
3056
- .pelcro-root .plc-p-3 {
3074
+ .pelcro-root .plc-p-3{
3057
3075
  padding: 0.75rem;
3058
3076
  }
3059
3077
 
3060
- .pelcro-root .plc-p-4 {
3078
+ .pelcro-root .plc-p-4{
3061
3079
  padding: 1rem;
3062
3080
  }
3063
3081
 
3064
- .pelcro-root .plc-p-5 {
3082
+ .pelcro-root .plc-p-5{
3065
3083
  padding: 1.25rem;
3066
3084
  }
3067
3085
 
3068
- .pelcro-root .plc-p-6 {
3086
+ .pelcro-root .plc-p-6{
3069
3087
  padding: 1.5rem;
3070
3088
  }
3071
3089
 
3072
- .pelcro-root .plc-px-0 {
3090
+ .pelcro-root .plc-px-0{
3073
3091
  padding-left: 0px;
3074
3092
  padding-right: 0px;
3075
3093
  }
3076
3094
 
3077
- .pelcro-root .plc-px-1 {
3095
+ .pelcro-root .plc-px-1{
3078
3096
  padding-left: 0.25rem;
3079
3097
  padding-right: 0.25rem;
3080
3098
  }
3081
3099
 
3082
- .pelcro-root .plc-px-2 {
3100
+ .pelcro-root .plc-px-2{
3083
3101
  padding-left: 0.5rem;
3084
3102
  padding-right: 0.5rem;
3085
3103
  }
3086
3104
 
3087
- .pelcro-root .plc-px-3 {
3105
+ .pelcro-root .plc-px-3{
3088
3106
  padding-left: 0.75rem;
3089
3107
  padding-right: 0.75rem;
3090
3108
  }
3091
3109
 
3092
- .pelcro-root .plc-px-4 {
3110
+ .pelcro-root .plc-px-4{
3093
3111
  padding-left: 1rem;
3094
3112
  padding-right: 1rem;
3095
3113
  }
3096
3114
 
3097
- .pelcro-root .plc-px-6 {
3115
+ .pelcro-root .plc-px-6{
3098
3116
  padding-left: 1.5rem;
3099
3117
  padding-right: 1.5rem;
3100
3118
  }
3101
3119
 
3102
- .pelcro-root .plc-py-1 {
3120
+ .pelcro-root .plc-py-1{
3103
3121
  padding-top: 0.25rem;
3104
3122
  padding-bottom: 0.25rem;
3105
3123
  }
3106
3124
 
3107
- .pelcro-root .plc-py-2 {
3125
+ .pelcro-root .plc-py-2{
3108
3126
  padding-top: 0.5rem;
3109
3127
  padding-bottom: 0.5rem;
3110
3128
  }
3111
3129
 
3112
- .pelcro-root .plc-py-3 {
3130
+ .pelcro-root .plc-py-3{
3113
3131
  padding-top: 0.75rem;
3114
3132
  padding-bottom: 0.75rem;
3115
3133
  }
3116
3134
 
3117
- .pelcro-root .plc-py-4 {
3135
+ .pelcro-root .plc-py-4{
3118
3136
  padding-top: 1rem;
3119
3137
  padding-bottom: 1rem;
3120
3138
  }
3121
3139
 
3122
- .pelcro-root .plc-py-5 {
3140
+ .pelcro-root .plc-py-5{
3123
3141
  padding-top: 1.25rem;
3124
3142
  padding-bottom: 1.25rem;
3125
3143
  }
3126
3144
 
3127
- .pelcro-root .plc-pt-1 {
3145
+ .pelcro-root .plc-pt-1{
3128
3146
  padding-top: 0.25rem;
3129
3147
  }
3130
3148
 
3131
- .pelcro-root .plc-pt-2 {
3149
+ .pelcro-root .plc-pt-2{
3132
3150
  padding-top: 0.5rem;
3133
3151
  }
3134
3152
 
3135
- .pelcro-root .plc-pt-4 {
3153
+ .pelcro-root .plc-pt-4{
3136
3154
  padding-top: 1rem;
3137
3155
  }
3138
3156
 
3139
- .pelcro-root .plc-pr-1 {
3157
+ .pelcro-root .plc-pr-1{
3140
3158
  padding-right: 0.25rem;
3141
3159
  }
3142
3160
 
3143
- .pelcro-root .plc-pr-2 {
3161
+ .pelcro-root .plc-pr-2{
3144
3162
  padding-right: 0.5rem;
3145
3163
  }
3146
3164
 
3147
- .pelcro-root .plc-pr-4 {
3165
+ .pelcro-root .plc-pr-4{
3148
3166
  padding-right: 1rem;
3149
3167
  }
3150
3168
 
3151
- .pelcro-root .plc-pb-4 {
3169
+ .pelcro-root .plc-pb-4{
3152
3170
  padding-bottom: 1rem;
3153
3171
  }
3154
3172
 
3155
- .pelcro-root .plc-pl-2 {
3173
+ .pelcro-root .plc-pl-2{
3156
3174
  padding-left: 0.5rem;
3157
3175
  }
3158
3176
 
3159
- .pelcro-root .plc-pl-4 {
3177
+ .pelcro-root .plc-pl-4{
3160
3178
  padding-left: 1rem;
3161
3179
  }
3162
3180
 
3163
- .pelcro-root .plc-text-left {
3181
+ .pelcro-root .plc-text-left{
3164
3182
  text-align: left;
3165
3183
  }
3166
3184
 
3167
- .pelcro-root .plc-text-center {
3185
+ .pelcro-root .plc-text-center{
3168
3186
  text-align: center;
3169
3187
  }
3170
3188
 
3171
- .pelcro-root .plc-align-top {
3189
+ .pelcro-root .plc-align-top{
3172
3190
  vertical-align: top;
3173
3191
  }
3174
3192
 
3175
- .pelcro-root .plc-align-middle {
3193
+ .pelcro-root .plc-align-middle{
3176
3194
  vertical-align: middle;
3177
3195
  }
3178
3196
 
3179
- .pelcro-root .plc-text-xs {
3197
+ .pelcro-root .plc-text-xs{
3180
3198
  font-size: 0.75rem;
3181
3199
  line-height: 1rem;
3182
3200
  }
3183
3201
 
3184
- .pelcro-root .plc-text-sm {
3202
+ .pelcro-root .plc-text-sm{
3185
3203
  font-size: 0.875rem;
3186
3204
  line-height: 1.25rem;
3187
3205
  }
3188
3206
 
3189
- .pelcro-root .plc-text-base {
3207
+ .pelcro-root .plc-text-base{
3190
3208
  font-size: 1rem;
3191
3209
  line-height: 1.5rem;
3192
3210
  }
3193
3211
 
3194
- .pelcro-root .plc-text-lg {
3212
+ .pelcro-root .plc-text-lg{
3195
3213
  font-size: 1.125rem;
3196
3214
  line-height: 1.75rem;
3197
3215
  }
3198
3216
 
3199
- .pelcro-root .plc-text-xl {
3217
+ .pelcro-root .plc-text-xl{
3200
3218
  font-size: 1.25rem;
3201
3219
  line-height: 1.75rem;
3202
3220
  }
3203
3221
 
3204
- .pelcro-root .plc-text-2xl {
3222
+ .pelcro-root .plc-text-2xl{
3205
3223
  font-size: 1.5rem;
3206
3224
  line-height: 2rem;
3207
3225
  }
3208
3226
 
3209
- .pelcro-root .plc-text-3xl {
3227
+ .pelcro-root .plc-text-3xl{
3210
3228
  font-size: 1.875rem;
3211
3229
  line-height: 2.25rem;
3212
3230
  }
3213
3231
 
3214
- .pelcro-root .plc-text-4xl {
3232
+ .pelcro-root .plc-text-4xl{
3215
3233
  font-size: 2.25rem;
3216
3234
  line-height: 2.5rem;
3217
3235
  }
3218
3236
 
3219
- .pelcro-root .plc-font-thin {
3237
+ .pelcro-root .plc-font-thin{
3220
3238
  font-weight: 100;
3221
3239
  }
3222
3240
 
3223
- .pelcro-root .plc-font-normal {
3241
+ .pelcro-root .plc-font-normal{
3224
3242
  font-weight: 400;
3225
3243
  }
3226
3244
 
3227
- .pelcro-root .plc-font-medium {
3245
+ .pelcro-root .plc-font-medium{
3228
3246
  font-weight: 500;
3229
3247
  }
3230
3248
 
3231
- .pelcro-root .plc-font-semibold {
3249
+ .pelcro-root .plc-font-semibold{
3232
3250
  font-weight: 600;
3233
3251
  }
3234
3252
 
3235
- .pelcro-root .plc-font-bold {
3253
+ .pelcro-root .plc-font-bold{
3236
3254
  font-weight: 700;
3237
3255
  }
3238
3256
 
3239
- .pelcro-root .plc-uppercase {
3257
+ .pelcro-root .plc-uppercase{
3240
3258
  text-transform: uppercase;
3241
3259
  }
3242
3260
 
3243
- .pelcro-root .plc-capitalize {
3261
+ .pelcro-root .plc-capitalize{
3244
3262
  text-transform: capitalize;
3245
3263
  }
3246
3264
 
3247
- .pelcro-root .plc-tracking-wider {
3265
+ .pelcro-root .plc-tracking-wider{
3248
3266
  letter-spacing: 0.05em;
3249
3267
  }
3250
3268
 
3251
- .pelcro-root .plc-tracking-widest {
3269
+ .pelcro-root .plc-tracking-widest{
3252
3270
  letter-spacing: 0.1em;
3253
3271
  }
3254
3272
 
3255
- .pelcro-root .plc-text-primary-400 {
3273
+ .pelcro-root .plc-text-primary-400{
3256
3274
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
3257
3275
  }
3258
3276
 
3259
- .pelcro-root .plc-text-primary-500 {
3277
+ .pelcro-root .plc-text-primary-500{
3260
3278
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
3261
3279
  }
3262
3280
 
3263
- .pelcro-root .plc-text-primary-600 {
3281
+ .pelcro-root .plc-text-primary-600{
3264
3282
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
3265
3283
  }
3266
3284
 
3267
- .pelcro-root .plc-text-primary-800 {
3285
+ .pelcro-root .plc-text-primary-800{
3268
3286
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 30%));
3269
3287
  }
3270
3288
 
3271
- .pelcro-root .plc-text-black {
3289
+ .pelcro-root .plc-text-black{
3272
3290
  --tw-text-opacity: 1;
3273
3291
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3274
3292
  }
3275
3293
 
3276
- .pelcro-root .plc-text-white {
3294
+ .pelcro-root .plc-text-white{
3277
3295
  --tw-text-opacity: 1;
3278
3296
  color: rgba(255, 255, 255, var(--tw-text-opacity));
3279
3297
  }
3280
3298
 
3281
- .pelcro-root .plc-text-gray-400 {
3299
+ .pelcro-root .plc-text-gray-400{
3282
3300
  --tw-text-opacity: 1;
3283
3301
  color: rgba(156, 163, 175, var(--tw-text-opacity));
3284
3302
  }
3285
3303
 
3286
- .pelcro-root .plc-text-gray-500 {
3304
+ .pelcro-root .plc-text-gray-500{
3287
3305
  --tw-text-opacity: 1;
3288
3306
  color: rgba(107, 114, 128, var(--tw-text-opacity));
3289
3307
  }
3290
3308
 
3291
- .pelcro-root .plc-text-gray-600 {
3309
+ .pelcro-root .plc-text-gray-600{
3292
3310
  --tw-text-opacity: 1;
3293
3311
  color: rgba(75, 85, 99, var(--tw-text-opacity));
3294
3312
  }
3295
3313
 
3296
- .pelcro-root .plc-text-gray-700 {
3314
+ .pelcro-root .plc-text-gray-700{
3297
3315
  --tw-text-opacity: 1;
3298
3316
  color: rgba(55, 65, 81, var(--tw-text-opacity));
3299
3317
  }
3300
3318
 
3301
- .pelcro-root .plc-text-gray-900 {
3319
+ .pelcro-root .plc-text-gray-900{
3302
3320
  --tw-text-opacity: 1;
3303
3321
  color: rgba(17, 24, 39, var(--tw-text-opacity));
3304
3322
  }
3305
3323
 
3306
- .pelcro-root .plc-text-red-500 {
3324
+ .pelcro-root .plc-text-red-500{
3307
3325
  --tw-text-opacity: 1;
3308
3326
  color: rgba(180, 48, 43, var(--tw-text-opacity));
3309
3327
  }
3310
3328
 
3311
- .pelcro-root .plc-text-red-700 {
3329
+ .pelcro-root .plc-text-red-700{
3312
3330
  --tw-text-opacity: 1;
3313
3331
  color: rgba(98, 26, 23, var(--tw-text-opacity));
3314
3332
  }
3315
3333
 
3316
- .pelcro-root .plc-text-yellow-500 {
3334
+ .pelcro-root .plc-text-yellow-500{
3317
3335
  --tw-text-opacity: 1;
3318
3336
  color: rgba(245, 158, 11, var(--tw-text-opacity));
3319
3337
  }
3320
3338
 
3321
- .pelcro-root .plc-text-yellow-700 {
3339
+ .pelcro-root .plc-text-yellow-700{
3322
3340
  --tw-text-opacity: 1;
3323
3341
  color: rgba(180, 83, 9, var(--tw-text-opacity));
3324
3342
  }
3325
3343
 
3326
- .pelcro-root .plc-text-green-400 {
3344
+ .pelcro-root .plc-text-green-400{
3327
3345
  --tw-text-opacity: 1;
3328
3346
  color: rgba(52, 211, 153, var(--tw-text-opacity));
3329
3347
  }
3330
3348
 
3331
- .pelcro-root .plc-text-green-500 {
3349
+ .pelcro-root .plc-text-green-500{
3332
3350
  --tw-text-opacity: 1;
3333
3351
  color: rgba(16, 185, 129, var(--tw-text-opacity));
3334
3352
  }
3335
3353
 
3336
- .pelcro-root .plc-text-green-600 {
3354
+ .pelcro-root .plc-text-green-600{
3337
3355
  --tw-text-opacity: 1;
3338
3356
  color: rgba(5, 150, 105, var(--tw-text-opacity));
3339
3357
  }
3340
3358
 
3341
- .pelcro-root .plc-text-green-700 {
3359
+ .pelcro-root .plc-text-green-700{
3342
3360
  --tw-text-opacity: 1;
3343
3361
  color: rgba(4, 120, 87, var(--tw-text-opacity));
3344
3362
  }
3345
3363
 
3346
- .pelcro-root .plc-text-blue-400 {
3364
+ .pelcro-root .plc-text-blue-400{
3347
3365
  --tw-text-opacity: 1;
3348
3366
  color: rgba(96, 165, 250, var(--tw-text-opacity));
3349
3367
  }
3350
3368
 
3351
- .pelcro-root .plc-text-blue-500 {
3369
+ .pelcro-root .plc-text-blue-500{
3352
3370
  --tw-text-opacity: 1;
3353
3371
  color: rgba(59, 130, 246, var(--tw-text-opacity));
3354
3372
  }
3355
3373
 
3356
- .pelcro-root .plc-text-blue-700 {
3374
+ .pelcro-root .plc-text-blue-700{
3357
3375
  --tw-text-opacity: 1;
3358
3376
  color: rgba(29, 78, 216, var(--tw-text-opacity));
3359
3377
  }
3360
3378
 
3361
- .pelcro-root .plc-text-orange-700 {
3379
+ .pelcro-root .plc-text-orange-700{
3362
3380
  --tw-text-opacity: 1;
3363
3381
  color: rgba(194, 65, 12, var(--tw-text-opacity));
3364
3382
  }
3365
3383
 
3366
- .pelcro-root .plc-group:hover .group-hover\:plc-text-primary-400 {
3384
+ .pelcro-root .plc-group:hover .group-hover\:plc-text-primary-400{
3367
3385
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
3368
3386
  }
3369
3387
 
3370
- .pelcro-root .hover\:plc-text-primary-500:hover {
3371
- color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
3372
- }
3373
-
3374
- .pelcro-root .hover\:plc-text-primary:hover {
3388
+ .pelcro-root .hover\:plc-text-primary-500:hover{
3375
3389
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
3376
3390
  }
3377
3391
 
3378
- .pelcro-root .hover\:plc-text-black:hover {
3392
+ .pelcro-root .hover\:plc-text-black:hover{
3379
3393
  --tw-text-opacity: 1;
3380
3394
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3381
3395
  }
3382
3396
 
3383
- .pelcro-root .hover\:plc-text-white:hover {
3397
+ .pelcro-root .hover\:plc-text-white:hover{
3384
3398
  --tw-text-opacity: 1;
3385
3399
  color: rgba(255, 255, 255, var(--tw-text-opacity));
3386
3400
  }
3387
3401
 
3388
- .pelcro-root .hover\:plc-text-gray-900:hover {
3402
+ .pelcro-root .hover\:plc-text-gray-900:hover{
3389
3403
  --tw-text-opacity: 1;
3390
3404
  color: rgba(17, 24, 39, var(--tw-text-opacity));
3391
3405
  }
3392
3406
 
3393
- .pelcro-root .hover\:plc-text-red-500:hover {
3407
+ .pelcro-root .hover\:plc-text-red-500:hover{
3394
3408
  --tw-text-opacity: 1;
3395
3409
  color: rgba(180, 48, 43, var(--tw-text-opacity));
3396
3410
  }
3397
3411
 
3398
- .pelcro-root .focus\:plc-text-black:focus {
3412
+ .pelcro-root .focus\:plc-text-black:focus{
3399
3413
  --tw-text-opacity: 1;
3400
3414
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3401
3415
  }
3402
3416
 
3403
- .pelcro-root .focus\:plc-text-white:focus {
3417
+ .pelcro-root .focus\:plc-text-white:focus{
3404
3418
  --tw-text-opacity: 1;
3405
3419
  color: rgba(255, 255, 255, var(--tw-text-opacity));
3406
3420
  }
3407
3421
 
3408
- .pelcro-root .plc-underline {
3422
+ .pelcro-root .plc-underline{
3409
3423
  text-decoration: underline;
3410
3424
  }
3411
3425
 
3412
- .pelcro-root .plc-no-underline {
3426
+ .pelcro-root .plc-no-underline{
3413
3427
  text-decoration: none;
3414
3428
  }
3415
3429
 
3416
- .pelcro-root .hover\:plc-opacity-30:hover {
3430
+ .pelcro-root .hover\:plc-opacity-30:hover{
3417
3431
  opacity: 0.3;
3418
3432
  }
3419
3433
 
3420
- *, ::before, ::after {
3434
+ *, ::before, ::after{
3421
3435
  --tw-shadow: 0 0 #0000;
3422
3436
  }
3423
3437
 
3424
- .pelcro-root .plc-shadow-sm {
3438
+ .pelcro-root .plc-shadow-sm{
3425
3439
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
3426
3440
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3427
3441
  }
3428
3442
 
3429
- .pelcro-root .plc-shadow-md {
3443
+ .pelcro-root .plc-shadow-md{
3430
3444
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
3431
3445
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3432
3446
  }
3433
3447
 
3434
- .pelcro-root .plc-shadow-md_dark {
3448
+ .pelcro-root .plc-shadow-md_dark{
3435
3449
  --tw-shadow: 0 0px 6px -1px rgba(0, 0, 0, 0.1), 0 0px 4px -1px rgba(0, 0, 0, 0.4);
3436
3450
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3437
3451
  }
3438
3452
 
3439
- .pelcro-root .plc-shadow-lg {
3453
+ .pelcro-root .plc-shadow-lg{
3440
3454
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
3441
3455
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3442
3456
  }
3443
3457
 
3444
- .pelcro-root .plc-shadow-xl {
3458
+ .pelcro-root .plc-shadow-xl{
3445
3459
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
3446
3460
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3447
3461
  }
3448
3462
 
3449
- .pelcro-root .hover\:plc-shadow-none:hover {
3463
+ .pelcro-root .hover\:plc-shadow-none:hover{
3450
3464
  --tw-shadow: 0 0 #0000;
3451
3465
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3452
3466
  }
3453
3467
 
3454
- .pelcro-root .focus\:plc-shadow-none:focus {
3468
+ .pelcro-root .focus\:plc-shadow-none:focus{
3455
3469
  --tw-shadow: 0 0 #0000;
3456
3470
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3457
3471
  }
3458
3472
 
3459
- .pelcro-root .plc-outline-none {
3473
+ .pelcro-root .plc-outline-none{
3460
3474
  outline: 2px solid transparent;
3461
3475
  outline-offset: 2px;
3462
3476
  }
3463
3477
 
3464
- .pelcro-root .focus-within\:plc-outline-none:focus-within {
3478
+ .pelcro-root .focus-within\:plc-outline-none:focus-within{
3465
3479
  outline: 2px solid transparent;
3466
3480
  outline-offset: 2px;
3467
3481
  }
3468
3482
 
3469
- .pelcro-root .focus\:plc-outline-none:focus {
3483
+ .pelcro-root .focus\:plc-outline-none:focus{
3470
3484
  outline: 2px solid transparent;
3471
3485
  outline-offset: 2px;
3472
3486
  }
3473
3487
 
3474
- *, ::before, ::after {
3488
+ *, ::before, ::after{
3475
3489
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
3476
3490
  --tw-ring-offset-width: 0px;
3477
3491
  --tw-ring-offset-color: #fff;
@@ -3480,250 +3494,237 @@ in order to scope selectors under pelcro-root
3480
3494
  --tw-ring-shadow: 0 0 #0000;
3481
3495
  }
3482
3496
 
3483
- .pelcro-root .plc-ring-1 {
3497
+ .pelcro-root .plc-ring-1{
3484
3498
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3485
3499
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3486
3500
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3487
3501
  }
3488
3502
 
3489
- .pelcro-root .plc-ring-2 {
3503
+ .pelcro-root .plc-ring-2{
3490
3504
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3491
3505
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3492
3506
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3493
3507
  }
3494
3508
 
3495
- .pelcro-root .focus\:plc-ring-0:focus {
3509
+ .pelcro-root .focus\:plc-ring-0:focus{
3496
3510
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3497
3511
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3498
3512
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3499
3513
  }
3500
3514
 
3501
- .pelcro-root .focus\:plc-ring-2:focus {
3515
+ .pelcro-root .focus\:plc-ring-2:focus{
3502
3516
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3503
3517
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3504
3518
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3505
3519
  }
3506
3520
 
3507
- .pelcro-root .plc-ring-primary-400 {
3521
+ .pelcro-root .plc-ring-primary-400{
3508
3522
  --tw-ring-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
3509
3523
  }
3510
3524
 
3511
- .pelcro-root .plc-ring-gray-200 {
3525
+ .pelcro-root .plc-ring-gray-200{
3512
3526
  --tw-ring-opacity: 1;
3513
3527
  --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
3514
3528
  }
3515
3529
 
3516
- .pelcro-root .plc-ring-red-400 {
3530
+ .pelcro-root .plc-ring-red-400{
3517
3531
  --tw-ring-opacity: 1;
3518
3532
  --tw-ring-color: rgba(209, 70, 65, var(--tw-ring-opacity));
3519
3533
  }
3520
3534
 
3521
- .pelcro-root .focus\:plc-ring-primary-300:focus {
3535
+ .pelcro-root .focus\:plc-ring-primary-300:focus{
3522
3536
  --tw-ring-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 20%));
3523
3537
  }
3524
3538
 
3525
- .pelcro-root .focus\:plc-ring-red-500:focus {
3539
+ .pelcro-root .focus\:plc-ring-red-500:focus{
3526
3540
  --tw-ring-opacity: 1;
3527
3541
  --tw-ring-color: rgba(180, 48, 43, var(--tw-ring-opacity));
3528
3542
  }
3529
3543
 
3530
- .pelcro-root .focus\:plc-ring-green-300:focus {
3544
+ .pelcro-root .focus\:plc-ring-green-300:focus{
3531
3545
  --tw-ring-opacity: 1;
3532
3546
  --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
3533
3547
  }
3534
3548
 
3535
- .pelcro-root .focus\:plc-ring-blue-400:focus {
3549
+ .pelcro-root .focus\:plc-ring-blue-400:focus{
3536
3550
  --tw-ring-opacity: 1;
3537
3551
  --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
3538
3552
  }
3539
3553
 
3540
- .pelcro-root .focus\:plc-ring-blue-500:focus {
3554
+ .pelcro-root .focus\:plc-ring-blue-500:focus{
3541
3555
  --tw-ring-opacity: 1;
3542
3556
  --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
3543
3557
  }
3544
3558
 
3545
- .pelcro-root .plc-transition-all {
3559
+ .pelcro-root .plc-transition-all{
3546
3560
  transition-property: all;
3547
3561
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3548
3562
  transition-duration: 150ms;
3549
3563
  }
3550
3564
 
3551
- .pelcro-root .plc-transition {
3565
+ .pelcro-root .plc-transition{
3552
3566
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
3553
3567
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3554
3568
  transition-duration: 150ms;
3555
3569
  }
3556
3570
 
3557
- .pelcro-root .plc-transition-transform {
3571
+ .pelcro-root .plc-transition-transform{
3558
3572
  transition-property: transform;
3559
3573
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3560
3574
  transition-duration: 150ms;
3561
3575
  }
3562
3576
 
3563
- .pelcro-root .plc-duration-500 {
3577
+ .pelcro-root .plc-duration-500{
3564
3578
  transition-duration: 500ms;
3565
3579
  }
3566
3580
 
3567
- .pelcro-root .plc-ease-out {
3581
+ .pelcro-root .plc-ease-out{
3568
3582
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
3569
3583
  }
3570
3584
 
3571
- @media (min-width: 425px) {
3585
+ @media (min-width: 425px){
3572
3586
  }
3573
3587
 
3574
- @media (min-width: 640px) {
3575
- .pelcro-root .sm\:plc-m-4 {
3576
- margin: 1rem;
3588
+ @media (min-width: 640px){
3589
+ .pelcro-root .sm\:plc-left-5{
3590
+ left: 1.25rem;
3577
3591
  }
3578
3592
 
3579
- .pelcro-root .sm\:plc-mb-0 {
3580
- margin-bottom: 0px;
3593
+ .pelcro-root .sm\:plc-m-4{
3594
+ margin: 1rem;
3581
3595
  }
3582
3596
 
3583
- .pelcro-root .sm\:plc-ml-2 {
3597
+ .pelcro-root .sm\:plc-ml-2{
3584
3598
  margin-left: 0.5rem;
3585
3599
  }
3586
3600
 
3587
- .pelcro-root .sm\:plc-ml-6 {
3601
+ .pelcro-root .sm\:plc-ml-6{
3588
3602
  margin-left: 1.5rem;
3589
3603
  }
3590
3604
 
3591
- .pelcro-root .sm\:plc-ml-8 {
3605
+ .pelcro-root .sm\:plc-ml-8{
3592
3606
  margin-left: 2rem;
3593
3607
  }
3594
3608
 
3595
- .pelcro-root .sm\:plc-flex {
3609
+ .pelcro-root .sm\:plc-flex{
3596
3610
  display: flex;
3597
3611
  }
3598
3612
 
3599
- .pelcro-root .sm\:plc-inline-grid {
3600
- display: inline-grid;
3601
- }
3602
-
3603
- .pelcro-root .sm\:plc-h-8 {
3613
+ .pelcro-root .sm\:plc-h-8{
3604
3614
  height: 2rem;
3605
3615
  }
3606
3616
 
3607
- .pelcro-root .sm\:plc-h-96 {
3617
+ .pelcro-root .sm\:plc-h-96{
3608
3618
  height: 24rem;
3609
3619
  }
3610
3620
 
3611
- .pelcro-root .sm\:plc-w-auto {
3621
+ .pelcro-root .sm\:plc-w-auto{
3612
3622
  width: auto;
3613
3623
  }
3614
3624
 
3615
- .pelcro-root .sm\:plc-w-1\/2 {
3616
- width: 50%;
3617
- }
3618
-
3619
- .pelcro-root .sm\:plc-max-w-md {
3625
+ .pelcro-root .sm\:plc-max-w-md{
3620
3626
  max-width: 28rem;
3621
3627
  }
3622
3628
 
3623
- .pelcro-root .sm\:plc-max-w-90\% {
3629
+ .pelcro-root .sm\:plc-max-w-90\%{
3624
3630
  max-width: 90%;
3625
3631
  }
3626
3632
 
3627
- .pelcro-root .sm\:plc-flex-row {
3633
+ .pelcro-root .sm\:plc-flex-row{
3628
3634
  flex-direction: row;
3629
3635
  }
3630
3636
 
3631
- .pelcro-root .sm\:plc-space-x-2 > :not([hidden]) ~ :not([hidden]) {
3637
+ .pelcro-root .sm\:plc-space-x-2 > :not([hidden]) ~ :not([hidden]){
3632
3638
  --tw-space-x-reverse: 0;
3633
3639
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
3634
3640
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
3635
3641
  }
3636
3642
 
3637
- .pelcro-root .sm\:plc-space-y-0 > :not([hidden]) ~ :not([hidden]) {
3643
+ .pelcro-root .sm\:plc-space-y-0 > :not([hidden]) ~ :not([hidden]){
3638
3644
  --tw-space-y-reverse: 0;
3639
3645
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
3640
3646
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
3641
3647
  }
3642
3648
 
3643
- .pelcro-root .sm\:plc-p-2 {
3649
+ .pelcro-root .sm\:plc-p-2{
3644
3650
  padding: 0.5rem;
3645
3651
  }
3646
3652
 
3647
- .pelcro-root .sm\:plc-px-8 {
3653
+ .pelcro-root .sm\:plc-px-8{
3648
3654
  padding-left: 2rem;
3649
3655
  padding-right: 2rem;
3650
3656
  }
3651
3657
 
3652
- .pelcro-root .sm\:plc-px-16 {
3653
- padding-left: 4rem;
3654
- padding-right: 4rem;
3655
- }
3656
-
3657
- .pelcro-root .sm\:plc-pl-8 {
3658
+ .pelcro-root .sm\:plc-pl-8{
3658
3659
  padding-left: 2rem;
3659
3660
  }
3660
3661
  }
3661
3662
 
3662
- @media (min-width: 768px) {
3663
- .pelcro-root .md\:plc-top-5 {
3663
+ @media (min-width: 768px){
3664
+ .pelcro-root .md\:plc-top-5{
3664
3665
  top: 1.25rem;
3665
3666
  }
3666
3667
 
3667
- .pelcro-root .md\:plc-right-10 {
3668
+ .pelcro-root .md\:plc-right-10{
3668
3669
  right: 2.5rem;
3669
3670
  }
3670
3671
 
3671
- .pelcro-root .md\:plc-my-20 {
3672
+ .pelcro-root .md\:plc-my-20{
3672
3673
  margin-top: 5rem;
3673
3674
  margin-bottom: 5rem;
3674
3675
  }
3675
3676
 
3676
- .pelcro-root .md\:plc-table-cell {
3677
+ .pelcro-root .md\:plc-table-cell{
3677
3678
  display: table-cell;
3678
3679
  }
3679
3680
 
3680
- .pelcro-root .md\:plc-hidden {
3681
+ .pelcro-root .md\:plc-hidden{
3681
3682
  display: none;
3682
3683
  }
3683
3684
 
3684
- .pelcro-root .md\:plc-w-1\/5 {
3685
+ .pelcro-root .md\:plc-w-1\/5{
3685
3686
  width: 20%;
3686
3687
  }
3687
3688
 
3688
- .pelcro-root .md\:plc-w-1\/12 {
3689
+ .pelcro-root .md\:plc-w-1\/12{
3689
3690
  width: 8.333333%;
3690
3691
  }
3691
3692
 
3692
- .pelcro-root .md\:plc-w-2\/12 {
3693
+ .pelcro-root .md\:plc-w-2\/12{
3693
3694
  width: 16.666667%;
3694
3695
  }
3695
3696
 
3696
- .pelcro-root .md\:plc-w-3\/12 {
3697
+ .pelcro-root .md\:plc-w-3\/12{
3697
3698
  width: 25%;
3698
3699
  }
3699
3700
 
3700
- .pelcro-root .md\:plc-max-w-70\% {
3701
+ .pelcro-root .md\:plc-max-w-70\%{
3701
3702
  max-width: 70%;
3702
3703
  }
3703
3704
 
3704
- .pelcro-root .md\:plc-max-w-80\% {
3705
+ .pelcro-root .md\:plc-max-w-80\%{
3705
3706
  max-width: 80%;
3706
3707
  }
3707
3708
  }
3708
3709
 
3709
- @media (min-width: 1024px) {
3710
- .pelcro-root .lg\:plc-hidden {
3710
+ @media (min-width: 1024px){
3711
+ .pelcro-root .lg\:plc-hidden{
3711
3712
  display: none;
3712
3713
  }
3713
3714
 
3714
- .pelcro-root .lg\:plc-w-3\/12 {
3715
+ .pelcro-root .lg\:plc-w-3\/12{
3715
3716
  width: 25%;
3716
3717
  }
3717
3718
 
3718
- .pelcro-root .lg\:plc-w-9\/12 {
3719
+ .pelcro-root .lg\:plc-w-9\/12{
3719
3720
  width: 75%;
3720
3721
  }
3721
3722
  }
3722
3723
 
3723
- @media (min-width: 1280px) {
3724
+ @media (min-width: 1280px){
3724
3725
  }
3725
3726
 
3726
- @media (min-width: 1536px) {
3727
+ @media (min-width: 1536px){
3727
3728
  }
3728
3729
 
3729
3730
  /* purgecss start ignore */