@wizco/fenixds-core 1.0.3 → 1.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/styles/core.css CHANGED
@@ -280,36 +280,55 @@
280
280
  --tooltip-background: var(--wco-color-info-500);
281
281
  --tooltip-color: var(--wco-color-info-900); }
282
282
 
283
+ .form-field {
284
+ --wco-input-color-label: var(--wco-color-neutral-700, #50555a);
285
+ --wco-input-color-outline: var(--wco-color-neutral-500, #8d9399);
286
+ --wco-input-color-icon: var(--wco-color-primary-600, #bf5600);
287
+ --wco-input-color-text: var(--wco-color-primary-900, #080809);
288
+ --wco-input-color-placeholder: var(--wco-color-neutral-600, #6d747a);
289
+ --wco-input-color-bg: var(--wco-color-neutral-50, #fcfcfc);
290
+ --wco-input-radius: var(--wco-radius-sm, 4px);
291
+ --wco-input-border: var(--wco-borderwidth-thin, 1px) solid var(--wco-input-color-outline);
292
+ --wco-input-size: var(--wco-font-size-xs, 16px);
293
+ --wco-input-shadow: var(--wco-shadow-level-0, 0px 0px 0px 0px rgba(0, 0, 0, 0.2));
294
+ --wco-input-color-required: var(--wco-color-danger-600, #e00707);
295
+ --wco-input-color-helptext: var(--wco-color-neutral-900, #6d747a);
296
+ --wco-input-font: var(--wco-font-family, 'Figtree', sans-serif);
297
+ --wco-input-padding: 16px; }
298
+
299
+ .form-field * {
300
+ box-sizing: border-box; }
301
+
283
302
  .form-field {
284
303
  display: flex;
285
304
  position: relative;
286
- --input-radius: var(--wco-radius-sm, 4px);
287
- --input-color-error: var(--wco-color-danger-500, #E00707);
288
- --input-default-color: var(--wco-color-primary-700,#004E87);
289
- --input-border: 1px solid var(--wco-color-neutral-100);
290
- --input-size: 16px;
291
- --input-shadow: 0px 0px 0px 0px transparent;
292
- accent-color: var(--input-default-color);
305
+ accent-color: var(--wco-input-color-text);
293
306
  transition: box-shadow 300ms ease-in-out, border-color 300ms ease-in-out; }
294
307
  .form-field input:required + label::after,
295
308
  .form-field textarea:required + label::after,
296
309
  .form-field input:invalid:not(:placeholder-shown):required + label {
297
310
  content: " *";
298
- color: var(--wco-color-danger-100); }
311
+ color: var(--wco-input-color-required); }
299
312
  .form-field .form-field__input,
300
313
  .form-field .form-field__textarea,
301
314
  .form-field .form-field__select {
302
- border: var(--input-border);
303
- border-radius: var(--input-radius);
304
- font-size: var(--input-size, 16px);
305
- box-shadow: var(--input-shadow);
306
- padding: 16px;
315
+ border: var(--wco-input-border);
316
+ border-radius: var(--wco-input-radius);
317
+ font-size: var(--wco-input-size, 16px);
318
+ box-shadow: var(--wco-input-shadow);
319
+ padding: var(--wco-input-padding, 16px);
307
320
  font-style: normal;
308
321
  font-weight: 400;
309
- line-height: 150%;
310
- color: #212223;
322
+ line-height: 1.375;
323
+ letter-spacing: 0.4px;
324
+ color: var(--wco-input-color-text);
311
325
  outline: none;
312
- width: 100%; }
326
+ width: 100%;
327
+ background-color: var(--wco-input-color-bg); }
328
+ .form-field .form-field__input::placeholder,
329
+ .form-field .form-field__textarea::placeholder,
330
+ .form-field .form-field__select::placeholder {
331
+ color: var(--wco-input-color-placeholder); }
313
332
  .form-field .form-field__input:invalid:not(:placeholder-shown), .form-field .form-field__input.form-field--error:not(:placeholder-shown),
314
333
  .form-field .form-field__textarea:invalid:not(:placeholder-shown),
315
334
  .form-field .form-field__textarea.form-field--error:not(:placeholder-shown),
@@ -318,39 +337,6 @@
318
337
  --input-border: 1px solid var(--input-color-error);
319
338
  --input-shadow: 0px 2px 0px 1px var(--input-color-error);
320
339
  color: var(--input-color-error); }
321
- .form-field .form-field__input.form-field--error:not(:placeholder-shown) ~ label,
322
- .form-field .form-field__textarea.form-field--error:not(:placeholder-shown) ~ label,
323
- .form-field .form-field__select.form-field--error:not(:placeholder-shown) ~ label {
324
- color: var(--input-color-error); }
325
- .form-field .form-field__input:hover:not(:focus):not(:disabled):not(:invalid):not(:read-only),
326
- .form-field .form-field__textarea:hover:not(:focus):not(:disabled):not(:invalid):not(:read-only),
327
- .form-field .form-field__select:hover:not(:focus):not(:disabled):not(:invalid):not(:read-only) {
328
- border: 1px solid var(--wco-color-primary-500, var(--input-default-color)); }
329
- .form-field .form-field__input:disabled,
330
- .form-field .form-field__textarea:disabled,
331
- .form-field .form-field__select:disabled {
332
- border: 1px solid #6F7276;
333
- background: var(--wco-color-neutral-100est);
334
- color: #6F7276; }
335
- .form-field .form-field__input:disabled + label,
336
- .form-field .form-field__textarea:disabled + label,
337
- .form-field .form-field__select:disabled + label {
338
- color: var(--wco-color-neutral-700);
339
- --input-bg: var(--wco-color-neutral-100est); }
340
- .form-field .form-field__input:read-only:not(:disabled):not(select),
341
- .form-field .form-field__textarea:read-only:not(:disabled):not(select),
342
- .form-field .form-field__select:read-only:not(:disabled):not(select) {
343
- background: #EAEBEB;
344
- border: 1px solid #C1C3C5;
345
- color: #6F7276; }
346
- .form-field .form-field__input:read-only:not(:disabled):not(select):focus,
347
- .form-field .form-field__textarea:read-only:not(:disabled):not(select):focus,
348
- .form-field .form-field__select:read-only:not(:disabled):not(select):focus {
349
- --input-border: 2px solid #C1C3C5; }
350
- .form-field .form-field__input:read-only:not(:disabled):not(select) + label,
351
- .form-field .form-field__textarea:read-only:not(:disabled):not(select) + label,
352
- .form-field .form-field__select:read-only:not(:disabled):not(select) + label {
353
- --input-bg: #EAEBEB; }
354
340
  .form-field .form-field__input.input-sm,
355
341
  .form-field .form-field__textarea.input-sm,
356
342
  .form-field .form-field__select.input-sm {
@@ -368,13 +354,47 @@
368
354
  left: 0;
369
355
  top: 50%;
370
356
  transform: translateY(-50%);
371
- background-image: linear-gradient(0deg, var(--input-bg, #fff) 44%, rgba(93, 118, 137, 0) 44%);
372
- color: var(--input-default-color);
357
+ background-image: linear-gradient(0deg, var(--wco-input-color-bg, #fff) 11px, rgba(93, 118, 137, 0) 44%);
358
+ color: var(--wco-input-color-label);
373
359
  padding: 0 4px;
374
360
  margin-left: 20px;
375
- transition: 0.1s ease-out;
361
+ transition: 100ms linear;
376
362
  transform-origin: left top;
377
363
  pointer-events: none; }
364
+ .form-field:has(input:focus, textarea:focus, select:focus) {
365
+ --wco-input-color-label: var(--wco-color-primary-700);
366
+ --wco-input-color-outline: var(--wco-color-primary-600);
367
+ --wco-input-color-icon: var(--wco-color-primary-600);
368
+ --wco-input-color-text: var(--wco-color-neutral-900);
369
+ --wco-input-color-placeholder: var(--wco-color-neutral-600);
370
+ --wco-input-shadow: inset 0px 0px 0px 1px var(--wco-input-color-outline); }
371
+ .form-field:hover {
372
+ --wco-input-color-label: var(--wco-color-neutral-700, #50555a);
373
+ --wco-input-color-outline: var(--wco-color-neutral-900, #8d9399); }
374
+ .form-field:has(input:disabled, textarea:disabled, select:disabled) {
375
+ --wco-input-color-label: var(--wco-color-neutral-500, #C3C8CC);
376
+ --wco-input-color-outline: var(--wco-color-neutral-300, #C3C8CC);
377
+ --wco-input-color-icon: var(--wco-color-neutral-300, #C3C8CC);
378
+ --wco-input-color-text: var(--wco-color-neutral-600, #C3C8CC);
379
+ --wco-input-color-placeholder: var(--wco-color-neutral-300, #C3C8CC);
380
+ --wco-input-color-bg: var(--wco-color-neutral-100, #E9EBEC); }
381
+ .form-field:has(
382
+ input:read-only:not(:disabled),
383
+ textarea:read-only:not(:disabled),
384
+ select:read-only:not(:disabled)
385
+ ),
386
+ .form-field .form-field--readonly:not(.form-field--disabled) {
387
+ --wco-input-color-label: var(--wco-color-neutral-600, #C3C8CC);
388
+ --wco-input-color-outline: var(--wco-color-neutral-500, #C3C8CC);
389
+ --wco-input-color-icon: var(--wco-color-neutral-300, #C3C8CC);
390
+ --wco-input-color-text: var(--wco-color-neutral-900, #C3C8CC);
391
+ --wco-input-color-bg: var(--wco-color-neutral-50, #E9EBEC); }
392
+ .form-field.form-field--error:not(:placeholder-shown) ~ label, .form-field.form-field--error, .form-field:has(input:is(:placeholder-shown):invalid), .form-field:has(.form-field--error) {
393
+ --wco-input-color-label: var(--wco-color-danger-600, #e00707);
394
+ --wco-input-color-outline: var(--wco-color-danger-600, #e00707);
395
+ --wco-input-color-icon: var(--wco-color-danger-600, #e00707);
396
+ --wco-input-color-text: var(--wco-color-neutral-900, #e00707);
397
+ --wco-input-shadow: inset 0px 0px 0px 1px var(--wco-input-color-outline); }
378
398
  .form-field textarea ~ label {
379
399
  top: 16px;
380
400
  transform: translateY(0); }
@@ -383,12 +403,12 @@
383
403
  .form-field input:focus + label {
384
404
  color: var(--input-default-color);
385
405
  top: 0;
386
- transform: translateY(-50%) scale(0.9) !important; }
387
- .form-field select:not([value=""]):valid ~ label,
406
+ transform: translateY(-50%) translateX(-10px) scale(0.9) !important; }
407
+ .form-field select:not([value=""]) ~ label,
388
408
  .form-field textarea:not(:placeholder-shown) + label,
389
409
  .form-field input:not(:placeholder-shown) + label {
390
410
  top: 0;
391
- transform: translateY(-50%) scale(0.9) !important; }
411
+ transform: translateY(-50%) translateX(-10px) scale(0.9) !important; }
392
412
  .form-field textarea:not(:focus)::placeholder,
393
413
  .form-field input:not(:focus)::placeholder {
394
414
  opacity: 0; }
@@ -396,7 +416,8 @@
396
416
  position: absolute;
397
417
  top: 50%;
398
418
  left: 12px;
399
- transform: translateY(-50%); }
419
+ transform: translateY(-50%);
420
+ color: var(--wco-input-color-icon); }
400
421
  .form-field > span ~ .form-field__input + label,
401
422
  .form-field > span ~ .form-field__select + label {
402
423
  margin-left: 44px; }
@@ -416,6 +437,8 @@
416
437
  top: 2px;
417
438
  width: 30px;
418
439
  height: 30px; }
440
+ .form-field.form-field--suffixe label + span {
441
+ color: var(--wco-input-color-icon); }
419
442
  .form-field.form-field--suffixe > .form-field__select,
420
443
  .form-field.form-field--suffixe > .form-field__input {
421
444
  padding-right: 44px; }
@@ -844,3 +867,2495 @@ a.btn {
844
867
  .display-caption {
845
868
  font-size: var(--wco-font-size-xxxs);
846
869
  line-height: var(--wco-font-lineheight-500); }
870
+
871
+ .m-none {
872
+ margin: var(--wco-spacing-none); }
873
+
874
+ .m-quark {
875
+ margin: var(--wco-spacing-quark); }
876
+
877
+ .m-nano {
878
+ margin: var(--wco-spacing-nano); }
879
+
880
+ .m-xxxs {
881
+ margin: var(--wco-spacing-xxxs); }
882
+
883
+ .m-xxs {
884
+ margin: var(--wco-spacing-xxs); }
885
+
886
+ .m-xs {
887
+ margin: var(--wco-spacing-xs); }
888
+
889
+ .m-sm {
890
+ margin: var(--wco-spacing-sm); }
891
+
892
+ .m-md {
893
+ margin: var(--wco-spacing-md); }
894
+
895
+ .m-lg {
896
+ margin: var(--wco-spacing-lg); }
897
+
898
+ .m-xl {
899
+ margin: var(--wco-spacing-xl); }
900
+
901
+ .m-xxl {
902
+ margin: var(--wco-spacing-xxl); }
903
+
904
+ .m-xxxl {
905
+ margin: var(--wco-spacing-xxxl); }
906
+
907
+ .m-huge {
908
+ margin: var(--wco-spacing-huge); }
909
+
910
+ .mx-none {
911
+ margin-left: var(--wco-spacing-none);
912
+ margin-right: var(--wco-spacing-none); }
913
+
914
+ .mx-quark {
915
+ margin-left: var(--wco-spacing-quark);
916
+ margin-right: var(--wco-spacing-quark); }
917
+
918
+ .mx-nano {
919
+ margin-left: var(--wco-spacing-nano);
920
+ margin-right: var(--wco-spacing-nano); }
921
+
922
+ .mx-xxxs {
923
+ margin-left: var(--wco-spacing-xxxs);
924
+ margin-right: var(--wco-spacing-xxxs); }
925
+
926
+ .mx-xxs {
927
+ margin-left: var(--wco-spacing-xxs);
928
+ margin-right: var(--wco-spacing-xxs); }
929
+
930
+ .mx-xs {
931
+ margin-left: var(--wco-spacing-xs);
932
+ margin-right: var(--wco-spacing-xs); }
933
+
934
+ .mx-sm {
935
+ margin-left: var(--wco-spacing-sm);
936
+ margin-right: var(--wco-spacing-sm); }
937
+
938
+ .mx-md {
939
+ margin-left: var(--wco-spacing-md);
940
+ margin-right: var(--wco-spacing-md); }
941
+
942
+ .mx-lg {
943
+ margin-left: var(--wco-spacing-lg);
944
+ margin-right: var(--wco-spacing-lg); }
945
+
946
+ .mx-xl {
947
+ margin-left: var(--wco-spacing-xl);
948
+ margin-right: var(--wco-spacing-xl); }
949
+
950
+ .mx-xxl {
951
+ margin-left: var(--wco-spacing-xxl);
952
+ margin-right: var(--wco-spacing-xxl); }
953
+
954
+ .mx-xxxl {
955
+ margin-left: var(--wco-spacing-xxxl);
956
+ margin-right: var(--wco-spacing-xxxl); }
957
+
958
+ .mx-huge {
959
+ margin-left: var(--wco-spacing-huge);
960
+ margin-right: var(--wco-spacing-huge); }
961
+
962
+ .my-none {
963
+ margin-top: var(--wco-spacing-none);
964
+ margin-bottom: var(--wco-spacing-none); }
965
+
966
+ .my-quark {
967
+ margin-top: var(--wco-spacing-quark);
968
+ margin-bottom: var(--wco-spacing-quark); }
969
+
970
+ .my-nano {
971
+ margin-top: var(--wco-spacing-nano);
972
+ margin-bottom: var(--wco-spacing-nano); }
973
+
974
+ .my-xxxs {
975
+ margin-top: var(--wco-spacing-xxxs);
976
+ margin-bottom: var(--wco-spacing-xxxs); }
977
+
978
+ .my-xxs {
979
+ margin-top: var(--wco-spacing-xxs);
980
+ margin-bottom: var(--wco-spacing-xxs); }
981
+
982
+ .my-xs {
983
+ margin-top: var(--wco-spacing-xs);
984
+ margin-bottom: var(--wco-spacing-xs); }
985
+
986
+ .my-sm {
987
+ margin-top: var(--wco-spacing-sm);
988
+ margin-bottom: var(--wco-spacing-sm); }
989
+
990
+ .my-md {
991
+ margin-top: var(--wco-spacing-md);
992
+ margin-bottom: var(--wco-spacing-md); }
993
+
994
+ .my-lg {
995
+ margin-top: var(--wco-spacing-lg);
996
+ margin-bottom: var(--wco-spacing-lg); }
997
+
998
+ .my-xl {
999
+ margin-top: var(--wco-spacing-xl);
1000
+ margin-bottom: var(--wco-spacing-xl); }
1001
+
1002
+ .my-xxl {
1003
+ margin-top: var(--wco-spacing-xxl);
1004
+ margin-bottom: var(--wco-spacing-xxl); }
1005
+
1006
+ .my-xxxl {
1007
+ margin-top: var(--wco-spacing-xxxl);
1008
+ margin-bottom: var(--wco-spacing-xxxl); }
1009
+
1010
+ .my-huge {
1011
+ margin-top: var(--wco-spacing-huge);
1012
+ margin-bottom: var(--wco-spacing-huge); }
1013
+
1014
+ .mt-none {
1015
+ margin-top: var(--wco-spacing-none); }
1016
+
1017
+ .mt-quark {
1018
+ margin-top: var(--wco-spacing-quark); }
1019
+
1020
+ .mt-nano {
1021
+ margin-top: var(--wco-spacing-nano); }
1022
+
1023
+ .mt-xxxs {
1024
+ margin-top: var(--wco-spacing-xxxs); }
1025
+
1026
+ .mt-xxs {
1027
+ margin-top: var(--wco-spacing-xxs); }
1028
+
1029
+ .mt-xs {
1030
+ margin-top: var(--wco-spacing-xs); }
1031
+
1032
+ .mt-sm {
1033
+ margin-top: var(--wco-spacing-sm); }
1034
+
1035
+ .mt-md {
1036
+ margin-top: var(--wco-spacing-md); }
1037
+
1038
+ .mt-lg {
1039
+ margin-top: var(--wco-spacing-lg); }
1040
+
1041
+ .mt-xl {
1042
+ margin-top: var(--wco-spacing-xl); }
1043
+
1044
+ .mt-xxl {
1045
+ margin-top: var(--wco-spacing-xxl); }
1046
+
1047
+ .mt-xxxl {
1048
+ margin-top: var(--wco-spacing-xxxl); }
1049
+
1050
+ .mt-huge {
1051
+ margin-top: var(--wco-spacing-huge); }
1052
+
1053
+ .mr-none {
1054
+ margin-right: var(--wco-spacing-none); }
1055
+
1056
+ .mr-quark {
1057
+ margin-right: var(--wco-spacing-quark); }
1058
+
1059
+ .mr-nano {
1060
+ margin-right: var(--wco-spacing-nano); }
1061
+
1062
+ .mr-xxxs {
1063
+ margin-right: var(--wco-spacing-xxxs); }
1064
+
1065
+ .mr-xxs {
1066
+ margin-right: var(--wco-spacing-xxs); }
1067
+
1068
+ .mr-xs {
1069
+ margin-right: var(--wco-spacing-xs); }
1070
+
1071
+ .mr-sm {
1072
+ margin-right: var(--wco-spacing-sm); }
1073
+
1074
+ .mr-md {
1075
+ margin-right: var(--wco-spacing-md); }
1076
+
1077
+ .mr-lg {
1078
+ margin-right: var(--wco-spacing-lg); }
1079
+
1080
+ .mr-xl {
1081
+ margin-right: var(--wco-spacing-xl); }
1082
+
1083
+ .mr-xxl {
1084
+ margin-right: var(--wco-spacing-xxl); }
1085
+
1086
+ .mr-xxxl {
1087
+ margin-right: var(--wco-spacing-xxxl); }
1088
+
1089
+ .mr-huge {
1090
+ margin-right: var(--wco-spacing-huge); }
1091
+
1092
+ .mb-none {
1093
+ margin-bottom: var(--wco-spacing-none); }
1094
+
1095
+ .mb-quark {
1096
+ margin-bottom: var(--wco-spacing-quark); }
1097
+
1098
+ .mb-nano {
1099
+ margin-bottom: var(--wco-spacing-nano); }
1100
+
1101
+ .mb-xxxs {
1102
+ margin-bottom: var(--wco-spacing-xxxs); }
1103
+
1104
+ .mb-xxs {
1105
+ margin-bottom: var(--wco-spacing-xxs); }
1106
+
1107
+ .mb-xs {
1108
+ margin-bottom: var(--wco-spacing-xs); }
1109
+
1110
+ .mb-sm {
1111
+ margin-bottom: var(--wco-spacing-sm); }
1112
+
1113
+ .mb-md {
1114
+ margin-bottom: var(--wco-spacing-md); }
1115
+
1116
+ .mb-lg {
1117
+ margin-bottom: var(--wco-spacing-lg); }
1118
+
1119
+ .mb-xl {
1120
+ margin-bottom: var(--wco-spacing-xl); }
1121
+
1122
+ .mb-xxl {
1123
+ margin-bottom: var(--wco-spacing-xxl); }
1124
+
1125
+ .mb-xxxl {
1126
+ margin-bottom: var(--wco-spacing-xxxl); }
1127
+
1128
+ .mb-huge {
1129
+ margin-bottom: var(--wco-spacing-huge); }
1130
+
1131
+ .ml-none {
1132
+ margin-left: var(--wco-spacing-none); }
1133
+
1134
+ .ml-quark {
1135
+ margin-left: var(--wco-spacing-quark); }
1136
+
1137
+ .ml-nano {
1138
+ margin-left: var(--wco-spacing-nano); }
1139
+
1140
+ .ml-xxxs {
1141
+ margin-left: var(--wco-spacing-xxxs); }
1142
+
1143
+ .ml-xxs {
1144
+ margin-left: var(--wco-spacing-xxs); }
1145
+
1146
+ .ml-xs {
1147
+ margin-left: var(--wco-spacing-xs); }
1148
+
1149
+ .ml-sm {
1150
+ margin-left: var(--wco-spacing-sm); }
1151
+
1152
+ .ml-md {
1153
+ margin-left: var(--wco-spacing-md); }
1154
+
1155
+ .ml-lg {
1156
+ margin-left: var(--wco-spacing-lg); }
1157
+
1158
+ .ml-xl {
1159
+ margin-left: var(--wco-spacing-xl); }
1160
+
1161
+ .ml-xxl {
1162
+ margin-left: var(--wco-spacing-xxl); }
1163
+
1164
+ .ml-xxxl {
1165
+ margin-left: var(--wco-spacing-xxxl); }
1166
+
1167
+ .ml-huge {
1168
+ margin-left: var(--wco-spacing-huge); }
1169
+
1170
+ .block {
1171
+ display: block; }
1172
+
1173
+ .inline-block {
1174
+ display: inline-block; }
1175
+
1176
+ .inline {
1177
+ display: inline; }
1178
+
1179
+ .flex {
1180
+ display: flex; }
1181
+
1182
+ .inline-flex {
1183
+ display: inline-flex; }
1184
+
1185
+ .table {
1186
+ display: table; }
1187
+
1188
+ .inline-table {
1189
+ display: inline-table; }
1190
+
1191
+ .table-caption {
1192
+ display: table-caption; }
1193
+
1194
+ .table-cell {
1195
+ display: table-cell; }
1196
+
1197
+ .table-column {
1198
+ display: table-column; }
1199
+
1200
+ .table-column-group {
1201
+ display: table-column-group; }
1202
+
1203
+ .table-footer-group {
1204
+ display: table-footer-group; }
1205
+
1206
+ .table-header-group {
1207
+ display: table-header-group; }
1208
+
1209
+ .table-row-group {
1210
+ display: table-row-group; }
1211
+
1212
+ .table-row {
1213
+ display: table-row; }
1214
+
1215
+ .flow-root {
1216
+ display: flow-root; }
1217
+
1218
+ .grid {
1219
+ display: grid; }
1220
+
1221
+ .inline-grid {
1222
+ display: inline-grid; }
1223
+
1224
+ .contents {
1225
+ display: contents; }
1226
+
1227
+ .list-item {
1228
+ display: list-item; }
1229
+
1230
+ .hidden {
1231
+ display: none; }
1232
+
1233
+ .flex-1 {
1234
+ flex: 1 1 0%; }
1235
+
1236
+ .flex-auto {
1237
+ flex: 1 1 auto; }
1238
+
1239
+ .flex-initial {
1240
+ flex: 0 1 auto; }
1241
+
1242
+ .flex-none {
1243
+ flex: none; }
1244
+
1245
+ .flex-row {
1246
+ flex-direction: row; }
1247
+
1248
+ .flex-row-reverse {
1249
+ flex-direction: row-reverse; }
1250
+
1251
+ .flex-col {
1252
+ flex-direction: column; }
1253
+
1254
+ .flex-col-reverse {
1255
+ flex-direction: column-reverse; }
1256
+
1257
+ .flex-wrap {
1258
+ flex-wrap: wrap; }
1259
+
1260
+ .flex-wrap-reverse {
1261
+ flex-wrap: wrap-reverse; }
1262
+
1263
+ .flex-nowrap {
1264
+ flex-wrap: nowrap; }
1265
+
1266
+ .items-start {
1267
+ align-items: flex-start; }
1268
+
1269
+ .items-end {
1270
+ align-items: flex-end; }
1271
+
1272
+ .items-center {
1273
+ align-items: center; }
1274
+
1275
+ .items-baseline {
1276
+ align-items: baseline; }
1277
+
1278
+ .items-stretch {
1279
+ align-items: stretch; }
1280
+
1281
+ .justify-start {
1282
+ justify-content: flex-start; }
1283
+
1284
+ .justify-end {
1285
+ justify-content: flex-end; }
1286
+
1287
+ .justify-center {
1288
+ justify-content: center; }
1289
+
1290
+ .justify-between {
1291
+ justify-content: space-between; }
1292
+
1293
+ .justify-around {
1294
+ justify-content: space-around; }
1295
+
1296
+ .justify-evenly {
1297
+ justify-content: space-evenly; }
1298
+
1299
+ .gap-none {
1300
+ gap: var(--wco-none); }
1301
+
1302
+ .gap-spacing-quark {
1303
+ gap: var(--wco-spacing-quark); }
1304
+
1305
+ .gap-spacing-nano {
1306
+ gap: var(--wco-spacing-nano); }
1307
+
1308
+ .gap-spacing-xxxs {
1309
+ gap: var(--wco-spacing-xxxs); }
1310
+
1311
+ .gap-spacing-xxs {
1312
+ gap: var(--wco-spacing-xxs); }
1313
+
1314
+ .gap-spacing-xs {
1315
+ gap: var(--wco-spacing-xs); }
1316
+
1317
+ .gap-spacing-sm {
1318
+ gap: var(--wco-spacing-sm); }
1319
+
1320
+ .gap-x-none {
1321
+ -moz-column-gap: var(--wco-none);
1322
+ column-gap: var(--wco-none); }
1323
+
1324
+ .gap-x-spacing-quark {
1325
+ -moz-column-gap: var(--wco-spacing-quark);
1326
+ column-gap: var(--wco-spacing-quark); }
1327
+
1328
+ .gap-x-spacing-nano {
1329
+ -moz-column-gap: var(--wco-spacing-nano);
1330
+ column-gap: var(--wco-spacing-nano); }
1331
+
1332
+ .gap-x-spacing-xxxs {
1333
+ -moz-column-gap: var(--wco-spacing-xxxs);
1334
+ column-gap: var(--wco-spacing-xxxs); }
1335
+
1336
+ .gap-x-spacing-xxs {
1337
+ -moz-column-gap: var(--wco-spacing-xxs);
1338
+ column-gap: var(--wco-spacing-xxs); }
1339
+
1340
+ .gap-x-spacing-xs {
1341
+ -moz-column-gap: var(--wco-spacing-xs);
1342
+ column-gap: var(--wco-spacing-xs); }
1343
+
1344
+ .gap-x-spacing-sm {
1345
+ -moz-column-gap: var(--wco-spacing-sm);
1346
+ column-gap: var(--wco-spacing-sm); }
1347
+
1348
+ .gap-y-none {
1349
+ row-gap: var(--wco-none); }
1350
+
1351
+ .gap-y-spacing-quark {
1352
+ row-gap: var(--wco-spacing-quark); }
1353
+
1354
+ .gap-y-spacing-nano {
1355
+ row-gap: var(--wco-spacing-nano); }
1356
+
1357
+ .gap-y-spacing-xxxs {
1358
+ row-gap: var(--wco-spacing-xxxs); }
1359
+
1360
+ .gap-y-spacing-xxs {
1361
+ row-gap: var(--wco-spacing-xxs); }
1362
+
1363
+ .gap-y-spacing-xs {
1364
+ row-gap: var(--wco-spacing-xs); }
1365
+
1366
+ .gap-y-spacing-sm {
1367
+ row-gap: var(--wco-spacing-sm); }
1368
+
1369
+ .p-none {
1370
+ padding: var(--wco-spacing-none); }
1371
+
1372
+ .p-quark {
1373
+ padding: var(--wco-spacing-quark); }
1374
+
1375
+ .p-nano {
1376
+ padding: var(--wco-spacing-nano); }
1377
+
1378
+ .p-xxxs {
1379
+ padding: var(--wco-spacing-xxxs); }
1380
+
1381
+ .p-xxs {
1382
+ padding: var(--wco-spacing-xxs); }
1383
+
1384
+ .p-xs {
1385
+ padding: var(--wco-spacing-xs); }
1386
+
1387
+ .p-sm {
1388
+ padding: var(--wco-spacing-sm); }
1389
+
1390
+ .p-md {
1391
+ padding: var(--wco-spacing-md); }
1392
+
1393
+ .p-lg {
1394
+ padding: var(--wco-spacing-lg); }
1395
+
1396
+ .p-xl {
1397
+ padding: var(--wco-spacing-xl); }
1398
+
1399
+ .p-xxl {
1400
+ padding: var(--wco-spacing-xxl); }
1401
+
1402
+ .p-xxxl {
1403
+ padding: var(--wco-spacing-xxxl); }
1404
+
1405
+ .p-huge {
1406
+ padding: var(--wco-spacing-huge); }
1407
+
1408
+ .px-none {
1409
+ padding-left: var(--wco-spacing-none);
1410
+ padding-right: var(--wco-spacing-none); }
1411
+
1412
+ .px-quark {
1413
+ padding-left: var(--wco-spacing-quark);
1414
+ padding-right: var(--wco-spacing-quark); }
1415
+
1416
+ .px-nano {
1417
+ padding-left: var(--wco-spacing-nano);
1418
+ padding-right: var(--wco-spacing-nano); }
1419
+
1420
+ .px-xxxs {
1421
+ padding-left: var(--wco-spacing-xxxs);
1422
+ padding-right: var(--wco-spacing-xxxs); }
1423
+
1424
+ .px-xxs {
1425
+ padding-left: var(--wco-spacing-xxs);
1426
+ padding-right: var(--wco-spacing-xxs); }
1427
+
1428
+ .px-xs {
1429
+ padding-left: var(--wco-spacing-xs);
1430
+ padding-right: var(--wco-spacing-xs); }
1431
+
1432
+ .px-sm {
1433
+ padding-left: var(--wco-spacing-sm);
1434
+ padding-right: var(--wco-spacing-sm); }
1435
+
1436
+ .px-md {
1437
+ padding-left: var(--wco-spacing-md);
1438
+ padding-right: var(--wco-spacing-md); }
1439
+
1440
+ .px-lg {
1441
+ padding-left: var(--wco-spacing-lg);
1442
+ padding-right: var(--wco-spacing-lg); }
1443
+
1444
+ .px-xl {
1445
+ padding-left: var(--wco-spacing-xl);
1446
+ padding-right: var(--wco-spacing-xl); }
1447
+
1448
+ .px-xxl {
1449
+ padding-left: var(--wco-spacing-xxl);
1450
+ padding-right: var(--wco-spacing-xxl); }
1451
+
1452
+ .px-xxxl {
1453
+ padding-left: var(--wco-spacing-xxxl);
1454
+ padding-right: var(--wco-spacing-xxxl); }
1455
+
1456
+ .px-huge {
1457
+ padding-left: var(--wco-spacing-huge);
1458
+ padding-right: var(--wco-spacing-huge); }
1459
+
1460
+ .py-none {
1461
+ padding-top: var(--wco-spacing-none);
1462
+ padding-bottom: var(--wco-spacing-none); }
1463
+
1464
+ .py-quark {
1465
+ padding-top: var(--wco-spacing-quark);
1466
+ padding-bottom: var(--wco-spacing-quark); }
1467
+
1468
+ .py-nano {
1469
+ padding-top: var(--wco-spacing-nano);
1470
+ padding-bottom: var(--wco-spacing-nano); }
1471
+
1472
+ .py-xxxs {
1473
+ padding-top: var(--wco-spacing-xxxs);
1474
+ padding-bottom: var(--wco-spacing-xxxs); }
1475
+
1476
+ .py-xxs {
1477
+ padding-top: var(--wco-spacing-xxs);
1478
+ padding-bottom: var(--wco-spacing-xxs); }
1479
+
1480
+ .py-xs {
1481
+ padding-top: var(--wco-spacing-xs);
1482
+ padding-bottom: var(--wco-spacing-xs); }
1483
+
1484
+ .py-sm {
1485
+ padding-top: var(--wco-spacing-sm);
1486
+ padding-bottom: var(--wco-spacing-sm); }
1487
+
1488
+ .py-md {
1489
+ padding-top: var(--wco-spacing-md);
1490
+ padding-bottom: var(--wco-spacing-md); }
1491
+
1492
+ .py-lg {
1493
+ padding-top: var(--wco-spacing-lg);
1494
+ padding-bottom: var(--wco-spacing-lg); }
1495
+
1496
+ .py-xl {
1497
+ padding-top: var(--wco-spacing-xl);
1498
+ padding-bottom: var(--wco-spacing-xl); }
1499
+
1500
+ .py-xxl {
1501
+ padding-top: var(--wco-spacing-xxl);
1502
+ padding-bottom: var(--wco-spacing-xxl); }
1503
+
1504
+ .py-xxxl {
1505
+ padding-top: var(--wco-spacing-xxxl);
1506
+ padding-bottom: var(--wco-spacing-xxxl); }
1507
+
1508
+ .py-huge {
1509
+ padding-top: var(--wco-spacing-huge);
1510
+ padding-bottom: var(--wco-spacing-huge); }
1511
+
1512
+ .pt-none {
1513
+ padding-top: var(--wco-spacing-none); }
1514
+
1515
+ .pt-quark {
1516
+ padding-top: var(--wco-spacing-quark); }
1517
+
1518
+ .pt-nano {
1519
+ padding-top: var(--wco-spacing-nano); }
1520
+
1521
+ .pt-xxxs {
1522
+ padding-top: var(--wco-spacing-xxxs); }
1523
+
1524
+ .pt-xxs {
1525
+ padding-top: var(--wco-spacing-xxs); }
1526
+
1527
+ .pt-xs {
1528
+ padding-top: var(--wco-spacing-xs); }
1529
+
1530
+ .pt-sm {
1531
+ padding-top: var(--wco-spacing-sm); }
1532
+
1533
+ .pt-md {
1534
+ padding-top: var(--wco-spacing-md); }
1535
+
1536
+ .pt-lg {
1537
+ padding-top: var(--wco-spacing-lg); }
1538
+
1539
+ .pt-xl {
1540
+ padding-top: var(--wco-spacing-xl); }
1541
+
1542
+ .pt-xxl {
1543
+ padding-top: var(--wco-spacing-xxl); }
1544
+
1545
+ .pt-xxxl {
1546
+ padding-top: var(--wco-spacing-xxxl); }
1547
+
1548
+ .pt-huge {
1549
+ padding-top: var(--wco-spacing-huge); }
1550
+
1551
+ .pr-none {
1552
+ padding-right: var(--wco-spacing-none); }
1553
+
1554
+ .pr-quark {
1555
+ padding-right: var(--wco-spacing-quark); }
1556
+
1557
+ .pr-nano {
1558
+ padding-right: var(--wco-spacing-nano); }
1559
+
1560
+ .pr-xxxs {
1561
+ padding-right: var(--wco-spacing-xxxs); }
1562
+
1563
+ .pr-xxs {
1564
+ padding-right: var(--wco-spacing-xxs); }
1565
+
1566
+ .pr-xs {
1567
+ padding-right: var(--wco-spacing-xs); }
1568
+
1569
+ .pr-sm {
1570
+ padding-right: var(--wco-spacing-sm); }
1571
+
1572
+ .pr-md {
1573
+ padding-right: var(--wco-spacing-md); }
1574
+
1575
+ .pr-lg {
1576
+ padding-right: var(--wco-spacing-lg); }
1577
+
1578
+ .pr-xl {
1579
+ padding-right: var(--wco-spacing-xl); }
1580
+
1581
+ .pr-xxl {
1582
+ padding-right: var(--wco-spacing-xxl); }
1583
+
1584
+ .pr-xxxl {
1585
+ padding-right: var(--wco-spacing-xxxl); }
1586
+
1587
+ .pr-huge {
1588
+ padding-right: var(--wco-spacing-huge); }
1589
+
1590
+ .pb-none {
1591
+ padding-bottom: var(--wco-spacing-none); }
1592
+
1593
+ .pb-quark {
1594
+ padding-bottom: var(--wco-spacing-quark); }
1595
+
1596
+ .pb-nano {
1597
+ padding-bottom: var(--wco-spacing-nano); }
1598
+
1599
+ .pb-xxxs {
1600
+ padding-bottom: var(--wco-spacing-xxxs); }
1601
+
1602
+ .pb-xxs {
1603
+ padding-bottom: var(--wco-spacing-xxs); }
1604
+
1605
+ .pb-xs {
1606
+ padding-bottom: var(--wco-spacing-xs); }
1607
+
1608
+ .pb-sm {
1609
+ padding-bottom: var(--wco-spacing-sm); }
1610
+
1611
+ .pb-md {
1612
+ padding-bottom: var(--wco-spacing-md); }
1613
+
1614
+ .pb-lg {
1615
+ padding-bottom: var(--wco-spacing-lg); }
1616
+
1617
+ .pb-xl {
1618
+ padding-bottom: var(--wco-spacing-xl); }
1619
+
1620
+ .pb-xxl {
1621
+ padding-bottom: var(--wco-spacing-xxl); }
1622
+
1623
+ .pb-xxxl {
1624
+ padding-bottom: var(--wco-spacing-xxxl); }
1625
+
1626
+ .pb-huge {
1627
+ padding-bottom: var(--wco-spacing-huge); }
1628
+
1629
+ .pl-none {
1630
+ padding-left: var(--wco-spacing-none); }
1631
+
1632
+ .pl-quark {
1633
+ padding-left: var(--wco-spacing-quark); }
1634
+
1635
+ .pl-nano {
1636
+ padding-left: var(--wco-spacing-nano); }
1637
+
1638
+ .pl-xxxs {
1639
+ padding-left: var(--wco-spacing-xxxs); }
1640
+
1641
+ .pl-xxs {
1642
+ padding-left: var(--wco-spacing-xxs); }
1643
+
1644
+ .pl-xs {
1645
+ padding-left: var(--wco-spacing-xs); }
1646
+
1647
+ .pl-sm {
1648
+ padding-left: var(--wco-spacing-sm); }
1649
+
1650
+ .pl-md {
1651
+ padding-left: var(--wco-spacing-md); }
1652
+
1653
+ .pl-lg {
1654
+ padding-left: var(--wco-spacing-lg); }
1655
+
1656
+ .pl-xl {
1657
+ padding-left: var(--wco-spacing-xl); }
1658
+
1659
+ .pl-xxl {
1660
+ padding-left: var(--wco-spacing-xxl); }
1661
+
1662
+ .pl-xxxl {
1663
+ padding-left: var(--wco-spacing-xxxl); }
1664
+
1665
+ .pl-huge {
1666
+ padding-left: var(--wco-spacing-huge); }
1667
+
1668
+ .text-left {
1669
+ text-align: left; }
1670
+
1671
+ .text-center {
1672
+ text-align: center; }
1673
+
1674
+ .text-right {
1675
+ text-align: right; }
1676
+
1677
+ .text-justify {
1678
+ text-align: justify; }
1679
+
1680
+ @media (min-width: 640px) {
1681
+ .md\:m-none {
1682
+ margin: var(--wco-spacing-none); }
1683
+ .md\:m-quark {
1684
+ margin: var(--wco-spacing-quark); }
1685
+ .md\:m-nano {
1686
+ margin: var(--wco-spacing-nano); }
1687
+ .md\:m-xxxs {
1688
+ margin: var(--wco-spacing-xxxs); }
1689
+ .md\:m-xxs {
1690
+ margin: var(--wco-spacing-xxs); }
1691
+ .md\:m-xs {
1692
+ margin: var(--wco-spacing-xs); }
1693
+ .md\:m-sm {
1694
+ margin: var(--wco-spacing-sm); }
1695
+ .md\:m-md {
1696
+ margin: var(--wco-spacing-md); }
1697
+ .md\:m-lg {
1698
+ margin: var(--wco-spacing-lg); }
1699
+ .md\:m-xl {
1700
+ margin: var(--wco-spacing-xl); }
1701
+ .md\:m-xxl {
1702
+ margin: var(--wco-spacing-xxl); }
1703
+ .md\:m-xxxl {
1704
+ margin: var(--wco-spacing-xxxl); }
1705
+ .md\:m-huge {
1706
+ margin: var(--wco-spacing-huge); }
1707
+ .md\:mx-none {
1708
+ margin-left: var(--wco-spacing-none);
1709
+ margin-right: var(--wco-spacing-none); }
1710
+ .md\:mx-quark {
1711
+ margin-left: var(--wco-spacing-quark);
1712
+ margin-right: var(--wco-spacing-quark); }
1713
+ .md\:mx-nano {
1714
+ margin-left: var(--wco-spacing-nano);
1715
+ margin-right: var(--wco-spacing-nano); }
1716
+ .md\:mx-xxxs {
1717
+ margin-left: var(--wco-spacing-xxxs);
1718
+ margin-right: var(--wco-spacing-xxxs); }
1719
+ .md\:mx-xxs {
1720
+ margin-left: var(--wco-spacing-xxs);
1721
+ margin-right: var(--wco-spacing-xxs); }
1722
+ .md\:mx-xs {
1723
+ margin-left: var(--wco-spacing-xs);
1724
+ margin-right: var(--wco-spacing-xs); }
1725
+ .md\:mx-sm {
1726
+ margin-left: var(--wco-spacing-sm);
1727
+ margin-right: var(--wco-spacing-sm); }
1728
+ .md\:mx-md {
1729
+ margin-left: var(--wco-spacing-md);
1730
+ margin-right: var(--wco-spacing-md); }
1731
+ .md\:mx-lg {
1732
+ margin-left: var(--wco-spacing-lg);
1733
+ margin-right: var(--wco-spacing-lg); }
1734
+ .md\:mx-xl {
1735
+ margin-left: var(--wco-spacing-xl);
1736
+ margin-right: var(--wco-spacing-xl); }
1737
+ .md\:mx-xxl {
1738
+ margin-left: var(--wco-spacing-xxl);
1739
+ margin-right: var(--wco-spacing-xxl); }
1740
+ .md\:mx-xxxl {
1741
+ margin-left: var(--wco-spacing-xxxl);
1742
+ margin-right: var(--wco-spacing-xxxl); }
1743
+ .md\:mx-huge {
1744
+ margin-left: var(--wco-spacing-huge);
1745
+ margin-right: var(--wco-spacing-huge); }
1746
+ .md\:my-none {
1747
+ margin-top: var(--wco-spacing-none);
1748
+ margin-bottom: var(--wco-spacing-none); }
1749
+ .md\:my-quark {
1750
+ margin-top: var(--wco-spacing-quark);
1751
+ margin-bottom: var(--wco-spacing-quark); }
1752
+ .md\:my-nano {
1753
+ margin-top: var(--wco-spacing-nano);
1754
+ margin-bottom: var(--wco-spacing-nano); }
1755
+ .md\:my-xxxs {
1756
+ margin-top: var(--wco-spacing-xxxs);
1757
+ margin-bottom: var(--wco-spacing-xxxs); }
1758
+ .md\:my-xxs {
1759
+ margin-top: var(--wco-spacing-xxs);
1760
+ margin-bottom: var(--wco-spacing-xxs); }
1761
+ .md\:my-xs {
1762
+ margin-top: var(--wco-spacing-xs);
1763
+ margin-bottom: var(--wco-spacing-xs); }
1764
+ .md\:my-sm {
1765
+ margin-top: var(--wco-spacing-sm);
1766
+ margin-bottom: var(--wco-spacing-sm); }
1767
+ .md\:my-md {
1768
+ margin-top: var(--wco-spacing-md);
1769
+ margin-bottom: var(--wco-spacing-md); }
1770
+ .md\:my-lg {
1771
+ margin-top: var(--wco-spacing-lg);
1772
+ margin-bottom: var(--wco-spacing-lg); }
1773
+ .md\:my-xl {
1774
+ margin-top: var(--wco-spacing-xl);
1775
+ margin-bottom: var(--wco-spacing-xl); }
1776
+ .md\:my-xxl {
1777
+ margin-top: var(--wco-spacing-xxl);
1778
+ margin-bottom: var(--wco-spacing-xxl); }
1779
+ .md\:my-xxxl {
1780
+ margin-top: var(--wco-spacing-xxxl);
1781
+ margin-bottom: var(--wco-spacing-xxxl); }
1782
+ .md\:my-huge {
1783
+ margin-top: var(--wco-spacing-huge);
1784
+ margin-bottom: var(--wco-spacing-huge); }
1785
+ .md\:mt-none {
1786
+ margin-top: var(--wco-spacing-none); }
1787
+ .md\:mt-quark {
1788
+ margin-top: var(--wco-spacing-quark); }
1789
+ .md\:mt-nano {
1790
+ margin-top: var(--wco-spacing-nano); }
1791
+ .md\:mt-xxxs {
1792
+ margin-top: var(--wco-spacing-xxxs); }
1793
+ .md\:mt-xxs {
1794
+ margin-top: var(--wco-spacing-xxs); }
1795
+ .md\:mt-xs {
1796
+ margin-top: var(--wco-spacing-xs); }
1797
+ .md\:mt-sm {
1798
+ margin-top: var(--wco-spacing-sm); }
1799
+ .md\:mt-md {
1800
+ margin-top: var(--wco-spacing-md); }
1801
+ .md\:mt-lg {
1802
+ margin-top: var(--wco-spacing-lg); }
1803
+ .md\:mt-xl {
1804
+ margin-top: var(--wco-spacing-xl); }
1805
+ .md\:mt-xxl {
1806
+ margin-top: var(--wco-spacing-xxl); }
1807
+ .md\:mt-xxxl {
1808
+ margin-top: var(--wco-spacing-xxxl); }
1809
+ .md\:mt-huge {
1810
+ margin-top: var(--wco-spacing-huge); }
1811
+ .md\:mr-none {
1812
+ margin-right: var(--wco-spacing-none); }
1813
+ .md\:mr-quark {
1814
+ margin-right: var(--wco-spacing-quark); }
1815
+ .md\:mr-nano {
1816
+ margin-right: var(--wco-spacing-nano); }
1817
+ .md\:mr-xxxs {
1818
+ margin-right: var(--wco-spacing-xxxs); }
1819
+ .md\:mr-xxs {
1820
+ margin-right: var(--wco-spacing-xxs); }
1821
+ .md\:mr-xs {
1822
+ margin-right: var(--wco-spacing-xs); }
1823
+ .md\:mr-sm {
1824
+ margin-right: var(--wco-spacing-sm); }
1825
+ .md\:mr-md {
1826
+ margin-right: var(--wco-spacing-md); }
1827
+ .md\:mr-lg {
1828
+ margin-right: var(--wco-spacing-lg); }
1829
+ .md\:mr-xl {
1830
+ margin-right: var(--wco-spacing-xl); }
1831
+ .md\:mr-xxl {
1832
+ margin-right: var(--wco-spacing-xxl); }
1833
+ .md\:mr-xxxl {
1834
+ margin-right: var(--wco-spacing-xxxl); }
1835
+ .md\:mr-huge {
1836
+ margin-right: var(--wco-spacing-huge); }
1837
+ .md\:mb-none {
1838
+ margin-bottom: var(--wco-spacing-none); }
1839
+ .md\:mb-quark {
1840
+ margin-bottom: var(--wco-spacing-quark); }
1841
+ .md\:mb-nano {
1842
+ margin-bottom: var(--wco-spacing-nano); }
1843
+ .md\:mb-xxxs {
1844
+ margin-bottom: var(--wco-spacing-xxxs); }
1845
+ .md\:mb-xxs {
1846
+ margin-bottom: var(--wco-spacing-xxs); }
1847
+ .md\:mb-xs {
1848
+ margin-bottom: var(--wco-spacing-xs); }
1849
+ .md\:mb-sm {
1850
+ margin-bottom: var(--wco-spacing-sm); }
1851
+ .md\:mb-md {
1852
+ margin-bottom: var(--wco-spacing-md); }
1853
+ .md\:mb-lg {
1854
+ margin-bottom: var(--wco-spacing-lg); }
1855
+ .md\:mb-xl {
1856
+ margin-bottom: var(--wco-spacing-xl); }
1857
+ .md\:mb-xxl {
1858
+ margin-bottom: var(--wco-spacing-xxl); }
1859
+ .md\:mb-xxxl {
1860
+ margin-bottom: var(--wco-spacing-xxxl); }
1861
+ .md\:mb-huge {
1862
+ margin-bottom: var(--wco-spacing-huge); }
1863
+ .md\:ml-none {
1864
+ margin-left: var(--wco-spacing-none); }
1865
+ .md\:ml-quark {
1866
+ margin-left: var(--wco-spacing-quark); }
1867
+ .md\:ml-nano {
1868
+ margin-left: var(--wco-spacing-nano); }
1869
+ .md\:ml-xxxs {
1870
+ margin-left: var(--wco-spacing-xxxs); }
1871
+ .md\:ml-xxs {
1872
+ margin-left: var(--wco-spacing-xxs); }
1873
+ .md\:ml-xs {
1874
+ margin-left: var(--wco-spacing-xs); }
1875
+ .md\:ml-sm {
1876
+ margin-left: var(--wco-spacing-sm); }
1877
+ .md\:ml-md {
1878
+ margin-left: var(--wco-spacing-md); }
1879
+ .md\:ml-lg {
1880
+ margin-left: var(--wco-spacing-lg); }
1881
+ .md\:ml-xl {
1882
+ margin-left: var(--wco-spacing-xl); }
1883
+ .md\:ml-xxl {
1884
+ margin-left: var(--wco-spacing-xxl); }
1885
+ .md\:ml-xxxl {
1886
+ margin-left: var(--wco-spacing-xxxl); }
1887
+ .md\:ml-huge {
1888
+ margin-left: var(--wco-spacing-huge); }
1889
+ .md\:block {
1890
+ display: block; }
1891
+ .md\:inline-block {
1892
+ display: inline-block; }
1893
+ .md\:inline {
1894
+ display: inline; }
1895
+ .md\:flex {
1896
+ display: flex; }
1897
+ .md\:inline-flex {
1898
+ display: inline-flex; }
1899
+ .md\:table {
1900
+ display: table; }
1901
+ .md\:inline-table {
1902
+ display: inline-table; }
1903
+ .md\:table-caption {
1904
+ display: table-caption; }
1905
+ .md\:table-cell {
1906
+ display: table-cell; }
1907
+ .md\:table-column {
1908
+ display: table-column; }
1909
+ .md\:table-column-group {
1910
+ display: table-column-group; }
1911
+ .md\:table-footer-group {
1912
+ display: table-footer-group; }
1913
+ .md\:table-header-group {
1914
+ display: table-header-group; }
1915
+ .md\:table-row-group {
1916
+ display: table-row-group; }
1917
+ .md\:table-row {
1918
+ display: table-row; }
1919
+ .md\:flow-root {
1920
+ display: flow-root; }
1921
+ .md\:grid {
1922
+ display: grid; }
1923
+ .md\:inline-grid {
1924
+ display: inline-grid; }
1925
+ .md\:contents {
1926
+ display: contents; }
1927
+ .md\:list-item {
1928
+ display: list-item; }
1929
+ .md\:hidden {
1930
+ display: none; }
1931
+ .md\:flex-1 {
1932
+ flex: 1 1 0%; }
1933
+ .md\:flex-auto {
1934
+ flex: 1 1 auto; }
1935
+ .md\:flex-initial {
1936
+ flex: 0 1 auto; }
1937
+ .md\:flex-none {
1938
+ flex: none; }
1939
+ .md\:flex-row {
1940
+ flex-direction: row; }
1941
+ .md\:flex-row-reverse {
1942
+ flex-direction: row-reverse; }
1943
+ .md\:flex-col {
1944
+ flex-direction: column; }
1945
+ .md\:flex-col-reverse {
1946
+ flex-direction: column-reverse; }
1947
+ .md\:flex-wrap {
1948
+ flex-wrap: wrap; }
1949
+ .md\:flex-wrap-reverse {
1950
+ flex-wrap: wrap-reverse; }
1951
+ .md\:flex-nowrap {
1952
+ flex-wrap: nowrap; }
1953
+ .md\:items-start {
1954
+ align-items: flex-start; }
1955
+ .md\:items-end {
1956
+ align-items: flex-end; }
1957
+ .md\:items-center {
1958
+ align-items: center; }
1959
+ .md\:items-baseline {
1960
+ align-items: baseline; }
1961
+ .md\:items-stretch {
1962
+ align-items: stretch; }
1963
+ .md\:justify-start {
1964
+ justify-content: flex-start; }
1965
+ .md\:justify-end {
1966
+ justify-content: flex-end; }
1967
+ .md\:justify-center {
1968
+ justify-content: center; }
1969
+ .md\:justify-between {
1970
+ justify-content: space-between; }
1971
+ .md\:justify-around {
1972
+ justify-content: space-around; }
1973
+ .md\:justify-evenly {
1974
+ justify-content: space-evenly; }
1975
+ .md\:gap-none {
1976
+ gap: var(--wco-none); }
1977
+ .md\:gap-spacing-quark {
1978
+ gap: var(--wco-spacing-quark); }
1979
+ .md\:gap-spacing-nano {
1980
+ gap: var(--wco-spacing-nano); }
1981
+ .md\:gap-spacing-xxxs {
1982
+ gap: var(--wco-spacing-xxxs); }
1983
+ .md\:gap-spacing-xxs {
1984
+ gap: var(--wco-spacing-xxs); }
1985
+ .md\:gap-spacing-xs {
1986
+ gap: var(--wco-spacing-xs); }
1987
+ .md\:gap-spacing-sm {
1988
+ gap: var(--wco-spacing-sm); }
1989
+ .md\:gap-x-none {
1990
+ -moz-column-gap: var(--wco-none);
1991
+ column-gap: var(--wco-none); }
1992
+ .md\:gap-x-spacing-quark {
1993
+ -moz-column-gap: var(--wco-spacing-quark);
1994
+ column-gap: var(--wco-spacing-quark); }
1995
+ .md\:gap-x-spacing-nano {
1996
+ -moz-column-gap: var(--wco-spacing-nano);
1997
+ column-gap: var(--wco-spacing-nano); }
1998
+ .md\:gap-x-spacing-xxxs {
1999
+ -moz-column-gap: var(--wco-spacing-xxxs);
2000
+ column-gap: var(--wco-spacing-xxxs); }
2001
+ .md\:gap-x-spacing-xxs {
2002
+ -moz-column-gap: var(--wco-spacing-xxs);
2003
+ column-gap: var(--wco-spacing-xxs); }
2004
+ .md\:gap-x-spacing-xs {
2005
+ -moz-column-gap: var(--wco-spacing-xs);
2006
+ column-gap: var(--wco-spacing-xs); }
2007
+ .md\:gap-x-spacing-sm {
2008
+ -moz-column-gap: var(--wco-spacing-sm);
2009
+ column-gap: var(--wco-spacing-sm); }
2010
+ .md\:gap-y-none {
2011
+ row-gap: var(--wco-none); }
2012
+ .md\:gap-y-spacing-quark {
2013
+ row-gap: var(--wco-spacing-quark); }
2014
+ .md\:gap-y-spacing-nano {
2015
+ row-gap: var(--wco-spacing-nano); }
2016
+ .md\:gap-y-spacing-xxxs {
2017
+ row-gap: var(--wco-spacing-xxxs); }
2018
+ .md\:gap-y-spacing-xxs {
2019
+ row-gap: var(--wco-spacing-xxs); }
2020
+ .md\:gap-y-spacing-xs {
2021
+ row-gap: var(--wco-spacing-xs); }
2022
+ .md\:gap-y-spacing-sm {
2023
+ row-gap: var(--wco-spacing-sm); }
2024
+ .md\:p-none {
2025
+ padding: var(--wco-spacing-none); }
2026
+ .md\:p-quark {
2027
+ padding: var(--wco-spacing-quark); }
2028
+ .md\:p-nano {
2029
+ padding: var(--wco-spacing-nano); }
2030
+ .md\:p-xxxs {
2031
+ padding: var(--wco-spacing-xxxs); }
2032
+ .md\:p-xxs {
2033
+ padding: var(--wco-spacing-xxs); }
2034
+ .md\:p-xs {
2035
+ padding: var(--wco-spacing-xs); }
2036
+ .md\:p-sm {
2037
+ padding: var(--wco-spacing-sm); }
2038
+ .md\:p-md {
2039
+ padding: var(--wco-spacing-md); }
2040
+ .md\:p-lg {
2041
+ padding: var(--wco-spacing-lg); }
2042
+ .md\:p-xl {
2043
+ padding: var(--wco-spacing-xl); }
2044
+ .md\:p-xxl {
2045
+ padding: var(--wco-spacing-xxl); }
2046
+ .md\:p-xxxl {
2047
+ padding: var(--wco-spacing-xxxl); }
2048
+ .md\:p-huge {
2049
+ padding: var(--wco-spacing-huge); }
2050
+ .md\:px-none {
2051
+ padding-left: var(--wco-spacing-none);
2052
+ padding-right: var(--wco-spacing-none); }
2053
+ .md\:px-quark {
2054
+ padding-left: var(--wco-spacing-quark);
2055
+ padding-right: var(--wco-spacing-quark); }
2056
+ .md\:px-nano {
2057
+ padding-left: var(--wco-spacing-nano);
2058
+ padding-right: var(--wco-spacing-nano); }
2059
+ .md\:px-xxxs {
2060
+ padding-left: var(--wco-spacing-xxxs);
2061
+ padding-right: var(--wco-spacing-xxxs); }
2062
+ .md\:px-xxs {
2063
+ padding-left: var(--wco-spacing-xxs);
2064
+ padding-right: var(--wco-spacing-xxs); }
2065
+ .md\:px-xs {
2066
+ padding-left: var(--wco-spacing-xs);
2067
+ padding-right: var(--wco-spacing-xs); }
2068
+ .md\:px-sm {
2069
+ padding-left: var(--wco-spacing-sm);
2070
+ padding-right: var(--wco-spacing-sm); }
2071
+ .md\:px-md {
2072
+ padding-left: var(--wco-spacing-md);
2073
+ padding-right: var(--wco-spacing-md); }
2074
+ .md\:px-lg {
2075
+ padding-left: var(--wco-spacing-lg);
2076
+ padding-right: var(--wco-spacing-lg); }
2077
+ .md\:px-xl {
2078
+ padding-left: var(--wco-spacing-xl);
2079
+ padding-right: var(--wco-spacing-xl); }
2080
+ .md\:px-xxl {
2081
+ padding-left: var(--wco-spacing-xxl);
2082
+ padding-right: var(--wco-spacing-xxl); }
2083
+ .md\:px-xxxl {
2084
+ padding-left: var(--wco-spacing-xxxl);
2085
+ padding-right: var(--wco-spacing-xxxl); }
2086
+ .md\:px-huge {
2087
+ padding-left: var(--wco-spacing-huge);
2088
+ padding-right: var(--wco-spacing-huge); }
2089
+ .md\:py-none {
2090
+ padding-top: var(--wco-spacing-none);
2091
+ padding-bottom: var(--wco-spacing-none); }
2092
+ .md\:py-quark {
2093
+ padding-top: var(--wco-spacing-quark);
2094
+ padding-bottom: var(--wco-spacing-quark); }
2095
+ .md\:py-nano {
2096
+ padding-top: var(--wco-spacing-nano);
2097
+ padding-bottom: var(--wco-spacing-nano); }
2098
+ .md\:py-xxxs {
2099
+ padding-top: var(--wco-spacing-xxxs);
2100
+ padding-bottom: var(--wco-spacing-xxxs); }
2101
+ .md\:py-xxs {
2102
+ padding-top: var(--wco-spacing-xxs);
2103
+ padding-bottom: var(--wco-spacing-xxs); }
2104
+ .md\:py-xs {
2105
+ padding-top: var(--wco-spacing-xs);
2106
+ padding-bottom: var(--wco-spacing-xs); }
2107
+ .md\:py-sm {
2108
+ padding-top: var(--wco-spacing-sm);
2109
+ padding-bottom: var(--wco-spacing-sm); }
2110
+ .md\:py-md {
2111
+ padding-top: var(--wco-spacing-md);
2112
+ padding-bottom: var(--wco-spacing-md); }
2113
+ .md\:py-lg {
2114
+ padding-top: var(--wco-spacing-lg);
2115
+ padding-bottom: var(--wco-spacing-lg); }
2116
+ .md\:py-xl {
2117
+ padding-top: var(--wco-spacing-xl);
2118
+ padding-bottom: var(--wco-spacing-xl); }
2119
+ .md\:py-xxl {
2120
+ padding-top: var(--wco-spacing-xxl);
2121
+ padding-bottom: var(--wco-spacing-xxl); }
2122
+ .md\:py-xxxl {
2123
+ padding-top: var(--wco-spacing-xxxl);
2124
+ padding-bottom: var(--wco-spacing-xxxl); }
2125
+ .md\:py-huge {
2126
+ padding-top: var(--wco-spacing-huge);
2127
+ padding-bottom: var(--wco-spacing-huge); }
2128
+ .md\:pt-none {
2129
+ padding-top: var(--wco-spacing-none); }
2130
+ .md\:pt-quark {
2131
+ padding-top: var(--wco-spacing-quark); }
2132
+ .md\:pt-nano {
2133
+ padding-top: var(--wco-spacing-nano); }
2134
+ .md\:pt-xxxs {
2135
+ padding-top: var(--wco-spacing-xxxs); }
2136
+ .md\:pt-xxs {
2137
+ padding-top: var(--wco-spacing-xxs); }
2138
+ .md\:pt-xs {
2139
+ padding-top: var(--wco-spacing-xs); }
2140
+ .md\:pt-sm {
2141
+ padding-top: var(--wco-spacing-sm); }
2142
+ .md\:pt-md {
2143
+ padding-top: var(--wco-spacing-md); }
2144
+ .md\:pt-lg {
2145
+ padding-top: var(--wco-spacing-lg); }
2146
+ .md\:pt-xl {
2147
+ padding-top: var(--wco-spacing-xl); }
2148
+ .md\:pt-xxl {
2149
+ padding-top: var(--wco-spacing-xxl); }
2150
+ .md\:pt-xxxl {
2151
+ padding-top: var(--wco-spacing-xxxl); }
2152
+ .md\:pt-huge {
2153
+ padding-top: var(--wco-spacing-huge); }
2154
+ .md\:pr-none {
2155
+ padding-right: var(--wco-spacing-none); }
2156
+ .md\:pr-quark {
2157
+ padding-right: var(--wco-spacing-quark); }
2158
+ .md\:pr-nano {
2159
+ padding-right: var(--wco-spacing-nano); }
2160
+ .md\:pr-xxxs {
2161
+ padding-right: var(--wco-spacing-xxxs); }
2162
+ .md\:pr-xxs {
2163
+ padding-right: var(--wco-spacing-xxs); }
2164
+ .md\:pr-xs {
2165
+ padding-right: var(--wco-spacing-xs); }
2166
+ .md\:pr-sm {
2167
+ padding-right: var(--wco-spacing-sm); }
2168
+ .md\:pr-md {
2169
+ padding-right: var(--wco-spacing-md); }
2170
+ .md\:pr-lg {
2171
+ padding-right: var(--wco-spacing-lg); }
2172
+ .md\:pr-xl {
2173
+ padding-right: var(--wco-spacing-xl); }
2174
+ .md\:pr-xxl {
2175
+ padding-right: var(--wco-spacing-xxl); }
2176
+ .md\:pr-xxxl {
2177
+ padding-right: var(--wco-spacing-xxxl); }
2178
+ .md\:pr-huge {
2179
+ padding-right: var(--wco-spacing-huge); }
2180
+ .md\:pb-none {
2181
+ padding-bottom: var(--wco-spacing-none); }
2182
+ .md\:pb-quark {
2183
+ padding-bottom: var(--wco-spacing-quark); }
2184
+ .md\:pb-nano {
2185
+ padding-bottom: var(--wco-spacing-nano); }
2186
+ .md\:pb-xxxs {
2187
+ padding-bottom: var(--wco-spacing-xxxs); }
2188
+ .md\:pb-xxs {
2189
+ padding-bottom: var(--wco-spacing-xxs); }
2190
+ .md\:pb-xs {
2191
+ padding-bottom: var(--wco-spacing-xs); }
2192
+ .md\:pb-sm {
2193
+ padding-bottom: var(--wco-spacing-sm); }
2194
+ .md\:pb-md {
2195
+ padding-bottom: var(--wco-spacing-md); }
2196
+ .md\:pb-lg {
2197
+ padding-bottom: var(--wco-spacing-lg); }
2198
+ .md\:pb-xl {
2199
+ padding-bottom: var(--wco-spacing-xl); }
2200
+ .md\:pb-xxl {
2201
+ padding-bottom: var(--wco-spacing-xxl); }
2202
+ .md\:pb-xxxl {
2203
+ padding-bottom: var(--wco-spacing-xxxl); }
2204
+ .md\:pb-huge {
2205
+ padding-bottom: var(--wco-spacing-huge); }
2206
+ .md\:pl-none {
2207
+ padding-left: var(--wco-spacing-none); }
2208
+ .md\:pl-quark {
2209
+ padding-left: var(--wco-spacing-quark); }
2210
+ .md\:pl-nano {
2211
+ padding-left: var(--wco-spacing-nano); }
2212
+ .md\:pl-xxxs {
2213
+ padding-left: var(--wco-spacing-xxxs); }
2214
+ .md\:pl-xxs {
2215
+ padding-left: var(--wco-spacing-xxs); }
2216
+ .md\:pl-xs {
2217
+ padding-left: var(--wco-spacing-xs); }
2218
+ .md\:pl-sm {
2219
+ padding-left: var(--wco-spacing-sm); }
2220
+ .md\:pl-md {
2221
+ padding-left: var(--wco-spacing-md); }
2222
+ .md\:pl-lg {
2223
+ padding-left: var(--wco-spacing-lg); }
2224
+ .md\:pl-xl {
2225
+ padding-left: var(--wco-spacing-xl); }
2226
+ .md\:pl-xxl {
2227
+ padding-left: var(--wco-spacing-xxl); }
2228
+ .md\:pl-xxxl {
2229
+ padding-left: var(--wco-spacing-xxxl); }
2230
+ .md\:pl-huge {
2231
+ padding-left: var(--wco-spacing-huge); }
2232
+ .md\:text-left {
2233
+ text-align: left; }
2234
+ .md\:text-center {
2235
+ text-align: center; }
2236
+ .md\:text-right {
2237
+ text-align: right; }
2238
+ .md\:text-justify {
2239
+ text-align: justify; } }
2240
+
2241
+ @media (min-width: 1024px) {
2242
+ .lg\:m-none {
2243
+ margin: var(--wco-spacing-none); }
2244
+ .lg\:m-quark {
2245
+ margin: var(--wco-spacing-quark); }
2246
+ .lg\:m-nano {
2247
+ margin: var(--wco-spacing-nano); }
2248
+ .lg\:m-xxxs {
2249
+ margin: var(--wco-spacing-xxxs); }
2250
+ .lg\:m-xxs {
2251
+ margin: var(--wco-spacing-xxs); }
2252
+ .lg\:m-xs {
2253
+ margin: var(--wco-spacing-xs); }
2254
+ .lg\:m-sm {
2255
+ margin: var(--wco-spacing-sm); }
2256
+ .lg\:m-md {
2257
+ margin: var(--wco-spacing-md); }
2258
+ .lg\:m-lg {
2259
+ margin: var(--wco-spacing-lg); }
2260
+ .lg\:m-xl {
2261
+ margin: var(--wco-spacing-xl); }
2262
+ .lg\:m-xxl {
2263
+ margin: var(--wco-spacing-xxl); }
2264
+ .lg\:m-xxxl {
2265
+ margin: var(--wco-spacing-xxxl); }
2266
+ .lg\:m-huge {
2267
+ margin: var(--wco-spacing-huge); }
2268
+ .lg\:mx-none {
2269
+ margin-left: var(--wco-spacing-none);
2270
+ margin-right: var(--wco-spacing-none); }
2271
+ .lg\:mx-quark {
2272
+ margin-left: var(--wco-spacing-quark);
2273
+ margin-right: var(--wco-spacing-quark); }
2274
+ .lg\:mx-nano {
2275
+ margin-left: var(--wco-spacing-nano);
2276
+ margin-right: var(--wco-spacing-nano); }
2277
+ .lg\:mx-xxxs {
2278
+ margin-left: var(--wco-spacing-xxxs);
2279
+ margin-right: var(--wco-spacing-xxxs); }
2280
+ .lg\:mx-xxs {
2281
+ margin-left: var(--wco-spacing-xxs);
2282
+ margin-right: var(--wco-spacing-xxs); }
2283
+ .lg\:mx-xs {
2284
+ margin-left: var(--wco-spacing-xs);
2285
+ margin-right: var(--wco-spacing-xs); }
2286
+ .lg\:mx-sm {
2287
+ margin-left: var(--wco-spacing-sm);
2288
+ margin-right: var(--wco-spacing-sm); }
2289
+ .lg\:mx-md {
2290
+ margin-left: var(--wco-spacing-md);
2291
+ margin-right: var(--wco-spacing-md); }
2292
+ .lg\:mx-lg {
2293
+ margin-left: var(--wco-spacing-lg);
2294
+ margin-right: var(--wco-spacing-lg); }
2295
+ .lg\:mx-xl {
2296
+ margin-left: var(--wco-spacing-xl);
2297
+ margin-right: var(--wco-spacing-xl); }
2298
+ .lg\:mx-xxl {
2299
+ margin-left: var(--wco-spacing-xxl);
2300
+ margin-right: var(--wco-spacing-xxl); }
2301
+ .lg\:mx-xxxl {
2302
+ margin-left: var(--wco-spacing-xxxl);
2303
+ margin-right: var(--wco-spacing-xxxl); }
2304
+ .lg\:mx-huge {
2305
+ margin-left: var(--wco-spacing-huge);
2306
+ margin-right: var(--wco-spacing-huge); }
2307
+ .lg\:my-none {
2308
+ margin-top: var(--wco-spacing-none);
2309
+ margin-bottom: var(--wco-spacing-none); }
2310
+ .lg\:my-quark {
2311
+ margin-top: var(--wco-spacing-quark);
2312
+ margin-bottom: var(--wco-spacing-quark); }
2313
+ .lg\:my-nano {
2314
+ margin-top: var(--wco-spacing-nano);
2315
+ margin-bottom: var(--wco-spacing-nano); }
2316
+ .lg\:my-xxxs {
2317
+ margin-top: var(--wco-spacing-xxxs);
2318
+ margin-bottom: var(--wco-spacing-xxxs); }
2319
+ .lg\:my-xxs {
2320
+ margin-top: var(--wco-spacing-xxs);
2321
+ margin-bottom: var(--wco-spacing-xxs); }
2322
+ .lg\:my-xs {
2323
+ margin-top: var(--wco-spacing-xs);
2324
+ margin-bottom: var(--wco-spacing-xs); }
2325
+ .lg\:my-sm {
2326
+ margin-top: var(--wco-spacing-sm);
2327
+ margin-bottom: var(--wco-spacing-sm); }
2328
+ .lg\:my-md {
2329
+ margin-top: var(--wco-spacing-md);
2330
+ margin-bottom: var(--wco-spacing-md); }
2331
+ .lg\:my-lg {
2332
+ margin-top: var(--wco-spacing-lg);
2333
+ margin-bottom: var(--wco-spacing-lg); }
2334
+ .lg\:my-xl {
2335
+ margin-top: var(--wco-spacing-xl);
2336
+ margin-bottom: var(--wco-spacing-xl); }
2337
+ .lg\:my-xxl {
2338
+ margin-top: var(--wco-spacing-xxl);
2339
+ margin-bottom: var(--wco-spacing-xxl); }
2340
+ .lg\:my-xxxl {
2341
+ margin-top: var(--wco-spacing-xxxl);
2342
+ margin-bottom: var(--wco-spacing-xxxl); }
2343
+ .lg\:my-huge {
2344
+ margin-top: var(--wco-spacing-huge);
2345
+ margin-bottom: var(--wco-spacing-huge); }
2346
+ .lg\:mt-none {
2347
+ margin-top: var(--wco-spacing-none); }
2348
+ .lg\:mt-quark {
2349
+ margin-top: var(--wco-spacing-quark); }
2350
+ .lg\:mt-nano {
2351
+ margin-top: var(--wco-spacing-nano); }
2352
+ .lg\:mt-xxxs {
2353
+ margin-top: var(--wco-spacing-xxxs); }
2354
+ .lg\:mt-xxs {
2355
+ margin-top: var(--wco-spacing-xxs); }
2356
+ .lg\:mt-xs {
2357
+ margin-top: var(--wco-spacing-xs); }
2358
+ .lg\:mt-sm {
2359
+ margin-top: var(--wco-spacing-sm); }
2360
+ .lg\:mt-md {
2361
+ margin-top: var(--wco-spacing-md); }
2362
+ .lg\:mt-lg {
2363
+ margin-top: var(--wco-spacing-lg); }
2364
+ .lg\:mt-xl {
2365
+ margin-top: var(--wco-spacing-xl); }
2366
+ .lg\:mt-xxl {
2367
+ margin-top: var(--wco-spacing-xxl); }
2368
+ .lg\:mt-xxxl {
2369
+ margin-top: var(--wco-spacing-xxxl); }
2370
+ .lg\:mt-huge {
2371
+ margin-top: var(--wco-spacing-huge); }
2372
+ .lg\:mr-none {
2373
+ margin-right: var(--wco-spacing-none); }
2374
+ .lg\:mr-quark {
2375
+ margin-right: var(--wco-spacing-quark); }
2376
+ .lg\:mr-nano {
2377
+ margin-right: var(--wco-spacing-nano); }
2378
+ .lg\:mr-xxxs {
2379
+ margin-right: var(--wco-spacing-xxxs); }
2380
+ .lg\:mr-xxs {
2381
+ margin-right: var(--wco-spacing-xxs); }
2382
+ .lg\:mr-xs {
2383
+ margin-right: var(--wco-spacing-xs); }
2384
+ .lg\:mr-sm {
2385
+ margin-right: var(--wco-spacing-sm); }
2386
+ .lg\:mr-md {
2387
+ margin-right: var(--wco-spacing-md); }
2388
+ .lg\:mr-lg {
2389
+ margin-right: var(--wco-spacing-lg); }
2390
+ .lg\:mr-xl {
2391
+ margin-right: var(--wco-spacing-xl); }
2392
+ .lg\:mr-xxl {
2393
+ margin-right: var(--wco-spacing-xxl); }
2394
+ .lg\:mr-xxxl {
2395
+ margin-right: var(--wco-spacing-xxxl); }
2396
+ .lg\:mr-huge {
2397
+ margin-right: var(--wco-spacing-huge); }
2398
+ .lg\:mb-none {
2399
+ margin-bottom: var(--wco-spacing-none); }
2400
+ .lg\:mb-quark {
2401
+ margin-bottom: var(--wco-spacing-quark); }
2402
+ .lg\:mb-nano {
2403
+ margin-bottom: var(--wco-spacing-nano); }
2404
+ .lg\:mb-xxxs {
2405
+ margin-bottom: var(--wco-spacing-xxxs); }
2406
+ .lg\:mb-xxs {
2407
+ margin-bottom: var(--wco-spacing-xxs); }
2408
+ .lg\:mb-xs {
2409
+ margin-bottom: var(--wco-spacing-xs); }
2410
+ .lg\:mb-sm {
2411
+ margin-bottom: var(--wco-spacing-sm); }
2412
+ .lg\:mb-md {
2413
+ margin-bottom: var(--wco-spacing-md); }
2414
+ .lg\:mb-lg {
2415
+ margin-bottom: var(--wco-spacing-lg); }
2416
+ .lg\:mb-xl {
2417
+ margin-bottom: var(--wco-spacing-xl); }
2418
+ .lg\:mb-xxl {
2419
+ margin-bottom: var(--wco-spacing-xxl); }
2420
+ .lg\:mb-xxxl {
2421
+ margin-bottom: var(--wco-spacing-xxxl); }
2422
+ .lg\:mb-huge {
2423
+ margin-bottom: var(--wco-spacing-huge); }
2424
+ .lg\:ml-none {
2425
+ margin-left: var(--wco-spacing-none); }
2426
+ .lg\:ml-quark {
2427
+ margin-left: var(--wco-spacing-quark); }
2428
+ .lg\:ml-nano {
2429
+ margin-left: var(--wco-spacing-nano); }
2430
+ .lg\:ml-xxxs {
2431
+ margin-left: var(--wco-spacing-xxxs); }
2432
+ .lg\:ml-xxs {
2433
+ margin-left: var(--wco-spacing-xxs); }
2434
+ .lg\:ml-xs {
2435
+ margin-left: var(--wco-spacing-xs); }
2436
+ .lg\:ml-sm {
2437
+ margin-left: var(--wco-spacing-sm); }
2438
+ .lg\:ml-md {
2439
+ margin-left: var(--wco-spacing-md); }
2440
+ .lg\:ml-lg {
2441
+ margin-left: var(--wco-spacing-lg); }
2442
+ .lg\:ml-xl {
2443
+ margin-left: var(--wco-spacing-xl); }
2444
+ .lg\:ml-xxl {
2445
+ margin-left: var(--wco-spacing-xxl); }
2446
+ .lg\:ml-xxxl {
2447
+ margin-left: var(--wco-spacing-xxxl); }
2448
+ .lg\:ml-huge {
2449
+ margin-left: var(--wco-spacing-huge); }
2450
+ .lg\:block {
2451
+ display: block; }
2452
+ .lg\:inline-block {
2453
+ display: inline-block; }
2454
+ .lg\:inline {
2455
+ display: inline; }
2456
+ .lg\:flex {
2457
+ display: flex; }
2458
+ .lg\:inline-flex {
2459
+ display: inline-flex; }
2460
+ .lg\:table {
2461
+ display: table; }
2462
+ .lg\:inline-table {
2463
+ display: inline-table; }
2464
+ .lg\:table-caption {
2465
+ display: table-caption; }
2466
+ .lg\:table-cell {
2467
+ display: table-cell; }
2468
+ .lg\:table-column {
2469
+ display: table-column; }
2470
+ .lg\:table-column-group {
2471
+ display: table-column-group; }
2472
+ .lg\:table-footer-group {
2473
+ display: table-footer-group; }
2474
+ .lg\:table-header-group {
2475
+ display: table-header-group; }
2476
+ .lg\:table-row-group {
2477
+ display: table-row-group; }
2478
+ .lg\:table-row {
2479
+ display: table-row; }
2480
+ .lg\:flow-root {
2481
+ display: flow-root; }
2482
+ .lg\:grid {
2483
+ display: grid; }
2484
+ .lg\:inline-grid {
2485
+ display: inline-grid; }
2486
+ .lg\:contents {
2487
+ display: contents; }
2488
+ .lg\:list-item {
2489
+ display: list-item; }
2490
+ .lg\:hidden {
2491
+ display: none; }
2492
+ .lg\:flex-1 {
2493
+ flex: 1 1 0%; }
2494
+ .lg\:flex-auto {
2495
+ flex: 1 1 auto; }
2496
+ .lg\:flex-initial {
2497
+ flex: 0 1 auto; }
2498
+ .lg\:flex-none {
2499
+ flex: none; }
2500
+ .lg\:flex-row {
2501
+ flex-direction: row; }
2502
+ .lg\:flex-row-reverse {
2503
+ flex-direction: row-reverse; }
2504
+ .lg\:flex-col {
2505
+ flex-direction: column; }
2506
+ .lg\:flex-col-reverse {
2507
+ flex-direction: column-reverse; }
2508
+ .lg\:flex-wrap {
2509
+ flex-wrap: wrap; }
2510
+ .lg\:flex-wrap-reverse {
2511
+ flex-wrap: wrap-reverse; }
2512
+ .lg\:flex-nowrap {
2513
+ flex-wrap: nowrap; }
2514
+ .lg\:items-start {
2515
+ align-items: flex-start; }
2516
+ .lg\:items-end {
2517
+ align-items: flex-end; }
2518
+ .lg\:items-center {
2519
+ align-items: center; }
2520
+ .lg\:items-baseline {
2521
+ align-items: baseline; }
2522
+ .lg\:items-stretch {
2523
+ align-items: stretch; }
2524
+ .lg\:justify-start {
2525
+ justify-content: flex-start; }
2526
+ .lg\:justify-end {
2527
+ justify-content: flex-end; }
2528
+ .lg\:justify-center {
2529
+ justify-content: center; }
2530
+ .lg\:justify-between {
2531
+ justify-content: space-between; }
2532
+ .lg\:justify-around {
2533
+ justify-content: space-around; }
2534
+ .lg\:justify-evenly {
2535
+ justify-content: space-evenly; }
2536
+ .lg\:gap-none {
2537
+ gap: var(--wco-none); }
2538
+ .lg\:gap-spacing-quark {
2539
+ gap: var(--wco-spacing-quark); }
2540
+ .lg\:gap-spacing-nano {
2541
+ gap: var(--wco-spacing-nano); }
2542
+ .lg\:gap-spacing-xxxs {
2543
+ gap: var(--wco-spacing-xxxs); }
2544
+ .lg\:gap-spacing-xxs {
2545
+ gap: var(--wco-spacing-xxs); }
2546
+ .lg\:gap-spacing-xs {
2547
+ gap: var(--wco-spacing-xs); }
2548
+ .lg\:gap-spacing-sm {
2549
+ gap: var(--wco-spacing-sm); }
2550
+ .lg\:gap-x-none {
2551
+ -moz-column-gap: var(--wco-none);
2552
+ column-gap: var(--wco-none); }
2553
+ .lg\:gap-x-spacing-quark {
2554
+ -moz-column-gap: var(--wco-spacing-quark);
2555
+ column-gap: var(--wco-spacing-quark); }
2556
+ .lg\:gap-x-spacing-nano {
2557
+ -moz-column-gap: var(--wco-spacing-nano);
2558
+ column-gap: var(--wco-spacing-nano); }
2559
+ .lg\:gap-x-spacing-xxxs {
2560
+ -moz-column-gap: var(--wco-spacing-xxxs);
2561
+ column-gap: var(--wco-spacing-xxxs); }
2562
+ .lg\:gap-x-spacing-xxs {
2563
+ -moz-column-gap: var(--wco-spacing-xxs);
2564
+ column-gap: var(--wco-spacing-xxs); }
2565
+ .lg\:gap-x-spacing-xs {
2566
+ -moz-column-gap: var(--wco-spacing-xs);
2567
+ column-gap: var(--wco-spacing-xs); }
2568
+ .lg\:gap-x-spacing-sm {
2569
+ -moz-column-gap: var(--wco-spacing-sm);
2570
+ column-gap: var(--wco-spacing-sm); }
2571
+ .lg\:gap-y-none {
2572
+ row-gap: var(--wco-none); }
2573
+ .lg\:gap-y-spacing-quark {
2574
+ row-gap: var(--wco-spacing-quark); }
2575
+ .lg\:gap-y-spacing-nano {
2576
+ row-gap: var(--wco-spacing-nano); }
2577
+ .lg\:gap-y-spacing-xxxs {
2578
+ row-gap: var(--wco-spacing-xxxs); }
2579
+ .lg\:gap-y-spacing-xxs {
2580
+ row-gap: var(--wco-spacing-xxs); }
2581
+ .lg\:gap-y-spacing-xs {
2582
+ row-gap: var(--wco-spacing-xs); }
2583
+ .lg\:gap-y-spacing-sm {
2584
+ row-gap: var(--wco-spacing-sm); }
2585
+ .lg\:p-none {
2586
+ padding: var(--wco-spacing-none); }
2587
+ .lg\:p-quark {
2588
+ padding: var(--wco-spacing-quark); }
2589
+ .lg\:p-nano {
2590
+ padding: var(--wco-spacing-nano); }
2591
+ .lg\:p-xxxs {
2592
+ padding: var(--wco-spacing-xxxs); }
2593
+ .lg\:p-xxs {
2594
+ padding: var(--wco-spacing-xxs); }
2595
+ .lg\:p-xs {
2596
+ padding: var(--wco-spacing-xs); }
2597
+ .lg\:p-sm {
2598
+ padding: var(--wco-spacing-sm); }
2599
+ .lg\:p-md {
2600
+ padding: var(--wco-spacing-md); }
2601
+ .lg\:p-lg {
2602
+ padding: var(--wco-spacing-lg); }
2603
+ .lg\:p-xl {
2604
+ padding: var(--wco-spacing-xl); }
2605
+ .lg\:p-xxl {
2606
+ padding: var(--wco-spacing-xxl); }
2607
+ .lg\:p-xxxl {
2608
+ padding: var(--wco-spacing-xxxl); }
2609
+ .lg\:p-huge {
2610
+ padding: var(--wco-spacing-huge); }
2611
+ .lg\:px-none {
2612
+ padding-left: var(--wco-spacing-none);
2613
+ padding-right: var(--wco-spacing-none); }
2614
+ .lg\:px-quark {
2615
+ padding-left: var(--wco-spacing-quark);
2616
+ padding-right: var(--wco-spacing-quark); }
2617
+ .lg\:px-nano {
2618
+ padding-left: var(--wco-spacing-nano);
2619
+ padding-right: var(--wco-spacing-nano); }
2620
+ .lg\:px-xxxs {
2621
+ padding-left: var(--wco-spacing-xxxs);
2622
+ padding-right: var(--wco-spacing-xxxs); }
2623
+ .lg\:px-xxs {
2624
+ padding-left: var(--wco-spacing-xxs);
2625
+ padding-right: var(--wco-spacing-xxs); }
2626
+ .lg\:px-xs {
2627
+ padding-left: var(--wco-spacing-xs);
2628
+ padding-right: var(--wco-spacing-xs); }
2629
+ .lg\:px-sm {
2630
+ padding-left: var(--wco-spacing-sm);
2631
+ padding-right: var(--wco-spacing-sm); }
2632
+ .lg\:px-md {
2633
+ padding-left: var(--wco-spacing-md);
2634
+ padding-right: var(--wco-spacing-md); }
2635
+ .lg\:px-lg {
2636
+ padding-left: var(--wco-spacing-lg);
2637
+ padding-right: var(--wco-spacing-lg); }
2638
+ .lg\:px-xl {
2639
+ padding-left: var(--wco-spacing-xl);
2640
+ padding-right: var(--wco-spacing-xl); }
2641
+ .lg\:px-xxl {
2642
+ padding-left: var(--wco-spacing-xxl);
2643
+ padding-right: var(--wco-spacing-xxl); }
2644
+ .lg\:px-xxxl {
2645
+ padding-left: var(--wco-spacing-xxxl);
2646
+ padding-right: var(--wco-spacing-xxxl); }
2647
+ .lg\:px-huge {
2648
+ padding-left: var(--wco-spacing-huge);
2649
+ padding-right: var(--wco-spacing-huge); }
2650
+ .lg\:py-none {
2651
+ padding-top: var(--wco-spacing-none);
2652
+ padding-bottom: var(--wco-spacing-none); }
2653
+ .lg\:py-quark {
2654
+ padding-top: var(--wco-spacing-quark);
2655
+ padding-bottom: var(--wco-spacing-quark); }
2656
+ .lg\:py-nano {
2657
+ padding-top: var(--wco-spacing-nano);
2658
+ padding-bottom: var(--wco-spacing-nano); }
2659
+ .lg\:py-xxxs {
2660
+ padding-top: var(--wco-spacing-xxxs);
2661
+ padding-bottom: var(--wco-spacing-xxxs); }
2662
+ .lg\:py-xxs {
2663
+ padding-top: var(--wco-spacing-xxs);
2664
+ padding-bottom: var(--wco-spacing-xxs); }
2665
+ .lg\:py-xs {
2666
+ padding-top: var(--wco-spacing-xs);
2667
+ padding-bottom: var(--wco-spacing-xs); }
2668
+ .lg\:py-sm {
2669
+ padding-top: var(--wco-spacing-sm);
2670
+ padding-bottom: var(--wco-spacing-sm); }
2671
+ .lg\:py-md {
2672
+ padding-top: var(--wco-spacing-md);
2673
+ padding-bottom: var(--wco-spacing-md); }
2674
+ .lg\:py-lg {
2675
+ padding-top: var(--wco-spacing-lg);
2676
+ padding-bottom: var(--wco-spacing-lg); }
2677
+ .lg\:py-xl {
2678
+ padding-top: var(--wco-spacing-xl);
2679
+ padding-bottom: var(--wco-spacing-xl); }
2680
+ .lg\:py-xxl {
2681
+ padding-top: var(--wco-spacing-xxl);
2682
+ padding-bottom: var(--wco-spacing-xxl); }
2683
+ .lg\:py-xxxl {
2684
+ padding-top: var(--wco-spacing-xxxl);
2685
+ padding-bottom: var(--wco-spacing-xxxl); }
2686
+ .lg\:py-huge {
2687
+ padding-top: var(--wco-spacing-huge);
2688
+ padding-bottom: var(--wco-spacing-huge); }
2689
+ .lg\:pt-none {
2690
+ padding-top: var(--wco-spacing-none); }
2691
+ .lg\:pt-quark {
2692
+ padding-top: var(--wco-spacing-quark); }
2693
+ .lg\:pt-nano {
2694
+ padding-top: var(--wco-spacing-nano); }
2695
+ .lg\:pt-xxxs {
2696
+ padding-top: var(--wco-spacing-xxxs); }
2697
+ .lg\:pt-xxs {
2698
+ padding-top: var(--wco-spacing-xxs); }
2699
+ .lg\:pt-xs {
2700
+ padding-top: var(--wco-spacing-xs); }
2701
+ .lg\:pt-sm {
2702
+ padding-top: var(--wco-spacing-sm); }
2703
+ .lg\:pt-md {
2704
+ padding-top: var(--wco-spacing-md); }
2705
+ .lg\:pt-lg {
2706
+ padding-top: var(--wco-spacing-lg); }
2707
+ .lg\:pt-xl {
2708
+ padding-top: var(--wco-spacing-xl); }
2709
+ .lg\:pt-xxl {
2710
+ padding-top: var(--wco-spacing-xxl); }
2711
+ .lg\:pt-xxxl {
2712
+ padding-top: var(--wco-spacing-xxxl); }
2713
+ .lg\:pt-huge {
2714
+ padding-top: var(--wco-spacing-huge); }
2715
+ .lg\:pr-none {
2716
+ padding-right: var(--wco-spacing-none); }
2717
+ .lg\:pr-quark {
2718
+ padding-right: var(--wco-spacing-quark); }
2719
+ .lg\:pr-nano {
2720
+ padding-right: var(--wco-spacing-nano); }
2721
+ .lg\:pr-xxxs {
2722
+ padding-right: var(--wco-spacing-xxxs); }
2723
+ .lg\:pr-xxs {
2724
+ padding-right: var(--wco-spacing-xxs); }
2725
+ .lg\:pr-xs {
2726
+ padding-right: var(--wco-spacing-xs); }
2727
+ .lg\:pr-sm {
2728
+ padding-right: var(--wco-spacing-sm); }
2729
+ .lg\:pr-md {
2730
+ padding-right: var(--wco-spacing-md); }
2731
+ .lg\:pr-lg {
2732
+ padding-right: var(--wco-spacing-lg); }
2733
+ .lg\:pr-xl {
2734
+ padding-right: var(--wco-spacing-xl); }
2735
+ .lg\:pr-xxl {
2736
+ padding-right: var(--wco-spacing-xxl); }
2737
+ .lg\:pr-xxxl {
2738
+ padding-right: var(--wco-spacing-xxxl); }
2739
+ .lg\:pr-huge {
2740
+ padding-right: var(--wco-spacing-huge); }
2741
+ .lg\:pb-none {
2742
+ padding-bottom: var(--wco-spacing-none); }
2743
+ .lg\:pb-quark {
2744
+ padding-bottom: var(--wco-spacing-quark); }
2745
+ .lg\:pb-nano {
2746
+ padding-bottom: var(--wco-spacing-nano); }
2747
+ .lg\:pb-xxxs {
2748
+ padding-bottom: var(--wco-spacing-xxxs); }
2749
+ .lg\:pb-xxs {
2750
+ padding-bottom: var(--wco-spacing-xxs); }
2751
+ .lg\:pb-xs {
2752
+ padding-bottom: var(--wco-spacing-xs); }
2753
+ .lg\:pb-sm {
2754
+ padding-bottom: var(--wco-spacing-sm); }
2755
+ .lg\:pb-md {
2756
+ padding-bottom: var(--wco-spacing-md); }
2757
+ .lg\:pb-lg {
2758
+ padding-bottom: var(--wco-spacing-lg); }
2759
+ .lg\:pb-xl {
2760
+ padding-bottom: var(--wco-spacing-xl); }
2761
+ .lg\:pb-xxl {
2762
+ padding-bottom: var(--wco-spacing-xxl); }
2763
+ .lg\:pb-xxxl {
2764
+ padding-bottom: var(--wco-spacing-xxxl); }
2765
+ .lg\:pb-huge {
2766
+ padding-bottom: var(--wco-spacing-huge); }
2767
+ .lg\:pl-none {
2768
+ padding-left: var(--wco-spacing-none); }
2769
+ .lg\:pl-quark {
2770
+ padding-left: var(--wco-spacing-quark); }
2771
+ .lg\:pl-nano {
2772
+ padding-left: var(--wco-spacing-nano); }
2773
+ .lg\:pl-xxxs {
2774
+ padding-left: var(--wco-spacing-xxxs); }
2775
+ .lg\:pl-xxs {
2776
+ padding-left: var(--wco-spacing-xxs); }
2777
+ .lg\:pl-xs {
2778
+ padding-left: var(--wco-spacing-xs); }
2779
+ .lg\:pl-sm {
2780
+ padding-left: var(--wco-spacing-sm); }
2781
+ .lg\:pl-md {
2782
+ padding-left: var(--wco-spacing-md); }
2783
+ .lg\:pl-lg {
2784
+ padding-left: var(--wco-spacing-lg); }
2785
+ .lg\:pl-xl {
2786
+ padding-left: var(--wco-spacing-xl); }
2787
+ .lg\:pl-xxl {
2788
+ padding-left: var(--wco-spacing-xxl); }
2789
+ .lg\:pl-xxxl {
2790
+ padding-left: var(--wco-spacing-xxxl); }
2791
+ .lg\:pl-huge {
2792
+ padding-left: var(--wco-spacing-huge); }
2793
+ .lg\:text-left {
2794
+ text-align: left; }
2795
+ .lg\:text-center {
2796
+ text-align: center; }
2797
+ .lg\:text-right {
2798
+ text-align: right; }
2799
+ .lg\:text-justify {
2800
+ text-align: justify; } }
2801
+
2802
+ @media (min-width: 1280px) {
2803
+ .xl\:m-none {
2804
+ margin: var(--wco-spacing-none); }
2805
+ .xl\:m-quark {
2806
+ margin: var(--wco-spacing-quark); }
2807
+ .xl\:m-nano {
2808
+ margin: var(--wco-spacing-nano); }
2809
+ .xl\:m-xxxs {
2810
+ margin: var(--wco-spacing-xxxs); }
2811
+ .xl\:m-xxs {
2812
+ margin: var(--wco-spacing-xxs); }
2813
+ .xl\:m-xs {
2814
+ margin: var(--wco-spacing-xs); }
2815
+ .xl\:m-sm {
2816
+ margin: var(--wco-spacing-sm); }
2817
+ .xl\:m-md {
2818
+ margin: var(--wco-spacing-md); }
2819
+ .xl\:m-lg {
2820
+ margin: var(--wco-spacing-lg); }
2821
+ .xl\:m-xl {
2822
+ margin: var(--wco-spacing-xl); }
2823
+ .xl\:m-xxl {
2824
+ margin: var(--wco-spacing-xxl); }
2825
+ .xl\:m-xxxl {
2826
+ margin: var(--wco-spacing-xxxl); }
2827
+ .xl\:m-huge {
2828
+ margin: var(--wco-spacing-huge); }
2829
+ .xl\:mx-none {
2830
+ margin-left: var(--wco-spacing-none);
2831
+ margin-right: var(--wco-spacing-none); }
2832
+ .xl\:mx-quark {
2833
+ margin-left: var(--wco-spacing-quark);
2834
+ margin-right: var(--wco-spacing-quark); }
2835
+ .xl\:mx-nano {
2836
+ margin-left: var(--wco-spacing-nano);
2837
+ margin-right: var(--wco-spacing-nano); }
2838
+ .xl\:mx-xxxs {
2839
+ margin-left: var(--wco-spacing-xxxs);
2840
+ margin-right: var(--wco-spacing-xxxs); }
2841
+ .xl\:mx-xxs {
2842
+ margin-left: var(--wco-spacing-xxs);
2843
+ margin-right: var(--wco-spacing-xxs); }
2844
+ .xl\:mx-xs {
2845
+ margin-left: var(--wco-spacing-xs);
2846
+ margin-right: var(--wco-spacing-xs); }
2847
+ .xl\:mx-sm {
2848
+ margin-left: var(--wco-spacing-sm);
2849
+ margin-right: var(--wco-spacing-sm); }
2850
+ .xl\:mx-md {
2851
+ margin-left: var(--wco-spacing-md);
2852
+ margin-right: var(--wco-spacing-md); }
2853
+ .xl\:mx-lg {
2854
+ margin-left: var(--wco-spacing-lg);
2855
+ margin-right: var(--wco-spacing-lg); }
2856
+ .xl\:mx-xl {
2857
+ margin-left: var(--wco-spacing-xl);
2858
+ margin-right: var(--wco-spacing-xl); }
2859
+ .xl\:mx-xxl {
2860
+ margin-left: var(--wco-spacing-xxl);
2861
+ margin-right: var(--wco-spacing-xxl); }
2862
+ .xl\:mx-xxxl {
2863
+ margin-left: var(--wco-spacing-xxxl);
2864
+ margin-right: var(--wco-spacing-xxxl); }
2865
+ .xl\:mx-huge {
2866
+ margin-left: var(--wco-spacing-huge);
2867
+ margin-right: var(--wco-spacing-huge); }
2868
+ .xl\:my-none {
2869
+ margin-top: var(--wco-spacing-none);
2870
+ margin-bottom: var(--wco-spacing-none); }
2871
+ .xl\:my-quark {
2872
+ margin-top: var(--wco-spacing-quark);
2873
+ margin-bottom: var(--wco-spacing-quark); }
2874
+ .xl\:my-nano {
2875
+ margin-top: var(--wco-spacing-nano);
2876
+ margin-bottom: var(--wco-spacing-nano); }
2877
+ .xl\:my-xxxs {
2878
+ margin-top: var(--wco-spacing-xxxs);
2879
+ margin-bottom: var(--wco-spacing-xxxs); }
2880
+ .xl\:my-xxs {
2881
+ margin-top: var(--wco-spacing-xxs);
2882
+ margin-bottom: var(--wco-spacing-xxs); }
2883
+ .xl\:my-xs {
2884
+ margin-top: var(--wco-spacing-xs);
2885
+ margin-bottom: var(--wco-spacing-xs); }
2886
+ .xl\:my-sm {
2887
+ margin-top: var(--wco-spacing-sm);
2888
+ margin-bottom: var(--wco-spacing-sm); }
2889
+ .xl\:my-md {
2890
+ margin-top: var(--wco-spacing-md);
2891
+ margin-bottom: var(--wco-spacing-md); }
2892
+ .xl\:my-lg {
2893
+ margin-top: var(--wco-spacing-lg);
2894
+ margin-bottom: var(--wco-spacing-lg); }
2895
+ .xl\:my-xl {
2896
+ margin-top: var(--wco-spacing-xl);
2897
+ margin-bottom: var(--wco-spacing-xl); }
2898
+ .xl\:my-xxl {
2899
+ margin-top: var(--wco-spacing-xxl);
2900
+ margin-bottom: var(--wco-spacing-xxl); }
2901
+ .xl\:my-xxxl {
2902
+ margin-top: var(--wco-spacing-xxxl);
2903
+ margin-bottom: var(--wco-spacing-xxxl); }
2904
+ .xl\:my-huge {
2905
+ margin-top: var(--wco-spacing-huge);
2906
+ margin-bottom: var(--wco-spacing-huge); }
2907
+ .xl\:mt-none {
2908
+ margin-top: var(--wco-spacing-none); }
2909
+ .xl\:mt-quark {
2910
+ margin-top: var(--wco-spacing-quark); }
2911
+ .xl\:mt-nano {
2912
+ margin-top: var(--wco-spacing-nano); }
2913
+ .xl\:mt-xxxs {
2914
+ margin-top: var(--wco-spacing-xxxs); }
2915
+ .xl\:mt-xxs {
2916
+ margin-top: var(--wco-spacing-xxs); }
2917
+ .xl\:mt-xs {
2918
+ margin-top: var(--wco-spacing-xs); }
2919
+ .xl\:mt-sm {
2920
+ margin-top: var(--wco-spacing-sm); }
2921
+ .xl\:mt-md {
2922
+ margin-top: var(--wco-spacing-md); }
2923
+ .xl\:mt-lg {
2924
+ margin-top: var(--wco-spacing-lg); }
2925
+ .xl\:mt-xl {
2926
+ margin-top: var(--wco-spacing-xl); }
2927
+ .xl\:mt-xxl {
2928
+ margin-top: var(--wco-spacing-xxl); }
2929
+ .xl\:mt-xxxl {
2930
+ margin-top: var(--wco-spacing-xxxl); }
2931
+ .xl\:mt-huge {
2932
+ margin-top: var(--wco-spacing-huge); }
2933
+ .xl\:mr-none {
2934
+ margin-right: var(--wco-spacing-none); }
2935
+ .xl\:mr-quark {
2936
+ margin-right: var(--wco-spacing-quark); }
2937
+ .xl\:mr-nano {
2938
+ margin-right: var(--wco-spacing-nano); }
2939
+ .xl\:mr-xxxs {
2940
+ margin-right: var(--wco-spacing-xxxs); }
2941
+ .xl\:mr-xxs {
2942
+ margin-right: var(--wco-spacing-xxs); }
2943
+ .xl\:mr-xs {
2944
+ margin-right: var(--wco-spacing-xs); }
2945
+ .xl\:mr-sm {
2946
+ margin-right: var(--wco-spacing-sm); }
2947
+ .xl\:mr-md {
2948
+ margin-right: var(--wco-spacing-md); }
2949
+ .xl\:mr-lg {
2950
+ margin-right: var(--wco-spacing-lg); }
2951
+ .xl\:mr-xl {
2952
+ margin-right: var(--wco-spacing-xl); }
2953
+ .xl\:mr-xxl {
2954
+ margin-right: var(--wco-spacing-xxl); }
2955
+ .xl\:mr-xxxl {
2956
+ margin-right: var(--wco-spacing-xxxl); }
2957
+ .xl\:mr-huge {
2958
+ margin-right: var(--wco-spacing-huge); }
2959
+ .xl\:mb-none {
2960
+ margin-bottom: var(--wco-spacing-none); }
2961
+ .xl\:mb-quark {
2962
+ margin-bottom: var(--wco-spacing-quark); }
2963
+ .xl\:mb-nano {
2964
+ margin-bottom: var(--wco-spacing-nano); }
2965
+ .xl\:mb-xxxs {
2966
+ margin-bottom: var(--wco-spacing-xxxs); }
2967
+ .xl\:mb-xxs {
2968
+ margin-bottom: var(--wco-spacing-xxs); }
2969
+ .xl\:mb-xs {
2970
+ margin-bottom: var(--wco-spacing-xs); }
2971
+ .xl\:mb-sm {
2972
+ margin-bottom: var(--wco-spacing-sm); }
2973
+ .xl\:mb-md {
2974
+ margin-bottom: var(--wco-spacing-md); }
2975
+ .xl\:mb-lg {
2976
+ margin-bottom: var(--wco-spacing-lg); }
2977
+ .xl\:mb-xl {
2978
+ margin-bottom: var(--wco-spacing-xl); }
2979
+ .xl\:mb-xxl {
2980
+ margin-bottom: var(--wco-spacing-xxl); }
2981
+ .xl\:mb-xxxl {
2982
+ margin-bottom: var(--wco-spacing-xxxl); }
2983
+ .xl\:mb-huge {
2984
+ margin-bottom: var(--wco-spacing-huge); }
2985
+ .xl\:ml-none {
2986
+ margin-left: var(--wco-spacing-none); }
2987
+ .xl\:ml-quark {
2988
+ margin-left: var(--wco-spacing-quark); }
2989
+ .xl\:ml-nano {
2990
+ margin-left: var(--wco-spacing-nano); }
2991
+ .xl\:ml-xxxs {
2992
+ margin-left: var(--wco-spacing-xxxs); }
2993
+ .xl\:ml-xxs {
2994
+ margin-left: var(--wco-spacing-xxs); }
2995
+ .xl\:ml-xs {
2996
+ margin-left: var(--wco-spacing-xs); }
2997
+ .xl\:ml-sm {
2998
+ margin-left: var(--wco-spacing-sm); }
2999
+ .xl\:ml-md {
3000
+ margin-left: var(--wco-spacing-md); }
3001
+ .xl\:ml-lg {
3002
+ margin-left: var(--wco-spacing-lg); }
3003
+ .xl\:ml-xl {
3004
+ margin-left: var(--wco-spacing-xl); }
3005
+ .xl\:ml-xxl {
3006
+ margin-left: var(--wco-spacing-xxl); }
3007
+ .xl\:ml-xxxl {
3008
+ margin-left: var(--wco-spacing-xxxl); }
3009
+ .xl\:ml-huge {
3010
+ margin-left: var(--wco-spacing-huge); }
3011
+ .xl\:block {
3012
+ display: block; }
3013
+ .xl\:inline-block {
3014
+ display: inline-block; }
3015
+ .xl\:inline {
3016
+ display: inline; }
3017
+ .xl\:flex {
3018
+ display: flex; }
3019
+ .xl\:inline-flex {
3020
+ display: inline-flex; }
3021
+ .xl\:table {
3022
+ display: table; }
3023
+ .xl\:inline-table {
3024
+ display: inline-table; }
3025
+ .xl\:table-caption {
3026
+ display: table-caption; }
3027
+ .xl\:table-cell {
3028
+ display: table-cell; }
3029
+ .xl\:table-column {
3030
+ display: table-column; }
3031
+ .xl\:table-column-group {
3032
+ display: table-column-group; }
3033
+ .xl\:table-footer-group {
3034
+ display: table-footer-group; }
3035
+ .xl\:table-header-group {
3036
+ display: table-header-group; }
3037
+ .xl\:table-row-group {
3038
+ display: table-row-group; }
3039
+ .xl\:table-row {
3040
+ display: table-row; }
3041
+ .xl\:flow-root {
3042
+ display: flow-root; }
3043
+ .xl\:grid {
3044
+ display: grid; }
3045
+ .xl\:inline-grid {
3046
+ display: inline-grid; }
3047
+ .xl\:contents {
3048
+ display: contents; }
3049
+ .xl\:list-item {
3050
+ display: list-item; }
3051
+ .xl\:hidden {
3052
+ display: none; }
3053
+ .xl\:flex-1 {
3054
+ flex: 1 1 0%; }
3055
+ .xl\:flex-auto {
3056
+ flex: 1 1 auto; }
3057
+ .xl\:flex-initial {
3058
+ flex: 0 1 auto; }
3059
+ .xl\:flex-none {
3060
+ flex: none; }
3061
+ .xl\:flex-row {
3062
+ flex-direction: row; }
3063
+ .xl\:flex-row-reverse {
3064
+ flex-direction: row-reverse; }
3065
+ .xl\:flex-col {
3066
+ flex-direction: column; }
3067
+ .xl\:flex-col-reverse {
3068
+ flex-direction: column-reverse; }
3069
+ .xl\:flex-wrap {
3070
+ flex-wrap: wrap; }
3071
+ .xl\:flex-wrap-reverse {
3072
+ flex-wrap: wrap-reverse; }
3073
+ .xl\:flex-nowrap {
3074
+ flex-wrap: nowrap; }
3075
+ .xl\:items-start {
3076
+ align-items: flex-start; }
3077
+ .xl\:items-end {
3078
+ align-items: flex-end; }
3079
+ .xl\:items-center {
3080
+ align-items: center; }
3081
+ .xl\:items-baseline {
3082
+ align-items: baseline; }
3083
+ .xl\:items-stretch {
3084
+ align-items: stretch; }
3085
+ .xl\:justify-start {
3086
+ justify-content: flex-start; }
3087
+ .xl\:justify-end {
3088
+ justify-content: flex-end; }
3089
+ .xl\:justify-center {
3090
+ justify-content: center; }
3091
+ .xl\:justify-between {
3092
+ justify-content: space-between; }
3093
+ .xl\:justify-around {
3094
+ justify-content: space-around; }
3095
+ .xl\:justify-evenly {
3096
+ justify-content: space-evenly; }
3097
+ .xl\:gap-none {
3098
+ gap: var(--wco-none); }
3099
+ .xl\:gap-spacing-quark {
3100
+ gap: var(--wco-spacing-quark); }
3101
+ .xl\:gap-spacing-nano {
3102
+ gap: var(--wco-spacing-nano); }
3103
+ .xl\:gap-spacing-xxxs {
3104
+ gap: var(--wco-spacing-xxxs); }
3105
+ .xl\:gap-spacing-xxs {
3106
+ gap: var(--wco-spacing-xxs); }
3107
+ .xl\:gap-spacing-xs {
3108
+ gap: var(--wco-spacing-xs); }
3109
+ .xl\:gap-spacing-sm {
3110
+ gap: var(--wco-spacing-sm); }
3111
+ .xl\:gap-x-none {
3112
+ -moz-column-gap: var(--wco-none);
3113
+ column-gap: var(--wco-none); }
3114
+ .xl\:gap-x-spacing-quark {
3115
+ -moz-column-gap: var(--wco-spacing-quark);
3116
+ column-gap: var(--wco-spacing-quark); }
3117
+ .xl\:gap-x-spacing-nano {
3118
+ -moz-column-gap: var(--wco-spacing-nano);
3119
+ column-gap: var(--wco-spacing-nano); }
3120
+ .xl\:gap-x-spacing-xxxs {
3121
+ -moz-column-gap: var(--wco-spacing-xxxs);
3122
+ column-gap: var(--wco-spacing-xxxs); }
3123
+ .xl\:gap-x-spacing-xxs {
3124
+ -moz-column-gap: var(--wco-spacing-xxs);
3125
+ column-gap: var(--wco-spacing-xxs); }
3126
+ .xl\:gap-x-spacing-xs {
3127
+ -moz-column-gap: var(--wco-spacing-xs);
3128
+ column-gap: var(--wco-spacing-xs); }
3129
+ .xl\:gap-x-spacing-sm {
3130
+ -moz-column-gap: var(--wco-spacing-sm);
3131
+ column-gap: var(--wco-spacing-sm); }
3132
+ .xl\:gap-y-none {
3133
+ row-gap: var(--wco-none); }
3134
+ .xl\:gap-y-spacing-quark {
3135
+ row-gap: var(--wco-spacing-quark); }
3136
+ .xl\:gap-y-spacing-nano {
3137
+ row-gap: var(--wco-spacing-nano); }
3138
+ .xl\:gap-y-spacing-xxxs {
3139
+ row-gap: var(--wco-spacing-xxxs); }
3140
+ .xl\:gap-y-spacing-xxs {
3141
+ row-gap: var(--wco-spacing-xxs); }
3142
+ .xl\:gap-y-spacing-xs {
3143
+ row-gap: var(--wco-spacing-xs); }
3144
+ .xl\:gap-y-spacing-sm {
3145
+ row-gap: var(--wco-spacing-sm); }
3146
+ .xl\:p-none {
3147
+ padding: var(--wco-spacing-none); }
3148
+ .xl\:p-quark {
3149
+ padding: var(--wco-spacing-quark); }
3150
+ .xl\:p-nano {
3151
+ padding: var(--wco-spacing-nano); }
3152
+ .xl\:p-xxxs {
3153
+ padding: var(--wco-spacing-xxxs); }
3154
+ .xl\:p-xxs {
3155
+ padding: var(--wco-spacing-xxs); }
3156
+ .xl\:p-xs {
3157
+ padding: var(--wco-spacing-xs); }
3158
+ .xl\:p-sm {
3159
+ padding: var(--wco-spacing-sm); }
3160
+ .xl\:p-md {
3161
+ padding: var(--wco-spacing-md); }
3162
+ .xl\:p-lg {
3163
+ padding: var(--wco-spacing-lg); }
3164
+ .xl\:p-xl {
3165
+ padding: var(--wco-spacing-xl); }
3166
+ .xl\:p-xxl {
3167
+ padding: var(--wco-spacing-xxl); }
3168
+ .xl\:p-xxxl {
3169
+ padding: var(--wco-spacing-xxxl); }
3170
+ .xl\:p-huge {
3171
+ padding: var(--wco-spacing-huge); }
3172
+ .xl\:px-none {
3173
+ padding-left: var(--wco-spacing-none);
3174
+ padding-right: var(--wco-spacing-none); }
3175
+ .xl\:px-quark {
3176
+ padding-left: var(--wco-spacing-quark);
3177
+ padding-right: var(--wco-spacing-quark); }
3178
+ .xl\:px-nano {
3179
+ padding-left: var(--wco-spacing-nano);
3180
+ padding-right: var(--wco-spacing-nano); }
3181
+ .xl\:px-xxxs {
3182
+ padding-left: var(--wco-spacing-xxxs);
3183
+ padding-right: var(--wco-spacing-xxxs); }
3184
+ .xl\:px-xxs {
3185
+ padding-left: var(--wco-spacing-xxs);
3186
+ padding-right: var(--wco-spacing-xxs); }
3187
+ .xl\:px-xs {
3188
+ padding-left: var(--wco-spacing-xs);
3189
+ padding-right: var(--wco-spacing-xs); }
3190
+ .xl\:px-sm {
3191
+ padding-left: var(--wco-spacing-sm);
3192
+ padding-right: var(--wco-spacing-sm); }
3193
+ .xl\:px-md {
3194
+ padding-left: var(--wco-spacing-md);
3195
+ padding-right: var(--wco-spacing-md); }
3196
+ .xl\:px-lg {
3197
+ padding-left: var(--wco-spacing-lg);
3198
+ padding-right: var(--wco-spacing-lg); }
3199
+ .xl\:px-xl {
3200
+ padding-left: var(--wco-spacing-xl);
3201
+ padding-right: var(--wco-spacing-xl); }
3202
+ .xl\:px-xxl {
3203
+ padding-left: var(--wco-spacing-xxl);
3204
+ padding-right: var(--wco-spacing-xxl); }
3205
+ .xl\:px-xxxl {
3206
+ padding-left: var(--wco-spacing-xxxl);
3207
+ padding-right: var(--wco-spacing-xxxl); }
3208
+ .xl\:px-huge {
3209
+ padding-left: var(--wco-spacing-huge);
3210
+ padding-right: var(--wco-spacing-huge); }
3211
+ .xl\:py-none {
3212
+ padding-top: var(--wco-spacing-none);
3213
+ padding-bottom: var(--wco-spacing-none); }
3214
+ .xl\:py-quark {
3215
+ padding-top: var(--wco-spacing-quark);
3216
+ padding-bottom: var(--wco-spacing-quark); }
3217
+ .xl\:py-nano {
3218
+ padding-top: var(--wco-spacing-nano);
3219
+ padding-bottom: var(--wco-spacing-nano); }
3220
+ .xl\:py-xxxs {
3221
+ padding-top: var(--wco-spacing-xxxs);
3222
+ padding-bottom: var(--wco-spacing-xxxs); }
3223
+ .xl\:py-xxs {
3224
+ padding-top: var(--wco-spacing-xxs);
3225
+ padding-bottom: var(--wco-spacing-xxs); }
3226
+ .xl\:py-xs {
3227
+ padding-top: var(--wco-spacing-xs);
3228
+ padding-bottom: var(--wco-spacing-xs); }
3229
+ .xl\:py-sm {
3230
+ padding-top: var(--wco-spacing-sm);
3231
+ padding-bottom: var(--wco-spacing-sm); }
3232
+ .xl\:py-md {
3233
+ padding-top: var(--wco-spacing-md);
3234
+ padding-bottom: var(--wco-spacing-md); }
3235
+ .xl\:py-lg {
3236
+ padding-top: var(--wco-spacing-lg);
3237
+ padding-bottom: var(--wco-spacing-lg); }
3238
+ .xl\:py-xl {
3239
+ padding-top: var(--wco-spacing-xl);
3240
+ padding-bottom: var(--wco-spacing-xl); }
3241
+ .xl\:py-xxl {
3242
+ padding-top: var(--wco-spacing-xxl);
3243
+ padding-bottom: var(--wco-spacing-xxl); }
3244
+ .xl\:py-xxxl {
3245
+ padding-top: var(--wco-spacing-xxxl);
3246
+ padding-bottom: var(--wco-spacing-xxxl); }
3247
+ .xl\:py-huge {
3248
+ padding-top: var(--wco-spacing-huge);
3249
+ padding-bottom: var(--wco-spacing-huge); }
3250
+ .xl\:pt-none {
3251
+ padding-top: var(--wco-spacing-none); }
3252
+ .xl\:pt-quark {
3253
+ padding-top: var(--wco-spacing-quark); }
3254
+ .xl\:pt-nano {
3255
+ padding-top: var(--wco-spacing-nano); }
3256
+ .xl\:pt-xxxs {
3257
+ padding-top: var(--wco-spacing-xxxs); }
3258
+ .xl\:pt-xxs {
3259
+ padding-top: var(--wco-spacing-xxs); }
3260
+ .xl\:pt-xs {
3261
+ padding-top: var(--wco-spacing-xs); }
3262
+ .xl\:pt-sm {
3263
+ padding-top: var(--wco-spacing-sm); }
3264
+ .xl\:pt-md {
3265
+ padding-top: var(--wco-spacing-md); }
3266
+ .xl\:pt-lg {
3267
+ padding-top: var(--wco-spacing-lg); }
3268
+ .xl\:pt-xl {
3269
+ padding-top: var(--wco-spacing-xl); }
3270
+ .xl\:pt-xxl {
3271
+ padding-top: var(--wco-spacing-xxl); }
3272
+ .xl\:pt-xxxl {
3273
+ padding-top: var(--wco-spacing-xxxl); }
3274
+ .xl\:pt-huge {
3275
+ padding-top: var(--wco-spacing-huge); }
3276
+ .xl\:pr-none {
3277
+ padding-right: var(--wco-spacing-none); }
3278
+ .xl\:pr-quark {
3279
+ padding-right: var(--wco-spacing-quark); }
3280
+ .xl\:pr-nano {
3281
+ padding-right: var(--wco-spacing-nano); }
3282
+ .xl\:pr-xxxs {
3283
+ padding-right: var(--wco-spacing-xxxs); }
3284
+ .xl\:pr-xxs {
3285
+ padding-right: var(--wco-spacing-xxs); }
3286
+ .xl\:pr-xs {
3287
+ padding-right: var(--wco-spacing-xs); }
3288
+ .xl\:pr-sm {
3289
+ padding-right: var(--wco-spacing-sm); }
3290
+ .xl\:pr-md {
3291
+ padding-right: var(--wco-spacing-md); }
3292
+ .xl\:pr-lg {
3293
+ padding-right: var(--wco-spacing-lg); }
3294
+ .xl\:pr-xl {
3295
+ padding-right: var(--wco-spacing-xl); }
3296
+ .xl\:pr-xxl {
3297
+ padding-right: var(--wco-spacing-xxl); }
3298
+ .xl\:pr-xxxl {
3299
+ padding-right: var(--wco-spacing-xxxl); }
3300
+ .xl\:pr-huge {
3301
+ padding-right: var(--wco-spacing-huge); }
3302
+ .xl\:pb-none {
3303
+ padding-bottom: var(--wco-spacing-none); }
3304
+ .xl\:pb-quark {
3305
+ padding-bottom: var(--wco-spacing-quark); }
3306
+ .xl\:pb-nano {
3307
+ padding-bottom: var(--wco-spacing-nano); }
3308
+ .xl\:pb-xxxs {
3309
+ padding-bottom: var(--wco-spacing-xxxs); }
3310
+ .xl\:pb-xxs {
3311
+ padding-bottom: var(--wco-spacing-xxs); }
3312
+ .xl\:pb-xs {
3313
+ padding-bottom: var(--wco-spacing-xs); }
3314
+ .xl\:pb-sm {
3315
+ padding-bottom: var(--wco-spacing-sm); }
3316
+ .xl\:pb-md {
3317
+ padding-bottom: var(--wco-spacing-md); }
3318
+ .xl\:pb-lg {
3319
+ padding-bottom: var(--wco-spacing-lg); }
3320
+ .xl\:pb-xl {
3321
+ padding-bottom: var(--wco-spacing-xl); }
3322
+ .xl\:pb-xxl {
3323
+ padding-bottom: var(--wco-spacing-xxl); }
3324
+ .xl\:pb-xxxl {
3325
+ padding-bottom: var(--wco-spacing-xxxl); }
3326
+ .xl\:pb-huge {
3327
+ padding-bottom: var(--wco-spacing-huge); }
3328
+ .xl\:pl-none {
3329
+ padding-left: var(--wco-spacing-none); }
3330
+ .xl\:pl-quark {
3331
+ padding-left: var(--wco-spacing-quark); }
3332
+ .xl\:pl-nano {
3333
+ padding-left: var(--wco-spacing-nano); }
3334
+ .xl\:pl-xxxs {
3335
+ padding-left: var(--wco-spacing-xxxs); }
3336
+ .xl\:pl-xxs {
3337
+ padding-left: var(--wco-spacing-xxs); }
3338
+ .xl\:pl-xs {
3339
+ padding-left: var(--wco-spacing-xs); }
3340
+ .xl\:pl-sm {
3341
+ padding-left: var(--wco-spacing-sm); }
3342
+ .xl\:pl-md {
3343
+ padding-left: var(--wco-spacing-md); }
3344
+ .xl\:pl-lg {
3345
+ padding-left: var(--wco-spacing-lg); }
3346
+ .xl\:pl-xl {
3347
+ padding-left: var(--wco-spacing-xl); }
3348
+ .xl\:pl-xxl {
3349
+ padding-left: var(--wco-spacing-xxl); }
3350
+ .xl\:pl-xxxl {
3351
+ padding-left: var(--wco-spacing-xxxl); }
3352
+ .xl\:pl-huge {
3353
+ padding-left: var(--wco-spacing-huge); }
3354
+ .xl\:text-left {
3355
+ text-align: left; }
3356
+ .xl\:text-center {
3357
+ text-align: center; }
3358
+ .xl\:text-right {
3359
+ text-align: right; }
3360
+ .xl\:text-justify {
3361
+ text-align: justify; } }