@pelcro/react-pelcro-js 4.0.0-alpha.4 → 4.0.0-alpha.40

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