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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.cjs.js +63 -76
  2. package/dist/index.esm.js +63 -76
  3. package/dist/pelcro.css +568 -562
  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,561 @@ in order to scope selectors under pelcro-root
1936
1951
 
1937
1952
  /* utilities */
1938
1953
 
1939
- .pelcro-root .plc-pointer-events-none {
1954
+ .pelcro-root .plc-pointer-events-none{
1940
1955
  pointer-events: none;
1941
1956
  }
1942
1957
 
1943
- .pelcro-root .plc-fixed {
1958
+ .pelcro-root .plc-fixed{
1944
1959
  position: fixed;
1945
1960
  }
1946
1961
 
1947
- .pelcro-root .plc-absolute {
1962
+ .pelcro-root .plc-absolute{
1948
1963
  position: absolute;
1949
1964
  }
1950
1965
 
1951
- .pelcro-root .plc-relative {
1966
+ .pelcro-root .plc-relative{
1952
1967
  position: relative;
1953
1968
  }
1954
1969
 
1955
- .pelcro-root .plc-inset-0 {
1970
+ .pelcro-root .plc-inset-0{
1956
1971
  top: 0px;
1957
1972
  right: 0px;
1958
1973
  bottom: 0px;
1959
1974
  left: 0px;
1960
1975
  }
1961
1976
 
1962
- .pelcro-root .plc-inset-y-0 {
1977
+ .pelcro-root .plc-inset-y-0{
1963
1978
  top: 0px;
1964
1979
  bottom: 0px;
1965
1980
  }
1966
1981
 
1967
- .pelcro-root .plc-top-0 {
1982
+ .pelcro-root .plc-top-0{
1968
1983
  top: 0px;
1969
1984
  }
1970
1985
 
1971
- .pelcro-root .plc-top-1 {
1986
+ .pelcro-root .plc-top-1{
1972
1987
  top: 0.25rem;
1973
1988
  }
1974
1989
 
1975
- .pelcro-root .plc-top-2 {
1990
+ .pelcro-root .plc-top-2{
1976
1991
  top: 0.5rem;
1977
1992
  }
1978
1993
 
1979
- .pelcro-root .plc-top-5 {
1994
+ .pelcro-root .plc-top-5{
1980
1995
  top: 1.25rem;
1981
1996
  }
1982
1997
 
1983
- .pelcro-root .plc-top-6 {
1998
+ .pelcro-root .plc-top-6{
1984
1999
  top: 1.5rem;
1985
2000
  }
1986
2001
 
1987
- .pelcro-root .plc-top-7 {
2002
+ .pelcro-root .plc-top-7{
1988
2003
  top: 1.75rem;
1989
2004
  }
1990
2005
 
1991
- .pelcro-root .plc-top-24 {
2006
+ .pelcro-root .plc-top-24{
1992
2007
  top: 6rem;
1993
2008
  }
1994
2009
 
1995
- .pelcro-root .plc-top-1\.5 {
2010
+ .pelcro-root .plc-top-1\.5{
1996
2011
  top: 0.375rem;
1997
2012
  }
1998
2013
 
1999
- .pelcro-root .plc-top-1\/2 {
2014
+ .pelcro-root .plc-top-1\/2{
2000
2015
  top: 50%;
2001
2016
  }
2002
2017
 
2003
- .pelcro-root .plc-right-0 {
2018
+ .pelcro-root .plc-right-0{
2004
2019
  right: 0px;
2005
2020
  }
2006
2021
 
2007
- .pelcro-root .plc-right-1 {
2022
+ .pelcro-root .plc-right-1{
2008
2023
  right: 0.25rem;
2009
2024
  }
2010
2025
 
2011
- .pelcro-root .plc-right-2 {
2026
+ .pelcro-root .plc-right-2{
2012
2027
  right: 0.5rem;
2013
2028
  }
2014
2029
 
2015
- .pelcro-root .plc-right-10 {
2030
+ .pelcro-root .plc-right-10{
2016
2031
  right: 2.5rem;
2017
2032
  }
2018
2033
 
2019
- .pelcro-root .plc--right-16 {
2020
- right: -4rem;
2034
+ .pelcro-root .plc--right-12{
2035
+ right: -3rem;
2021
2036
  }
2022
2037
 
2023
- .pelcro-root .plc-bottom-0 {
2038
+ .pelcro-root .plc-bottom-0{
2024
2039
  bottom: 0px;
2025
2040
  }
2026
2041
 
2027
- .pelcro-root .plc-bottom-4 {
2042
+ .pelcro-root .plc-bottom-4{
2028
2043
  bottom: 1rem;
2029
2044
  }
2030
2045
 
2031
- .pelcro-root .plc-left-0 {
2046
+ .pelcro-root .plc-left-0{
2032
2047
  left: 0px;
2033
2048
  }
2034
2049
 
2035
- .pelcro-root .plc-left-4 {
2036
- left: 1rem;
2050
+ .pelcro-root .plc-left-2{
2051
+ left: 0.5rem;
2037
2052
  }
2038
2053
 
2039
- .pelcro-root .plc-left-5 {
2040
- left: 1.25rem;
2054
+ .pelcro-root .plc-left-4{
2055
+ left: 1rem;
2041
2056
  }
2042
2057
 
2043
- .pelcro-root .plc--left-16 {
2044
- left: -4rem;
2058
+ .pelcro-root .plc--left-12{
2059
+ left: -3rem;
2045
2060
  }
2046
2061
 
2047
- .pelcro-root .plc-z-max {
2062
+ .pelcro-root .plc-z-max{
2048
2063
  z-index: 999999;
2049
2064
  }
2050
2065
 
2051
- .pelcro-root .plc-order-1 {
2066
+ .pelcro-root .plc-order-1{
2052
2067
  order: 1;
2053
2068
  }
2054
2069
 
2055
- .pelcro-root .plc-order-2 {
2070
+ .pelcro-root .plc-order-2{
2056
2071
  order: 2;
2057
2072
  }
2058
2073
 
2059
- .pelcro-root .plc-m-0 {
2074
+ .pelcro-root .plc-m-0{
2060
2075
  margin: 0px;
2061
2076
  }
2062
2077
 
2063
- .pelcro-root .plc-m-1 {
2078
+ .pelcro-root .plc-m-1{
2064
2079
  margin: 0.25rem;
2065
2080
  }
2066
2081
 
2067
- .pelcro-root .plc-m-3 {
2082
+ .pelcro-root .plc-m-3{
2068
2083
  margin: 0.75rem;
2069
2084
  }
2070
2085
 
2071
- .pelcro-root .plc-m-auto {
2086
+ .pelcro-root .plc-m-auto{
2072
2087
  margin: auto;
2073
2088
  }
2074
2089
 
2075
- .pelcro-root .plc-m-0\.5 {
2090
+ .pelcro-root .plc-m-0\.5{
2076
2091
  margin: 0.125rem;
2077
2092
  }
2078
2093
 
2079
- .pelcro-root .plc-mx-1 {
2094
+ .pelcro-root .plc-mx-1{
2080
2095
  margin-left: 0.25rem;
2081
2096
  margin-right: 0.25rem;
2082
2097
  }
2083
2098
 
2084
- .pelcro-root .plc-mx-2 {
2085
- margin-left: 0.5rem;
2086
- margin-right: 0.5rem;
2087
- }
2088
-
2089
- .pelcro-root .plc-mx-auto {
2099
+ .pelcro-root .plc-mx-auto{
2090
2100
  margin-left: auto;
2091
2101
  margin-right: auto;
2092
2102
  }
2093
2103
 
2094
- .pelcro-root .plc-my-2 {
2104
+ .pelcro-root .plc-my-2{
2095
2105
  margin-top: 0.5rem;
2096
2106
  margin-bottom: 0.5rem;
2097
2107
  }
2098
2108
 
2099
- .pelcro-root .plc-my-4 {
2109
+ .pelcro-root .plc-my-4{
2100
2110
  margin-top: 1rem;
2101
2111
  margin-bottom: 1rem;
2102
2112
  }
2103
2113
 
2104
- .pelcro-root .plc-my-5 {
2114
+ .pelcro-root .plc-my-5{
2105
2115
  margin-top: 1.25rem;
2106
2116
  margin-bottom: 1.25rem;
2107
2117
  }
2108
2118
 
2109
- .pelcro-root .plc-my-11 {
2119
+ .pelcro-root .plc-my-11{
2110
2120
  margin-top: 2.75rem;
2111
2121
  margin-bottom: 2.75rem;
2112
2122
  }
2113
2123
 
2114
- .pelcro-root .plc-mt-1 {
2124
+ .pelcro-root .plc-mt-1{
2115
2125
  margin-top: 0.25rem;
2116
2126
  }
2117
2127
 
2118
- .pelcro-root .plc-mt-2 {
2128
+ .pelcro-root .plc-mt-2{
2119
2129
  margin-top: 0.5rem;
2120
2130
  }
2121
2131
 
2122
- .pelcro-root .plc-mt-3 {
2132
+ .pelcro-root .plc-mt-3{
2123
2133
  margin-top: 0.75rem;
2124
2134
  }
2125
2135
 
2126
- .pelcro-root .plc-mt-4 {
2136
+ .pelcro-root .plc-mt-4{
2127
2137
  margin-top: 1rem;
2128
2138
  }
2129
2139
 
2130
- .pelcro-root .plc-mt-5 {
2140
+ .pelcro-root .plc-mt-5{
2131
2141
  margin-top: 1.25rem;
2132
2142
  }
2133
2143
 
2134
- .pelcro-root .plc-mt-6 {
2144
+ .pelcro-root .plc-mt-6{
2135
2145
  margin-top: 1.5rem;
2136
2146
  }
2137
2147
 
2138
- .pelcro-root .plc-mt-auto {
2148
+ .pelcro-root .plc-mt-auto{
2139
2149
  margin-top: auto;
2140
2150
  }
2141
2151
 
2142
- .pelcro-root .plc--mt-8 {
2152
+ .pelcro-root .plc--mt-8{
2143
2153
  margin-top: -2rem;
2144
2154
  }
2145
2155
 
2146
- .pelcro-root .plc-mr-1 {
2156
+ .pelcro-root .plc-mr-1{
2147
2157
  margin-right: 0.25rem;
2148
2158
  }
2149
2159
 
2150
- .pelcro-root .plc-mr-2 {
2160
+ .pelcro-root .plc-mr-2{
2151
2161
  margin-right: 0.5rem;
2152
2162
  }
2153
2163
 
2154
- .pelcro-root .plc-mr-6 {
2164
+ .pelcro-root .plc-mr-6{
2155
2165
  margin-right: 1.5rem;
2156
2166
  }
2157
2167
 
2158
- .pelcro-root .plc-mb-1 {
2168
+ .pelcro-root .plc-mr-auto{
2169
+ margin-right: auto;
2170
+ }
2171
+
2172
+ .pelcro-root .plc-mb-1{
2159
2173
  margin-bottom: 0.25rem;
2160
2174
  }
2161
2175
 
2162
- .pelcro-root .plc-mb-2 {
2176
+ .pelcro-root .plc-mb-2{
2163
2177
  margin-bottom: 0.5rem;
2164
2178
  }
2165
2179
 
2166
- .pelcro-root .plc-mb-3 {
2180
+ .pelcro-root .plc-mb-3{
2167
2181
  margin-bottom: 0.75rem;
2168
2182
  }
2169
2183
 
2170
- .pelcro-root .plc-mb-4 {
2184
+ .pelcro-root .plc-mb-4{
2171
2185
  margin-bottom: 1rem;
2172
2186
  }
2173
2187
 
2174
- .pelcro-root .plc-mb-6 {
2188
+ .pelcro-root .plc-mb-6{
2175
2189
  margin-bottom: 1.5rem;
2176
2190
  }
2177
2191
 
2178
- .pelcro-root .plc-mb-9 {
2192
+ .pelcro-root .plc-mb-9{
2179
2193
  margin-bottom: 2.25rem;
2180
2194
  }
2181
2195
 
2182
- .pelcro-root .plc-ml-0 {
2196
+ .pelcro-root .plc-ml-0{
2183
2197
  margin-left: 0px;
2184
2198
  }
2185
2199
 
2186
- .pelcro-root .plc-ml-1 {
2200
+ .pelcro-root .plc-ml-1{
2187
2201
  margin-left: 0.25rem;
2188
2202
  }
2189
2203
 
2190
- .pelcro-root .plc-ml-2 {
2204
+ .pelcro-root .plc-ml-2{
2191
2205
  margin-left: 0.5rem;
2192
2206
  }
2193
2207
 
2194
- .pelcro-root .plc-ml-3 {
2208
+ .pelcro-root .plc-ml-3{
2195
2209
  margin-left: 0.75rem;
2196
2210
  }
2197
2211
 
2198
- .pelcro-root .plc-ml-4 {
2212
+ .pelcro-root .plc-ml-4{
2199
2213
  margin-left: 1rem;
2200
2214
  }
2201
2215
 
2202
- .pelcro-root .plc--ml-2 {
2216
+ .pelcro-root .plc-ml-auto{
2217
+ margin-left: auto;
2218
+ }
2219
+
2220
+ .pelcro-root .plc--ml-2{
2203
2221
  margin-left: -0.5rem;
2204
2222
  }
2205
2223
 
2206
- .pelcro-root .last\:plc-mb-0:last-child {
2224
+ .pelcro-root .last\:plc-mb-0:last-child{
2207
2225
  margin-bottom: 0px;
2208
2226
  }
2209
2227
 
2210
- .pelcro-root .plc-block {
2228
+ .pelcro-root .plc-block{
2211
2229
  display: block;
2212
2230
  }
2213
2231
 
2214
- .pelcro-root .plc-inline-block {
2232
+ .pelcro-root .plc-inline-block{
2215
2233
  display: inline-block;
2216
2234
  }
2217
2235
 
2218
- .pelcro-root .plc-inline {
2236
+ .pelcro-root .plc-inline{
2219
2237
  display: inline;
2220
2238
  }
2221
2239
 
2222
- .pelcro-root .plc-flex {
2240
+ .pelcro-root .plc-flex{
2223
2241
  display: flex;
2224
2242
  }
2225
2243
 
2226
- .pelcro-root .plc-inline-flex {
2244
+ .pelcro-root .plc-inline-flex{
2227
2245
  display: inline-flex;
2228
2246
  }
2229
2247
 
2230
- .pelcro-root .plc-grid {
2248
+ .pelcro-root .plc-grid{
2231
2249
  display: grid;
2232
2250
  }
2233
2251
 
2234
- .pelcro-root .plc-hidden {
2252
+ .pelcro-root .plc-hidden{
2235
2253
  display: none;
2236
2254
  }
2237
2255
 
2238
- .pelcro-root .plc-h-3 {
2256
+ .pelcro-root .plc-h-3{
2239
2257
  height: 0.75rem;
2240
2258
  }
2241
2259
 
2242
- .pelcro-root .plc-h-4 {
2260
+ .pelcro-root .plc-h-4{
2243
2261
  height: 1rem;
2244
2262
  }
2245
2263
 
2246
- .pelcro-root .plc-h-5 {
2264
+ .pelcro-root .plc-h-5{
2247
2265
  height: 1.25rem;
2248
2266
  }
2249
2267
 
2250
- .pelcro-root .plc-h-6 {
2268
+ .pelcro-root .plc-h-6{
2251
2269
  height: 1.5rem;
2252
2270
  }
2253
2271
 
2254
- .pelcro-root .plc-h-7 {
2272
+ .pelcro-root .plc-h-7{
2255
2273
  height: 1.75rem;
2256
2274
  }
2257
2275
 
2258
- .pelcro-root .plc-h-8 {
2276
+ .pelcro-root .plc-h-8{
2259
2277
  height: 2rem;
2260
2278
  }
2261
2279
 
2262
- .pelcro-root .plc-h-9 {
2280
+ .pelcro-root .plc-h-9{
2263
2281
  height: 2.25rem;
2264
2282
  }
2265
2283
 
2266
- .pelcro-root .plc-h-10 {
2284
+ .pelcro-root .plc-h-10{
2267
2285
  height: 2.5rem;
2268
2286
  }
2269
2287
 
2270
- .pelcro-root .plc-h-11 {
2288
+ .pelcro-root .plc-h-11{
2271
2289
  height: 2.75rem;
2272
2290
  }
2273
2291
 
2274
- .pelcro-root .plc-h-12 {
2292
+ .pelcro-root .plc-h-12{
2275
2293
  height: 3rem;
2276
2294
  }
2277
2295
 
2278
- .pelcro-root .plc-h-20 {
2296
+ .pelcro-root .plc-h-20{
2279
2297
  height: 5rem;
2280
2298
  }
2281
2299
 
2282
- .pelcro-root .plc-h-28 {
2300
+ .pelcro-root .plc-h-28{
2283
2301
  height: 7rem;
2284
2302
  }
2285
2303
 
2286
- .pelcro-root .plc-h-32 {
2304
+ .pelcro-root .plc-h-32{
2287
2305
  height: 8rem;
2288
2306
  }
2289
2307
 
2290
- .pelcro-root .plc-h-36 {
2308
+ .pelcro-root .plc-h-36{
2291
2309
  height: 9rem;
2292
2310
  }
2293
2311
 
2294
- .pelcro-root .plc-h-52 {
2312
+ .pelcro-root .plc-h-52{
2295
2313
  height: 13rem;
2296
2314
  }
2297
2315
 
2298
- .pelcro-root .plc-h-auto {
2316
+ .pelcro-root .plc-h-auto{
2299
2317
  height: auto;
2300
2318
  }
2301
2319
 
2302
- .pelcro-root .plc-h-full {
2320
+ .pelcro-root .plc-h-full{
2303
2321
  height: 100%;
2304
2322
  }
2305
2323
 
2306
- .pelcro-root .plc-max-h-0 {
2324
+ .pelcro-root .plc-max-h-0{
2307
2325
  max-height: 0px;
2308
2326
  }
2309
2327
 
2310
- .pelcro-root .plc-max-h-14 {
2328
+ .pelcro-root .plc-max-h-14{
2311
2329
  max-height: 3.5rem;
2312
2330
  }
2313
2331
 
2314
- .pelcro-root .plc-max-h-48 {
2332
+ .pelcro-root .plc-max-h-48{
2315
2333
  max-height: 12rem;
2316
2334
  }
2317
2335
 
2318
- .pelcro-root .plc-max-h-80 {
2336
+ .pelcro-root .plc-max-h-80{
2319
2337
  max-height: 20rem;
2320
2338
  }
2321
2339
 
2322
- .pelcro-root .plc-max-h-full {
2340
+ .pelcro-root .plc-max-h-full{
2323
2341
  max-height: 100%;
2324
2342
  }
2325
2343
 
2326
- .pelcro-root .plc-min-h-12 {
2344
+ .pelcro-root .plc-min-h-12{
2327
2345
  min-height: 3rem;
2328
2346
  }
2329
2347
 
2330
- .pelcro-root .plc-w-3 {
2348
+ .pelcro-root .plc-w-3{
2331
2349
  width: 0.75rem;
2332
2350
  }
2333
2351
 
2334
- .pelcro-root .plc-w-4 {
2352
+ .pelcro-root .plc-w-4{
2335
2353
  width: 1rem;
2336
2354
  }
2337
2355
 
2338
- .pelcro-root .plc-w-5 {
2356
+ .pelcro-root .plc-w-5{
2339
2357
  width: 1.25rem;
2340
2358
  }
2341
2359
 
2342
- .pelcro-root .plc-w-6 {
2360
+ .pelcro-root .plc-w-6{
2343
2361
  width: 1.5rem;
2344
2362
  }
2345
2363
 
2346
- .pelcro-root .plc-w-7 {
2364
+ .pelcro-root .plc-w-7{
2347
2365
  width: 1.75rem;
2348
2366
  }
2349
2367
 
2350
- .pelcro-root .plc-w-8 {
2368
+ .pelcro-root .plc-w-8{
2351
2369
  width: 2rem;
2352
2370
  }
2353
2371
 
2354
- .pelcro-root .plc-w-9 {
2372
+ .pelcro-root .plc-w-9{
2355
2373
  width: 2.25rem;
2356
2374
  }
2357
2375
 
2358
- .pelcro-root .plc-w-10 {
2376
+ .pelcro-root .plc-w-10{
2359
2377
  width: 2.5rem;
2360
2378
  }
2361
2379
 
2362
- .pelcro-root .plc-w-11 {
2380
+ .pelcro-root .plc-w-11{
2363
2381
  width: 2.75rem;
2364
2382
  }
2365
2383
 
2366
- .pelcro-root .plc-w-12 {
2384
+ .pelcro-root .plc-w-12{
2367
2385
  width: 3rem;
2368
2386
  }
2369
2387
 
2370
- .pelcro-root .plc-w-16 {
2388
+ .pelcro-root .plc-w-16{
2371
2389
  width: 4rem;
2372
2390
  }
2373
2391
 
2374
- .pelcro-root .plc-w-20 {
2392
+ .pelcro-root .plc-w-20{
2375
2393
  width: 5rem;
2376
2394
  }
2377
2395
 
2378
- .pelcro-root .plc-w-24 {
2396
+ .pelcro-root .plc-w-24{
2379
2397
  width: 6rem;
2380
2398
  }
2381
2399
 
2382
- .pelcro-root .plc-w-32 {
2400
+ .pelcro-root .plc-w-32{
2383
2401
  width: 8rem;
2384
2402
  }
2385
2403
 
2386
- .pelcro-root .plc-w-36 {
2404
+ .pelcro-root .plc-w-36{
2387
2405
  width: 9rem;
2388
2406
  }
2389
2407
 
2390
- .pelcro-root .plc-w-56 {
2408
+ .pelcro-root .plc-w-56{
2391
2409
  width: 14rem;
2392
2410
  }
2393
2411
 
2394
- .pelcro-root .plc-w-auto {
2412
+ .pelcro-root .plc-w-auto{
2395
2413
  width: auto;
2396
2414
  }
2397
2415
 
2398
- .pelcro-root .plc-w-1\/2 {
2416
+ .pelcro-root .plc-w-1\/2{
2399
2417
  width: 50%;
2400
2418
  }
2401
2419
 
2402
- .pelcro-root .plc-w-1\/3 {
2420
+ .pelcro-root .plc-w-1\/3{
2403
2421
  width: 33.333333%;
2404
2422
  }
2405
2423
 
2406
- .pelcro-root .plc-w-1\/4 {
2424
+ .pelcro-root .plc-w-1\/4{
2407
2425
  width: 25%;
2408
2426
  }
2409
2427
 
2410
- .pelcro-root .plc-w-1\/5 {
2428
+ .pelcro-root .plc-w-1\/5{
2411
2429
  width: 20%;
2412
2430
  }
2413
2431
 
2414
- .pelcro-root .plc-w-2\/5 {
2432
+ .pelcro-root .plc-w-2\/5{
2415
2433
  width: 40%;
2416
2434
  }
2417
2435
 
2418
- .pelcro-root .plc-w-2\/12 {
2436
+ .pelcro-root .plc-w-2\/12{
2419
2437
  width: 16.666667%;
2420
2438
  }
2421
2439
 
2422
- .pelcro-root .plc-w-3\/12 {
2440
+ .pelcro-root .plc-w-3\/12{
2423
2441
  width: 25%;
2424
2442
  }
2425
2443
 
2426
- .pelcro-root .plc-w-4\/12 {
2444
+ .pelcro-root .plc-w-4\/12{
2427
2445
  width: 33.333333%;
2428
2446
  }
2429
2447
 
2430
- .pelcro-root .plc-w-5\/12 {
2448
+ .pelcro-root .plc-w-5\/12{
2431
2449
  width: 41.666667%;
2432
2450
  }
2433
2451
 
2434
- .pelcro-root .plc-w-6\/12 {
2452
+ .pelcro-root .plc-w-6\/12{
2435
2453
  width: 50%;
2436
2454
  }
2437
2455
 
2438
- .pelcro-root .plc-w-10\/12 {
2456
+ .pelcro-root .plc-w-10\/12{
2439
2457
  width: 83.333333%;
2440
2458
  }
2441
2459
 
2442
- .pelcro-root .plc-w-full {
2460
+ .pelcro-root .plc-w-full{
2443
2461
  width: 100%;
2444
2462
  }
2445
2463
 
2446
- .pelcro-root .plc-w-max {
2464
+ .pelcro-root .plc-w-max{
2447
2465
  width: max-content;
2448
2466
  }
2449
2467
 
2450
- .pelcro-root .plc-max-w-xl {
2468
+ .pelcro-root .plc-max-w-sm{
2469
+ max-width: 24rem;
2470
+ }
2471
+
2472
+ .pelcro-root .plc-max-w-xl{
2451
2473
  max-width: 36rem;
2452
2474
  }
2453
2475
 
2454
- .pelcro-root .plc-max-w-50\% {
2476
+ .pelcro-root .plc-max-w-3xl{
2477
+ max-width: 48rem;
2478
+ }
2479
+
2480
+ .pelcro-root .plc-max-w-50\%{
2455
2481
  max-width: 50%;
2456
2482
  }
2457
2483
 
2458
- .pelcro-root .plc-max-w-full {
2484
+ .pelcro-root .plc-max-w-full{
2459
2485
  max-width: 100%;
2460
2486
  }
2461
2487
 
2462
- .pelcro-root .plc-flex-1 {
2488
+ .pelcro-root .plc-flex-1{
2463
2489
  flex: 1 1 0%;
2464
2490
  }
2465
2491
 
2466
- .pelcro-root .plc-flex-shrink-0 {
2492
+ .pelcro-root .plc-flex-shrink-0{
2467
2493
  flex-shrink: 0;
2468
2494
  }
2469
2495
 
2470
- .pelcro-root .plc-flex-grow {
2496
+ .pelcro-root .plc-flex-grow{
2471
2497
  flex-grow: 1;
2472
2498
  }
2473
2499
 
2474
- .pelcro-root .plc-table-fixed {
2500
+ .pelcro-root .plc-table-fixed{
2475
2501
  table-layout: fixed;
2476
2502
  }
2477
2503
 
2478
- .pelcro-root .plc-origin-right {
2504
+ .pelcro-root .plc-origin-right{
2479
2505
  transform-origin: right;
2480
2506
  }
2481
2507
 
2482
- .pelcro-root .plc-transform {
2508
+ .pelcro-root .plc-transform{
2483
2509
  --tw-translate-x: 0;
2484
2510
  --tw-translate-y: 0;
2485
2511
  --tw-rotate: 0;
@@ -2490,983 +2516,976 @@ in order to scope selectors under pelcro-root
2490
2516
  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2491
2517
  }
2492
2518
 
2493
- .pelcro-root .plc-translate-x-0 {
2519
+ .pelcro-root .plc-translate-x-0{
2494
2520
  --tw-translate-x: 0px;
2495
2521
  }
2496
2522
 
2497
- .pelcro-root .plc--translate-x-1 {
2523
+ .pelcro-root .plc--translate-x-1{
2498
2524
  --tw-translate-x: -0.25rem;
2499
2525
  }
2500
2526
 
2501
- .pelcro-root .plc--translate-x-full {
2527
+ .pelcro-root .plc--translate-x-full{
2502
2528
  --tw-translate-x: -100%;
2503
2529
  }
2504
2530
 
2505
- .pelcro-root .plc--translate-y-1\/2 {
2531
+ .pelcro-root .plc--translate-y-1\/2{
2506
2532
  --tw-translate-y: -50%;
2507
2533
  }
2508
2534
 
2509
- .pelcro-root .plc-group:hover .group-hover\:plc-translate-x-1 {
2535
+ .pelcro-root .plc-group:hover .group-hover\:plc-translate-x-1{
2510
2536
  --tw-translate-x: 0.25rem;
2511
2537
  }
2512
2538
 
2513
- .pelcro-root .plc-rotate-90 {
2539
+ .pelcro-root .plc-rotate-90{
2514
2540
  --tw-rotate: 90deg;
2515
2541
  }
2516
2542
 
2517
- .pelcro-root .plc-rotate-180 {
2543
+ .pelcro-root .plc-rotate-180{
2518
2544
  --tw-rotate: 180deg;
2519
2545
  }
2520
2546
 
2521
- .pelcro-root .plc-scale-105 {
2547
+ .pelcro-root .plc-scale-105{
2522
2548
  --tw-scale-x: 1.05;
2523
2549
  --tw-scale-y: 1.05;
2524
2550
  }
2525
2551
 
2526
- .pelcro-root .plc-scale-120 {
2552
+ .pelcro-root .plc-scale-120{
2527
2553
  --tw-scale-x: 1.2;
2528
2554
  --tw-scale-y: 1.2;
2529
2555
  }
2530
2556
 
2531
- .pelcro-root .plc-scale-x-0 {
2557
+ .pelcro-root .plc-scale-x-0{
2532
2558
  --tw-scale-x: 0;
2533
2559
  }
2534
2560
 
2535
- .pelcro-root .plc-scale-x-100 {
2561
+ .pelcro-root .plc-scale-x-100{
2536
2562
  --tw-scale-x: 1;
2537
2563
  }
2538
2564
 
2539
- @keyframes plc-spin {
2540
- to {
2565
+ @keyframes plc-spin{
2566
+ to{
2541
2567
  transform: rotate(360deg);
2542
2568
  }
2543
2569
  }
2544
2570
 
2545
- @keyframes plc-ping {
2546
- 75%, 100% {
2571
+ @keyframes plc-ping{
2572
+ 75%, 100%{
2547
2573
  transform: scale(2);
2548
2574
  opacity: 0;
2549
2575
  }
2550
2576
  }
2551
2577
 
2552
- @keyframes plc-pulse {
2553
- 50% {
2578
+ @keyframes plc-pulse{
2579
+ 50%{
2554
2580
  opacity: .5;
2555
2581
  }
2556
2582
  }
2557
2583
 
2558
- @keyframes plc-bounce {
2559
- 0%, 100% {
2584
+ @keyframes plc-bounce{
2585
+ 0%, 100%{
2560
2586
  transform: translateY(-25%);
2561
2587
  animation-timing-function: cubic-bezier(0.8,0,1,1);
2562
2588
  }
2563
2589
 
2564
- 50% {
2590
+ 50%{
2565
2591
  transform: none;
2566
2592
  animation-timing-function: cubic-bezier(0,0,0.2,1);
2567
2593
  }
2568
2594
  }
2569
2595
 
2570
- @keyframes plc-slideInBottom {
2571
- 0% {
2596
+ @keyframes plc-slideInBottom{
2597
+ 0%{
2572
2598
  transform: translateY(1000px);
2573
2599
  opacity: 0;
2574
2600
  }
2575
2601
 
2576
- 100% {
2602
+ 100%{
2577
2603
  transform: translateY(0);
2578
2604
  opacity: 1;
2579
2605
  }
2580
2606
  }
2581
2607
 
2582
- .pelcro-root .plc-animate-spin {
2608
+ .pelcro-root .plc-animate-spin{
2583
2609
  animation: plc-spin 1s linear infinite;
2584
2610
  }
2585
2611
 
2586
- .pelcro-root .plc-animate-pulse {
2612
+ .pelcro-root .plc-animate-pulse{
2587
2613
  animation: plc-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
2588
2614
  }
2589
2615
 
2590
- @media (prefers-reduced-motion: no-preference) {
2591
- .pelcro-root .motion-safe\:plc-animate-slideInBottom {
2616
+ @media (prefers-reduced-motion: no-preference){
2617
+ .pelcro-root .motion-safe\:plc-animate-slideInBottom{
2592
2618
  animation: plc-slideInBottom 0.5s ease-out;
2593
2619
  }
2594
2620
  }
2595
2621
 
2596
- .pelcro-root .plc-cursor-default {
2622
+ .pelcro-root .plc-cursor-default{
2597
2623
  cursor: default;
2598
2624
  }
2599
2625
 
2600
- .pelcro-root .plc-cursor-pointer {
2626
+ .pelcro-root .plc-cursor-pointer{
2601
2627
  cursor: pointer;
2602
2628
  }
2603
2629
 
2604
- .pelcro-root .plc-select-none {
2630
+ .pelcro-root .plc-select-none{
2605
2631
  -webkit-user-select: none;
2606
2632
  user-select: none;
2607
2633
  }
2608
2634
 
2609
- .pelcro-root .plc-appearance-none {
2635
+ .pelcro-root .plc-appearance-none{
2610
2636
  -webkit-appearance: none;
2611
2637
  appearance: none;
2612
2638
  }
2613
2639
 
2614
- .pelcro-root .plc-flex-row-reverse {
2640
+ .pelcro-root .plc-flex-row-reverse{
2615
2641
  flex-direction: row-reverse;
2616
2642
  }
2617
2643
 
2618
- .pelcro-root .plc-flex-col {
2644
+ .pelcro-root .plc-flex-col{
2619
2645
  flex-direction: column;
2620
2646
  }
2621
2647
 
2622
- .pelcro-root .plc-flex-wrap {
2648
+ .pelcro-root .plc-flex-wrap{
2623
2649
  flex-wrap: wrap;
2624
2650
  }
2625
2651
 
2626
- .pelcro-root .plc-place-items-center {
2652
+ .pelcro-root .plc-place-items-center{
2627
2653
  place-items: center;
2628
2654
  }
2629
2655
 
2630
- .pelcro-root .plc-items-start {
2656
+ .pelcro-root .plc-items-start{
2631
2657
  align-items: flex-start;
2632
2658
  }
2633
2659
 
2634
- .pelcro-root .plc-items-end {
2660
+ .pelcro-root .plc-items-end{
2635
2661
  align-items: flex-end;
2636
2662
  }
2637
2663
 
2638
- .pelcro-root .plc-items-center {
2664
+ .pelcro-root .plc-items-center{
2639
2665
  align-items: center;
2640
2666
  }
2641
2667
 
2642
- .pelcro-root .plc-items-stretch {
2668
+ .pelcro-root .plc-items-stretch{
2643
2669
  align-items: stretch;
2644
2670
  }
2645
2671
 
2646
- .pelcro-root .plc-justify-end {
2672
+ .pelcro-root .plc-justify-end{
2647
2673
  justify-content: flex-end;
2648
2674
  }
2649
2675
 
2650
- .pelcro-root .plc-justify-center {
2676
+ .pelcro-root .plc-justify-center{
2651
2677
  justify-content: center;
2652
2678
  }
2653
2679
 
2654
- .pelcro-root .plc-justify-between {
2680
+ .pelcro-root .plc-justify-between{
2655
2681
  justify-content: space-between;
2656
2682
  }
2657
2683
 
2658
- .pelcro-root .plc-justify-evenly {
2684
+ .pelcro-root .plc-justify-evenly{
2659
2685
  justify-content: space-evenly;
2660
2686
  }
2661
2687
 
2662
- .pelcro-root .plc-justify-items-center {
2688
+ .pelcro-root .plc-justify-items-center{
2663
2689
  justify-items: center;
2664
2690
  }
2665
2691
 
2666
- .pelcro-root .plc-gap-x-3 {
2692
+ .pelcro-root .plc-gap-x-3{
2667
2693
  column-gap: 0.75rem;
2668
2694
  }
2669
2695
 
2670
- .pelcro-root .plc-gap-y-2 {
2696
+ .pelcro-root .plc-gap-y-2{
2671
2697
  row-gap: 0.5rem;
2672
2698
  }
2673
2699
 
2674
- .pelcro-root .plc-gap-y-5 {
2700
+ .pelcro-root .plc-gap-y-5{
2675
2701
  row-gap: 1.25rem;
2676
2702
  }
2677
2703
 
2678
- .pelcro-root .plc-space-x-2 > :not([hidden]) ~ :not([hidden]) {
2704
+ .pelcro-root .plc-space-x-2 > :not([hidden]) ~ :not([hidden]){
2679
2705
  --tw-space-x-reverse: 0;
2680
2706
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
2681
2707
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
2682
2708
  }
2683
2709
 
2684
- .pelcro-root .plc-space-x-3 > :not([hidden]) ~ :not([hidden]) {
2710
+ .pelcro-root .plc-space-x-3 > :not([hidden]) ~ :not([hidden]){
2685
2711
  --tw-space-x-reverse: 0;
2686
2712
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
2687
2713
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
2688
2714
  }
2689
2715
 
2690
- .pelcro-root .plc-space-y-2 > :not([hidden]) ~ :not([hidden]) {
2716
+ .pelcro-root .plc-space-y-2 > :not([hidden]) ~ :not([hidden]){
2691
2717
  --tw-space-y-reverse: 0;
2692
2718
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
2693
2719
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
2694
2720
  }
2695
2721
 
2696
- .pelcro-root .plc-space-y-4 > :not([hidden]) ~ :not([hidden]) {
2722
+ .pelcro-root .plc-space-y-4 > :not([hidden]) ~ :not([hidden]){
2697
2723
  --tw-space-y-reverse: 0;
2698
2724
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
2699
2725
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
2700
2726
  }
2701
2727
 
2702
- .pelcro-root .plc-overflow-auto {
2728
+ .pelcro-root .plc-overflow-auto{
2703
2729
  overflow: auto;
2704
2730
  }
2705
2731
 
2706
- .pelcro-root .plc-overflow-hidden {
2732
+ .pelcro-root .plc-overflow-hidden{
2707
2733
  overflow: hidden;
2708
2734
  }
2709
2735
 
2710
- .pelcro-root .plc-overflow-x-auto {
2736
+ .pelcro-root .plc-overflow-x-auto{
2711
2737
  overflow-x: auto;
2712
2738
  }
2713
2739
 
2714
- .pelcro-root .plc-overflow-y-auto {
2740
+ .pelcro-root .plc-overflow-y-auto{
2715
2741
  overflow-y: auto;
2716
2742
  }
2717
2743
 
2718
- .pelcro-root .plc-overflow-x-hidden {
2744
+ .pelcro-root .plc-overflow-x-hidden{
2719
2745
  overflow-x: hidden;
2720
2746
  }
2721
2747
 
2722
- .pelcro-root .plc-overflow-y-scroll {
2748
+ .pelcro-root .plc-overflow-y-scroll{
2723
2749
  overflow-y: scroll;
2724
2750
  }
2725
2751
 
2726
- .pelcro-root .plc-truncate {
2752
+ .pelcro-root .plc-truncate{
2727
2753
  overflow: hidden;
2728
2754
  text-overflow: ellipsis;
2729
2755
  white-space: nowrap;
2730
2756
  }
2731
2757
 
2732
- .pelcro-root .plc-whitespace-nowrap {
2758
+ .pelcro-root .plc-whitespace-nowrap{
2733
2759
  white-space: nowrap;
2734
2760
  }
2735
2761
 
2736
- .pelcro-root .plc-whitespace-pre-line {
2762
+ .pelcro-root .plc-whitespace-pre-line{
2737
2763
  white-space: pre-line;
2738
2764
  }
2739
2765
 
2740
- .pelcro-root .plc-break-words {
2766
+ .pelcro-root .plc-break-words{
2741
2767
  overflow-wrap: break-word;
2742
2768
  }
2743
2769
 
2744
- .pelcro-root .plc-break-all {
2770
+ .pelcro-root .plc-break-all{
2745
2771
  word-break: break-all;
2746
2772
  }
2747
2773
 
2748
- .pelcro-root .plc-rounded-none {
2774
+ .pelcro-root .plc-rounded-none{
2749
2775
  border-radius: 0px;
2750
2776
  }
2751
2777
 
2752
- .pelcro-root .plc-rounded-sm {
2778
+ .pelcro-root .plc-rounded-sm{
2753
2779
  border-radius: 0.125rem;
2754
2780
  }
2755
2781
 
2756
- .pelcro-root .plc-rounded {
2782
+ .pelcro-root .plc-rounded{
2757
2783
  border-radius: 0.25rem;
2758
2784
  }
2759
2785
 
2760
- .pelcro-root .plc-rounded-md {
2786
+ .pelcro-root .plc-rounded-md{
2761
2787
  border-radius: 0.375rem;
2762
2788
  }
2763
2789
 
2764
- .pelcro-root .plc-rounded-lg {
2790
+ .pelcro-root .plc-rounded-lg{
2765
2791
  border-radius: 0.5rem;
2766
2792
  }
2767
2793
 
2768
- .pelcro-root .plc-rounded-2xl {
2794
+ .pelcro-root .plc-rounded-2xl{
2769
2795
  border-radius: 1rem;
2770
2796
  }
2771
2797
 
2772
- .pelcro-root .plc-rounded-full {
2798
+ .pelcro-root .plc-rounded-full{
2773
2799
  border-radius: 9999px;
2774
2800
  }
2775
2801
 
2776
- .pelcro-root .plc-border-0 {
2802
+ .pelcro-root .plc-border-0{
2777
2803
  border-width: 0px;
2778
2804
  }
2779
2805
 
2780
- .pelcro-root .plc-border-2 {
2806
+ .pelcro-root .plc-border-2{
2781
2807
  border-width: 2px;
2782
2808
  }
2783
2809
 
2784
- .pelcro-root .plc-border {
2810
+ .pelcro-root .plc-border{
2785
2811
  border-width: 1px;
2786
2812
  }
2787
2813
 
2788
- .pelcro-root .last\:plc-border-0:last-child {
2814
+ .pelcro-root .last\:plc-border-0:last-child{
2789
2815
  border-width: 0px;
2790
2816
  }
2791
2817
 
2792
- .pelcro-root .plc-border-t-2 {
2818
+ .pelcro-root .plc-border-t-2{
2793
2819
  border-top-width: 2px;
2794
2820
  }
2795
2821
 
2796
- .pelcro-root .plc-border-t-4 {
2822
+ .pelcro-root .plc-border-t-4{
2797
2823
  border-top-width: 4px;
2798
2824
  }
2799
2825
 
2800
- .pelcro-root .plc-border-t-8 {
2826
+ .pelcro-root .plc-border-t-8{
2801
2827
  border-top-width: 8px;
2802
2828
  }
2803
2829
 
2804
- .pelcro-root .plc-border-t {
2830
+ .pelcro-root .plc-border-t{
2805
2831
  border-top-width: 1px;
2806
2832
  }
2807
2833
 
2808
- .pelcro-root .plc-border-b-2 {
2834
+ .pelcro-root .plc-border-b-2{
2809
2835
  border-bottom-width: 2px;
2810
2836
  }
2811
2837
 
2812
- .pelcro-root .plc-border-b {
2838
+ .pelcro-root .plc-border-b{
2813
2839
  border-bottom-width: 1px;
2814
2840
  }
2815
2841
 
2816
- .pelcro-root .plc-border-l-2 {
2842
+ .pelcro-root .plc-border-l-2{
2817
2843
  border-left-width: 2px;
2818
2844
  }
2819
2845
 
2820
- .pelcro-root .plc-border-l-4 {
2846
+ .pelcro-root .plc-border-l-4{
2821
2847
  border-left-width: 4px;
2822
2848
  }
2823
2849
 
2824
- .pelcro-root .plc-border-solid {
2850
+ .pelcro-root .plc-border-solid{
2825
2851
  border-style: solid;
2826
2852
  }
2827
2853
 
2828
- .pelcro-root .plc-border-transparent {
2854
+ .pelcro-root .plc-border-transparent{
2829
2855
  border-color: transparent;
2830
2856
  }
2831
2857
 
2832
- .pelcro-root .plc-border-primary-300 {
2858
+ .pelcro-root .plc-border-primary-300{
2833
2859
  border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 20%));
2834
2860
  }
2835
2861
 
2836
- .pelcro-root .plc-border-primary-400 {
2862
+ .pelcro-root .plc-border-primary-400{
2837
2863
  border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
2838
2864
  }
2839
2865
 
2840
- .pelcro-root .plc-border-primary-500 {
2866
+ .pelcro-root .plc-border-primary-500{
2841
2867
  border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
2842
2868
  }
2843
2869
 
2844
- .pelcro-root .plc-border-primary-800 {
2845
- border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 30%));
2846
- }
2847
-
2848
- .pelcro-root .plc-border-primary {
2870
+ .pelcro-root .plc-border-primary{
2849
2871
  border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
2850
2872
  }
2851
2873
 
2852
- .pelcro-root .plc-border-white {
2874
+ .pelcro-root .plc-border-white{
2853
2875
  --tw-border-opacity: 1;
2854
2876
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
2855
2877
  }
2856
2878
 
2857
- .pelcro-root .plc-border-gray-200 {
2879
+ .pelcro-root .plc-border-gray-200{
2858
2880
  --tw-border-opacity: 1;
2859
2881
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
2860
2882
  }
2861
2883
 
2862
- .pelcro-root .plc-border-gray-300 {
2884
+ .pelcro-root .plc-border-gray-300{
2863
2885
  --tw-border-opacity: 1;
2864
2886
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
2865
2887
  }
2866
2888
 
2867
- .pelcro-root .plc-border-gray-400 {
2889
+ .pelcro-root .plc-border-gray-400{
2868
2890
  --tw-border-opacity: 1;
2869
2891
  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
2870
2892
  }
2871
2893
 
2872
- .pelcro-root .plc-border-green-400 {
2894
+ .pelcro-root .plc-border-green-400{
2873
2895
  --tw-border-opacity: 1;
2874
2896
  border-color: rgba(52, 211, 153, var(--tw-border-opacity));
2875
2897
  }
2876
2898
 
2877
- .pelcro-root .hover\:plc-border-primary-800:hover {
2899
+ .pelcro-root .hover\:plc-border-primary-800:hover{
2878
2900
  border-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 30%));
2879
2901
  }
2880
2902
 
2881
- .pelcro-root .plc-bg-transparent {
2903
+ .pelcro-root .plc-bg-transparent{
2882
2904
  background-color: transparent;
2883
2905
  }
2884
2906
 
2885
- .pelcro-root .plc-bg-primary-200 {
2907
+ .pelcro-root .plc-bg-primary-200{
2886
2908
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 30%));
2887
2909
  }
2888
2910
 
2889
- .pelcro-root .plc-bg-primary-400 {
2911
+ .pelcro-root .plc-bg-primary-400{
2890
2912
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
2891
2913
  }
2892
2914
 
2893
- .pelcro-root .plc-bg-primary-700 {
2915
+ .pelcro-root .plc-bg-primary-700{
2894
2916
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 20%));
2895
2917
  }
2896
2918
 
2897
- .pelcro-root .plc-bg-primary-800 {
2898
- background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 30%));
2899
- }
2900
-
2901
- .pelcro-root .plc-bg-primary {
2919
+ .pelcro-root .plc-bg-primary{
2902
2920
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
2903
2921
  }
2904
2922
 
2905
- .pelcro-root .plc-bg-white {
2923
+ .pelcro-root .plc-bg-white{
2906
2924
  --tw-bg-opacity: 1;
2907
2925
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
2908
2926
  }
2909
2927
 
2910
- .pelcro-root .plc-bg-gray-50 {
2928
+ .pelcro-root .plc-bg-gray-50{
2911
2929
  --tw-bg-opacity: 1;
2912
2930
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
2913
2931
  }
2914
2932
 
2915
- .pelcro-root .plc-bg-gray-100 {
2933
+ .pelcro-root .plc-bg-gray-100{
2916
2934
  --tw-bg-opacity: 1;
2917
2935
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
2918
2936
  }
2919
2937
 
2920
- .pelcro-root .plc-bg-gray-200 {
2938
+ .pelcro-root .plc-bg-gray-200{
2921
2939
  --tw-bg-opacity: 1;
2922
2940
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
2923
2941
  }
2924
2942
 
2925
- .pelcro-root .plc-bg-gray-300 {
2943
+ .pelcro-root .plc-bg-gray-300{
2926
2944
  --tw-bg-opacity: 1;
2927
2945
  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
2928
2946
  }
2929
2947
 
2930
- .pelcro-root .plc-bg-gray-500 {
2948
+ .pelcro-root .plc-bg-gray-400{
2949
+ --tw-bg-opacity: 1;
2950
+ background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
2951
+ }
2952
+
2953
+ .pelcro-root .plc-bg-gray-500{
2931
2954
  --tw-bg-opacity: 1;
2932
2955
  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
2933
2956
  }
2934
2957
 
2935
- .pelcro-root .plc-bg-gray-600 {
2958
+ .pelcro-root .plc-bg-gray-600{
2936
2959
  --tw-bg-opacity: 1;
2937
2960
  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
2938
2961
  }
2939
2962
 
2940
- .pelcro-root .plc-bg-gray-800 {
2963
+ .pelcro-root .plc-bg-gray-800{
2941
2964
  --tw-bg-opacity: 1;
2942
2965
  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
2943
2966
  }
2944
2967
 
2945
- .pelcro-root .plc-bg-red-100 {
2968
+ .pelcro-root .plc-bg-red-100{
2946
2969
  --tw-bg-opacity: 1;
2947
2970
  background-color: rgba(239, 190, 188, var(--tw-bg-opacity));
2948
2971
  }
2949
2972
 
2950
- .pelcro-root .plc-bg-red-500 {
2973
+ .pelcro-root .plc-bg-red-500{
2951
2974
  --tw-bg-opacity: 1;
2952
2975
  background-color: rgba(180, 48, 43, var(--tw-bg-opacity));
2953
2976
  }
2954
2977
 
2955
- .pelcro-root .plc-bg-yellow-100 {
2978
+ .pelcro-root .plc-bg-yellow-100{
2956
2979
  --tw-bg-opacity: 1;
2957
2980
  background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
2958
2981
  }
2959
2982
 
2960
- .pelcro-root .plc-bg-green-50 {
2983
+ .pelcro-root .plc-bg-green-50{
2961
2984
  --tw-bg-opacity: 1;
2962
2985
  background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
2963
2986
  }
2964
2987
 
2965
- .pelcro-root .plc-bg-green-100 {
2988
+ .pelcro-root .plc-bg-green-100{
2966
2989
  --tw-bg-opacity: 1;
2967
2990
  background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
2968
2991
  }
2969
2992
 
2970
- .pelcro-root .plc-bg-blue-100 {
2993
+ .pelcro-root .plc-bg-blue-100{
2971
2994
  --tw-bg-opacity: 1;
2972
2995
  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
2973
2996
  }
2974
2997
 
2975
- .pelcro-root .plc-bg-orange-100 {
2998
+ .pelcro-root .plc-bg-orange-100{
2976
2999
  --tw-bg-opacity: 1;
2977
3000
  background-color: rgba(255, 237, 213, var(--tw-bg-opacity));
2978
3001
  }
2979
3002
 
2980
- .pelcro-root .hover\:plc-bg-transparent:hover {
3003
+ .pelcro-root .hover\:plc-bg-transparent:hover{
2981
3004
  background-color: transparent;
2982
3005
  }
2983
3006
 
2984
- .pelcro-root .hover\:plc-bg-primary-600:hover {
3007
+ .pelcro-root .hover\:plc-bg-primary-600:hover{
2985
3008
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
2986
3009
  }
2987
3010
 
2988
- .pelcro-root .hover\:plc-bg-white:hover {
3011
+ .pelcro-root .hover\:plc-bg-white:hover{
2989
3012
  --tw-bg-opacity: 1;
2990
3013
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
2991
3014
  }
2992
3015
 
2993
- .pelcro-root .hover\:plc-bg-gray-50:hover {
3016
+ .pelcro-root .hover\:plc-bg-gray-50:hover{
2994
3017
  --tw-bg-opacity: 1;
2995
3018
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
2996
3019
  }
2997
3020
 
2998
- .pelcro-root .hover\:plc-bg-gray-100:hover {
3021
+ .pelcro-root .hover\:plc-bg-gray-100:hover{
2999
3022
  --tw-bg-opacity: 1;
3000
3023
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
3001
3024
  }
3002
3025
 
3003
- .pelcro-root .hover\:plc-bg-gray-600:hover {
3026
+ .pelcro-root .hover\:plc-bg-gray-600:hover{
3004
3027
  --tw-bg-opacity: 1;
3005
3028
  background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
3006
3029
  }
3007
3030
 
3008
- .pelcro-root .hover\:plc-bg-gray-900:hover {
3031
+ .pelcro-root .hover\:plc-bg-gray-900:hover{
3009
3032
  --tw-bg-opacity: 1;
3010
3033
  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
3011
3034
  }
3012
3035
 
3013
- .pelcro-root .hover\:plc-bg-red-600:hover {
3036
+ .pelcro-root .hover\:plc-bg-red-600:hover{
3014
3037
  --tw-bg-opacity: 1;
3015
3038
  background-color: rgba(139, 37, 33, var(--tw-bg-opacity));
3016
3039
  }
3017
3040
 
3018
- .pelcro-root .focus\:plc-bg-transparent:focus {
3041
+ .pelcro-root .focus\:plc-bg-transparent:focus{
3019
3042
  background-color: transparent;
3020
3043
  }
3021
3044
 
3022
- .pelcro-root .focus\:plc-bg-primary-600:focus {
3045
+ .pelcro-root .focus\:plc-bg-primary-600:focus{
3023
3046
  background-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
3024
3047
  }
3025
3048
 
3026
- .pelcro-root .disabled\:plc-bg-gray-400:disabled {
3049
+ .pelcro-root .disabled\:plc-bg-gray-400:disabled{
3027
3050
  --tw-bg-opacity: 1;
3028
3051
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
3029
3052
  }
3030
3053
 
3031
- .pelcro-root .plc-fill-current {
3054
+ .pelcro-root .plc-fill-current{
3032
3055
  fill: currentColor;
3033
3056
  }
3034
3057
 
3035
- .pelcro-root .plc-object-contain {
3058
+ .pelcro-root .plc-object-contain{
3036
3059
  object-fit: contain;
3037
3060
  }
3038
3061
 
3039
- .pelcro-root .plc-object-left {
3062
+ .pelcro-root .plc-object-left{
3040
3063
  object-position: left;
3041
3064
  }
3042
3065
 
3043
- .pelcro-root .plc-p-1 {
3066
+ .pelcro-root .plc-p-1{
3044
3067
  padding: 0.25rem;
3045
3068
  }
3046
3069
 
3047
- .pelcro-root .plc-p-2 {
3070
+ .pelcro-root .plc-p-2{
3048
3071
  padding: 0.5rem;
3049
3072
  }
3050
3073
 
3051
- .pelcro-root .plc-p-3 {
3074
+ .pelcro-root .plc-p-3{
3052
3075
  padding: 0.75rem;
3053
3076
  }
3054
3077
 
3055
- .pelcro-root .plc-p-4 {
3078
+ .pelcro-root .plc-p-4{
3056
3079
  padding: 1rem;
3057
3080
  }
3058
3081
 
3059
- .pelcro-root .plc-p-5 {
3082
+ .pelcro-root .plc-p-5{
3060
3083
  padding: 1.25rem;
3061
3084
  }
3062
3085
 
3063
- .pelcro-root .plc-p-6 {
3086
+ .pelcro-root .plc-p-6{
3064
3087
  padding: 1.5rem;
3065
3088
  }
3066
3089
 
3067
- .pelcro-root .plc-px-0 {
3090
+ .pelcro-root .plc-px-0{
3068
3091
  padding-left: 0px;
3069
3092
  padding-right: 0px;
3070
3093
  }
3071
3094
 
3072
- .pelcro-root .plc-px-1 {
3095
+ .pelcro-root .plc-px-1{
3073
3096
  padding-left: 0.25rem;
3074
3097
  padding-right: 0.25rem;
3075
3098
  }
3076
3099
 
3077
- .pelcro-root .plc-px-2 {
3100
+ .pelcro-root .plc-px-2{
3078
3101
  padding-left: 0.5rem;
3079
3102
  padding-right: 0.5rem;
3080
3103
  }
3081
3104
 
3082
- .pelcro-root .plc-px-3 {
3105
+ .pelcro-root .plc-px-3{
3083
3106
  padding-left: 0.75rem;
3084
3107
  padding-right: 0.75rem;
3085
3108
  }
3086
3109
 
3087
- .pelcro-root .plc-px-4 {
3110
+ .pelcro-root .plc-px-4{
3088
3111
  padding-left: 1rem;
3089
3112
  padding-right: 1rem;
3090
3113
  }
3091
3114
 
3092
- .pelcro-root .plc-px-6 {
3115
+ .pelcro-root .plc-px-6{
3093
3116
  padding-left: 1.5rem;
3094
3117
  padding-right: 1.5rem;
3095
3118
  }
3096
3119
 
3097
- .pelcro-root .plc-py-1 {
3120
+ .pelcro-root .plc-py-1{
3098
3121
  padding-top: 0.25rem;
3099
3122
  padding-bottom: 0.25rem;
3100
3123
  }
3101
3124
 
3102
- .pelcro-root .plc-py-2 {
3125
+ .pelcro-root .plc-py-2{
3103
3126
  padding-top: 0.5rem;
3104
3127
  padding-bottom: 0.5rem;
3105
3128
  }
3106
3129
 
3107
- .pelcro-root .plc-py-3 {
3130
+ .pelcro-root .plc-py-3{
3108
3131
  padding-top: 0.75rem;
3109
3132
  padding-bottom: 0.75rem;
3110
3133
  }
3111
3134
 
3112
- .pelcro-root .plc-py-4 {
3135
+ .pelcro-root .plc-py-4{
3113
3136
  padding-top: 1rem;
3114
3137
  padding-bottom: 1rem;
3115
3138
  }
3116
3139
 
3117
- .pelcro-root .plc-py-5 {
3140
+ .pelcro-root .plc-py-5{
3118
3141
  padding-top: 1.25rem;
3119
3142
  padding-bottom: 1.25rem;
3120
3143
  }
3121
3144
 
3122
- .pelcro-root .plc-pt-1 {
3145
+ .pelcro-root .plc-pt-1{
3123
3146
  padding-top: 0.25rem;
3124
3147
  }
3125
3148
 
3126
- .pelcro-root .plc-pt-2 {
3149
+ .pelcro-root .plc-pt-2{
3127
3150
  padding-top: 0.5rem;
3128
3151
  }
3129
3152
 
3130
- .pelcro-root .plc-pt-4 {
3153
+ .pelcro-root .plc-pt-4{
3131
3154
  padding-top: 1rem;
3132
3155
  }
3133
3156
 
3134
- .pelcro-root .plc-pr-1 {
3157
+ .pelcro-root .plc-pr-1{
3135
3158
  padding-right: 0.25rem;
3136
3159
  }
3137
3160
 
3138
- .pelcro-root .plc-pr-2 {
3161
+ .pelcro-root .plc-pr-2{
3139
3162
  padding-right: 0.5rem;
3140
3163
  }
3141
3164
 
3142
- .pelcro-root .plc-pr-4 {
3165
+ .pelcro-root .plc-pr-4{
3143
3166
  padding-right: 1rem;
3144
3167
  }
3145
3168
 
3146
- .pelcro-root .plc-pb-4 {
3169
+ .pelcro-root .plc-pb-4{
3147
3170
  padding-bottom: 1rem;
3148
3171
  }
3149
3172
 
3150
- .pelcro-root .plc-pl-2 {
3173
+ .pelcro-root .plc-pl-2{
3151
3174
  padding-left: 0.5rem;
3152
3175
  }
3153
3176
 
3154
- .pelcro-root .plc-pl-4 {
3177
+ .pelcro-root .plc-pl-4{
3155
3178
  padding-left: 1rem;
3156
3179
  }
3157
3180
 
3158
- .pelcro-root .plc-text-left {
3181
+ .pelcro-root .plc-text-left{
3159
3182
  text-align: left;
3160
3183
  }
3161
3184
 
3162
- .pelcro-root .plc-text-center {
3185
+ .pelcro-root .plc-text-center{
3163
3186
  text-align: center;
3164
3187
  }
3165
3188
 
3166
- .pelcro-root .plc-align-top {
3189
+ .pelcro-root .plc-align-top{
3167
3190
  vertical-align: top;
3168
3191
  }
3169
3192
 
3170
- .pelcro-root .plc-align-middle {
3193
+ .pelcro-root .plc-align-middle{
3171
3194
  vertical-align: middle;
3172
3195
  }
3173
3196
 
3174
- .pelcro-root .plc-text-xs {
3197
+ .pelcro-root .plc-text-xs{
3175
3198
  font-size: 0.75rem;
3176
3199
  line-height: 1rem;
3177
3200
  }
3178
3201
 
3179
- .pelcro-root .plc-text-sm {
3202
+ .pelcro-root .plc-text-sm{
3180
3203
  font-size: 0.875rem;
3181
3204
  line-height: 1.25rem;
3182
3205
  }
3183
3206
 
3184
- .pelcro-root .plc-text-base {
3207
+ .pelcro-root .plc-text-base{
3185
3208
  font-size: 1rem;
3186
3209
  line-height: 1.5rem;
3187
3210
  }
3188
3211
 
3189
- .pelcro-root .plc-text-lg {
3212
+ .pelcro-root .plc-text-lg{
3190
3213
  font-size: 1.125rem;
3191
3214
  line-height: 1.75rem;
3192
3215
  }
3193
3216
 
3194
- .pelcro-root .plc-text-xl {
3217
+ .pelcro-root .plc-text-xl{
3195
3218
  font-size: 1.25rem;
3196
3219
  line-height: 1.75rem;
3197
3220
  }
3198
3221
 
3199
- .pelcro-root .plc-text-2xl {
3222
+ .pelcro-root .plc-text-2xl{
3200
3223
  font-size: 1.5rem;
3201
3224
  line-height: 2rem;
3202
3225
  }
3203
3226
 
3204
- .pelcro-root .plc-text-3xl {
3227
+ .pelcro-root .plc-text-3xl{
3205
3228
  font-size: 1.875rem;
3206
3229
  line-height: 2.25rem;
3207
3230
  }
3208
3231
 
3209
- .pelcro-root .plc-text-4xl {
3232
+ .pelcro-root .plc-text-4xl{
3210
3233
  font-size: 2.25rem;
3211
3234
  line-height: 2.5rem;
3212
3235
  }
3213
3236
 
3214
- .pelcro-root .plc-font-thin {
3237
+ .pelcro-root .plc-font-thin{
3215
3238
  font-weight: 100;
3216
3239
  }
3217
3240
 
3218
- .pelcro-root .plc-font-normal {
3241
+ .pelcro-root .plc-font-normal{
3219
3242
  font-weight: 400;
3220
3243
  }
3221
3244
 
3222
- .pelcro-root .plc-font-medium {
3245
+ .pelcro-root .plc-font-medium{
3223
3246
  font-weight: 500;
3224
3247
  }
3225
3248
 
3226
- .pelcro-root .plc-font-semibold {
3249
+ .pelcro-root .plc-font-semibold{
3227
3250
  font-weight: 600;
3228
3251
  }
3229
3252
 
3230
- .pelcro-root .plc-font-bold {
3253
+ .pelcro-root .plc-font-bold{
3231
3254
  font-weight: 700;
3232
3255
  }
3233
3256
 
3234
- .pelcro-root .plc-uppercase {
3257
+ .pelcro-root .plc-uppercase{
3235
3258
  text-transform: uppercase;
3236
3259
  }
3237
3260
 
3238
- .pelcro-root .plc-capitalize {
3261
+ .pelcro-root .plc-capitalize{
3239
3262
  text-transform: capitalize;
3240
3263
  }
3241
3264
 
3242
- .pelcro-root .plc-tracking-wider {
3265
+ .pelcro-root .plc-tracking-wider{
3243
3266
  letter-spacing: 0.05em;
3244
3267
  }
3245
3268
 
3246
- .pelcro-root .plc-tracking-widest {
3269
+ .pelcro-root .plc-tracking-widest{
3247
3270
  letter-spacing: 0.1em;
3248
3271
  }
3249
3272
 
3250
- .pelcro-root .plc-text-primary-400 {
3273
+ .pelcro-root .plc-text-primary-400{
3251
3274
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
3252
3275
  }
3253
3276
 
3254
- .pelcro-root .plc-text-primary-500 {
3277
+ .pelcro-root .plc-text-primary-500{
3255
3278
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
3256
3279
  }
3257
3280
 
3258
- .pelcro-root .plc-text-primary-600 {
3281
+ .pelcro-root .plc-text-primary-600{
3259
3282
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
3260
3283
  }
3261
3284
 
3262
- .pelcro-root .plc-text-primary-800 {
3285
+ .pelcro-root .plc-text-primary-800{
3263
3286
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 30%));
3264
3287
  }
3265
3288
 
3266
- .pelcro-root .plc-text-black {
3289
+ .pelcro-root .plc-text-black{
3267
3290
  --tw-text-opacity: 1;
3268
3291
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3269
3292
  }
3270
3293
 
3271
- .pelcro-root .plc-text-white {
3294
+ .pelcro-root .plc-text-white{
3272
3295
  --tw-text-opacity: 1;
3273
3296
  color: rgba(255, 255, 255, var(--tw-text-opacity));
3274
3297
  }
3275
3298
 
3276
- .pelcro-root .plc-text-gray-400 {
3299
+ .pelcro-root .plc-text-gray-400{
3277
3300
  --tw-text-opacity: 1;
3278
3301
  color: rgba(156, 163, 175, var(--tw-text-opacity));
3279
3302
  }
3280
3303
 
3281
- .pelcro-root .plc-text-gray-500 {
3304
+ .pelcro-root .plc-text-gray-500{
3282
3305
  --tw-text-opacity: 1;
3283
3306
  color: rgba(107, 114, 128, var(--tw-text-opacity));
3284
3307
  }
3285
3308
 
3286
- .pelcro-root .plc-text-gray-600 {
3309
+ .pelcro-root .plc-text-gray-600{
3287
3310
  --tw-text-opacity: 1;
3288
3311
  color: rgba(75, 85, 99, var(--tw-text-opacity));
3289
3312
  }
3290
3313
 
3291
- .pelcro-root .plc-text-gray-700 {
3314
+ .pelcro-root .plc-text-gray-700{
3292
3315
  --tw-text-opacity: 1;
3293
3316
  color: rgba(55, 65, 81, var(--tw-text-opacity));
3294
3317
  }
3295
3318
 
3296
- .pelcro-root .plc-text-gray-900 {
3319
+ .pelcro-root .plc-text-gray-900{
3297
3320
  --tw-text-opacity: 1;
3298
3321
  color: rgba(17, 24, 39, var(--tw-text-opacity));
3299
3322
  }
3300
3323
 
3301
- .pelcro-root .plc-text-red-500 {
3324
+ .pelcro-root .plc-text-red-500{
3302
3325
  --tw-text-opacity: 1;
3303
3326
  color: rgba(180, 48, 43, var(--tw-text-opacity));
3304
3327
  }
3305
3328
 
3306
- .pelcro-root .plc-text-red-700 {
3329
+ .pelcro-root .plc-text-red-700{
3307
3330
  --tw-text-opacity: 1;
3308
3331
  color: rgba(98, 26, 23, var(--tw-text-opacity));
3309
3332
  }
3310
3333
 
3311
- .pelcro-root .plc-text-yellow-500 {
3334
+ .pelcro-root .plc-text-yellow-500{
3312
3335
  --tw-text-opacity: 1;
3313
3336
  color: rgba(245, 158, 11, var(--tw-text-opacity));
3314
3337
  }
3315
3338
 
3316
- .pelcro-root .plc-text-yellow-700 {
3339
+ .pelcro-root .plc-text-yellow-700{
3317
3340
  --tw-text-opacity: 1;
3318
3341
  color: rgba(180, 83, 9, var(--tw-text-opacity));
3319
3342
  }
3320
3343
 
3321
- .pelcro-root .plc-text-green-400 {
3344
+ .pelcro-root .plc-text-green-400{
3322
3345
  --tw-text-opacity: 1;
3323
3346
  color: rgba(52, 211, 153, var(--tw-text-opacity));
3324
3347
  }
3325
3348
 
3326
- .pelcro-root .plc-text-green-500 {
3349
+ .pelcro-root .plc-text-green-500{
3327
3350
  --tw-text-opacity: 1;
3328
3351
  color: rgba(16, 185, 129, var(--tw-text-opacity));
3329
3352
  }
3330
3353
 
3331
- .pelcro-root .plc-text-green-600 {
3354
+ .pelcro-root .plc-text-green-600{
3332
3355
  --tw-text-opacity: 1;
3333
3356
  color: rgba(5, 150, 105, var(--tw-text-opacity));
3334
3357
  }
3335
3358
 
3336
- .pelcro-root .plc-text-green-700 {
3359
+ .pelcro-root .plc-text-green-700{
3337
3360
  --tw-text-opacity: 1;
3338
3361
  color: rgba(4, 120, 87, var(--tw-text-opacity));
3339
3362
  }
3340
3363
 
3341
- .pelcro-root .plc-text-blue-400 {
3364
+ .pelcro-root .plc-text-blue-400{
3342
3365
  --tw-text-opacity: 1;
3343
3366
  color: rgba(96, 165, 250, var(--tw-text-opacity));
3344
3367
  }
3345
3368
 
3346
- .pelcro-root .plc-text-blue-500 {
3369
+ .pelcro-root .plc-text-blue-500{
3347
3370
  --tw-text-opacity: 1;
3348
3371
  color: rgba(59, 130, 246, var(--tw-text-opacity));
3349
3372
  }
3350
3373
 
3351
- .pelcro-root .plc-text-blue-700 {
3374
+ .pelcro-root .plc-text-blue-700{
3352
3375
  --tw-text-opacity: 1;
3353
3376
  color: rgba(29, 78, 216, var(--tw-text-opacity));
3354
3377
  }
3355
3378
 
3356
- .pelcro-root .plc-text-orange-700 {
3379
+ .pelcro-root .plc-text-orange-700{
3357
3380
  --tw-text-opacity: 1;
3358
3381
  color: rgba(194, 65, 12, var(--tw-text-opacity));
3359
3382
  }
3360
3383
 
3361
- .pelcro-root .plc-group:hover .group-hover\:plc-text-primary-400 {
3384
+ .pelcro-root .plc-group:hover .group-hover\:plc-text-primary-400{
3362
3385
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
3363
3386
  }
3364
3387
 
3365
- .pelcro-root .hover\:plc-text-primary-500:hover {
3388
+ .pelcro-root .hover\:plc-text-primary-500:hover{
3366
3389
  color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
3367
3390
  }
3368
3391
 
3369
- .pelcro-root .hover\:plc-text-primary:hover {
3370
- color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), var(--plc-primary-lightness));
3371
- }
3372
-
3373
- .pelcro-root .hover\:plc-text-black:hover {
3392
+ .pelcro-root .hover\:plc-text-black:hover{
3374
3393
  --tw-text-opacity: 1;
3375
3394
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3376
3395
  }
3377
3396
 
3378
- .pelcro-root .hover\:plc-text-white:hover {
3397
+ .pelcro-root .hover\:plc-text-white:hover{
3379
3398
  --tw-text-opacity: 1;
3380
3399
  color: rgba(255, 255, 255, var(--tw-text-opacity));
3381
3400
  }
3382
3401
 
3383
- .pelcro-root .hover\:plc-text-gray-900:hover {
3402
+ .pelcro-root .hover\:plc-text-gray-900:hover{
3384
3403
  --tw-text-opacity: 1;
3385
3404
  color: rgba(17, 24, 39, var(--tw-text-opacity));
3386
3405
  }
3387
3406
 
3388
- .pelcro-root .hover\:plc-text-red-500:hover {
3407
+ .pelcro-root .hover\:plc-text-red-500:hover{
3389
3408
  --tw-text-opacity: 1;
3390
3409
  color: rgba(180, 48, 43, var(--tw-text-opacity));
3391
3410
  }
3392
3411
 
3393
- .pelcro-root .focus\:plc-text-black:focus {
3412
+ .pelcro-root .focus\:plc-text-black:focus{
3394
3413
  --tw-text-opacity: 1;
3395
3414
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3396
3415
  }
3397
3416
 
3398
- .pelcro-root .focus\:plc-text-white:focus {
3417
+ .pelcro-root .focus\:plc-text-white:focus{
3399
3418
  --tw-text-opacity: 1;
3400
3419
  color: rgba(255, 255, 255, var(--tw-text-opacity));
3401
3420
  }
3402
3421
 
3403
- .pelcro-root .plc-underline {
3422
+ .pelcro-root .plc-underline{
3404
3423
  text-decoration: underline;
3405
3424
  }
3406
3425
 
3407
- .pelcro-root .plc-no-underline {
3426
+ .pelcro-root .plc-no-underline{
3408
3427
  text-decoration: none;
3409
3428
  }
3410
3429
 
3411
- .pelcro-root .hover\:plc-opacity-30:hover {
3430
+ .pelcro-root .hover\:plc-opacity-30:hover{
3412
3431
  opacity: 0.3;
3413
3432
  }
3414
3433
 
3415
- *, ::before, ::after {
3434
+ *, ::before, ::after{
3416
3435
  --tw-shadow: 0 0 #0000;
3417
3436
  }
3418
3437
 
3419
- .pelcro-root .plc-shadow-sm {
3438
+ .pelcro-root .plc-shadow-sm{
3420
3439
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
3421
3440
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3422
3441
  }
3423
3442
 
3424
- .pelcro-root .plc-shadow-md {
3443
+ .pelcro-root .plc-shadow-md{
3425
3444
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
3426
3445
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3427
3446
  }
3428
3447
 
3429
- .pelcro-root .plc-shadow-md_dark {
3448
+ .pelcro-root .plc-shadow-md_dark{
3430
3449
  --tw-shadow: 0 0px 6px -1px rgba(0, 0, 0, 0.1), 0 0px 4px -1px rgba(0, 0, 0, 0.4);
3431
3450
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3432
3451
  }
3433
3452
 
3434
- .pelcro-root .plc-shadow-lg {
3453
+ .pelcro-root .plc-shadow-lg{
3435
3454
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
3436
3455
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3437
3456
  }
3438
3457
 
3439
- .pelcro-root .plc-shadow-xl {
3458
+ .pelcro-root .plc-shadow-xl{
3440
3459
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
3441
3460
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3442
3461
  }
3443
3462
 
3444
- .pelcro-root .hover\:plc-shadow-none:hover {
3463
+ .pelcro-root .hover\:plc-shadow-none:hover{
3445
3464
  --tw-shadow: 0 0 #0000;
3446
3465
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3447
3466
  }
3448
3467
 
3449
- .pelcro-root .focus\:plc-shadow-none:focus {
3468
+ .pelcro-root .focus\:plc-shadow-none:focus{
3450
3469
  --tw-shadow: 0 0 #0000;
3451
3470
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3452
3471
  }
3453
3472
 
3454
- .pelcro-root .plc-outline-none {
3473
+ .pelcro-root .plc-outline-none{
3455
3474
  outline: 2px solid transparent;
3456
3475
  outline-offset: 2px;
3457
3476
  }
3458
3477
 
3459
- .pelcro-root .focus-within\:plc-outline-none:focus-within {
3478
+ .pelcro-root .focus-within\:plc-outline-none:focus-within{
3460
3479
  outline: 2px solid transparent;
3461
3480
  outline-offset: 2px;
3462
3481
  }
3463
3482
 
3464
- .pelcro-root .focus\:plc-outline-none:focus {
3483
+ .pelcro-root .focus\:plc-outline-none:focus{
3465
3484
  outline: 2px solid transparent;
3466
3485
  outline-offset: 2px;
3467
3486
  }
3468
3487
 
3469
- *, ::before, ::after {
3488
+ *, ::before, ::after{
3470
3489
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
3471
3490
  --tw-ring-offset-width: 0px;
3472
3491
  --tw-ring-offset-color: #fff;
@@ -3475,250 +3494,237 @@ in order to scope selectors under pelcro-root
3475
3494
  --tw-ring-shadow: 0 0 #0000;
3476
3495
  }
3477
3496
 
3478
- .pelcro-root .plc-ring-1 {
3497
+ .pelcro-root .plc-ring-1{
3479
3498
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3480
3499
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3481
3500
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3482
3501
  }
3483
3502
 
3484
- .pelcro-root .plc-ring-2 {
3503
+ .pelcro-root .plc-ring-2{
3485
3504
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3486
3505
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3487
3506
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3488
3507
  }
3489
3508
 
3490
- .pelcro-root .focus\:plc-ring-0:focus {
3509
+ .pelcro-root .focus\:plc-ring-0:focus{
3491
3510
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3492
3511
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3493
3512
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3494
3513
  }
3495
3514
 
3496
- .pelcro-root .focus\:plc-ring-2:focus {
3515
+ .pelcro-root .focus\:plc-ring-2:focus{
3497
3516
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3498
3517
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3499
3518
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3500
3519
  }
3501
3520
 
3502
- .pelcro-root .plc-ring-primary-400 {
3521
+ .pelcro-root .plc-ring-primary-400{
3503
3522
  --tw-ring-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 10%));
3504
3523
  }
3505
3524
 
3506
- .pelcro-root .plc-ring-gray-200 {
3525
+ .pelcro-root .plc-ring-gray-200{
3507
3526
  --tw-ring-opacity: 1;
3508
3527
  --tw-ring-color: rgba(229, 231, 235, var(--tw-ring-opacity));
3509
3528
  }
3510
3529
 
3511
- .pelcro-root .plc-ring-red-400 {
3530
+ .pelcro-root .plc-ring-red-400{
3512
3531
  --tw-ring-opacity: 1;
3513
3532
  --tw-ring-color: rgba(209, 70, 65, var(--tw-ring-opacity));
3514
3533
  }
3515
3534
 
3516
- .pelcro-root .focus\:plc-ring-primary-300:focus {
3535
+ .pelcro-root .focus\:plc-ring-primary-300:focus{
3517
3536
  --tw-ring-color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) + 20%));
3518
3537
  }
3519
3538
 
3520
- .pelcro-root .focus\:plc-ring-red-500:focus {
3539
+ .pelcro-root .focus\:plc-ring-red-500:focus{
3521
3540
  --tw-ring-opacity: 1;
3522
3541
  --tw-ring-color: rgba(180, 48, 43, var(--tw-ring-opacity));
3523
3542
  }
3524
3543
 
3525
- .pelcro-root .focus\:plc-ring-green-300:focus {
3544
+ .pelcro-root .focus\:plc-ring-green-300:focus{
3526
3545
  --tw-ring-opacity: 1;
3527
3546
  --tw-ring-color: rgba(110, 231, 183, var(--tw-ring-opacity));
3528
3547
  }
3529
3548
 
3530
- .pelcro-root .focus\:plc-ring-blue-400:focus {
3549
+ .pelcro-root .focus\:plc-ring-blue-400:focus{
3531
3550
  --tw-ring-opacity: 1;
3532
3551
  --tw-ring-color: rgba(96, 165, 250, var(--tw-ring-opacity));
3533
3552
  }
3534
3553
 
3535
- .pelcro-root .focus\:plc-ring-blue-500:focus {
3554
+ .pelcro-root .focus\:plc-ring-blue-500:focus{
3536
3555
  --tw-ring-opacity: 1;
3537
3556
  --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity));
3538
3557
  }
3539
3558
 
3540
- .pelcro-root .plc-transition-all {
3559
+ .pelcro-root .plc-transition-all{
3541
3560
  transition-property: all;
3542
3561
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3543
3562
  transition-duration: 150ms;
3544
3563
  }
3545
3564
 
3546
- .pelcro-root .plc-transition {
3565
+ .pelcro-root .plc-transition{
3547
3566
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
3548
3567
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3549
3568
  transition-duration: 150ms;
3550
3569
  }
3551
3570
 
3552
- .pelcro-root .plc-transition-transform {
3571
+ .pelcro-root .plc-transition-transform{
3553
3572
  transition-property: transform;
3554
3573
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3555
3574
  transition-duration: 150ms;
3556
3575
  }
3557
3576
 
3558
- .pelcro-root .plc-duration-500 {
3577
+ .pelcro-root .plc-duration-500{
3559
3578
  transition-duration: 500ms;
3560
3579
  }
3561
3580
 
3562
- .pelcro-root .plc-ease-out {
3581
+ .pelcro-root .plc-ease-out{
3563
3582
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
3564
3583
  }
3565
3584
 
3566
- @media (min-width: 425px) {
3585
+ @media (min-width: 425px){
3567
3586
  }
3568
3587
 
3569
- @media (min-width: 640px) {
3570
- .pelcro-root .sm\:plc-m-4 {
3571
- margin: 1rem;
3588
+ @media (min-width: 640px){
3589
+ .pelcro-root .sm\:plc-left-5{
3590
+ left: 1.25rem;
3572
3591
  }
3573
3592
 
3574
- .pelcro-root .sm\:plc-mb-0 {
3575
- margin-bottom: 0px;
3593
+ .pelcro-root .sm\:plc-m-4{
3594
+ margin: 1rem;
3576
3595
  }
3577
3596
 
3578
- .pelcro-root .sm\:plc-ml-2 {
3597
+ .pelcro-root .sm\:plc-ml-2{
3579
3598
  margin-left: 0.5rem;
3580
3599
  }
3581
3600
 
3582
- .pelcro-root .sm\:plc-ml-6 {
3601
+ .pelcro-root .sm\:plc-ml-6{
3583
3602
  margin-left: 1.5rem;
3584
3603
  }
3585
3604
 
3586
- .pelcro-root .sm\:plc-ml-8 {
3605
+ .pelcro-root .sm\:plc-ml-8{
3587
3606
  margin-left: 2rem;
3588
3607
  }
3589
3608
 
3590
- .pelcro-root .sm\:plc-flex {
3609
+ .pelcro-root .sm\:plc-flex{
3591
3610
  display: flex;
3592
3611
  }
3593
3612
 
3594
- .pelcro-root .sm\:plc-inline-grid {
3595
- display: inline-grid;
3596
- }
3597
-
3598
- .pelcro-root .sm\:plc-h-8 {
3613
+ .pelcro-root .sm\:plc-h-8{
3599
3614
  height: 2rem;
3600
3615
  }
3601
3616
 
3602
- .pelcro-root .sm\:plc-h-96 {
3617
+ .pelcro-root .sm\:plc-h-96{
3603
3618
  height: 24rem;
3604
3619
  }
3605
3620
 
3606
- .pelcro-root .sm\:plc-w-auto {
3621
+ .pelcro-root .sm\:plc-w-auto{
3607
3622
  width: auto;
3608
3623
  }
3609
3624
 
3610
- .pelcro-root .sm\:plc-w-1\/2 {
3611
- width: 50%;
3612
- }
3613
-
3614
- .pelcro-root .sm\:plc-max-w-md {
3625
+ .pelcro-root .sm\:plc-max-w-md{
3615
3626
  max-width: 28rem;
3616
3627
  }
3617
3628
 
3618
- .pelcro-root .sm\:plc-max-w-90\% {
3629
+ .pelcro-root .sm\:plc-max-w-90\%{
3619
3630
  max-width: 90%;
3620
3631
  }
3621
3632
 
3622
- .pelcro-root .sm\:plc-flex-row {
3633
+ .pelcro-root .sm\:plc-flex-row{
3623
3634
  flex-direction: row;
3624
3635
  }
3625
3636
 
3626
- .pelcro-root .sm\:plc-space-x-2 > :not([hidden]) ~ :not([hidden]) {
3637
+ .pelcro-root .sm\:plc-space-x-2 > :not([hidden]) ~ :not([hidden]){
3627
3638
  --tw-space-x-reverse: 0;
3628
3639
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
3629
3640
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
3630
3641
  }
3631
3642
 
3632
- .pelcro-root .sm\:plc-space-y-0 > :not([hidden]) ~ :not([hidden]) {
3643
+ .pelcro-root .sm\:plc-space-y-0 > :not([hidden]) ~ :not([hidden]){
3633
3644
  --tw-space-y-reverse: 0;
3634
3645
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
3635
3646
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
3636
3647
  }
3637
3648
 
3638
- .pelcro-root .sm\:plc-p-2 {
3649
+ .pelcro-root .sm\:plc-p-2{
3639
3650
  padding: 0.5rem;
3640
3651
  }
3641
3652
 
3642
- .pelcro-root .sm\:plc-px-8 {
3653
+ .pelcro-root .sm\:plc-px-8{
3643
3654
  padding-left: 2rem;
3644
3655
  padding-right: 2rem;
3645
3656
  }
3646
3657
 
3647
- .pelcro-root .sm\:plc-px-16 {
3648
- padding-left: 4rem;
3649
- padding-right: 4rem;
3650
- }
3651
-
3652
- .pelcro-root .sm\:plc-pl-8 {
3658
+ .pelcro-root .sm\:plc-pl-8{
3653
3659
  padding-left: 2rem;
3654
3660
  }
3655
3661
  }
3656
3662
 
3657
- @media (min-width: 768px) {
3658
- .pelcro-root .md\:plc-top-5 {
3663
+ @media (min-width: 768px){
3664
+ .pelcro-root .md\:plc-top-5{
3659
3665
  top: 1.25rem;
3660
3666
  }
3661
3667
 
3662
- .pelcro-root .md\:plc-right-10 {
3668
+ .pelcro-root .md\:plc-right-10{
3663
3669
  right: 2.5rem;
3664
3670
  }
3665
3671
 
3666
- .pelcro-root .md\:plc-my-20 {
3672
+ .pelcro-root .md\:plc-my-20{
3667
3673
  margin-top: 5rem;
3668
3674
  margin-bottom: 5rem;
3669
3675
  }
3670
3676
 
3671
- .pelcro-root .md\:plc-table-cell {
3677
+ .pelcro-root .md\:plc-table-cell{
3672
3678
  display: table-cell;
3673
3679
  }
3674
3680
 
3675
- .pelcro-root .md\:plc-hidden {
3681
+ .pelcro-root .md\:plc-hidden{
3676
3682
  display: none;
3677
3683
  }
3678
3684
 
3679
- .pelcro-root .md\:plc-w-1\/5 {
3685
+ .pelcro-root .md\:plc-w-1\/5{
3680
3686
  width: 20%;
3681
3687
  }
3682
3688
 
3683
- .pelcro-root .md\:plc-w-1\/12 {
3689
+ .pelcro-root .md\:plc-w-1\/12{
3684
3690
  width: 8.333333%;
3685
3691
  }
3686
3692
 
3687
- .pelcro-root .md\:plc-w-2\/12 {
3693
+ .pelcro-root .md\:plc-w-2\/12{
3688
3694
  width: 16.666667%;
3689
3695
  }
3690
3696
 
3691
- .pelcro-root .md\:plc-w-3\/12 {
3697
+ .pelcro-root .md\:plc-w-3\/12{
3692
3698
  width: 25%;
3693
3699
  }
3694
3700
 
3695
- .pelcro-root .md\:plc-max-w-70\% {
3701
+ .pelcro-root .md\:plc-max-w-70\%{
3696
3702
  max-width: 70%;
3697
3703
  }
3698
3704
 
3699
- .pelcro-root .md\:plc-max-w-80\% {
3705
+ .pelcro-root .md\:plc-max-w-80\%{
3700
3706
  max-width: 80%;
3701
3707
  }
3702
3708
  }
3703
3709
 
3704
- @media (min-width: 1024px) {
3705
- .pelcro-root .lg\:plc-hidden {
3710
+ @media (min-width: 1024px){
3711
+ .pelcro-root .lg\:plc-hidden{
3706
3712
  display: none;
3707
3713
  }
3708
3714
 
3709
- .pelcro-root .lg\:plc-w-3\/12 {
3715
+ .pelcro-root .lg\:plc-w-3\/12{
3710
3716
  width: 25%;
3711
3717
  }
3712
3718
 
3713
- .pelcro-root .lg\:plc-w-9\/12 {
3719
+ .pelcro-root .lg\:plc-w-9\/12{
3714
3720
  width: 75%;
3715
3721
  }
3716
3722
  }
3717
3723
 
3718
- @media (min-width: 1280px) {
3724
+ @media (min-width: 1280px){
3719
3725
  }
3720
3726
 
3721
- @media (min-width: 1536px) {
3727
+ @media (min-width: 1536px){
3722
3728
  }
3723
3729
 
3724
3730
  /* purgecss start ignore */