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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.cjs.js +1020 -925
  2. package/dist/index.esm.js +1002 -925
  3. package/dist/pelcro.css +562 -570
  4. package/package.json +1 -1
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,557 @@ 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 {
2439
- width: 83.333333%;
2440
- }
2441
-
2442
- .pelcro-root .plc-w-full {
2456
+ .pelcro-root .plc-w-full{
2443
2457
  width: 100%;
2444
2458
  }
2445
2459
 
2446
- .pelcro-root .plc-w-max {
2460
+ .pelcro-root .plc-w-max{
2447
2461
  width: max-content;
2448
2462
  }
2449
2463
 
2450
- .pelcro-root .plc-max-w-xl {
2464
+ .pelcro-root .plc-max-w-sm{
2465
+ max-width: 24rem;
2466
+ }
2467
+
2468
+ .pelcro-root .plc-max-w-xl{
2451
2469
  max-width: 36rem;
2452
2470
  }
2453
2471
 
2454
- .pelcro-root .plc-max-w-50\% {
2472
+ .pelcro-root .plc-max-w-3xl{
2473
+ max-width: 48rem;
2474
+ }
2475
+
2476
+ .pelcro-root .plc-max-w-50\%{
2455
2477
  max-width: 50%;
2456
2478
  }
2457
2479
 
2458
- .pelcro-root .plc-max-w-full {
2480
+ .pelcro-root .plc-max-w-full{
2459
2481
  max-width: 100%;
2460
2482
  }
2461
2483
 
2462
- .pelcro-root .plc-flex-1 {
2484
+ .pelcro-root .plc-flex-1{
2463
2485
  flex: 1 1 0%;
2464
2486
  }
2465
2487
 
2466
- .pelcro-root .plc-flex-shrink-0 {
2488
+ .pelcro-root .plc-flex-shrink-0{
2467
2489
  flex-shrink: 0;
2468
2490
  }
2469
2491
 
2470
- .pelcro-root .plc-flex-grow {
2492
+ .pelcro-root .plc-flex-grow{
2471
2493
  flex-grow: 1;
2472
2494
  }
2473
2495
 
2474
- .pelcro-root .plc-table-fixed {
2496
+ .pelcro-root .plc-table-fixed{
2475
2497
  table-layout: fixed;
2476
2498
  }
2477
2499
 
2478
- .pelcro-root .plc-origin-right {
2500
+ .pelcro-root .plc-origin-right{
2479
2501
  transform-origin: right;
2480
2502
  }
2481
2503
 
2482
- .pelcro-root .plc-transform {
2504
+ .pelcro-root .plc-transform{
2483
2505
  --tw-translate-x: 0;
2484
2506
  --tw-translate-y: 0;
2485
2507
  --tw-rotate: 0;
@@ -2490,988 +2512,971 @@ in order to scope selectors under pelcro-root
2490
2512
  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
2513
  }
2492
2514
 
2493
- .pelcro-root .plc-translate-x-0 {
2515
+ .pelcro-root .plc-translate-x-0{
2494
2516
  --tw-translate-x: 0px;
2495
2517
  }
2496
2518
 
2497
- .pelcro-root .plc--translate-x-1 {
2519
+ .pelcro-root .plc--translate-x-1{
2498
2520
  --tw-translate-x: -0.25rem;
2499
2521
  }
2500
2522
 
2501
- .pelcro-root .plc--translate-x-full {
2523
+ .pelcro-root .plc--translate-x-full{
2502
2524
  --tw-translate-x: -100%;
2503
2525
  }
2504
2526
 
2505
- .pelcro-root .plc--translate-y-1\/2 {
2527
+ .pelcro-root .plc--translate-y-1\/2{
2506
2528
  --tw-translate-y: -50%;
2507
2529
  }
2508
2530
 
2509
- .pelcro-root .plc-group:hover .group-hover\:plc-translate-x-1 {
2531
+ .pelcro-root .plc-group:hover .group-hover\:plc-translate-x-1{
2510
2532
  --tw-translate-x: 0.25rem;
2511
2533
  }
2512
2534
 
2513
- .pelcro-root .plc-rotate-90 {
2535
+ .pelcro-root .plc-rotate-90{
2514
2536
  --tw-rotate: 90deg;
2515
2537
  }
2516
2538
 
2517
- .pelcro-root .plc-rotate-180 {
2539
+ .pelcro-root .plc-rotate-180{
2518
2540
  --tw-rotate: 180deg;
2519
2541
  }
2520
2542
 
2521
- .pelcro-root .plc-scale-105 {
2543
+ .pelcro-root .plc-scale-105{
2522
2544
  --tw-scale-x: 1.05;
2523
2545
  --tw-scale-y: 1.05;
2524
2546
  }
2525
2547
 
2526
- .pelcro-root .plc-scale-120 {
2548
+ .pelcro-root .plc-scale-120{
2527
2549
  --tw-scale-x: 1.2;
2528
2550
  --tw-scale-y: 1.2;
2529
2551
  }
2530
2552
 
2531
- .pelcro-root .plc-scale-x-0 {
2553
+ .pelcro-root .plc-scale-x-0{
2532
2554
  --tw-scale-x: 0;
2533
2555
  }
2534
2556
 
2535
- .pelcro-root .plc-scale-x-100 {
2557
+ .pelcro-root .plc-scale-x-100{
2536
2558
  --tw-scale-x: 1;
2537
2559
  }
2538
2560
 
2539
- @keyframes plc-spin {
2540
- to {
2561
+ @keyframes plc-spin{
2562
+ to{
2541
2563
  transform: rotate(360deg);
2542
2564
  }
2543
2565
  }
2544
2566
 
2545
- @keyframes plc-ping {
2546
- 75%, 100% {
2567
+ @keyframes plc-ping{
2568
+ 75%, 100%{
2547
2569
  transform: scale(2);
2548
2570
  opacity: 0;
2549
2571
  }
2550
2572
  }
2551
2573
 
2552
- @keyframes plc-pulse {
2553
- 50% {
2574
+ @keyframes plc-pulse{
2575
+ 50%{
2554
2576
  opacity: .5;
2555
2577
  }
2556
2578
  }
2557
2579
 
2558
- @keyframes plc-bounce {
2559
- 0%, 100% {
2580
+ @keyframes plc-bounce{
2581
+ 0%, 100%{
2560
2582
  transform: translateY(-25%);
2561
2583
  animation-timing-function: cubic-bezier(0.8,0,1,1);
2562
2584
  }
2563
2585
 
2564
- 50% {
2586
+ 50%{
2565
2587
  transform: none;
2566
2588
  animation-timing-function: cubic-bezier(0,0,0.2,1);
2567
2589
  }
2568
2590
  }
2569
2591
 
2570
- @keyframes plc-slideInBottom {
2571
- 0% {
2592
+ @keyframes plc-slideInBottom{
2593
+ 0%{
2572
2594
  transform: translateY(1000px);
2573
2595
  opacity: 0;
2574
2596
  }
2575
2597
 
2576
- 100% {
2598
+ 100%{
2577
2599
  transform: translateY(0);
2578
2600
  opacity: 1;
2579
2601
  }
2580
2602
  }
2581
2603
 
2582
- .pelcro-root .plc-animate-spin {
2604
+ .pelcro-root .plc-animate-spin{
2583
2605
  animation: plc-spin 1s linear infinite;
2584
2606
  }
2585
2607
 
2586
- .pelcro-root .plc-animate-pulse {
2608
+ .pelcro-root .plc-animate-pulse{
2587
2609
  animation: plc-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
2588
2610
  }
2589
2611
 
2590
- @media (prefers-reduced-motion: no-preference) {
2591
- .pelcro-root .motion-safe\:plc-animate-slideInBottom {
2612
+ @media (prefers-reduced-motion: no-preference){
2613
+ .pelcro-root .motion-safe\:plc-animate-slideInBottom{
2592
2614
  animation: plc-slideInBottom 0.5s ease-out;
2593
2615
  }
2594
2616
  }
2595
2617
 
2596
- .pelcro-root .plc-cursor-default {
2618
+ .pelcro-root .plc-cursor-default{
2597
2619
  cursor: default;
2598
2620
  }
2599
2621
 
2600
- .pelcro-root .plc-cursor-pointer {
2622
+ .pelcro-root .plc-cursor-pointer{
2601
2623
  cursor: pointer;
2602
2624
  }
2603
2625
 
2604
- .pelcro-root .plc-select-none {
2626
+ .pelcro-root .plc-select-none{
2605
2627
  -webkit-user-select: none;
2606
2628
  user-select: none;
2607
2629
  }
2608
2630
 
2609
- .pelcro-root .plc-appearance-none {
2631
+ .pelcro-root .plc-appearance-none{
2610
2632
  -webkit-appearance: none;
2611
2633
  appearance: none;
2612
2634
  }
2613
2635
 
2614
- .pelcro-root .plc-flex-row-reverse {
2636
+ .pelcro-root .plc-flex-row-reverse{
2615
2637
  flex-direction: row-reverse;
2616
2638
  }
2617
2639
 
2618
- .pelcro-root .plc-flex-col {
2640
+ .pelcro-root .plc-flex-col{
2619
2641
  flex-direction: column;
2620
2642
  }
2621
2643
 
2622
- .pelcro-root .plc-flex-wrap {
2644
+ .pelcro-root .plc-flex-wrap{
2623
2645
  flex-wrap: wrap;
2624
2646
  }
2625
2647
 
2626
- .pelcro-root .plc-place-items-center {
2648
+ .pelcro-root .plc-place-items-center{
2627
2649
  place-items: center;
2628
2650
  }
2629
2651
 
2630
- .pelcro-root .plc-items-start {
2652
+ .pelcro-root .plc-items-start{
2631
2653
  align-items: flex-start;
2632
2654
  }
2633
2655
 
2634
- .pelcro-root .plc-items-end {
2656
+ .pelcro-root .plc-items-end{
2635
2657
  align-items: flex-end;
2636
2658
  }
2637
2659
 
2638
- .pelcro-root .plc-items-center {
2660
+ .pelcro-root .plc-items-center{
2639
2661
  align-items: center;
2640
2662
  }
2641
2663
 
2642
- .pelcro-root .plc-items-stretch {
2664
+ .pelcro-root .plc-items-stretch{
2643
2665
  align-items: stretch;
2644
2666
  }
2645
2667
 
2646
- .pelcro-root .plc-justify-end {
2668
+ .pelcro-root .plc-justify-end{
2647
2669
  justify-content: flex-end;
2648
2670
  }
2649
2671
 
2650
- .pelcro-root .plc-justify-center {
2672
+ .pelcro-root .plc-justify-center{
2651
2673
  justify-content: center;
2652
2674
  }
2653
2675
 
2654
- .pelcro-root .plc-justify-between {
2676
+ .pelcro-root .plc-justify-between{
2655
2677
  justify-content: space-between;
2656
2678
  }
2657
2679
 
2658
- .pelcro-root .plc-justify-evenly {
2680
+ .pelcro-root .plc-justify-evenly{
2659
2681
  justify-content: space-evenly;
2660
2682
  }
2661
2683
 
2662
- .pelcro-root .plc-justify-items-center {
2684
+ .pelcro-root .plc-justify-items-center{
2663
2685
  justify-items: center;
2664
2686
  }
2665
2687
 
2666
- .pelcro-root .plc-gap-x-3 {
2688
+ .pelcro-root .plc-gap-x-3{
2667
2689
  column-gap: 0.75rem;
2668
2690
  }
2669
2691
 
2670
- .pelcro-root .plc-gap-y-2 {
2692
+ .pelcro-root .plc-gap-y-2{
2671
2693
  row-gap: 0.5rem;
2672
2694
  }
2673
2695
 
2674
- .pelcro-root .plc-gap-y-5 {
2696
+ .pelcro-root .plc-gap-y-5{
2675
2697
  row-gap: 1.25rem;
2676
2698
  }
2677
2699
 
2678
- .pelcro-root .plc-space-x-2 > :not([hidden]) ~ :not([hidden]) {
2700
+ .pelcro-root .plc-space-x-2 > :not([hidden]) ~ :not([hidden]){
2679
2701
  --tw-space-x-reverse: 0;
2680
2702
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
2681
2703
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
2682
2704
  }
2683
2705
 
2684
- .pelcro-root .plc-space-x-3 > :not([hidden]) ~ :not([hidden]) {
2706
+ .pelcro-root .plc-space-x-3 > :not([hidden]) ~ :not([hidden]){
2685
2707
  --tw-space-x-reverse: 0;
2686
2708
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
2687
2709
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
2688
2710
  }
2689
2711
 
2690
- .pelcro-root .plc-space-y-2 > :not([hidden]) ~ :not([hidden]) {
2712
+ .pelcro-root .plc-space-y-2 > :not([hidden]) ~ :not([hidden]){
2691
2713
  --tw-space-y-reverse: 0;
2692
2714
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
2693
2715
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
2694
2716
  }
2695
2717
 
2696
- .pelcro-root .plc-space-y-4 > :not([hidden]) ~ :not([hidden]) {
2718
+ .pelcro-root .plc-space-y-4 > :not([hidden]) ~ :not([hidden]){
2697
2719
  --tw-space-y-reverse: 0;
2698
2720
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
2699
2721
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
2700
2722
  }
2701
2723
 
2702
- .pelcro-root .plc-overflow-auto {
2724
+ .pelcro-root .plc-overflow-auto{
2703
2725
  overflow: auto;
2704
2726
  }
2705
2727
 
2706
- .pelcro-root .plc-overflow-hidden {
2728
+ .pelcro-root .plc-overflow-hidden{
2707
2729
  overflow: hidden;
2708
2730
  }
2709
2731
 
2710
- .pelcro-root .plc-overflow-x-auto {
2732
+ .pelcro-root .plc-overflow-x-auto{
2711
2733
  overflow-x: auto;
2712
2734
  }
2713
2735
 
2714
- .pelcro-root .plc-overflow-y-auto {
2736
+ .pelcro-root .plc-overflow-y-auto{
2715
2737
  overflow-y: auto;
2716
2738
  }
2717
2739
 
2718
- .pelcro-root .plc-overflow-x-hidden {
2740
+ .pelcro-root .plc-overflow-x-hidden{
2719
2741
  overflow-x: hidden;
2720
2742
  }
2721
2743
 
2722
- .pelcro-root .plc-overflow-y-scroll {
2744
+ .pelcro-root .plc-overflow-y-scroll{
2723
2745
  overflow-y: scroll;
2724
2746
  }
2725
2747
 
2726
- .pelcro-root .plc-truncate {
2748
+ .pelcro-root .plc-truncate{
2727
2749
  overflow: hidden;
2728
2750
  text-overflow: ellipsis;
2729
2751
  white-space: nowrap;
2730
2752
  }
2731
2753
 
2732
- .pelcro-root .plc-whitespace-nowrap {
2754
+ .pelcro-root .plc-whitespace-nowrap{
2733
2755
  white-space: nowrap;
2734
2756
  }
2735
2757
 
2736
- .pelcro-root .plc-whitespace-pre-line {
2758
+ .pelcro-root .plc-whitespace-pre-line{
2737
2759
  white-space: pre-line;
2738
2760
  }
2739
2761
 
2740
- .pelcro-root .plc-break-words {
2762
+ .pelcro-root .plc-break-words{
2741
2763
  overflow-wrap: break-word;
2742
2764
  }
2743
2765
 
2744
- .pelcro-root .plc-break-all {
2766
+ .pelcro-root .plc-break-all{
2745
2767
  word-break: break-all;
2746
2768
  }
2747
2769
 
2748
- .pelcro-root .plc-rounded-none {
2770
+ .pelcro-root .plc-rounded-none{
2749
2771
  border-radius: 0px;
2750
2772
  }
2751
2773
 
2752
- .pelcro-root .plc-rounded-sm {
2774
+ .pelcro-root .plc-rounded-sm{
2753
2775
  border-radius: 0.125rem;
2754
2776
  }
2755
2777
 
2756
- .pelcro-root .plc-rounded {
2778
+ .pelcro-root .plc-rounded{
2757
2779
  border-radius: 0.25rem;
2758
2780
  }
2759
2781
 
2760
- .pelcro-root .plc-rounded-md {
2782
+ .pelcro-root .plc-rounded-md{
2761
2783
  border-radius: 0.375rem;
2762
2784
  }
2763
2785
 
2764
- .pelcro-root .plc-rounded-lg {
2786
+ .pelcro-root .plc-rounded-lg{
2765
2787
  border-radius: 0.5rem;
2766
2788
  }
2767
2789
 
2768
- .pelcro-root .plc-rounded-2xl {
2790
+ .pelcro-root .plc-rounded-2xl{
2769
2791
  border-radius: 1rem;
2770
2792
  }
2771
2793
 
2772
- .pelcro-root .plc-rounded-full {
2794
+ .pelcro-root .plc-rounded-full{
2773
2795
  border-radius: 9999px;
2774
2796
  }
2775
2797
 
2776
- .pelcro-root .plc-border-0 {
2798
+ .pelcro-root .plc-border-0{
2777
2799
  border-width: 0px;
2778
2800
  }
2779
2801
 
2780
- .pelcro-root .plc-border-2 {
2802
+ .pelcro-root .plc-border-2{
2781
2803
  border-width: 2px;
2782
2804
  }
2783
2805
 
2784
- .pelcro-root .plc-border {
2806
+ .pelcro-root .plc-border{
2785
2807
  border-width: 1px;
2786
2808
  }
2787
2809
 
2788
- .pelcro-root .last\:plc-border-0:last-child {
2810
+ .pelcro-root .last\:plc-border-0:last-child{
2789
2811
  border-width: 0px;
2790
2812
  }
2791
2813
 
2792
- .pelcro-root .plc-border-t-2 {
2814
+ .pelcro-root .plc-border-t-2{
2793
2815
  border-top-width: 2px;
2794
2816
  }
2795
2817
 
2796
- .pelcro-root .plc-border-t-4 {
2818
+ .pelcro-root .plc-border-t-4{
2797
2819
  border-top-width: 4px;
2798
2820
  }
2799
2821
 
2800
- .pelcro-root .plc-border-t-8 {
2822
+ .pelcro-root .plc-border-t-8{
2801
2823
  border-top-width: 8px;
2802
2824
  }
2803
2825
 
2804
- .pelcro-root .plc-border-t {
2826
+ .pelcro-root .plc-border-t{
2805
2827
  border-top-width: 1px;
2806
2828
  }
2807
2829
 
2808
- .pelcro-root .plc-border-b-2 {
2830
+ .pelcro-root .plc-border-b-2{
2809
2831
  border-bottom-width: 2px;
2810
2832
  }
2811
2833
 
2812
- .pelcro-root .plc-border-b {
2834
+ .pelcro-root .plc-border-b{
2813
2835
  border-bottom-width: 1px;
2814
2836
  }
2815
2837
 
2816
- .pelcro-root .plc-border-l-2 {
2838
+ .pelcro-root .plc-border-l-2{
2817
2839
  border-left-width: 2px;
2818
2840
  }
2819
2841
 
2820
- .pelcro-root .plc-border-l-4 {
2842
+ .pelcro-root .plc-border-l-4{
2821
2843
  border-left-width: 4px;
2822
2844
  }
2823
2845
 
2824
- .pelcro-root .plc-border-solid {
2846
+ .pelcro-root .plc-border-solid{
2825
2847
  border-style: solid;
2826
2848
  }
2827
2849
 
2828
- .pelcro-root .plc-border-transparent {
2850
+ .pelcro-root .plc-border-transparent{
2829
2851
  border-color: transparent;
2830
2852
  }
2831
2853
 
2832
- .pelcro-root .plc-border-primary-300 {
2854
+ .pelcro-root .plc-border-primary-300{
2833
2855
  border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 20%));
2834
2856
  }
2835
2857
 
2836
- .pelcro-root .plc-border-primary-400 {
2858
+ .pelcro-root .plc-border-primary-400{
2837
2859
  border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
2838
2860
  }
2839
2861
 
2840
- .pelcro-root .plc-border-primary-500 {
2862
+ .pelcro-root .plc-border-primary-500{
2841
2863
  border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
2842
2864
  }
2843
2865
 
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 {
2866
+ .pelcro-root .plc-border-primary{
2849
2867
  border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
2850
2868
  }
2851
2869
 
2852
- .pelcro-root .plc-border-white {
2870
+ .pelcro-root .plc-border-white{
2853
2871
  --tw-border-opacity: 1;
2854
2872
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
2855
2873
  }
2856
2874
 
2857
- .pelcro-root .plc-border-gray-200 {
2875
+ .pelcro-root .plc-border-gray-200{
2858
2876
  --tw-border-opacity: 1;
2859
2877
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
2860
2878
  }
2861
2879
 
2862
- .pelcro-root .plc-border-gray-300 {
2880
+ .pelcro-root .plc-border-gray-300{
2863
2881
  --tw-border-opacity: 1;
2864
2882
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
2865
2883
  }
2866
2884
 
2867
- .pelcro-root .plc-border-gray-400 {
2885
+ .pelcro-root .plc-border-gray-400{
2868
2886
  --tw-border-opacity: 1;
2869
2887
  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
2870
2888
  }
2871
2889
 
2872
- .pelcro-root .plc-border-green-400 {
2890
+ .pelcro-root .plc-border-green-400{
2873
2891
  --tw-border-opacity: 1;
2874
2892
  border-color: rgba(52, 211, 153, var(--tw-border-opacity));
2875
2893
  }
2876
2894
 
2877
- .pelcro-root .hover\:plc-border-primary-800:hover {
2895
+ .pelcro-root .hover\:plc-border-primary-800:hover{
2878
2896
  border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 30%));
2879
2897
  }
2880
2898
 
2881
- .pelcro-root .plc-bg-transparent {
2899
+ .pelcro-root .plc-bg-transparent{
2882
2900
  background-color: transparent;
2883
2901
  }
2884
2902
 
2885
- .pelcro-root .plc-bg-primary-200 {
2903
+ .pelcro-root .plc-bg-primary-200{
2886
2904
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 30%));
2887
2905
  }
2888
2906
 
2889
- .pelcro-root .plc-bg-primary-400 {
2907
+ .pelcro-root .plc-bg-primary-400{
2890
2908
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
2891
2909
  }
2892
2910
 
2893
- .pelcro-root .plc-bg-primary-700 {
2911
+ .pelcro-root .plc-bg-primary-700{
2894
2912
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 20%));
2895
2913
  }
2896
2914
 
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 {
2915
+ .pelcro-root .plc-bg-primary{
2902
2916
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
2903
2917
  }
2904
2918
 
2905
- .pelcro-root .plc-bg-white {
2919
+ .pelcro-root .plc-bg-white{
2906
2920
  --tw-bg-opacity: 1;
2907
2921
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
2908
2922
  }
2909
2923
 
2910
- .pelcro-root .plc-bg-gray-50 {
2924
+ .pelcro-root .plc-bg-gray-50{
2911
2925
  --tw-bg-opacity: 1;
2912
2926
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
2913
2927
  }
2914
2928
 
2915
- .pelcro-root .plc-bg-gray-100 {
2929
+ .pelcro-root .plc-bg-gray-100{
2916
2930
  --tw-bg-opacity: 1;
2917
2931
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
2918
2932
  }
2919
2933
 
2920
- .pelcro-root .plc-bg-gray-200 {
2934
+ .pelcro-root .plc-bg-gray-200{
2921
2935
  --tw-bg-opacity: 1;
2922
2936
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
2923
2937
  }
2924
2938
 
2925
- .pelcro-root .plc-bg-gray-300 {
2939
+ .pelcro-root .plc-bg-gray-300{
2926
2940
  --tw-bg-opacity: 1;
2927
2941
  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
2928
2942
  }
2929
2943
 
2930
- .pelcro-root .plc-bg-gray-400 {
2944
+ .pelcro-root .plc-bg-gray-400{
2931
2945
  --tw-bg-opacity: 1;
2932
2946
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
2933
2947
  }
2934
2948
 
2935
- .pelcro-root .plc-bg-gray-500 {
2949
+ .pelcro-root .plc-bg-gray-500{
2936
2950
  --tw-bg-opacity: 1;
2937
2951
  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
2938
2952
  }
2939
2953
 
2940
- .pelcro-root .plc-bg-gray-600 {
2954
+ .pelcro-root .plc-bg-gray-600{
2941
2955
  --tw-bg-opacity: 1;
2942
2956
  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
2943
2957
  }
2944
2958
 
2945
- .pelcro-root .plc-bg-gray-800 {
2959
+ .pelcro-root .plc-bg-gray-800{
2946
2960
  --tw-bg-opacity: 1;
2947
2961
  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
2948
2962
  }
2949
2963
 
2950
- .pelcro-root .plc-bg-red-100 {
2964
+ .pelcro-root .plc-bg-red-100{
2951
2965
  --tw-bg-opacity: 1;
2952
2966
  background-color: rgba(239, 190, 188, var(--tw-bg-opacity));
2953
2967
  }
2954
2968
 
2955
- .pelcro-root .plc-bg-red-500 {
2969
+ .pelcro-root .plc-bg-red-500{
2956
2970
  --tw-bg-opacity: 1;
2957
2971
  background-color: rgba(180, 48, 43, var(--tw-bg-opacity));
2958
2972
  }
2959
2973
 
2960
- .pelcro-root .plc-bg-yellow-100 {
2974
+ .pelcro-root .plc-bg-yellow-100{
2961
2975
  --tw-bg-opacity: 1;
2962
2976
  background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
2963
2977
  }
2964
2978
 
2965
- .pelcro-root .plc-bg-green-50 {
2979
+ .pelcro-root .plc-bg-green-50{
2966
2980
  --tw-bg-opacity: 1;
2967
2981
  background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
2968
2982
  }
2969
2983
 
2970
- .pelcro-root .plc-bg-green-100 {
2984
+ .pelcro-root .plc-bg-green-100{
2971
2985
  --tw-bg-opacity: 1;
2972
2986
  background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
2973
2987
  }
2974
2988
 
2975
- .pelcro-root .plc-bg-blue-100 {
2989
+ .pelcro-root .plc-bg-blue-100{
2976
2990
  --tw-bg-opacity: 1;
2977
2991
  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
2978
2992
  }
2979
2993
 
2980
- .pelcro-root .plc-bg-orange-100 {
2994
+ .pelcro-root .plc-bg-orange-100{
2981
2995
  --tw-bg-opacity: 1;
2982
2996
  background-color: rgba(255, 237, 213, var(--tw-bg-opacity));
2983
2997
  }
2984
2998
 
2985
- .pelcro-root .hover\:plc-bg-transparent:hover {
2999
+ .pelcro-root .hover\:plc-bg-transparent:hover{
2986
3000
  background-color: transparent;
2987
3001
  }
2988
3002
 
2989
- .pelcro-root .hover\:plc-bg-primary-600:hover {
3003
+ .pelcro-root .hover\:plc-bg-primary-600:hover{
2990
3004
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
2991
3005
  }
2992
3006
 
2993
- .pelcro-root .hover\:plc-bg-white:hover {
3007
+ .pelcro-root .hover\:plc-bg-white:hover{
2994
3008
  --tw-bg-opacity: 1;
2995
3009
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
2996
3010
  }
2997
3011
 
2998
- .pelcro-root .hover\:plc-bg-gray-50:hover {
3012
+ .pelcro-root .hover\:plc-bg-gray-50:hover{
2999
3013
  --tw-bg-opacity: 1;
3000
3014
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
3001
3015
  }
3002
3016
 
3003
- .pelcro-root .hover\:plc-bg-gray-100:hover {
3017
+ .pelcro-root .hover\:plc-bg-gray-100:hover{
3004
3018
  --tw-bg-opacity: 1;
3005
3019
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
3006
3020
  }
3007
3021
 
3008
- .pelcro-root .hover\:plc-bg-gray-600:hover {
3022
+ .pelcro-root .hover\:plc-bg-gray-600:hover{
3009
3023
  --tw-bg-opacity: 1;
3010
3024
  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
3011
3025
  }
3012
3026
 
3013
- .pelcro-root .hover\:plc-bg-gray-900:hover {
3027
+ .pelcro-root .hover\:plc-bg-gray-900:hover{
3014
3028
  --tw-bg-opacity: 1;
3015
3029
  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
3016
3030
  }
3017
3031
 
3018
- .pelcro-root .hover\:plc-bg-red-600:hover {
3032
+ .pelcro-root .hover\:plc-bg-red-600:hover{
3019
3033
  --tw-bg-opacity: 1;
3020
3034
  background-color: rgba(139, 37, 33, var(--tw-bg-opacity));
3021
3035
  }
3022
3036
 
3023
- .pelcro-root .focus\:plc-bg-transparent:focus {
3037
+ .pelcro-root .focus\:plc-bg-transparent:focus{
3024
3038
  background-color: transparent;
3025
3039
  }
3026
3040
 
3027
- .pelcro-root .focus\:plc-bg-primary-600:focus {
3041
+ .pelcro-root .focus\:plc-bg-primary-600:focus{
3028
3042
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
3029
3043
  }
3030
3044
 
3031
- .pelcro-root .disabled\:plc-bg-gray-400:disabled {
3045
+ .pelcro-root .disabled\:plc-bg-gray-400:disabled{
3032
3046
  --tw-bg-opacity: 1;
3033
3047
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
3034
3048
  }
3035
3049
 
3036
- .pelcro-root .plc-fill-current {
3050
+ .pelcro-root .plc-fill-current{
3037
3051
  fill: currentColor;
3038
3052
  }
3039
3053
 
3040
- .pelcro-root .plc-object-contain {
3054
+ .pelcro-root .plc-object-contain{
3041
3055
  object-fit: contain;
3042
3056
  }
3043
3057
 
3044
- .pelcro-root .plc-object-left {
3058
+ .pelcro-root .plc-object-left{
3045
3059
  object-position: left;
3046
3060
  }
3047
3061
 
3048
- .pelcro-root .plc-p-1 {
3062
+ .pelcro-root .plc-p-1{
3049
3063
  padding: 0.25rem;
3050
3064
  }
3051
3065
 
3052
- .pelcro-root .plc-p-2 {
3066
+ .pelcro-root .plc-p-2{
3053
3067
  padding: 0.5rem;
3054
3068
  }
3055
3069
 
3056
- .pelcro-root .plc-p-3 {
3070
+ .pelcro-root .plc-p-3{
3057
3071
  padding: 0.75rem;
3058
3072
  }
3059
3073
 
3060
- .pelcro-root .plc-p-4 {
3074
+ .pelcro-root .plc-p-4{
3061
3075
  padding: 1rem;
3062
3076
  }
3063
3077
 
3064
- .pelcro-root .plc-p-5 {
3078
+ .pelcro-root .plc-p-5{
3065
3079
  padding: 1.25rem;
3066
3080
  }
3067
3081
 
3068
- .pelcro-root .plc-p-6 {
3082
+ .pelcro-root .plc-p-6{
3069
3083
  padding: 1.5rem;
3070
3084
  }
3071
3085
 
3072
- .pelcro-root .plc-px-0 {
3086
+ .pelcro-root .plc-px-0{
3073
3087
  padding-left: 0px;
3074
3088
  padding-right: 0px;
3075
3089
  }
3076
3090
 
3077
- .pelcro-root .plc-px-1 {
3091
+ .pelcro-root .plc-px-1{
3078
3092
  padding-left: 0.25rem;
3079
3093
  padding-right: 0.25rem;
3080
3094
  }
3081
3095
 
3082
- .pelcro-root .plc-px-2 {
3096
+ .pelcro-root .plc-px-2{
3083
3097
  padding-left: 0.5rem;
3084
3098
  padding-right: 0.5rem;
3085
3099
  }
3086
3100
 
3087
- .pelcro-root .plc-px-3 {
3101
+ .pelcro-root .plc-px-3{
3088
3102
  padding-left: 0.75rem;
3089
3103
  padding-right: 0.75rem;
3090
3104
  }
3091
3105
 
3092
- .pelcro-root .plc-px-4 {
3106
+ .pelcro-root .plc-px-4{
3093
3107
  padding-left: 1rem;
3094
3108
  padding-right: 1rem;
3095
3109
  }
3096
3110
 
3097
- .pelcro-root .plc-px-6 {
3111
+ .pelcro-root .plc-px-6{
3098
3112
  padding-left: 1.5rem;
3099
3113
  padding-right: 1.5rem;
3100
3114
  }
3101
3115
 
3102
- .pelcro-root .plc-py-1 {
3116
+ .pelcro-root .plc-py-1{
3103
3117
  padding-top: 0.25rem;
3104
3118
  padding-bottom: 0.25rem;
3105
3119
  }
3106
3120
 
3107
- .pelcro-root .plc-py-2 {
3121
+ .pelcro-root .plc-py-2{
3108
3122
  padding-top: 0.5rem;
3109
3123
  padding-bottom: 0.5rem;
3110
3124
  }
3111
3125
 
3112
- .pelcro-root .plc-py-3 {
3126
+ .pelcro-root .plc-py-3{
3113
3127
  padding-top: 0.75rem;
3114
3128
  padding-bottom: 0.75rem;
3115
3129
  }
3116
3130
 
3117
- .pelcro-root .plc-py-4 {
3131
+ .pelcro-root .plc-py-4{
3118
3132
  padding-top: 1rem;
3119
3133
  padding-bottom: 1rem;
3120
3134
  }
3121
3135
 
3122
- .pelcro-root .plc-py-5 {
3136
+ .pelcro-root .plc-py-5{
3123
3137
  padding-top: 1.25rem;
3124
3138
  padding-bottom: 1.25rem;
3125
3139
  }
3126
3140
 
3127
- .pelcro-root .plc-pt-1 {
3141
+ .pelcro-root .plc-pt-1{
3128
3142
  padding-top: 0.25rem;
3129
3143
  }
3130
3144
 
3131
- .pelcro-root .plc-pt-2 {
3145
+ .pelcro-root .plc-pt-2{
3132
3146
  padding-top: 0.5rem;
3133
3147
  }
3134
3148
 
3135
- .pelcro-root .plc-pt-4 {
3149
+ .pelcro-root .plc-pt-4{
3136
3150
  padding-top: 1rem;
3137
3151
  }
3138
3152
 
3139
- .pelcro-root .plc-pr-1 {
3153
+ .pelcro-root .plc-pr-1{
3140
3154
  padding-right: 0.25rem;
3141
3155
  }
3142
3156
 
3143
- .pelcro-root .plc-pr-2 {
3157
+ .pelcro-root .plc-pr-2{
3144
3158
  padding-right: 0.5rem;
3145
3159
  }
3146
3160
 
3147
- .pelcro-root .plc-pr-4 {
3161
+ .pelcro-root .plc-pr-4{
3148
3162
  padding-right: 1rem;
3149
3163
  }
3150
3164
 
3151
- .pelcro-root .plc-pb-4 {
3165
+ .pelcro-root .plc-pb-4{
3152
3166
  padding-bottom: 1rem;
3153
3167
  }
3154
3168
 
3155
- .pelcro-root .plc-pl-2 {
3169
+ .pelcro-root .plc-pl-2{
3156
3170
  padding-left: 0.5rem;
3157
3171
  }
3158
3172
 
3159
- .pelcro-root .plc-pl-4 {
3173
+ .pelcro-root .plc-pl-4{
3160
3174
  padding-left: 1rem;
3161
3175
  }
3162
3176
 
3163
- .pelcro-root .plc-text-left {
3177
+ .pelcro-root .plc-text-left{
3164
3178
  text-align: left;
3165
3179
  }
3166
3180
 
3167
- .pelcro-root .plc-text-center {
3181
+ .pelcro-root .plc-text-center{
3168
3182
  text-align: center;
3169
3183
  }
3170
3184
 
3171
- .pelcro-root .plc-align-top {
3185
+ .pelcro-root .plc-align-top{
3172
3186
  vertical-align: top;
3173
3187
  }
3174
3188
 
3175
- .pelcro-root .plc-align-middle {
3189
+ .pelcro-root .plc-align-middle{
3176
3190
  vertical-align: middle;
3177
3191
  }
3178
3192
 
3179
- .pelcro-root .plc-text-xs {
3193
+ .pelcro-root .plc-text-xs{
3180
3194
  font-size: 0.75rem;
3181
3195
  line-height: 1rem;
3182
3196
  }
3183
3197
 
3184
- .pelcro-root .plc-text-sm {
3198
+ .pelcro-root .plc-text-sm{
3185
3199
  font-size: 0.875rem;
3186
3200
  line-height: 1.25rem;
3187
3201
  }
3188
3202
 
3189
- .pelcro-root .plc-text-base {
3203
+ .pelcro-root .plc-text-base{
3190
3204
  font-size: 1rem;
3191
3205
  line-height: 1.5rem;
3192
3206
  }
3193
3207
 
3194
- .pelcro-root .plc-text-lg {
3208
+ .pelcro-root .plc-text-lg{
3195
3209
  font-size: 1.125rem;
3196
3210
  line-height: 1.75rem;
3197
3211
  }
3198
3212
 
3199
- .pelcro-root .plc-text-xl {
3213
+ .pelcro-root .plc-text-xl{
3200
3214
  font-size: 1.25rem;
3201
3215
  line-height: 1.75rem;
3202
3216
  }
3203
3217
 
3204
- .pelcro-root .plc-text-2xl {
3218
+ .pelcro-root .plc-text-2xl{
3205
3219
  font-size: 1.5rem;
3206
3220
  line-height: 2rem;
3207
3221
  }
3208
3222
 
3209
- .pelcro-root .plc-text-3xl {
3223
+ .pelcro-root .plc-text-3xl{
3210
3224
  font-size: 1.875rem;
3211
3225
  line-height: 2.25rem;
3212
3226
  }
3213
3227
 
3214
- .pelcro-root .plc-text-4xl {
3228
+ .pelcro-root .plc-text-4xl{
3215
3229
  font-size: 2.25rem;
3216
3230
  line-height: 2.5rem;
3217
3231
  }
3218
3232
 
3219
- .pelcro-root .plc-font-thin {
3233
+ .pelcro-root .plc-font-thin{
3220
3234
  font-weight: 100;
3221
3235
  }
3222
3236
 
3223
- .pelcro-root .plc-font-normal {
3237
+ .pelcro-root .plc-font-normal{
3224
3238
  font-weight: 400;
3225
3239
  }
3226
3240
 
3227
- .pelcro-root .plc-font-medium {
3241
+ .pelcro-root .plc-font-medium{
3228
3242
  font-weight: 500;
3229
3243
  }
3230
3244
 
3231
- .pelcro-root .plc-font-semibold {
3245
+ .pelcro-root .plc-font-semibold{
3232
3246
  font-weight: 600;
3233
3247
  }
3234
3248
 
3235
- .pelcro-root .plc-font-bold {
3249
+ .pelcro-root .plc-font-bold{
3236
3250
  font-weight: 700;
3237
3251
  }
3238
3252
 
3239
- .pelcro-root .plc-uppercase {
3253
+ .pelcro-root .plc-uppercase{
3240
3254
  text-transform: uppercase;
3241
3255
  }
3242
3256
 
3243
- .pelcro-root .plc-capitalize {
3257
+ .pelcro-root .plc-capitalize{
3244
3258
  text-transform: capitalize;
3245
3259
  }
3246
3260
 
3247
- .pelcro-root .plc-tracking-wider {
3261
+ .pelcro-root .plc-tracking-wider{
3248
3262
  letter-spacing: 0.05em;
3249
3263
  }
3250
3264
 
3251
- .pelcro-root .plc-tracking-widest {
3265
+ .pelcro-root .plc-tracking-widest{
3252
3266
  letter-spacing: 0.1em;
3253
3267
  }
3254
3268
 
3255
- .pelcro-root .plc-text-primary-400 {
3269
+ .pelcro-root .plc-text-primary-400{
3256
3270
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
3257
3271
  }
3258
3272
 
3259
- .pelcro-root .plc-text-primary-500 {
3273
+ .pelcro-root .plc-text-primary-500{
3260
3274
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
3261
3275
  }
3262
3276
 
3263
- .pelcro-root .plc-text-primary-600 {
3277
+ .pelcro-root .plc-text-primary-600{
3264
3278
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
3265
3279
  }
3266
3280
 
3267
- .pelcro-root .plc-text-primary-800 {
3281
+ .pelcro-root .plc-text-primary-800{
3268
3282
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 30%));
3269
3283
  }
3270
3284
 
3271
- .pelcro-root .plc-text-black {
3272
- --tw-text-opacity: 1;
3273
- color: rgba(0, 0, 0, var(--tw-text-opacity));
3274
- }
3275
-
3276
- .pelcro-root .plc-text-white {
3285
+ .pelcro-root .plc-text-white{
3277
3286
  --tw-text-opacity: 1;
3278
3287
  color: rgba(255, 255, 255, var(--tw-text-opacity));
3279
3288
  }
3280
3289
 
3281
- .pelcro-root .plc-text-gray-400 {
3290
+ .pelcro-root .plc-text-gray-400{
3282
3291
  --tw-text-opacity: 1;
3283
3292
  color: rgba(156, 163, 175, var(--tw-text-opacity));
3284
3293
  }
3285
3294
 
3286
- .pelcro-root .plc-text-gray-500 {
3295
+ .pelcro-root .plc-text-gray-500{
3287
3296
  --tw-text-opacity: 1;
3288
3297
  color: rgba(107, 114, 128, var(--tw-text-opacity));
3289
3298
  }
3290
3299
 
3291
- .pelcro-root .plc-text-gray-600 {
3300
+ .pelcro-root .plc-text-gray-600{
3292
3301
  --tw-text-opacity: 1;
3293
3302
  color: rgba(75, 85, 99, var(--tw-text-opacity));
3294
3303
  }
3295
3304
 
3296
- .pelcro-root .plc-text-gray-700 {
3305
+ .pelcro-root .plc-text-gray-700{
3297
3306
  --tw-text-opacity: 1;
3298
3307
  color: rgba(55, 65, 81, var(--tw-text-opacity));
3299
3308
  }
3300
3309
 
3301
- .pelcro-root .plc-text-gray-900 {
3310
+ .pelcro-root .plc-text-gray-900{
3302
3311
  --tw-text-opacity: 1;
3303
3312
  color: rgba(17, 24, 39, var(--tw-text-opacity));
3304
3313
  }
3305
3314
 
3306
- .pelcro-root .plc-text-red-500 {
3315
+ .pelcro-root .plc-text-red-500{
3307
3316
  --tw-text-opacity: 1;
3308
3317
  color: rgba(180, 48, 43, var(--tw-text-opacity));
3309
3318
  }
3310
3319
 
3311
- .pelcro-root .plc-text-red-700 {
3320
+ .pelcro-root .plc-text-red-700{
3312
3321
  --tw-text-opacity: 1;
3313
3322
  color: rgba(98, 26, 23, var(--tw-text-opacity));
3314
3323
  }
3315
3324
 
3316
- .pelcro-root .plc-text-yellow-500 {
3325
+ .pelcro-root .plc-text-yellow-500{
3317
3326
  --tw-text-opacity: 1;
3318
3327
  color: rgba(245, 158, 11, var(--tw-text-opacity));
3319
3328
  }
3320
3329
 
3321
- .pelcro-root .plc-text-yellow-700 {
3330
+ .pelcro-root .plc-text-yellow-700{
3322
3331
  --tw-text-opacity: 1;
3323
3332
  color: rgba(180, 83, 9, var(--tw-text-opacity));
3324
3333
  }
3325
3334
 
3326
- .pelcro-root .plc-text-green-400 {
3335
+ .pelcro-root .plc-text-green-400{
3327
3336
  --tw-text-opacity: 1;
3328
3337
  color: rgba(52, 211, 153, var(--tw-text-opacity));
3329
3338
  }
3330
3339
 
3331
- .pelcro-root .plc-text-green-500 {
3340
+ .pelcro-root .plc-text-green-500{
3332
3341
  --tw-text-opacity: 1;
3333
3342
  color: rgba(16, 185, 129, var(--tw-text-opacity));
3334
3343
  }
3335
3344
 
3336
- .pelcro-root .plc-text-green-600 {
3345
+ .pelcro-root .plc-text-green-600{
3337
3346
  --tw-text-opacity: 1;
3338
3347
  color: rgba(5, 150, 105, var(--tw-text-opacity));
3339
3348
  }
3340
3349
 
3341
- .pelcro-root .plc-text-green-700 {
3350
+ .pelcro-root .plc-text-green-700{
3342
3351
  --tw-text-opacity: 1;
3343
3352
  color: rgba(4, 120, 87, var(--tw-text-opacity));
3344
3353
  }
3345
3354
 
3346
- .pelcro-root .plc-text-blue-400 {
3355
+ .pelcro-root .plc-text-blue-400{
3347
3356
  --tw-text-opacity: 1;
3348
3357
  color: rgba(96, 165, 250, var(--tw-text-opacity));
3349
3358
  }
3350
3359
 
3351
- .pelcro-root .plc-text-blue-500 {
3360
+ .pelcro-root .plc-text-blue-500{
3352
3361
  --tw-text-opacity: 1;
3353
3362
  color: rgba(59, 130, 246, var(--tw-text-opacity));
3354
3363
  }
3355
3364
 
3356
- .pelcro-root .plc-text-blue-700 {
3365
+ .pelcro-root .plc-text-blue-700{
3357
3366
  --tw-text-opacity: 1;
3358
3367
  color: rgba(29, 78, 216, var(--tw-text-opacity));
3359
3368
  }
3360
3369
 
3361
- .pelcro-root .plc-text-orange-700 {
3370
+ .pelcro-root .plc-text-orange-700{
3362
3371
  --tw-text-opacity: 1;
3363
3372
  color: rgba(194, 65, 12, var(--tw-text-opacity));
3364
3373
  }
3365
3374
 
3366
- .pelcro-root .plc-group:hover .group-hover\:plc-text-primary-400 {
3375
+ .pelcro-root .plc-group:hover .group-hover\:plc-text-primary-400{
3367
3376
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
3368
3377
  }
3369
3378
 
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 {
3379
+ .pelcro-root .hover\:plc-text-primary-500:hover{
3375
3380
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
3376
3381
  }
3377
3382
 
3378
- .pelcro-root .hover\:plc-text-black:hover {
3383
+ .pelcro-root .hover\:plc-text-black:hover{
3379
3384
  --tw-text-opacity: 1;
3380
3385
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3381
3386
  }
3382
3387
 
3383
- .pelcro-root .hover\:plc-text-white:hover {
3388
+ .pelcro-root .hover\:plc-text-white:hover{
3384
3389
  --tw-text-opacity: 1;
3385
3390
  color: rgba(255, 255, 255, var(--tw-text-opacity));
3386
3391
  }
3387
3392
 
3388
- .pelcro-root .hover\:plc-text-gray-900:hover {
3393
+ .pelcro-root .hover\:plc-text-gray-900:hover{
3389
3394
  --tw-text-opacity: 1;
3390
3395
  color: rgba(17, 24, 39, var(--tw-text-opacity));
3391
3396
  }
3392
3397
 
3393
- .pelcro-root .hover\:plc-text-red-500:hover {
3398
+ .pelcro-root .hover\:plc-text-red-500:hover{
3394
3399
  --tw-text-opacity: 1;
3395
3400
  color: rgba(180, 48, 43, var(--tw-text-opacity));
3396
3401
  }
3397
3402
 
3398
- .pelcro-root .focus\:plc-text-black:focus {
3403
+ .pelcro-root .focus\:plc-text-black:focus{
3399
3404
  --tw-text-opacity: 1;
3400
3405
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3401
3406
  }
3402
3407
 
3403
- .pelcro-root .focus\:plc-text-white:focus {
3408
+ .pelcro-root .focus\:plc-text-white:focus{
3404
3409
  --tw-text-opacity: 1;
3405
3410
  color: rgba(255, 255, 255, var(--tw-text-opacity));
3406
3411
  }
3407
3412
 
3408
- .pelcro-root .plc-underline {
3413
+ .pelcro-root .plc-underline{
3409
3414
  text-decoration: underline;
3410
3415
  }
3411
3416
 
3412
- .pelcro-root .plc-no-underline {
3417
+ .pelcro-root .plc-no-underline{
3413
3418
  text-decoration: none;
3414
3419
  }
3415
3420
 
3416
- .pelcro-root .hover\:plc-opacity-30:hover {
3421
+ .pelcro-root .hover\:plc-opacity-30:hover{
3417
3422
  opacity: 0.3;
3418
3423
  }
3419
3424
 
3420
- *, ::before, ::after {
3425
+ *, ::before, ::after{
3421
3426
  --tw-shadow: 0 0 #0000;
3422
3427
  }
3423
3428
 
3424
- .pelcro-root .plc-shadow-sm {
3429
+ .pelcro-root .plc-shadow-sm{
3425
3430
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
3426
3431
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3427
3432
  }
3428
3433
 
3429
- .pelcro-root .plc-shadow-md {
3434
+ .pelcro-root .plc-shadow-md{
3430
3435
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
3431
3436
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3432
3437
  }
3433
3438
 
3434
- .pelcro-root .plc-shadow-md_dark {
3439
+ .pelcro-root .plc-shadow-md_dark{
3435
3440
  --tw-shadow: 0 0px 6px -1px rgba(0, 0, 0, 0.1), 0 0px 4px -1px rgba(0, 0, 0, 0.4);
3436
3441
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3437
3442
  }
3438
3443
 
3439
- .pelcro-root .plc-shadow-lg {
3444
+ .pelcro-root .plc-shadow-lg{
3440
3445
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
3441
3446
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3442
3447
  }
3443
3448
 
3444
- .pelcro-root .plc-shadow-xl {
3449
+ .pelcro-root .plc-shadow-xl{
3445
3450
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
3446
3451
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3447
3452
  }
3448
3453
 
3449
- .pelcro-root .hover\:plc-shadow-none:hover {
3454
+ .pelcro-root .hover\:plc-shadow-none:hover{
3450
3455
  --tw-shadow: 0 0 #0000;
3451
3456
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3452
3457
  }
3453
3458
 
3454
- .pelcro-root .focus\:plc-shadow-none:focus {
3459
+ .pelcro-root .focus\:plc-shadow-none:focus{
3455
3460
  --tw-shadow: 0 0 #0000;
3456
3461
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3457
3462
  }
3458
3463
 
3459
- .pelcro-root .plc-outline-none {
3464
+ .pelcro-root .plc-outline-none{
3460
3465
  outline: 2px solid transparent;
3461
3466
  outline-offset: 2px;
3462
3467
  }
3463
3468
 
3464
- .pelcro-root .focus-within\:plc-outline-none:focus-within {
3469
+ .pelcro-root .focus-within\:plc-outline-none:focus-within{
3465
3470
  outline: 2px solid transparent;
3466
3471
  outline-offset: 2px;
3467
3472
  }
3468
3473
 
3469
- .pelcro-root .focus\:plc-outline-none:focus {
3474
+ .pelcro-root .focus\:plc-outline-none:focus{
3470
3475
  outline: 2px solid transparent;
3471
3476
  outline-offset: 2px;
3472
3477
  }
3473
3478
 
3474
- *, ::before, ::after {
3479
+ *, ::before, ::after{
3475
3480
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
3476
3481
  --tw-ring-offset-width: 0px;
3477
3482
  --tw-ring-offset-color: #fff;
@@ -3480,250 +3485,237 @@ in order to scope selectors under pelcro-root
3480
3485
  --tw-ring-shadow: 0 0 #0000;
3481
3486
  }
3482
3487
 
3483
- .pelcro-root .plc-ring-1 {
3488
+ .pelcro-root .plc-ring-1{
3484
3489
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3485
3490
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3486
3491
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3487
3492
  }
3488
3493
 
3489
- .pelcro-root .plc-ring-2 {
3494
+ .pelcro-root .plc-ring-2{
3490
3495
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3491
3496
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3492
3497
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3493
3498
  }
3494
3499
 
3495
- .pelcro-root .focus\:plc-ring-0:focus {
3500
+ .pelcro-root .focus\:plc-ring-0:focus{
3496
3501
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3497
3502
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3498
3503
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3499
3504
  }
3500
3505
 
3501
- .pelcro-root .focus\:plc-ring-2:focus {
3506
+ .pelcro-root .focus\:plc-ring-2:focus{
3502
3507
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3503
3508
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3504
3509
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3505
3510
  }
3506
3511
 
3507
- .pelcro-root .plc-ring-primary-400 {
3512
+ .pelcro-root .plc-ring-primary-400{
3508
3513
  --tw-ring-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
3509
3514
  }
3510
3515
 
3511
- .pelcro-root .plc-ring-gray-200 {
3516
+ .pelcro-root .plc-ring-gray-200{
3512
3517
  --tw-ring-opacity: 1;
3513
3518
  --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
3514
3519
  }
3515
3520
 
3516
- .pelcro-root .plc-ring-red-400 {
3521
+ .pelcro-root .plc-ring-red-400{
3517
3522
  --tw-ring-opacity: 1;
3518
3523
  --tw-ring-color: rgba(209, 70, 65, var(--tw-ring-opacity));
3519
3524
  }
3520
3525
 
3521
- .pelcro-root .focus\:plc-ring-primary-300:focus {
3526
+ .pelcro-root .focus\:plc-ring-primary-300:focus{
3522
3527
  --tw-ring-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 20%));
3523
3528
  }
3524
3529
 
3525
- .pelcro-root .focus\:plc-ring-red-500:focus {
3530
+ .pelcro-root .focus\:plc-ring-red-500:focus{
3526
3531
  --tw-ring-opacity: 1;
3527
3532
  --tw-ring-color: rgba(180, 48, 43, var(--tw-ring-opacity));
3528
3533
  }
3529
3534
 
3530
- .pelcro-root .focus\:plc-ring-green-300:focus {
3535
+ .pelcro-root .focus\:plc-ring-green-300:focus{
3531
3536
  --tw-ring-opacity: 1;
3532
3537
  --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
3533
3538
  }
3534
3539
 
3535
- .pelcro-root .focus\:plc-ring-blue-400:focus {
3540
+ .pelcro-root .focus\:plc-ring-blue-400:focus{
3536
3541
  --tw-ring-opacity: 1;
3537
3542
  --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
3538
3543
  }
3539
3544
 
3540
- .pelcro-root .focus\:plc-ring-blue-500:focus {
3545
+ .pelcro-root .focus\:plc-ring-blue-500:focus{
3541
3546
  --tw-ring-opacity: 1;
3542
3547
  --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
3543
3548
  }
3544
3549
 
3545
- .pelcro-root .plc-transition-all {
3550
+ .pelcro-root .plc-transition-all{
3546
3551
  transition-property: all;
3547
3552
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3548
3553
  transition-duration: 150ms;
3549
3554
  }
3550
3555
 
3551
- .pelcro-root .plc-transition {
3556
+ .pelcro-root .plc-transition{
3552
3557
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
3553
3558
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3554
3559
  transition-duration: 150ms;
3555
3560
  }
3556
3561
 
3557
- .pelcro-root .plc-transition-transform {
3562
+ .pelcro-root .plc-transition-transform{
3558
3563
  transition-property: transform;
3559
3564
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3560
3565
  transition-duration: 150ms;
3561
3566
  }
3562
3567
 
3563
- .pelcro-root .plc-duration-500 {
3568
+ .pelcro-root .plc-duration-500{
3564
3569
  transition-duration: 500ms;
3565
3570
  }
3566
3571
 
3567
- .pelcro-root .plc-ease-out {
3572
+ .pelcro-root .plc-ease-out{
3568
3573
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
3569
3574
  }
3570
3575
 
3571
- @media (min-width: 425px) {
3576
+ @media (min-width: 425px){
3572
3577
  }
3573
3578
 
3574
- @media (min-width: 640px) {
3575
- .pelcro-root .sm\:plc-m-4 {
3576
- margin: 1rem;
3579
+ @media (min-width: 640px){
3580
+ .pelcro-root .sm\:plc-left-5{
3581
+ left: 1.25rem;
3577
3582
  }
3578
3583
 
3579
- .pelcro-root .sm\:plc-mb-0 {
3580
- margin-bottom: 0px;
3584
+ .pelcro-root .sm\:plc-m-4{
3585
+ margin: 1rem;
3581
3586
  }
3582
3587
 
3583
- .pelcro-root .sm\:plc-ml-2 {
3588
+ .pelcro-root .sm\:plc-ml-2{
3584
3589
  margin-left: 0.5rem;
3585
3590
  }
3586
3591
 
3587
- .pelcro-root .sm\:plc-ml-6 {
3592
+ .pelcro-root .sm\:plc-ml-6{
3588
3593
  margin-left: 1.5rem;
3589
3594
  }
3590
3595
 
3591
- .pelcro-root .sm\:plc-ml-8 {
3596
+ .pelcro-root .sm\:plc-ml-8{
3592
3597
  margin-left: 2rem;
3593
3598
  }
3594
3599
 
3595
- .pelcro-root .sm\:plc-flex {
3600
+ .pelcro-root .sm\:plc-flex{
3596
3601
  display: flex;
3597
3602
  }
3598
3603
 
3599
- .pelcro-root .sm\:plc-inline-grid {
3600
- display: inline-grid;
3601
- }
3602
-
3603
- .pelcro-root .sm\:plc-h-8 {
3604
+ .pelcro-root .sm\:plc-h-8{
3604
3605
  height: 2rem;
3605
3606
  }
3606
3607
 
3607
- .pelcro-root .sm\:plc-h-96 {
3608
+ .pelcro-root .sm\:plc-h-96{
3608
3609
  height: 24rem;
3609
3610
  }
3610
3611
 
3611
- .pelcro-root .sm\:plc-w-auto {
3612
+ .pelcro-root .sm\:plc-w-auto{
3612
3613
  width: auto;
3613
3614
  }
3614
3615
 
3615
- .pelcro-root .sm\:plc-w-1\/2 {
3616
- width: 50%;
3617
- }
3618
-
3619
- .pelcro-root .sm\:plc-max-w-md {
3616
+ .pelcro-root .sm\:plc-max-w-md{
3620
3617
  max-width: 28rem;
3621
3618
  }
3622
3619
 
3623
- .pelcro-root .sm\:plc-max-w-90\% {
3620
+ .pelcro-root .sm\:plc-max-w-90\%{
3624
3621
  max-width: 90%;
3625
3622
  }
3626
3623
 
3627
- .pelcro-root .sm\:plc-flex-row {
3624
+ .pelcro-root .sm\:plc-flex-row{
3628
3625
  flex-direction: row;
3629
3626
  }
3630
3627
 
3631
- .pelcro-root .sm\:plc-space-x-2 > :not([hidden]) ~ :not([hidden]) {
3628
+ .pelcro-root .sm\:plc-space-x-2 > :not([hidden]) ~ :not([hidden]){
3632
3629
  --tw-space-x-reverse: 0;
3633
3630
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
3634
3631
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
3635
3632
  }
3636
3633
 
3637
- .pelcro-root .sm\:plc-space-y-0 > :not([hidden]) ~ :not([hidden]) {
3634
+ .pelcro-root .sm\:plc-space-y-0 > :not([hidden]) ~ :not([hidden]){
3638
3635
  --tw-space-y-reverse: 0;
3639
3636
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
3640
3637
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
3641
3638
  }
3642
3639
 
3643
- .pelcro-root .sm\:plc-p-2 {
3640
+ .pelcro-root .sm\:plc-p-2{
3644
3641
  padding: 0.5rem;
3645
3642
  }
3646
3643
 
3647
- .pelcro-root .sm\:plc-px-8 {
3644
+ .pelcro-root .sm\:plc-px-8{
3648
3645
  padding-left: 2rem;
3649
3646
  padding-right: 2rem;
3650
3647
  }
3651
3648
 
3652
- .pelcro-root .sm\:plc-px-16 {
3653
- padding-left: 4rem;
3654
- padding-right: 4rem;
3655
- }
3656
-
3657
- .pelcro-root .sm\:plc-pl-8 {
3649
+ .pelcro-root .sm\:plc-pl-8{
3658
3650
  padding-left: 2rem;
3659
3651
  }
3660
3652
  }
3661
3653
 
3662
- @media (min-width: 768px) {
3663
- .pelcro-root .md\:plc-top-5 {
3654
+ @media (min-width: 768px){
3655
+ .pelcro-root .md\:plc-top-5{
3664
3656
  top: 1.25rem;
3665
3657
  }
3666
3658
 
3667
- .pelcro-root .md\:plc-right-10 {
3659
+ .pelcro-root .md\:plc-right-10{
3668
3660
  right: 2.5rem;
3669
3661
  }
3670
3662
 
3671
- .pelcro-root .md\:plc-my-20 {
3663
+ .pelcro-root .md\:plc-my-20{
3672
3664
  margin-top: 5rem;
3673
3665
  margin-bottom: 5rem;
3674
3666
  }
3675
3667
 
3676
- .pelcro-root .md\:plc-table-cell {
3668
+ .pelcro-root .md\:plc-table-cell{
3677
3669
  display: table-cell;
3678
3670
  }
3679
3671
 
3680
- .pelcro-root .md\:plc-hidden {
3672
+ .pelcro-root .md\:plc-hidden{
3681
3673
  display: none;
3682
3674
  }
3683
3675
 
3684
- .pelcro-root .md\:plc-w-1\/5 {
3676
+ .pelcro-root .md\:plc-w-1\/5{
3685
3677
  width: 20%;
3686
3678
  }
3687
3679
 
3688
- .pelcro-root .md\:plc-w-1\/12 {
3680
+ .pelcro-root .md\:plc-w-1\/12{
3689
3681
  width: 8.333333%;
3690
3682
  }
3691
3683
 
3692
- .pelcro-root .md\:plc-w-2\/12 {
3684
+ .pelcro-root .md\:plc-w-2\/12{
3693
3685
  width: 16.666667%;
3694
3686
  }
3695
3687
 
3696
- .pelcro-root .md\:plc-w-3\/12 {
3688
+ .pelcro-root .md\:plc-w-3\/12{
3697
3689
  width: 25%;
3698
3690
  }
3699
3691
 
3700
- .pelcro-root .md\:plc-max-w-70\% {
3692
+ .pelcro-root .md\:plc-max-w-70\%{
3701
3693
  max-width: 70%;
3702
3694
  }
3703
3695
 
3704
- .pelcro-root .md\:plc-max-w-80\% {
3696
+ .pelcro-root .md\:plc-max-w-80\%{
3705
3697
  max-width: 80%;
3706
3698
  }
3707
3699
  }
3708
3700
 
3709
- @media (min-width: 1024px) {
3710
- .pelcro-root .lg\:plc-hidden {
3701
+ @media (min-width: 1024px){
3702
+ .pelcro-root .lg\:plc-hidden{
3711
3703
  display: none;
3712
3704
  }
3713
3705
 
3714
- .pelcro-root .lg\:plc-w-3\/12 {
3706
+ .pelcro-root .lg\:plc-w-3\/12{
3715
3707
  width: 25%;
3716
3708
  }
3717
3709
 
3718
- .pelcro-root .lg\:plc-w-9\/12 {
3710
+ .pelcro-root .lg\:plc-w-9\/12{
3719
3711
  width: 75%;
3720
3712
  }
3721
3713
  }
3722
3714
 
3723
- @media (min-width: 1280px) {
3715
+ @media (min-width: 1280px){
3724
3716
  }
3725
3717
 
3726
- @media (min-width: 1536px) {
3718
+ @media (min-width: 1536px){
3727
3719
  }
3728
3720
 
3729
3721
  /* purgecss start ignore */