@baloise/ds-styles 17.4.0-snapshot.1609-d2bcc38d3 → 17.4.1

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 (75) hide show
  1. package/css/all.css +1058 -651
  2. package/css/all.css.map +1 -1
  3. package/css/all.min.css +1 -1
  4. package/css/baloise-design-system.css +1058 -651
  5. package/css/baloise-design-system.css.map +1 -1
  6. package/css/baloise-design-system.min.css +1 -1
  7. package/css/basic.css +127 -53
  8. package/css/basic.css.map +1 -1
  9. package/css/basic.min.css +1 -1
  10. package/css/core.css +53 -53
  11. package/css/core.css.map +1 -1
  12. package/css/core.min.css +1 -1
  13. package/css/structure.css.map +1 -1
  14. package/css/utilities/all.css +600 -600
  15. package/css/utilities/all.css.map +1 -1
  16. package/css/utilities/all.min.css +1 -1
  17. package/css/utilities/background.css.map +1 -1
  18. package/css/utilities/border.css.map +1 -1
  19. package/css/utilities/elevation.css.map +1 -1
  20. package/css/utilities/flex.css.map +1 -1
  21. package/css/utilities/grid.css.map +1 -1
  22. package/css/utilities/interaction.css.map +1 -1
  23. package/css/utilities/layout.css.map +1 -1
  24. package/css/utilities/sizing.css.map +1 -1
  25. package/css/utilities/spacing.css +600 -600
  26. package/css/utilities/spacing.css.map +1 -1
  27. package/css/utilities/spacing.min.css +1 -1
  28. package/css/utilities/typography.css.map +1 -1
  29. package/package.json +3 -3
  30. package/sass/all.sass +6 -6
  31. package/sass/baloise-design-system.sass +1 -1
  32. package/sass/basic.sass +5 -5
  33. package/sass/core.sass +4 -3
  34. package/sass/font.sass +1 -1
  35. package/sass/mixins.sass +3 -1
  36. package/sass/structure.sass +1 -1
  37. package/sass/utilities/all.sass +9 -9
  38. package/sass/utilities/background.sass +2 -2
  39. package/sass/utilities/border.sass +2 -2
  40. package/sass/utilities/elevation.sass +2 -2
  41. package/sass/utilities/flex.sass +2 -2
  42. package/sass/utilities/grid.sass +2 -2
  43. package/sass/utilities/interaction.sass +2 -2
  44. package/sass/utilities/layout.sass +2 -2
  45. package/sass/utilities/sizing.sass +2 -2
  46. package/sass/utilities/spacing.sass +2 -2
  47. package/sass/utilities/typography.sass +2 -2
  48. package/src/core/_all.sass +8 -8
  49. package/src/core/container.sass +0 -2
  50. package/src/core/form/_all.sass +6 -6
  51. package/src/core/form/button.sass +0 -2
  52. package/src/core/form/file.sass +0 -3
  53. package/src/core/form/input-textarea.sass +0 -2
  54. package/src/core/form/select.sass +0 -3
  55. package/src/core/form/shared.sass +0 -2
  56. package/src/core/form/tools.sass +0 -2
  57. package/src/core/grid.sass +0 -1
  58. package/src/core/link.sass +0 -2
  59. package/src/core/list.sass +0 -2
  60. package/src/core/table.sass +0 -2
  61. package/src/core/typography.sass +0 -2
  62. package/src/core/vars/_all.sass +7 -7
  63. package/src/generated/background.sass +0 -3
  64. package/src/generated/border.sass +0 -3
  65. package/src/generated/elevation.sass +0 -3
  66. package/src/generated/flex.sass +0 -3
  67. package/src/generated/interaction.sass +0 -3
  68. package/src/generated/layout.sass +0 -3
  69. package/src/generated/sizing.sass +0 -3
  70. package/src/generated/spacing.sass +600 -603
  71. package/src/generated/typography.sass +0 -3
  72. package/src/mixins/_all.sass +6 -6
  73. package/src/mixins/breakpoint.mixin.sass +0 -2
  74. package/src/mixins/extends.sass +0 -2
  75. package/src/mixins/general.mixin.sass +0 -1
package/css/all.css CHANGED
@@ -1,4 +1,4 @@
1
- .table:not(:last-child), .table-container:not(:last-child) {
1
+ .table-container:not(:last-child), .table:not(:last-child) {
2
2
  margin-bottom: 0.25rem;
3
3
  }
4
4
 
@@ -10,9 +10,9 @@
10
10
  }
11
11
 
12
12
  @media (hover: hover) and (pointer: fine) {
13
- a.link:not(.button).is-inverted:focus-visible,
14
- a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
15
- a.is-link:not(.button).is-light:focus-visible, .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active) {
13
+ a.link:not(.button).is-light:focus-visible,
14
+ a.is-link:not(.button).is-light:focus-visible, a.link:not(.button).is-inverted:focus-visible,
15
+ a.is-link:not(.button).is-inverted:focus-visible, .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active) {
16
16
  box-shadow: var(--bal-focus-shadow-inverted) !important;
17
17
  }
18
18
  }
@@ -386,6 +386,43 @@ template {
386
386
  display: none;
387
387
  }
388
388
 
389
+ .table-container:not(:last-child), .table:not(:last-child) {
390
+ margin-bottom: 0.25rem;
391
+ }
392
+
393
+ @media (hover: hover) and (pointer: fine) {
394
+ a.link:not(.button):focus-visible,
395
+ a.is-link:not(.button):focus-visible, .button:focus-visible:not(:active), .button.is-focused:not(:active) {
396
+ box-shadow: var(--bal-focus-shadow) !important;
397
+ }
398
+ }
399
+
400
+ @media (hover: hover) and (pointer: fine) {
401
+ a.link:not(.button).is-light:focus-visible,
402
+ a.is-link:not(.button).is-light:focus-visible, a.link:not(.button).is-inverted:focus-visible,
403
+ a.is-link:not(.button).is-inverted:focus-visible, .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active) {
404
+ box-shadow: var(--bal-focus-shadow-inverted) !important;
405
+ }
406
+ }
407
+
408
+ .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled, .file.is-disabled .file-label,
409
+ .file.is-disabled .file-cta {
410
+ cursor: default !important;
411
+ pointer-events: none !important;
412
+ }
413
+
414
+ .button, .file {
415
+ -webkit-touch-callout: none;
416
+ -webkit-user-select: none;
417
+ -moz-user-select: none;
418
+ user-select: none;
419
+ }
420
+
421
+ .button {
422
+ -moz-osx-font-smoothing: grayscale;
423
+ -webkit-font-smoothing: antialiased;
424
+ }
425
+
389
426
  html {
390
427
  background-color: var(--bal-body-background);
391
428
  font-size: var(--bal-body-font-size);
@@ -563,7 +600,7 @@ fieldset {
563
600
  }
564
601
  /**
565
602
  * Do not edit directly
566
- * Generated on Thu, 06 Feb 2025 21:52:18 GMT
603
+ * Generated on Fri, 07 Feb 2025 09:32:44 GMT
567
604
  */
568
605
  :root {
569
606
  --bal-text-shadow-normal: 0px 0px 4px rgba(0, 0, 0, 0.15), 0px 4px 12px rgba(0, 0, 0, 0.25), 0px 0px 80px rgba(0, 0, 0, 0.5); /* Increases readability when used on a image background. */
@@ -831,6 +868,76 @@ fieldset {
831
868
  --bal-color-background-primary: var(--bal-color-primary-5); /* Blue is our accent color and it is present on every touchpoint. Our logo, text, buttons and links are blue. */
832
869
  }
833
870
 
871
+ :root {
872
+ --bal-line-height-x-small: 1.125rem;
873
+ --bal-line-height-small: 1.25rem;
874
+ --bal-line-height-normal: 1.5rem;
875
+ --bal-line-height-medium: 1.5rem;
876
+ --bal-line-height-large: 1.5rem;
877
+ --bal-line-height-x-large: 2rem;
878
+ --bal-line-height-xx-large: 2rem;
879
+ --bal-line-height-xxx-large: 2rem;
880
+ --bal-line-height-xxxx-large: 2.5rem;
881
+ --bal-line-height-xxxxx-large: 3.5rem;
882
+ --bal-line-height-tablet-x-small: 1.125rem;
883
+ --bal-line-height-tablet-small: 1.25rem;
884
+ --bal-line-height-tablet-normal: 1.5rem;
885
+ --bal-line-height-tablet-medium: 1.625rem;
886
+ --bal-line-height-tablet-large: 2rem;
887
+ --bal-line-height-tablet-x-large: 2rem;
888
+ --bal-line-height-tablet-xx-large: 2.5rem;
889
+ --bal-line-height-tablet-xxx-large: 3rem;
890
+ --bal-line-height-tablet-xxxx-large: 3.5rem;
891
+ --bal-line-height-tablet-xxxxx-large: 6rem;
892
+ --bal-line-height-desktop-x-small: 1.125rem;
893
+ --bal-line-height-desktop-small: 1.25rem;
894
+ --bal-line-height-desktop-normal: 1.5rem;
895
+ --bal-line-height-desktop-medium: 1.625rem;
896
+ --bal-line-height-desktop-large: 2rem;
897
+ --bal-line-height-desktop-x-large: 2rem;
898
+ --bal-line-height-desktop-xx-large: 2.5rem;
899
+ --bal-line-height-desktop-xxx-large: 3rem;
900
+ --bal-line-height-desktop-xxxx-large: 3.5rem;
901
+ --bal-line-height-desktop-xxxxx-large: 6rem;
902
+ }
903
+
904
+ .table-container:not(:last-child), .table:not(:last-child) {
905
+ margin-bottom: 0.25rem;
906
+ }
907
+
908
+ @media (hover: hover) and (pointer: fine) {
909
+ a.link:not(.button):focus-visible,
910
+ a.is-link:not(.button):focus-visible, .button:focus-visible:not(:active), .button.is-focused:not(:active) {
911
+ box-shadow: var(--bal-focus-shadow) !important;
912
+ }
913
+ }
914
+
915
+ @media (hover: hover) and (pointer: fine) {
916
+ a.link:not(.button).is-light:focus-visible,
917
+ a.is-link:not(.button).is-light:focus-visible, a.link:not(.button).is-inverted:focus-visible,
918
+ a.is-link:not(.button).is-inverted:focus-visible, .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active) {
919
+ box-shadow: var(--bal-focus-shadow-inverted) !important;
920
+ }
921
+ }
922
+
923
+ .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled, .file.is-disabled .file-label,
924
+ .file.is-disabled .file-cta {
925
+ cursor: default !important;
926
+ pointer-events: none !important;
927
+ }
928
+
929
+ .button, .file {
930
+ -webkit-touch-callout: none;
931
+ -webkit-user-select: none;
932
+ -moz-user-select: none;
933
+ user-select: none;
934
+ }
935
+
936
+ .button {
937
+ -moz-osx-font-smoothing: grayscale;
938
+ -webkit-font-smoothing: antialiased;
939
+ }
940
+
834
941
  /**
835
942
  * * @prop --bal-body-background: Body background color
836
943
  * * @prop --bal-body-font-family: Body font family
@@ -1363,7 +1470,7 @@ fieldset {
1363
1470
  --bal-table-striped-row-even-background-color-hover: var(--bal-color-grey-2);
1364
1471
  }
1365
1472
 
1366
- .select select, .input, .textarea {
1473
+ .select select, .textarea, .input {
1367
1474
  justify-content: flex-start;
1368
1475
  background-color: var(--bal-form-field-control-background);
1369
1476
  border-color: var(--bal-form-field-control-border-color);
@@ -1371,48 +1478,48 @@ fieldset {
1371
1478
  border-radius: var(--bal-form-field-control-radius);
1372
1479
  color: var(--bal-form-field-control-color);
1373
1480
  }
1374
- .select select::-moz-placeholder, .input::-moz-placeholder, .textarea::-moz-placeholder {
1481
+ .select select::-moz-placeholder, .textarea::-moz-placeholder, .input::-moz-placeholder {
1375
1482
  color: var(--bal-form-field-control-placeholder-color);
1376
1483
  }
1377
- .select select::-webkit-input-placeholder, .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder {
1484
+ .select select::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder {
1378
1485
  color: var(--bal-form-field-control-placeholder-color);
1379
1486
  }
1380
- .select select:-moz-placeholder, .input:-moz-placeholder, .textarea:-moz-placeholder {
1487
+ .select select:-moz-placeholder, .textarea:-moz-placeholder, .input:-moz-placeholder {
1381
1488
  color: var(--bal-form-field-control-placeholder-color);
1382
1489
  }
1383
- .select select:-ms-input-placeholder, .input:-ms-input-placeholder, .textarea:-ms-input-placeholder {
1490
+ .select select:-ms-input-placeholder, .textarea:-ms-input-placeholder, .input:-ms-input-placeholder {
1384
1491
  color: var(--bal-form-field-control-placeholder-color);
1385
1492
  }
1386
1493
  @media (hover: hover) and (pointer: fine) {
1387
- .select select:hover, .input:hover, .textarea:hover, .select select.is-hovered, .is-hovered.input, .is-hovered.textarea {
1494
+ .select select:hover, .textarea:hover, .input:hover, .select select.is-hovered, .is-hovered.textarea, .is-hovered.input {
1388
1495
  border-color: var(--bal-form-field-control-border-color-hover);
1389
1496
  background-color: var(--bal-form-field-control-background-hover);
1390
1497
  }
1391
1498
  }
1392
- .select select.bal-focused, .bal-focused.input, .bal-focused.textarea, .select select:focus, .input:focus, .textarea:focus, .select select.is-focused, .is-focused.input, .is-focused.textarea, .select select:active, .input:active, .textarea:active, .select select.is-active, .is-active.input, .is-active.textarea {
1499
+ .select select.bal-focused, .bal-focused.textarea, .bal-focused.input, .select select:focus, .textarea:focus, .input:focus, .select select.is-focused, .is-focused.textarea, .is-focused.input, .select select:active, .textarea:active, .input:active, .select select.is-active, .is-active.textarea, .is-active.input {
1393
1500
  border-color: var(--bal-form-field-control-border-color-active);
1394
1501
  background-color: var(--bal-form-field-control-background-active);
1395
1502
  }
1396
- .select select[disabled], [disabled].input, [disabled].textarea, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .input, fieldset[disabled] .textarea {
1503
+ .select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input {
1397
1504
  background-color: var(--bal-form-field-control-disabled-background);
1398
1505
  border-color: var(--bal-form-field-control-disabled-border-color);
1399
1506
  box-shadow: none;
1400
1507
  color: var(--bal-form-field-control-disabled-color);
1401
1508
  }
1402
- .select select[disabled]::-moz-placeholder, [disabled].input::-moz-placeholder, [disabled].textarea::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder {
1509
+ .select select[disabled]::-moz-placeholder, [disabled].textarea::-moz-placeholder, [disabled].input::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder {
1403
1510
  color: var(--bal-form-field-control-disabled-color);
1404
1511
  }
1405
- .select select[disabled]::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder {
1512
+ .select select[disabled]::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder {
1406
1513
  color: var(--bal-form-field-control-disabled-color);
1407
1514
  }
1408
- .select select[disabled]:-moz-placeholder, [disabled].input:-moz-placeholder, [disabled].textarea:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder {
1515
+ .select select[disabled]:-moz-placeholder, [disabled].textarea:-moz-placeholder, [disabled].input:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder {
1409
1516
  color: var(--bal-form-field-control-disabled-color);
1410
1517
  }
1411
- .select select[disabled]:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder {
1518
+ .select select[disabled]:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder {
1412
1519
  color: var(--bal-form-field-control-disabled-color);
1413
1520
  }
1414
1521
 
1415
- .file-cta, .select select, .input, .textarea {
1522
+ .file-cta, .select select, .textarea, .input {
1416
1523
  -moz-appearance: none !important;
1417
1524
  -webkit-appearance: none !important;
1418
1525
  align-items: center;
@@ -1430,10 +1537,10 @@ fieldset {
1430
1537
  position: relative;
1431
1538
  vertical-align: top;
1432
1539
  }
1433
- .file-cta:focus, .select select:focus, .input:focus, .textarea:focus, .is-focused.file-cta, .select select.is-focused, .is-focused.input, .is-focused.textarea, .file-cta:active, .select select:active, .input:active, .textarea:active, .is-active.file-cta, .select select.is-active, .is-active.input, .is-active.textarea {
1540
+ .file-cta:focus, .select select:focus, .textarea:focus, .input:focus, .is-focused.file-cta, .select select.is-focused, .is-focused.textarea, .is-focused.input, .file-cta:active, .select select:active, .textarea:active, .input:active, .is-active.file-cta, .select select.is-active, .is-active.textarea, .is-active.input {
1434
1541
  outline: none;
1435
1542
  }
1436
- [disabled].file-cta, .select select[disabled], [disabled].input, [disabled].textarea, fieldset[disabled] .file-cta, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .input, fieldset[disabled] .textarea {
1543
+ [disabled].file-cta, .select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .file-cta, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input {
1437
1544
  cursor: default;
1438
1545
  }
1439
1546
 
@@ -5006,37 +5113,41 @@ table.table td.has-buttons .buttons {
5006
5113
  margin-top: auto;
5007
5114
  }
5008
5115
 
5009
- :root {
5010
- --bal-line-height-x-small: 1.125rem;
5011
- --bal-line-height-small: 1.25rem;
5012
- --bal-line-height-normal: 1.5rem;
5013
- --bal-line-height-medium: 1.5rem;
5014
- --bal-line-height-large: 1.5rem;
5015
- --bal-line-height-x-large: 2rem;
5016
- --bal-line-height-xx-large: 2rem;
5017
- --bal-line-height-xxx-large: 2rem;
5018
- --bal-line-height-xxxx-large: 2.5rem;
5019
- --bal-line-height-xxxxx-large: 3.5rem;
5020
- --bal-line-height-tablet-x-small: 1.125rem;
5021
- --bal-line-height-tablet-small: 1.25rem;
5022
- --bal-line-height-tablet-normal: 1.5rem;
5023
- --bal-line-height-tablet-medium: 1.625rem;
5024
- --bal-line-height-tablet-large: 2rem;
5025
- --bal-line-height-tablet-x-large: 2rem;
5026
- --bal-line-height-tablet-xx-large: 2.5rem;
5027
- --bal-line-height-tablet-xxx-large: 3rem;
5028
- --bal-line-height-tablet-xxxx-large: 3.5rem;
5029
- --bal-line-height-tablet-xxxxx-large: 6rem;
5030
- --bal-line-height-desktop-x-small: 1.125rem;
5031
- --bal-line-height-desktop-small: 1.25rem;
5032
- --bal-line-height-desktop-normal: 1.5rem;
5033
- --bal-line-height-desktop-medium: 1.625rem;
5034
- --bal-line-height-desktop-large: 2rem;
5035
- --bal-line-height-desktop-x-large: 2rem;
5036
- --bal-line-height-desktop-xx-large: 2.5rem;
5037
- --bal-line-height-desktop-xxx-large: 3rem;
5038
- --bal-line-height-desktop-xxxx-large: 3.5rem;
5039
- --bal-line-height-desktop-xxxxx-large: 6rem;
5116
+ .table:not(:last-child), .table-container:not(:last-child) {
5117
+ margin-bottom: 0.25rem;
5118
+ }
5119
+
5120
+ @media (hover: hover) and (pointer: fine) {
5121
+ .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
5122
+ a.is-link:not(.button):focus-visible {
5123
+ box-shadow: var(--bal-focus-shadow) !important;
5124
+ }
5125
+ }
5126
+
5127
+ @media (hover: hover) and (pointer: fine) {
5128
+ .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
5129
+ a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
5130
+ a.is-link:not(.button).is-light:focus-visible {
5131
+ box-shadow: var(--bal-focus-shadow-inverted) !important;
5132
+ }
5133
+ }
5134
+
5135
+ .file.is-disabled .file-label,
5136
+ .file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
5137
+ cursor: default !important;
5138
+ pointer-events: none !important;
5139
+ }
5140
+
5141
+ .file, .button {
5142
+ -webkit-touch-callout: none;
5143
+ -webkit-user-select: none;
5144
+ -moz-user-select: none;
5145
+ user-select: none;
5146
+ }
5147
+
5148
+ .button {
5149
+ -moz-osx-font-smoothing: grayscale;
5150
+ -webkit-font-smoothing: antialiased;
5040
5151
  }
5041
5152
 
5042
5153
  .bg-primary {
@@ -6499,6 +6610,43 @@ table.table td.has-buttons .buttons {
6499
6610
  background: transparent !important;
6500
6611
  }
6501
6612
 
6613
+ .table:not(:last-child), .table-container:not(:last-child) {
6614
+ margin-bottom: 0.25rem;
6615
+ }
6616
+
6617
+ @media (hover: hover) and (pointer: fine) {
6618
+ .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
6619
+ a.is-link:not(.button):focus-visible {
6620
+ box-shadow: var(--bal-focus-shadow) !important;
6621
+ }
6622
+ }
6623
+
6624
+ @media (hover: hover) and (pointer: fine) {
6625
+ .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
6626
+ a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
6627
+ a.is-link:not(.button).is-light:focus-visible {
6628
+ box-shadow: var(--bal-focus-shadow-inverted) !important;
6629
+ }
6630
+ }
6631
+
6632
+ .file.is-disabled .file-label,
6633
+ .file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
6634
+ cursor: default !important;
6635
+ pointer-events: none !important;
6636
+ }
6637
+
6638
+ .file, .button {
6639
+ -webkit-touch-callout: none;
6640
+ -webkit-user-select: none;
6641
+ -moz-user-select: none;
6642
+ user-select: none;
6643
+ }
6644
+
6645
+ .button {
6646
+ -moz-osx-font-smoothing: grayscale;
6647
+ -webkit-font-smoothing: antialiased;
6648
+ }
6649
+
6502
6650
  .border {
6503
6651
  border-color: var(--bal-color-border) !important;
6504
6652
  border-width: var(--bal-border-width-normal) !important;
@@ -11195,6 +11343,43 @@ table.table td.has-buttons .buttons {
11195
11343
  border-left-width: 0 !important;
11196
11344
  }
11197
11345
  }
11346
+ .table:not(:last-child), .table-container:not(:last-child) {
11347
+ margin-bottom: 0.25rem;
11348
+ }
11349
+
11350
+ @media (hover: hover) and (pointer: fine) {
11351
+ .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
11352
+ a.is-link:not(.button):focus-visible {
11353
+ box-shadow: var(--bal-focus-shadow) !important;
11354
+ }
11355
+ }
11356
+
11357
+ @media (hover: hover) and (pointer: fine) {
11358
+ .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
11359
+ a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
11360
+ a.is-link:not(.button).is-light:focus-visible {
11361
+ box-shadow: var(--bal-focus-shadow-inverted) !important;
11362
+ }
11363
+ }
11364
+
11365
+ .file.is-disabled .file-label,
11366
+ .file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
11367
+ cursor: default !important;
11368
+ pointer-events: none !important;
11369
+ }
11370
+
11371
+ .file, .button {
11372
+ -webkit-touch-callout: none;
11373
+ -webkit-user-select: none;
11374
+ -moz-user-select: none;
11375
+ user-select: none;
11376
+ }
11377
+
11378
+ .button {
11379
+ -moz-osx-font-smoothing: grayscale;
11380
+ -webkit-font-smoothing: antialiased;
11381
+ }
11382
+
11198
11383
  .opacity-0 {
11199
11384
  opacity: var(--bal-opacity-0) !important;
11200
11385
  }
@@ -11575,6 +11760,43 @@ table.table td.has-buttons .buttons {
11575
11760
  text-shadow: var(--bal-text-shadow-normal) !important;
11576
11761
  }
11577
11762
  }
11763
+ .table:not(:last-child), .table-container:not(:last-child) {
11764
+ margin-bottom: 0.25rem;
11765
+ }
11766
+
11767
+ @media (hover: hover) and (pointer: fine) {
11768
+ .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
11769
+ a.is-link:not(.button):focus-visible {
11770
+ box-shadow: var(--bal-focus-shadow) !important;
11771
+ }
11772
+ }
11773
+
11774
+ @media (hover: hover) and (pointer: fine) {
11775
+ .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
11776
+ a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
11777
+ a.is-link:not(.button).is-light:focus-visible {
11778
+ box-shadow: var(--bal-focus-shadow-inverted) !important;
11779
+ }
11780
+ }
11781
+
11782
+ .file.is-disabled .file-label,
11783
+ .file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
11784
+ cursor: default !important;
11785
+ pointer-events: none !important;
11786
+ }
11787
+
11788
+ .file, .button {
11789
+ -webkit-touch-callout: none;
11790
+ -webkit-user-select: none;
11791
+ -moz-user-select: none;
11792
+ user-select: none;
11793
+ }
11794
+
11795
+ .button {
11796
+ -moz-osx-font-smoothing: grayscale;
11797
+ -webkit-font-smoothing: antialiased;
11798
+ }
11799
+
11578
11800
  .align-content-start {
11579
11801
  align-content: flex-start !important;
11580
11802
  }
@@ -12673,6 +12895,43 @@ table.table td.has-buttons .buttons {
12673
12895
  column-gap: auto !important;
12674
12896
  }
12675
12897
  }
12898
+ .table:not(:last-child), .table-container:not(:last-child) {
12899
+ margin-bottom: 0.25rem;
12900
+ }
12901
+
12902
+ @media (hover: hover) and (pointer: fine) {
12903
+ .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
12904
+ a.is-link:not(.button):focus-visible {
12905
+ box-shadow: var(--bal-focus-shadow) !important;
12906
+ }
12907
+ }
12908
+
12909
+ @media (hover: hover) and (pointer: fine) {
12910
+ .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
12911
+ a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
12912
+ a.is-link:not(.button).is-light:focus-visible {
12913
+ box-shadow: var(--bal-focus-shadow-inverted) !important;
12914
+ }
12915
+ }
12916
+
12917
+ .file.is-disabled .file-label,
12918
+ .file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
12919
+ cursor: default !important;
12920
+ pointer-events: none !important;
12921
+ }
12922
+
12923
+ .file, .button {
12924
+ -webkit-touch-callout: none;
12925
+ -webkit-user-select: none;
12926
+ -moz-user-select: none;
12927
+ user-select: none;
12928
+ }
12929
+
12930
+ .button {
12931
+ -moz-osx-font-smoothing: grayscale;
12932
+ -webkit-font-smoothing: antialiased;
12933
+ }
12934
+
12676
12935
  .select-none {
12677
12936
  -webkit-user-select: none !important;
12678
12937
  -moz-user-select: none !important;
@@ -12725,6 +12984,43 @@ table.table td.has-buttons .buttons {
12725
12984
  pointer-events: none !important;
12726
12985
  }
12727
12986
 
12987
+ .table:not(:last-child), .table-container:not(:last-child) {
12988
+ margin-bottom: 0.25rem;
12989
+ }
12990
+
12991
+ @media (hover: hover) and (pointer: fine) {
12992
+ .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
12993
+ a.is-link:not(.button):focus-visible {
12994
+ box-shadow: var(--bal-focus-shadow) !important;
12995
+ }
12996
+ }
12997
+
12998
+ @media (hover: hover) and (pointer: fine) {
12999
+ .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
13000
+ a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
13001
+ a.is-link:not(.button).is-light:focus-visible {
13002
+ box-shadow: var(--bal-focus-shadow-inverted) !important;
13003
+ }
13004
+ }
13005
+
13006
+ .file.is-disabled .file-label,
13007
+ .file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
13008
+ cursor: default !important;
13009
+ pointer-events: none !important;
13010
+ }
13011
+
13012
+ .file, .button {
13013
+ -webkit-touch-callout: none;
13014
+ -webkit-user-select: none;
13015
+ -moz-user-select: none;
13016
+ user-select: none;
13017
+ }
13018
+
13019
+ .button {
13020
+ -moz-osx-font-smoothing: grayscale;
13021
+ -webkit-font-smoothing: antialiased;
13022
+ }
13023
+
12728
13024
  .hidden {
12729
13025
  display: none !important;
12730
13026
  }
@@ -13876,6 +14172,43 @@ table.table td.has-buttons .buttons {
13876
14172
  width: 0.01em !important;
13877
14173
  }
13878
14174
 
14175
+ .table:not(:last-child), .table-container:not(:last-child) {
14176
+ margin-bottom: 0.25rem;
14177
+ }
14178
+
14179
+ @media (hover: hover) and (pointer: fine) {
14180
+ .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
14181
+ a.is-link:not(.button):focus-visible {
14182
+ box-shadow: var(--bal-focus-shadow) !important;
14183
+ }
14184
+ }
14185
+
14186
+ @media (hover: hover) and (pointer: fine) {
14187
+ .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
14188
+ a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
14189
+ a.is-link:not(.button).is-light:focus-visible {
14190
+ box-shadow: var(--bal-focus-shadow-inverted) !important;
14191
+ }
14192
+ }
14193
+
14194
+ .file.is-disabled .file-label,
14195
+ .file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
14196
+ cursor: default !important;
14197
+ pointer-events: none !important;
14198
+ }
14199
+
14200
+ .file, .button {
14201
+ -webkit-touch-callout: none;
14202
+ -webkit-user-select: none;
14203
+ -moz-user-select: none;
14204
+ user-select: none;
14205
+ }
14206
+
14207
+ .button {
14208
+ -moz-osx-font-smoothing: grayscale;
14209
+ -webkit-font-smoothing: antialiased;
14210
+ }
14211
+
13879
14212
  .h-full {
13880
14213
  height: 100% !important;
13881
14214
  }
@@ -15806,6 +16139,43 @@ table.table td.has-buttons .buttons {
15806
16139
  max-width: fit-content !important;
15807
16140
  }
15808
16141
  }
16142
+ .table:not(:last-child), .table-container:not(:last-child) {
16143
+ margin-bottom: 0.25rem;
16144
+ }
16145
+
16146
+ @media (hover: hover) and (pointer: fine) {
16147
+ .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
16148
+ a.is-link:not(.button):focus-visible {
16149
+ box-shadow: var(--bal-focus-shadow) !important;
16150
+ }
16151
+ }
16152
+
16153
+ @media (hover: hover) and (pointer: fine) {
16154
+ .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
16155
+ a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
16156
+ a.is-link:not(.button).is-light:focus-visible {
16157
+ box-shadow: var(--bal-focus-shadow-inverted) !important;
16158
+ }
16159
+ }
16160
+
16161
+ .file.is-disabled .file-label,
16162
+ .file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
16163
+ cursor: default !important;
16164
+ pointer-events: none !important;
16165
+ }
16166
+
16167
+ .file, .button {
16168
+ -webkit-touch-callout: none;
16169
+ -webkit-user-select: none;
16170
+ -moz-user-select: none;
16171
+ user-select: none;
16172
+ }
16173
+
16174
+ .button {
16175
+ -moz-osx-font-smoothing: grayscale;
16176
+ -webkit-font-smoothing: antialiased;
16177
+ }
16178
+
15809
16179
  .m-none {
15810
16180
  margin: 0 !important;
15811
16181
  }
@@ -15855,35 +16225,35 @@ table.table td.has-buttons .buttons {
15855
16225
  }
15856
16226
 
15857
16227
  @media screen and (max-width: 768px) {
15858
- .mobile:m-xx-small {
15859
- margin: var(--bal-space-xx-small-mobile) !important;
16228
+ .mobile\:m-xx-small {
16229
+ margin: var(--bal-space-xx-small) !important;
15860
16230
  }
15861
- .mobile:m-x-small {
15862
- margin: var(--bal-space-x-small-mobile) !important;
16231
+ .mobile\:m-x-small {
16232
+ margin: var(--bal-space-x-small) !important;
15863
16233
  }
15864
- .mobile:m-small {
15865
- margin: var(--bal-space-small-mobile) !important;
16234
+ .mobile\:m-small {
16235
+ margin: var(--bal-space-small) !important;
15866
16236
  }
15867
- .mobile:m-normal {
15868
- margin: var(--bal-space-normal-mobile) !important;
16237
+ .mobile\:m-normal {
16238
+ margin: var(--bal-space-normal) !important;
15869
16239
  }
15870
- .mobile:m-medium {
15871
- margin: var(--bal-space-medium-mobile) !important;
16240
+ .mobile\:m-medium {
16241
+ margin: var(--bal-space-medium) !important;
15872
16242
  }
15873
- .mobile:m-large {
15874
- margin: var(--bal-space-large-mobile) !important;
16243
+ .mobile\:m-large {
16244
+ margin: var(--bal-space-large) !important;
15875
16245
  }
15876
- .mobile:m-x-large {
15877
- margin: var(--bal-space-x-large-mobile) !important;
16246
+ .mobile\:m-x-large {
16247
+ margin: var(--bal-space-x-large) !important;
15878
16248
  }
15879
- .mobile:m-xx-large {
15880
- margin: var(--bal-space-xx-large-mobile) !important;
16249
+ .mobile\:m-xx-large {
16250
+ margin: var(--bal-space-xx-large) !important;
15881
16251
  }
15882
- .mobile:m-xxx-large {
15883
- margin: var(--bal-space-xxx-large-mobile) !important;
16252
+ .mobile\:m-xxx-large {
16253
+ margin: var(--bal-space-xxx-large) !important;
15884
16254
  }
15885
- .mobile:m-xxxx-large {
15886
- margin: var(--bal-space-xxxx-large-mobile) !important;
16255
+ .mobile\:m-xxxx-large {
16256
+ margin: var(--bal-space-xxxx-large) !important;
15887
16257
  }
15888
16258
  }
15889
16259
  @media screen and (min-width: 769px), print {
@@ -15896,61 +16266,61 @@ table.table td.has-buttons .buttons {
15896
16266
  .m-xx-small {
15897
16267
  margin: var(--bal-space-xx-small-tablet) !important;
15898
16268
  }
15899
- .tablet:m-xx-small {
16269
+ .tablet\:m-xx-small {
15900
16270
  margin: var(--bal-space-xx-small-tablet) !important;
15901
16271
  }
15902
16272
  .m-x-small {
15903
16273
  margin: var(--bal-space-x-small-tablet) !important;
15904
16274
  }
15905
- .tablet:m-x-small {
16275
+ .tablet\:m-x-small {
15906
16276
  margin: var(--bal-space-x-small-tablet) !important;
15907
16277
  }
15908
16278
  .m-small {
15909
16279
  margin: var(--bal-space-small-tablet) !important;
15910
16280
  }
15911
- .tablet:m-small {
16281
+ .tablet\:m-small {
15912
16282
  margin: var(--bal-space-small-tablet) !important;
15913
16283
  }
15914
16284
  .m-normal {
15915
16285
  margin: var(--bal-space-normal-tablet) !important;
15916
16286
  }
15917
- .tablet:m-normal {
16287
+ .tablet\:m-normal {
15918
16288
  margin: var(--bal-space-normal-tablet) !important;
15919
16289
  }
15920
16290
  .m-medium {
15921
16291
  margin: var(--bal-space-medium-tablet) !important;
15922
16292
  }
15923
- .tablet:m-medium {
16293
+ .tablet\:m-medium {
15924
16294
  margin: var(--bal-space-medium-tablet) !important;
15925
16295
  }
15926
16296
  .m-large {
15927
16297
  margin: var(--bal-space-large-tablet) !important;
15928
16298
  }
15929
- .tablet:m-large {
16299
+ .tablet\:m-large {
15930
16300
  margin: var(--bal-space-large-tablet) !important;
15931
16301
  }
15932
16302
  .m-x-large {
15933
16303
  margin: var(--bal-space-x-large-tablet) !important;
15934
16304
  }
15935
- .tablet:m-x-large {
16305
+ .tablet\:m-x-large {
15936
16306
  margin: var(--bal-space-x-large-tablet) !important;
15937
16307
  }
15938
16308
  .m-xx-large {
15939
16309
  margin: var(--bal-space-xx-large-tablet) !important;
15940
16310
  }
15941
- .tablet:m-xx-large {
16311
+ .tablet\:m-xx-large {
15942
16312
  margin: var(--bal-space-xx-large-tablet) !important;
15943
16313
  }
15944
16314
  .m-xxx-large {
15945
16315
  margin: var(--bal-space-xxx-large-tablet) !important;
15946
16316
  }
15947
- .tablet:m-xxx-large {
16317
+ .tablet\:m-xxx-large {
15948
16318
  margin: var(--bal-space-xxx-large-tablet) !important;
15949
16319
  }
15950
16320
  .m-xxxx-large {
15951
16321
  margin: var(--bal-space-xxxx-large-tablet) !important;
15952
16322
  }
15953
- .tablet:m-xxxx-large {
16323
+ .tablet\:m-xxxx-large {
15954
16324
  margin: var(--bal-space-xxxx-large-tablet) !important;
15955
16325
  }
15956
16326
  }
@@ -15964,61 +16334,61 @@ table.table td.has-buttons .buttons {
15964
16334
  .m-xx-small {
15965
16335
  margin: var(--bal-space-xx-small-desktop) !important;
15966
16336
  }
15967
- .desktop:m-xx-small {
16337
+ .desktop\:m-xx-small {
15968
16338
  margin: var(--bal-space-xx-small-desktop) !important;
15969
16339
  }
15970
16340
  .m-x-small {
15971
16341
  margin: var(--bal-space-x-small-desktop) !important;
15972
16342
  }
15973
- .desktop:m-x-small {
16343
+ .desktop\:m-x-small {
15974
16344
  margin: var(--bal-space-x-small-desktop) !important;
15975
16345
  }
15976
16346
  .m-small {
15977
16347
  margin: var(--bal-space-small-desktop) !important;
15978
16348
  }
15979
- .desktop:m-small {
16349
+ .desktop\:m-small {
15980
16350
  margin: var(--bal-space-small-desktop) !important;
15981
16351
  }
15982
16352
  .m-normal {
15983
16353
  margin: var(--bal-space-normal-desktop) !important;
15984
16354
  }
15985
- .desktop:m-normal {
16355
+ .desktop\:m-normal {
15986
16356
  margin: var(--bal-space-normal-desktop) !important;
15987
16357
  }
15988
16358
  .m-medium {
15989
16359
  margin: var(--bal-space-medium-desktop) !important;
15990
16360
  }
15991
- .desktop:m-medium {
16361
+ .desktop\:m-medium {
15992
16362
  margin: var(--bal-space-medium-desktop) !important;
15993
16363
  }
15994
16364
  .m-large {
15995
16365
  margin: var(--bal-space-large-desktop) !important;
15996
16366
  }
15997
- .desktop:m-large {
16367
+ .desktop\:m-large {
15998
16368
  margin: var(--bal-space-large-desktop) !important;
15999
16369
  }
16000
16370
  .m-x-large {
16001
16371
  margin: var(--bal-space-x-large-desktop) !important;
16002
16372
  }
16003
- .desktop:m-x-large {
16373
+ .desktop\:m-x-large {
16004
16374
  margin: var(--bal-space-x-large-desktop) !important;
16005
16375
  }
16006
16376
  .m-xx-large {
16007
16377
  margin: var(--bal-space-xx-large-desktop) !important;
16008
16378
  }
16009
- .desktop:m-xx-large {
16379
+ .desktop\:m-xx-large {
16010
16380
  margin: var(--bal-space-xx-large-desktop) !important;
16011
16381
  }
16012
16382
  .m-xxx-large {
16013
16383
  margin: var(--bal-space-xxx-large-desktop) !important;
16014
16384
  }
16015
- .desktop:m-xxx-large {
16385
+ .desktop\:m-xxx-large {
16016
16386
  margin: var(--bal-space-xxx-large-desktop) !important;
16017
16387
  }
16018
16388
  .m-xxxx-large {
16019
16389
  margin: var(--bal-space-xxxx-large-desktop) !important;
16020
16390
  }
16021
- .desktop:m-xxxx-large {
16391
+ .desktop\:m-xxxx-large {
16022
16392
  margin: var(--bal-space-xxxx-large-desktop) !important;
16023
16393
  }
16024
16394
  }
@@ -16083,45 +16453,45 @@ table.table td.has-buttons .buttons {
16083
16453
  }
16084
16454
 
16085
16455
  @media screen and (max-width: 768px) {
16086
- .mobile:mx-xx-small {
16087
- margin-left: var(--bal-space-xx-small-mobile) !important;
16088
- margin-right: var(--bal-space-xx-small-mobile) !important;
16456
+ .mobile\:mx-xx-small {
16457
+ margin-left: var(--bal-space-xx-small) !important;
16458
+ margin-right: var(--bal-space-xx-small) !important;
16089
16459
  }
16090
- .mobile:mx-x-small {
16091
- margin-left: var(--bal-space-x-small-mobile) !important;
16092
- margin-right: var(--bal-space-x-small-mobile) !important;
16460
+ .mobile\:mx-x-small {
16461
+ margin-left: var(--bal-space-x-small) !important;
16462
+ margin-right: var(--bal-space-x-small) !important;
16093
16463
  }
16094
- .mobile:mx-small {
16095
- margin-left: var(--bal-space-small-mobile) !important;
16096
- margin-right: var(--bal-space-small-mobile) !important;
16464
+ .mobile\:mx-small {
16465
+ margin-left: var(--bal-space-small) !important;
16466
+ margin-right: var(--bal-space-small) !important;
16097
16467
  }
16098
- .mobile:mx-normal {
16099
- margin-left: var(--bal-space-normal-mobile) !important;
16100
- margin-right: var(--bal-space-normal-mobile) !important;
16468
+ .mobile\:mx-normal {
16469
+ margin-left: var(--bal-space-normal) !important;
16470
+ margin-right: var(--bal-space-normal) !important;
16101
16471
  }
16102
- .mobile:mx-medium {
16103
- margin-left: var(--bal-space-medium-mobile) !important;
16104
- margin-right: var(--bal-space-medium-mobile) !important;
16472
+ .mobile\:mx-medium {
16473
+ margin-left: var(--bal-space-medium) !important;
16474
+ margin-right: var(--bal-space-medium) !important;
16105
16475
  }
16106
- .mobile:mx-large {
16107
- margin-left: var(--bal-space-large-mobile) !important;
16108
- margin-right: var(--bal-space-large-mobile) !important;
16476
+ .mobile\:mx-large {
16477
+ margin-left: var(--bal-space-large) !important;
16478
+ margin-right: var(--bal-space-large) !important;
16109
16479
  }
16110
- .mobile:mx-x-large {
16111
- margin-left: var(--bal-space-x-large-mobile) !important;
16112
- margin-right: var(--bal-space-x-large-mobile) !important;
16480
+ .mobile\:mx-x-large {
16481
+ margin-left: var(--bal-space-x-large) !important;
16482
+ margin-right: var(--bal-space-x-large) !important;
16113
16483
  }
16114
- .mobile:mx-xx-large {
16115
- margin-left: var(--bal-space-xx-large-mobile) !important;
16116
- margin-right: var(--bal-space-xx-large-mobile) !important;
16484
+ .mobile\:mx-xx-large {
16485
+ margin-left: var(--bal-space-xx-large) !important;
16486
+ margin-right: var(--bal-space-xx-large) !important;
16117
16487
  }
16118
- .mobile:mx-xxx-large {
16119
- margin-left: var(--bal-space-xxx-large-mobile) !important;
16120
- margin-right: var(--bal-space-xxx-large-mobile) !important;
16488
+ .mobile\:mx-xxx-large {
16489
+ margin-left: var(--bal-space-xxx-large) !important;
16490
+ margin-right: var(--bal-space-xxx-large) !important;
16121
16491
  }
16122
- .mobile:mx-xxxx-large {
16123
- margin-left: var(--bal-space-xxxx-large-mobile) !important;
16124
- margin-right: var(--bal-space-xxxx-large-mobile) !important;
16492
+ .mobile\:mx-xxxx-large {
16493
+ margin-left: var(--bal-space-xxxx-large) !important;
16494
+ margin-right: var(--bal-space-xxxx-large) !important;
16125
16495
  }
16126
16496
  }
16127
16497
  @media screen and (min-width: 769px), print {
@@ -16137,7 +16507,7 @@ table.table td.has-buttons .buttons {
16137
16507
  margin-left: var(--bal-space-xx-small-tablet) !important;
16138
16508
  margin-right: var(--bal-space-xx-small-tablet) !important;
16139
16509
  }
16140
- .tablet:mx-xx-small {
16510
+ .tablet\:mx-xx-small {
16141
16511
  margin-left: var(--bal-space-xx-small-tablet) !important;
16142
16512
  margin-right: var(--bal-space-xx-small-tablet) !important;
16143
16513
  }
@@ -16145,7 +16515,7 @@ table.table td.has-buttons .buttons {
16145
16515
  margin-left: var(--bal-space-x-small-tablet) !important;
16146
16516
  margin-right: var(--bal-space-x-small-tablet) !important;
16147
16517
  }
16148
- .tablet:mx-x-small {
16518
+ .tablet\:mx-x-small {
16149
16519
  margin-left: var(--bal-space-x-small-tablet) !important;
16150
16520
  margin-right: var(--bal-space-x-small-tablet) !important;
16151
16521
  }
@@ -16153,7 +16523,7 @@ table.table td.has-buttons .buttons {
16153
16523
  margin-left: var(--bal-space-small-tablet) !important;
16154
16524
  margin-right: var(--bal-space-small-tablet) !important;
16155
16525
  }
16156
- .tablet:mx-small {
16526
+ .tablet\:mx-small {
16157
16527
  margin-left: var(--bal-space-small-tablet) !important;
16158
16528
  margin-right: var(--bal-space-small-tablet) !important;
16159
16529
  }
@@ -16161,7 +16531,7 @@ table.table td.has-buttons .buttons {
16161
16531
  margin-left: var(--bal-space-normal-tablet) !important;
16162
16532
  margin-right: var(--bal-space-normal-tablet) !important;
16163
16533
  }
16164
- .tablet:mx-normal {
16534
+ .tablet\:mx-normal {
16165
16535
  margin-left: var(--bal-space-normal-tablet) !important;
16166
16536
  margin-right: var(--bal-space-normal-tablet) !important;
16167
16537
  }
@@ -16169,7 +16539,7 @@ table.table td.has-buttons .buttons {
16169
16539
  margin-left: var(--bal-space-medium-tablet) !important;
16170
16540
  margin-right: var(--bal-space-medium-tablet) !important;
16171
16541
  }
16172
- .tablet:mx-medium {
16542
+ .tablet\:mx-medium {
16173
16543
  margin-left: var(--bal-space-medium-tablet) !important;
16174
16544
  margin-right: var(--bal-space-medium-tablet) !important;
16175
16545
  }
@@ -16177,7 +16547,7 @@ table.table td.has-buttons .buttons {
16177
16547
  margin-left: var(--bal-space-large-tablet) !important;
16178
16548
  margin-right: var(--bal-space-large-tablet) !important;
16179
16549
  }
16180
- .tablet:mx-large {
16550
+ .tablet\:mx-large {
16181
16551
  margin-left: var(--bal-space-large-tablet) !important;
16182
16552
  margin-right: var(--bal-space-large-tablet) !important;
16183
16553
  }
@@ -16185,7 +16555,7 @@ table.table td.has-buttons .buttons {
16185
16555
  margin-left: var(--bal-space-x-large-tablet) !important;
16186
16556
  margin-right: var(--bal-space-x-large-tablet) !important;
16187
16557
  }
16188
- .tablet:mx-x-large {
16558
+ .tablet\:mx-x-large {
16189
16559
  margin-left: var(--bal-space-x-large-tablet) !important;
16190
16560
  margin-right: var(--bal-space-x-large-tablet) !important;
16191
16561
  }
@@ -16193,7 +16563,7 @@ table.table td.has-buttons .buttons {
16193
16563
  margin-left: var(--bal-space-xx-large-tablet) !important;
16194
16564
  margin-right: var(--bal-space-xx-large-tablet) !important;
16195
16565
  }
16196
- .tablet:mx-xx-large {
16566
+ .tablet\:mx-xx-large {
16197
16567
  margin-left: var(--bal-space-xx-large-tablet) !important;
16198
16568
  margin-right: var(--bal-space-xx-large-tablet) !important;
16199
16569
  }
@@ -16201,7 +16571,7 @@ table.table td.has-buttons .buttons {
16201
16571
  margin-left: var(--bal-space-xxx-large-tablet) !important;
16202
16572
  margin-right: var(--bal-space-xxx-large-tablet) !important;
16203
16573
  }
16204
- .tablet:mx-xxx-large {
16574
+ .tablet\:mx-xxx-large {
16205
16575
  margin-left: var(--bal-space-xxx-large-tablet) !important;
16206
16576
  margin-right: var(--bal-space-xxx-large-tablet) !important;
16207
16577
  }
@@ -16209,7 +16579,7 @@ table.table td.has-buttons .buttons {
16209
16579
  margin-left: var(--bal-space-xxxx-large-tablet) !important;
16210
16580
  margin-right: var(--bal-space-xxxx-large-tablet) !important;
16211
16581
  }
16212
- .tablet:mx-xxxx-large {
16582
+ .tablet\:mx-xxxx-large {
16213
16583
  margin-left: var(--bal-space-xxxx-large-tablet) !important;
16214
16584
  margin-right: var(--bal-space-xxxx-large-tablet) !important;
16215
16585
  }
@@ -16227,7 +16597,7 @@ table.table td.has-buttons .buttons {
16227
16597
  margin-left: var(--bal-space-xx-small-desktop) !important;
16228
16598
  margin-right: var(--bal-space-xx-small-desktop) !important;
16229
16599
  }
16230
- .desktop:mx-xx-small {
16600
+ .desktop\:mx-xx-small {
16231
16601
  margin-left: var(--bal-space-xx-small-desktop) !important;
16232
16602
  margin-right: var(--bal-space-xx-small-desktop) !important;
16233
16603
  }
@@ -16235,7 +16605,7 @@ table.table td.has-buttons .buttons {
16235
16605
  margin-left: var(--bal-space-x-small-desktop) !important;
16236
16606
  margin-right: var(--bal-space-x-small-desktop) !important;
16237
16607
  }
16238
- .desktop:mx-x-small {
16608
+ .desktop\:mx-x-small {
16239
16609
  margin-left: var(--bal-space-x-small-desktop) !important;
16240
16610
  margin-right: var(--bal-space-x-small-desktop) !important;
16241
16611
  }
@@ -16243,7 +16613,7 @@ table.table td.has-buttons .buttons {
16243
16613
  margin-left: var(--bal-space-small-desktop) !important;
16244
16614
  margin-right: var(--bal-space-small-desktop) !important;
16245
16615
  }
16246
- .desktop:mx-small {
16616
+ .desktop\:mx-small {
16247
16617
  margin-left: var(--bal-space-small-desktop) !important;
16248
16618
  margin-right: var(--bal-space-small-desktop) !important;
16249
16619
  }
@@ -16251,7 +16621,7 @@ table.table td.has-buttons .buttons {
16251
16621
  margin-left: var(--bal-space-normal-desktop) !important;
16252
16622
  margin-right: var(--bal-space-normal-desktop) !important;
16253
16623
  }
16254
- .desktop:mx-normal {
16624
+ .desktop\:mx-normal {
16255
16625
  margin-left: var(--bal-space-normal-desktop) !important;
16256
16626
  margin-right: var(--bal-space-normal-desktop) !important;
16257
16627
  }
@@ -16259,7 +16629,7 @@ table.table td.has-buttons .buttons {
16259
16629
  margin-left: var(--bal-space-medium-desktop) !important;
16260
16630
  margin-right: var(--bal-space-medium-desktop) !important;
16261
16631
  }
16262
- .desktop:mx-medium {
16632
+ .desktop\:mx-medium {
16263
16633
  margin-left: var(--bal-space-medium-desktop) !important;
16264
16634
  margin-right: var(--bal-space-medium-desktop) !important;
16265
16635
  }
@@ -16267,7 +16637,7 @@ table.table td.has-buttons .buttons {
16267
16637
  margin-left: var(--bal-space-large-desktop) !important;
16268
16638
  margin-right: var(--bal-space-large-desktop) !important;
16269
16639
  }
16270
- .desktop:mx-large {
16640
+ .desktop\:mx-large {
16271
16641
  margin-left: var(--bal-space-large-desktop) !important;
16272
16642
  margin-right: var(--bal-space-large-desktop) !important;
16273
16643
  }
@@ -16275,7 +16645,7 @@ table.table td.has-buttons .buttons {
16275
16645
  margin-left: var(--bal-space-x-large-desktop) !important;
16276
16646
  margin-right: var(--bal-space-x-large-desktop) !important;
16277
16647
  }
16278
- .desktop:mx-x-large {
16648
+ .desktop\:mx-x-large {
16279
16649
  margin-left: var(--bal-space-x-large-desktop) !important;
16280
16650
  margin-right: var(--bal-space-x-large-desktop) !important;
16281
16651
  }
@@ -16283,7 +16653,7 @@ table.table td.has-buttons .buttons {
16283
16653
  margin-left: var(--bal-space-xx-large-desktop) !important;
16284
16654
  margin-right: var(--bal-space-xx-large-desktop) !important;
16285
16655
  }
16286
- .desktop:mx-xx-large {
16656
+ .desktop\:mx-xx-large {
16287
16657
  margin-left: var(--bal-space-xx-large-desktop) !important;
16288
16658
  margin-right: var(--bal-space-xx-large-desktop) !important;
16289
16659
  }
@@ -16291,7 +16661,7 @@ table.table td.has-buttons .buttons {
16291
16661
  margin-left: var(--bal-space-xxx-large-desktop) !important;
16292
16662
  margin-right: var(--bal-space-xxx-large-desktop) !important;
16293
16663
  }
16294
- .desktop:mx-xxx-large {
16664
+ .desktop\:mx-xxx-large {
16295
16665
  margin-left: var(--bal-space-xxx-large-desktop) !important;
16296
16666
  margin-right: var(--bal-space-xxx-large-desktop) !important;
16297
16667
  }
@@ -16299,7 +16669,7 @@ table.table td.has-buttons .buttons {
16299
16669
  margin-left: var(--bal-space-xxxx-large-desktop) !important;
16300
16670
  margin-right: var(--bal-space-xxxx-large-desktop) !important;
16301
16671
  }
16302
- .desktop:mx-xxxx-large {
16672
+ .desktop\:mx-xxxx-large {
16303
16673
  margin-left: var(--bal-space-xxxx-large-desktop) !important;
16304
16674
  margin-right: var(--bal-space-xxxx-large-desktop) !important;
16305
16675
  }
@@ -16365,45 +16735,45 @@ table.table td.has-buttons .buttons {
16365
16735
  }
16366
16736
 
16367
16737
  @media screen and (max-width: 768px) {
16368
- .mobile:my-xx-small {
16369
- margin-top: var(--bal-space-xx-small-mobile) !important;
16370
- margin-bottom: var(--bal-space-xx-small-mobile) !important;
16738
+ .mobile\:my-xx-small {
16739
+ margin-top: var(--bal-space-xx-small) !important;
16740
+ margin-bottom: var(--bal-space-xx-small) !important;
16371
16741
  }
16372
- .mobile:my-x-small {
16373
- margin-top: var(--bal-space-x-small-mobile) !important;
16374
- margin-bottom: var(--bal-space-x-small-mobile) !important;
16742
+ .mobile\:my-x-small {
16743
+ margin-top: var(--bal-space-x-small) !important;
16744
+ margin-bottom: var(--bal-space-x-small) !important;
16375
16745
  }
16376
- .mobile:my-small {
16377
- margin-top: var(--bal-space-small-mobile) !important;
16378
- margin-bottom: var(--bal-space-small-mobile) !important;
16746
+ .mobile\:my-small {
16747
+ margin-top: var(--bal-space-small) !important;
16748
+ margin-bottom: var(--bal-space-small) !important;
16379
16749
  }
16380
- .mobile:my-normal {
16381
- margin-top: var(--bal-space-normal-mobile) !important;
16382
- margin-bottom: var(--bal-space-normal-mobile) !important;
16750
+ .mobile\:my-normal {
16751
+ margin-top: var(--bal-space-normal) !important;
16752
+ margin-bottom: var(--bal-space-normal) !important;
16383
16753
  }
16384
- .mobile:my-medium {
16385
- margin-top: var(--bal-space-medium-mobile) !important;
16386
- margin-bottom: var(--bal-space-medium-mobile) !important;
16754
+ .mobile\:my-medium {
16755
+ margin-top: var(--bal-space-medium) !important;
16756
+ margin-bottom: var(--bal-space-medium) !important;
16387
16757
  }
16388
- .mobile:my-large {
16389
- margin-top: var(--bal-space-large-mobile) !important;
16390
- margin-bottom: var(--bal-space-large-mobile) !important;
16758
+ .mobile\:my-large {
16759
+ margin-top: var(--bal-space-large) !important;
16760
+ margin-bottom: var(--bal-space-large) !important;
16391
16761
  }
16392
- .mobile:my-x-large {
16393
- margin-top: var(--bal-space-x-large-mobile) !important;
16394
- margin-bottom: var(--bal-space-x-large-mobile) !important;
16762
+ .mobile\:my-x-large {
16763
+ margin-top: var(--bal-space-x-large) !important;
16764
+ margin-bottom: var(--bal-space-x-large) !important;
16395
16765
  }
16396
- .mobile:my-xx-large {
16397
- margin-top: var(--bal-space-xx-large-mobile) !important;
16398
- margin-bottom: var(--bal-space-xx-large-mobile) !important;
16766
+ .mobile\:my-xx-large {
16767
+ margin-top: var(--bal-space-xx-large) !important;
16768
+ margin-bottom: var(--bal-space-xx-large) !important;
16399
16769
  }
16400
- .mobile:my-xxx-large {
16401
- margin-top: var(--bal-space-xxx-large-mobile) !important;
16402
- margin-bottom: var(--bal-space-xxx-large-mobile) !important;
16770
+ .mobile\:my-xxx-large {
16771
+ margin-top: var(--bal-space-xxx-large) !important;
16772
+ margin-bottom: var(--bal-space-xxx-large) !important;
16403
16773
  }
16404
- .mobile:my-xxxx-large {
16405
- margin-top: var(--bal-space-xxxx-large-mobile) !important;
16406
- margin-bottom: var(--bal-space-xxxx-large-mobile) !important;
16774
+ .mobile\:my-xxxx-large {
16775
+ margin-top: var(--bal-space-xxxx-large) !important;
16776
+ margin-bottom: var(--bal-space-xxxx-large) !important;
16407
16777
  }
16408
16778
  }
16409
16779
  @media screen and (min-width: 769px), print {
@@ -16419,7 +16789,7 @@ table.table td.has-buttons .buttons {
16419
16789
  margin-top: var(--bal-space-xx-small-tablet) !important;
16420
16790
  margin-bottom: var(--bal-space-xx-small-tablet) !important;
16421
16791
  }
16422
- .tablet:my-xx-small {
16792
+ .tablet\:my-xx-small {
16423
16793
  margin-top: var(--bal-space-xx-small-tablet) !important;
16424
16794
  margin-bottom: var(--bal-space-xx-small-tablet) !important;
16425
16795
  }
@@ -16427,7 +16797,7 @@ table.table td.has-buttons .buttons {
16427
16797
  margin-top: var(--bal-space-x-small-tablet) !important;
16428
16798
  margin-bottom: var(--bal-space-x-small-tablet) !important;
16429
16799
  }
16430
- .tablet:my-x-small {
16800
+ .tablet\:my-x-small {
16431
16801
  margin-top: var(--bal-space-x-small-tablet) !important;
16432
16802
  margin-bottom: var(--bal-space-x-small-tablet) !important;
16433
16803
  }
@@ -16435,7 +16805,7 @@ table.table td.has-buttons .buttons {
16435
16805
  margin-top: var(--bal-space-small-tablet) !important;
16436
16806
  margin-bottom: var(--bal-space-small-tablet) !important;
16437
16807
  }
16438
- .tablet:my-small {
16808
+ .tablet\:my-small {
16439
16809
  margin-top: var(--bal-space-small-tablet) !important;
16440
16810
  margin-bottom: var(--bal-space-small-tablet) !important;
16441
16811
  }
@@ -16443,7 +16813,7 @@ table.table td.has-buttons .buttons {
16443
16813
  margin-top: var(--bal-space-normal-tablet) !important;
16444
16814
  margin-bottom: var(--bal-space-normal-tablet) !important;
16445
16815
  }
16446
- .tablet:my-normal {
16816
+ .tablet\:my-normal {
16447
16817
  margin-top: var(--bal-space-normal-tablet) !important;
16448
16818
  margin-bottom: var(--bal-space-normal-tablet) !important;
16449
16819
  }
@@ -16451,7 +16821,7 @@ table.table td.has-buttons .buttons {
16451
16821
  margin-top: var(--bal-space-medium-tablet) !important;
16452
16822
  margin-bottom: var(--bal-space-medium-tablet) !important;
16453
16823
  }
16454
- .tablet:my-medium {
16824
+ .tablet\:my-medium {
16455
16825
  margin-top: var(--bal-space-medium-tablet) !important;
16456
16826
  margin-bottom: var(--bal-space-medium-tablet) !important;
16457
16827
  }
@@ -16459,7 +16829,7 @@ table.table td.has-buttons .buttons {
16459
16829
  margin-top: var(--bal-space-large-tablet) !important;
16460
16830
  margin-bottom: var(--bal-space-large-tablet) !important;
16461
16831
  }
16462
- .tablet:my-large {
16832
+ .tablet\:my-large {
16463
16833
  margin-top: var(--bal-space-large-tablet) !important;
16464
16834
  margin-bottom: var(--bal-space-large-tablet) !important;
16465
16835
  }
@@ -16467,7 +16837,7 @@ table.table td.has-buttons .buttons {
16467
16837
  margin-top: var(--bal-space-x-large-tablet) !important;
16468
16838
  margin-bottom: var(--bal-space-x-large-tablet) !important;
16469
16839
  }
16470
- .tablet:my-x-large {
16840
+ .tablet\:my-x-large {
16471
16841
  margin-top: var(--bal-space-x-large-tablet) !important;
16472
16842
  margin-bottom: var(--bal-space-x-large-tablet) !important;
16473
16843
  }
@@ -16475,7 +16845,7 @@ table.table td.has-buttons .buttons {
16475
16845
  margin-top: var(--bal-space-xx-large-tablet) !important;
16476
16846
  margin-bottom: var(--bal-space-xx-large-tablet) !important;
16477
16847
  }
16478
- .tablet:my-xx-large {
16848
+ .tablet\:my-xx-large {
16479
16849
  margin-top: var(--bal-space-xx-large-tablet) !important;
16480
16850
  margin-bottom: var(--bal-space-xx-large-tablet) !important;
16481
16851
  }
@@ -16483,7 +16853,7 @@ table.table td.has-buttons .buttons {
16483
16853
  margin-top: var(--bal-space-xxx-large-tablet) !important;
16484
16854
  margin-bottom: var(--bal-space-xxx-large-tablet) !important;
16485
16855
  }
16486
- .tablet:my-xxx-large {
16856
+ .tablet\:my-xxx-large {
16487
16857
  margin-top: var(--bal-space-xxx-large-tablet) !important;
16488
16858
  margin-bottom: var(--bal-space-xxx-large-tablet) !important;
16489
16859
  }
@@ -16491,7 +16861,7 @@ table.table td.has-buttons .buttons {
16491
16861
  margin-top: var(--bal-space-xxxx-large-tablet) !important;
16492
16862
  margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
16493
16863
  }
16494
- .tablet:my-xxxx-large {
16864
+ .tablet\:my-xxxx-large {
16495
16865
  margin-top: var(--bal-space-xxxx-large-tablet) !important;
16496
16866
  margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
16497
16867
  }
@@ -16509,7 +16879,7 @@ table.table td.has-buttons .buttons {
16509
16879
  margin-top: var(--bal-space-xx-small-desktop) !important;
16510
16880
  margin-bottom: var(--bal-space-xx-small-desktop) !important;
16511
16881
  }
16512
- .desktop:my-xx-small {
16882
+ .desktop\:my-xx-small {
16513
16883
  margin-top: var(--bal-space-xx-small-desktop) !important;
16514
16884
  margin-bottom: var(--bal-space-xx-small-desktop) !important;
16515
16885
  }
@@ -16517,7 +16887,7 @@ table.table td.has-buttons .buttons {
16517
16887
  margin-top: var(--bal-space-x-small-desktop) !important;
16518
16888
  margin-bottom: var(--bal-space-x-small-desktop) !important;
16519
16889
  }
16520
- .desktop:my-x-small {
16890
+ .desktop\:my-x-small {
16521
16891
  margin-top: var(--bal-space-x-small-desktop) !important;
16522
16892
  margin-bottom: var(--bal-space-x-small-desktop) !important;
16523
16893
  }
@@ -16525,7 +16895,7 @@ table.table td.has-buttons .buttons {
16525
16895
  margin-top: var(--bal-space-small-desktop) !important;
16526
16896
  margin-bottom: var(--bal-space-small-desktop) !important;
16527
16897
  }
16528
- .desktop:my-small {
16898
+ .desktop\:my-small {
16529
16899
  margin-top: var(--bal-space-small-desktop) !important;
16530
16900
  margin-bottom: var(--bal-space-small-desktop) !important;
16531
16901
  }
@@ -16533,7 +16903,7 @@ table.table td.has-buttons .buttons {
16533
16903
  margin-top: var(--bal-space-normal-desktop) !important;
16534
16904
  margin-bottom: var(--bal-space-normal-desktop) !important;
16535
16905
  }
16536
- .desktop:my-normal {
16906
+ .desktop\:my-normal {
16537
16907
  margin-top: var(--bal-space-normal-desktop) !important;
16538
16908
  margin-bottom: var(--bal-space-normal-desktop) !important;
16539
16909
  }
@@ -16541,7 +16911,7 @@ table.table td.has-buttons .buttons {
16541
16911
  margin-top: var(--bal-space-medium-desktop) !important;
16542
16912
  margin-bottom: var(--bal-space-medium-desktop) !important;
16543
16913
  }
16544
- .desktop:my-medium {
16914
+ .desktop\:my-medium {
16545
16915
  margin-top: var(--bal-space-medium-desktop) !important;
16546
16916
  margin-bottom: var(--bal-space-medium-desktop) !important;
16547
16917
  }
@@ -16549,7 +16919,7 @@ table.table td.has-buttons .buttons {
16549
16919
  margin-top: var(--bal-space-large-desktop) !important;
16550
16920
  margin-bottom: var(--bal-space-large-desktop) !important;
16551
16921
  }
16552
- .desktop:my-large {
16922
+ .desktop\:my-large {
16553
16923
  margin-top: var(--bal-space-large-desktop) !important;
16554
16924
  margin-bottom: var(--bal-space-large-desktop) !important;
16555
16925
  }
@@ -16557,7 +16927,7 @@ table.table td.has-buttons .buttons {
16557
16927
  margin-top: var(--bal-space-x-large-desktop) !important;
16558
16928
  margin-bottom: var(--bal-space-x-large-desktop) !important;
16559
16929
  }
16560
- .desktop:my-x-large {
16930
+ .desktop\:my-x-large {
16561
16931
  margin-top: var(--bal-space-x-large-desktop) !important;
16562
16932
  margin-bottom: var(--bal-space-x-large-desktop) !important;
16563
16933
  }
@@ -16565,7 +16935,7 @@ table.table td.has-buttons .buttons {
16565
16935
  margin-top: var(--bal-space-xx-large-desktop) !important;
16566
16936
  margin-bottom: var(--bal-space-xx-large-desktop) !important;
16567
16937
  }
16568
- .desktop:my-xx-large {
16938
+ .desktop\:my-xx-large {
16569
16939
  margin-top: var(--bal-space-xx-large-desktop) !important;
16570
16940
  margin-bottom: var(--bal-space-xx-large-desktop) !important;
16571
16941
  }
@@ -16573,7 +16943,7 @@ table.table td.has-buttons .buttons {
16573
16943
  margin-top: var(--bal-space-xxx-large-desktop) !important;
16574
16944
  margin-bottom: var(--bal-space-xxx-large-desktop) !important;
16575
16945
  }
16576
- .desktop:my-xxx-large {
16946
+ .desktop\:my-xxx-large {
16577
16947
  margin-top: var(--bal-space-xxx-large-desktop) !important;
16578
16948
  margin-bottom: var(--bal-space-xxx-large-desktop) !important;
16579
16949
  }
@@ -16581,7 +16951,7 @@ table.table td.has-buttons .buttons {
16581
16951
  margin-top: var(--bal-space-xxxx-large-desktop) !important;
16582
16952
  margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
16583
16953
  }
16584
- .desktop:my-xxxx-large {
16954
+ .desktop\:my-xxxx-large {
16585
16955
  margin-top: var(--bal-space-xxxx-large-desktop) !important;
16586
16956
  margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
16587
16957
  }
@@ -16635,35 +17005,35 @@ table.table td.has-buttons .buttons {
16635
17005
  }
16636
17006
 
16637
17007
  @media screen and (max-width: 768px) {
16638
- .mobile:mt-xx-small {
16639
- margin-top: var(--bal-space-xx-small-mobile) !important;
17008
+ .mobile\:mt-xx-small {
17009
+ margin-top: var(--bal-space-xx-small) !important;
16640
17010
  }
16641
- .mobile:mt-x-small {
16642
- margin-top: var(--bal-space-x-small-mobile) !important;
17011
+ .mobile\:mt-x-small {
17012
+ margin-top: var(--bal-space-x-small) !important;
16643
17013
  }
16644
- .mobile:mt-small {
16645
- margin-top: var(--bal-space-small-mobile) !important;
17014
+ .mobile\:mt-small {
17015
+ margin-top: var(--bal-space-small) !important;
16646
17016
  }
16647
- .mobile:mt-normal {
16648
- margin-top: var(--bal-space-normal-mobile) !important;
17017
+ .mobile\:mt-normal {
17018
+ margin-top: var(--bal-space-normal) !important;
16649
17019
  }
16650
- .mobile:mt-medium {
16651
- margin-top: var(--bal-space-medium-mobile) !important;
17020
+ .mobile\:mt-medium {
17021
+ margin-top: var(--bal-space-medium) !important;
16652
17022
  }
16653
- .mobile:mt-large {
16654
- margin-top: var(--bal-space-large-mobile) !important;
17023
+ .mobile\:mt-large {
17024
+ margin-top: var(--bal-space-large) !important;
16655
17025
  }
16656
- .mobile:mt-x-large {
16657
- margin-top: var(--bal-space-x-large-mobile) !important;
17026
+ .mobile\:mt-x-large {
17027
+ margin-top: var(--bal-space-x-large) !important;
16658
17028
  }
16659
- .mobile:mt-xx-large {
16660
- margin-top: var(--bal-space-xx-large-mobile) !important;
17029
+ .mobile\:mt-xx-large {
17030
+ margin-top: var(--bal-space-xx-large) !important;
16661
17031
  }
16662
- .mobile:mt-xxx-large {
16663
- margin-top: var(--bal-space-xxx-large-mobile) !important;
17032
+ .mobile\:mt-xxx-large {
17033
+ margin-top: var(--bal-space-xxx-large) !important;
16664
17034
  }
16665
- .mobile:mt-xxxx-large {
16666
- margin-top: var(--bal-space-xxxx-large-mobile) !important;
17035
+ .mobile\:mt-xxxx-large {
17036
+ margin-top: var(--bal-space-xxxx-large) !important;
16667
17037
  }
16668
17038
  }
16669
17039
  @media screen and (min-width: 769px), print {
@@ -16676,61 +17046,61 @@ table.table td.has-buttons .buttons {
16676
17046
  .mt-xx-small {
16677
17047
  margin-top: var(--bal-space-xx-small-tablet) !important;
16678
17048
  }
16679
- .tablet:mt-xx-small {
17049
+ .tablet\:mt-xx-small {
16680
17050
  margin-top: var(--bal-space-xx-small-tablet) !important;
16681
17051
  }
16682
17052
  .mt-x-small {
16683
17053
  margin-top: var(--bal-space-x-small-tablet) !important;
16684
17054
  }
16685
- .tablet:mt-x-small {
17055
+ .tablet\:mt-x-small {
16686
17056
  margin-top: var(--bal-space-x-small-tablet) !important;
16687
17057
  }
16688
17058
  .mt-small {
16689
17059
  margin-top: var(--bal-space-small-tablet) !important;
16690
17060
  }
16691
- .tablet:mt-small {
17061
+ .tablet\:mt-small {
16692
17062
  margin-top: var(--bal-space-small-tablet) !important;
16693
17063
  }
16694
17064
  .mt-normal {
16695
17065
  margin-top: var(--bal-space-normal-tablet) !important;
16696
17066
  }
16697
- .tablet:mt-normal {
17067
+ .tablet\:mt-normal {
16698
17068
  margin-top: var(--bal-space-normal-tablet) !important;
16699
17069
  }
16700
17070
  .mt-medium {
16701
17071
  margin-top: var(--bal-space-medium-tablet) !important;
16702
17072
  }
16703
- .tablet:mt-medium {
17073
+ .tablet\:mt-medium {
16704
17074
  margin-top: var(--bal-space-medium-tablet) !important;
16705
17075
  }
16706
17076
  .mt-large {
16707
17077
  margin-top: var(--bal-space-large-tablet) !important;
16708
17078
  }
16709
- .tablet:mt-large {
17079
+ .tablet\:mt-large {
16710
17080
  margin-top: var(--bal-space-large-tablet) !important;
16711
17081
  }
16712
17082
  .mt-x-large {
16713
17083
  margin-top: var(--bal-space-x-large-tablet) !important;
16714
17084
  }
16715
- .tablet:mt-x-large {
17085
+ .tablet\:mt-x-large {
16716
17086
  margin-top: var(--bal-space-x-large-tablet) !important;
16717
17087
  }
16718
17088
  .mt-xx-large {
16719
17089
  margin-top: var(--bal-space-xx-large-tablet) !important;
16720
17090
  }
16721
- .tablet:mt-xx-large {
17091
+ .tablet\:mt-xx-large {
16722
17092
  margin-top: var(--bal-space-xx-large-tablet) !important;
16723
17093
  }
16724
17094
  .mt-xxx-large {
16725
17095
  margin-top: var(--bal-space-xxx-large-tablet) !important;
16726
17096
  }
16727
- .tablet:mt-xxx-large {
17097
+ .tablet\:mt-xxx-large {
16728
17098
  margin-top: var(--bal-space-xxx-large-tablet) !important;
16729
17099
  }
16730
17100
  .mt-xxxx-large {
16731
17101
  margin-top: var(--bal-space-xxxx-large-tablet) !important;
16732
17102
  }
16733
- .tablet:mt-xxxx-large {
17103
+ .tablet\:mt-xxxx-large {
16734
17104
  margin-top: var(--bal-space-xxxx-large-tablet) !important;
16735
17105
  }
16736
17106
  }
@@ -16744,61 +17114,61 @@ table.table td.has-buttons .buttons {
16744
17114
  .mt-xx-small {
16745
17115
  margin-top: var(--bal-space-xx-small-desktop) !important;
16746
17116
  }
16747
- .desktop:mt-xx-small {
17117
+ .desktop\:mt-xx-small {
16748
17118
  margin-top: var(--bal-space-xx-small-desktop) !important;
16749
17119
  }
16750
17120
  .mt-x-small {
16751
17121
  margin-top: var(--bal-space-x-small-desktop) !important;
16752
17122
  }
16753
- .desktop:mt-x-small {
17123
+ .desktop\:mt-x-small {
16754
17124
  margin-top: var(--bal-space-x-small-desktop) !important;
16755
17125
  }
16756
17126
  .mt-small {
16757
17127
  margin-top: var(--bal-space-small-desktop) !important;
16758
17128
  }
16759
- .desktop:mt-small {
17129
+ .desktop\:mt-small {
16760
17130
  margin-top: var(--bal-space-small-desktop) !important;
16761
17131
  }
16762
17132
  .mt-normal {
16763
17133
  margin-top: var(--bal-space-normal-desktop) !important;
16764
17134
  }
16765
- .desktop:mt-normal {
17135
+ .desktop\:mt-normal {
16766
17136
  margin-top: var(--bal-space-normal-desktop) !important;
16767
17137
  }
16768
17138
  .mt-medium {
16769
17139
  margin-top: var(--bal-space-medium-desktop) !important;
16770
17140
  }
16771
- .desktop:mt-medium {
17141
+ .desktop\:mt-medium {
16772
17142
  margin-top: var(--bal-space-medium-desktop) !important;
16773
17143
  }
16774
17144
  .mt-large {
16775
17145
  margin-top: var(--bal-space-large-desktop) !important;
16776
17146
  }
16777
- .desktop:mt-large {
17147
+ .desktop\:mt-large {
16778
17148
  margin-top: var(--bal-space-large-desktop) !important;
16779
17149
  }
16780
17150
  .mt-x-large {
16781
17151
  margin-top: var(--bal-space-x-large-desktop) !important;
16782
17152
  }
16783
- .desktop:mt-x-large {
17153
+ .desktop\:mt-x-large {
16784
17154
  margin-top: var(--bal-space-x-large-desktop) !important;
16785
17155
  }
16786
17156
  .mt-xx-large {
16787
17157
  margin-top: var(--bal-space-xx-large-desktop) !important;
16788
17158
  }
16789
- .desktop:mt-xx-large {
17159
+ .desktop\:mt-xx-large {
16790
17160
  margin-top: var(--bal-space-xx-large-desktop) !important;
16791
17161
  }
16792
17162
  .mt-xxx-large {
16793
17163
  margin-top: var(--bal-space-xxx-large-desktop) !important;
16794
17164
  }
16795
- .desktop:mt-xxx-large {
17165
+ .desktop\:mt-xxx-large {
16796
17166
  margin-top: var(--bal-space-xxx-large-desktop) !important;
16797
17167
  }
16798
17168
  .mt-xxxx-large {
16799
17169
  margin-top: var(--bal-space-xxxx-large-desktop) !important;
16800
17170
  }
16801
- .desktop:mt-xxxx-large {
17171
+ .desktop\:mt-xxxx-large {
16802
17172
  margin-top: var(--bal-space-xxxx-large-desktop) !important;
16803
17173
  }
16804
17174
  }
@@ -16851,35 +17221,35 @@ table.table td.has-buttons .buttons {
16851
17221
  }
16852
17222
 
16853
17223
  @media screen and (max-width: 768px) {
16854
- .mobile:mr-xx-small {
16855
- margin-right: var(--bal-space-xx-small-mobile) !important;
17224
+ .mobile\:mr-xx-small {
17225
+ margin-right: var(--bal-space-xx-small) !important;
16856
17226
  }
16857
- .mobile:mr-x-small {
16858
- margin-right: var(--bal-space-x-small-mobile) !important;
17227
+ .mobile\:mr-x-small {
17228
+ margin-right: var(--bal-space-x-small) !important;
16859
17229
  }
16860
- .mobile:mr-small {
16861
- margin-right: var(--bal-space-small-mobile) !important;
17230
+ .mobile\:mr-small {
17231
+ margin-right: var(--bal-space-small) !important;
16862
17232
  }
16863
- .mobile:mr-normal {
16864
- margin-right: var(--bal-space-normal-mobile) !important;
17233
+ .mobile\:mr-normal {
17234
+ margin-right: var(--bal-space-normal) !important;
16865
17235
  }
16866
- .mobile:mr-medium {
16867
- margin-right: var(--bal-space-medium-mobile) !important;
17236
+ .mobile\:mr-medium {
17237
+ margin-right: var(--bal-space-medium) !important;
16868
17238
  }
16869
- .mobile:mr-large {
16870
- margin-right: var(--bal-space-large-mobile) !important;
17239
+ .mobile\:mr-large {
17240
+ margin-right: var(--bal-space-large) !important;
16871
17241
  }
16872
- .mobile:mr-x-large {
16873
- margin-right: var(--bal-space-x-large-mobile) !important;
17242
+ .mobile\:mr-x-large {
17243
+ margin-right: var(--bal-space-x-large) !important;
16874
17244
  }
16875
- .mobile:mr-xx-large {
16876
- margin-right: var(--bal-space-xx-large-mobile) !important;
17245
+ .mobile\:mr-xx-large {
17246
+ margin-right: var(--bal-space-xx-large) !important;
16877
17247
  }
16878
- .mobile:mr-xxx-large {
16879
- margin-right: var(--bal-space-xxx-large-mobile) !important;
17248
+ .mobile\:mr-xxx-large {
17249
+ margin-right: var(--bal-space-xxx-large) !important;
16880
17250
  }
16881
- .mobile:mr-xxxx-large {
16882
- margin-right: var(--bal-space-xxxx-large-mobile) !important;
17251
+ .mobile\:mr-xxxx-large {
17252
+ margin-right: var(--bal-space-xxxx-large) !important;
16883
17253
  }
16884
17254
  }
16885
17255
  @media screen and (min-width: 769px), print {
@@ -16892,61 +17262,61 @@ table.table td.has-buttons .buttons {
16892
17262
  .mr-xx-small {
16893
17263
  margin-right: var(--bal-space-xx-small-tablet) !important;
16894
17264
  }
16895
- .tablet:mr-xx-small {
17265
+ .tablet\:mr-xx-small {
16896
17266
  margin-right: var(--bal-space-xx-small-tablet) !important;
16897
17267
  }
16898
17268
  .mr-x-small {
16899
17269
  margin-right: var(--bal-space-x-small-tablet) !important;
16900
17270
  }
16901
- .tablet:mr-x-small {
17271
+ .tablet\:mr-x-small {
16902
17272
  margin-right: var(--bal-space-x-small-tablet) !important;
16903
17273
  }
16904
17274
  .mr-small {
16905
17275
  margin-right: var(--bal-space-small-tablet) !important;
16906
17276
  }
16907
- .tablet:mr-small {
17277
+ .tablet\:mr-small {
16908
17278
  margin-right: var(--bal-space-small-tablet) !important;
16909
17279
  }
16910
17280
  .mr-normal {
16911
17281
  margin-right: var(--bal-space-normal-tablet) !important;
16912
17282
  }
16913
- .tablet:mr-normal {
17283
+ .tablet\:mr-normal {
16914
17284
  margin-right: var(--bal-space-normal-tablet) !important;
16915
17285
  }
16916
17286
  .mr-medium {
16917
17287
  margin-right: var(--bal-space-medium-tablet) !important;
16918
17288
  }
16919
- .tablet:mr-medium {
17289
+ .tablet\:mr-medium {
16920
17290
  margin-right: var(--bal-space-medium-tablet) !important;
16921
17291
  }
16922
17292
  .mr-large {
16923
17293
  margin-right: var(--bal-space-large-tablet) !important;
16924
17294
  }
16925
- .tablet:mr-large {
17295
+ .tablet\:mr-large {
16926
17296
  margin-right: var(--bal-space-large-tablet) !important;
16927
17297
  }
16928
17298
  .mr-x-large {
16929
17299
  margin-right: var(--bal-space-x-large-tablet) !important;
16930
17300
  }
16931
- .tablet:mr-x-large {
17301
+ .tablet\:mr-x-large {
16932
17302
  margin-right: var(--bal-space-x-large-tablet) !important;
16933
17303
  }
16934
17304
  .mr-xx-large {
16935
17305
  margin-right: var(--bal-space-xx-large-tablet) !important;
16936
17306
  }
16937
- .tablet:mr-xx-large {
17307
+ .tablet\:mr-xx-large {
16938
17308
  margin-right: var(--bal-space-xx-large-tablet) !important;
16939
17309
  }
16940
17310
  .mr-xxx-large {
16941
17311
  margin-right: var(--bal-space-xxx-large-tablet) !important;
16942
17312
  }
16943
- .tablet:mr-xxx-large {
17313
+ .tablet\:mr-xxx-large {
16944
17314
  margin-right: var(--bal-space-xxx-large-tablet) !important;
16945
17315
  }
16946
17316
  .mr-xxxx-large {
16947
17317
  margin-right: var(--bal-space-xxxx-large-tablet) !important;
16948
17318
  }
16949
- .tablet:mr-xxxx-large {
17319
+ .tablet\:mr-xxxx-large {
16950
17320
  margin-right: var(--bal-space-xxxx-large-tablet) !important;
16951
17321
  }
16952
17322
  }
@@ -16960,61 +17330,61 @@ table.table td.has-buttons .buttons {
16960
17330
  .mr-xx-small {
16961
17331
  margin-right: var(--bal-space-xx-small-desktop) !important;
16962
17332
  }
16963
- .desktop:mr-xx-small {
17333
+ .desktop\:mr-xx-small {
16964
17334
  margin-right: var(--bal-space-xx-small-desktop) !important;
16965
17335
  }
16966
17336
  .mr-x-small {
16967
17337
  margin-right: var(--bal-space-x-small-desktop) !important;
16968
17338
  }
16969
- .desktop:mr-x-small {
17339
+ .desktop\:mr-x-small {
16970
17340
  margin-right: var(--bal-space-x-small-desktop) !important;
16971
17341
  }
16972
17342
  .mr-small {
16973
17343
  margin-right: var(--bal-space-small-desktop) !important;
16974
17344
  }
16975
- .desktop:mr-small {
17345
+ .desktop\:mr-small {
16976
17346
  margin-right: var(--bal-space-small-desktop) !important;
16977
17347
  }
16978
17348
  .mr-normal {
16979
17349
  margin-right: var(--bal-space-normal-desktop) !important;
16980
17350
  }
16981
- .desktop:mr-normal {
17351
+ .desktop\:mr-normal {
16982
17352
  margin-right: var(--bal-space-normal-desktop) !important;
16983
17353
  }
16984
17354
  .mr-medium {
16985
17355
  margin-right: var(--bal-space-medium-desktop) !important;
16986
17356
  }
16987
- .desktop:mr-medium {
17357
+ .desktop\:mr-medium {
16988
17358
  margin-right: var(--bal-space-medium-desktop) !important;
16989
17359
  }
16990
17360
  .mr-large {
16991
17361
  margin-right: var(--bal-space-large-desktop) !important;
16992
17362
  }
16993
- .desktop:mr-large {
17363
+ .desktop\:mr-large {
16994
17364
  margin-right: var(--bal-space-large-desktop) !important;
16995
17365
  }
16996
17366
  .mr-x-large {
16997
17367
  margin-right: var(--bal-space-x-large-desktop) !important;
16998
17368
  }
16999
- .desktop:mr-x-large {
17369
+ .desktop\:mr-x-large {
17000
17370
  margin-right: var(--bal-space-x-large-desktop) !important;
17001
17371
  }
17002
17372
  .mr-xx-large {
17003
17373
  margin-right: var(--bal-space-xx-large-desktop) !important;
17004
17374
  }
17005
- .desktop:mr-xx-large {
17375
+ .desktop\:mr-xx-large {
17006
17376
  margin-right: var(--bal-space-xx-large-desktop) !important;
17007
17377
  }
17008
17378
  .mr-xxx-large {
17009
17379
  margin-right: var(--bal-space-xxx-large-desktop) !important;
17010
17380
  }
17011
- .desktop:mr-xxx-large {
17381
+ .desktop\:mr-xxx-large {
17012
17382
  margin-right: var(--bal-space-xxx-large-desktop) !important;
17013
17383
  }
17014
17384
  .mr-xxxx-large {
17015
17385
  margin-right: var(--bal-space-xxxx-large-desktop) !important;
17016
17386
  }
17017
- .desktop:mr-xxxx-large {
17387
+ .desktop\:mr-xxxx-large {
17018
17388
  margin-right: var(--bal-space-xxxx-large-desktop) !important;
17019
17389
  }
17020
17390
  }
@@ -17067,35 +17437,35 @@ table.table td.has-buttons .buttons {
17067
17437
  }
17068
17438
 
17069
17439
  @media screen and (max-width: 768px) {
17070
- .mobile:mb-xx-small {
17071
- margin-bottom: var(--bal-space-xx-small-mobile) !important;
17440
+ .mobile\:mb-xx-small {
17441
+ margin-bottom: var(--bal-space-xx-small) !important;
17072
17442
  }
17073
- .mobile:mb-x-small {
17074
- margin-bottom: var(--bal-space-x-small-mobile) !important;
17443
+ .mobile\:mb-x-small {
17444
+ margin-bottom: var(--bal-space-x-small) !important;
17075
17445
  }
17076
- .mobile:mb-small {
17077
- margin-bottom: var(--bal-space-small-mobile) !important;
17446
+ .mobile\:mb-small {
17447
+ margin-bottom: var(--bal-space-small) !important;
17078
17448
  }
17079
- .mobile:mb-normal {
17080
- margin-bottom: var(--bal-space-normal-mobile) !important;
17449
+ .mobile\:mb-normal {
17450
+ margin-bottom: var(--bal-space-normal) !important;
17081
17451
  }
17082
- .mobile:mb-medium {
17083
- margin-bottom: var(--bal-space-medium-mobile) !important;
17452
+ .mobile\:mb-medium {
17453
+ margin-bottom: var(--bal-space-medium) !important;
17084
17454
  }
17085
- .mobile:mb-large {
17086
- margin-bottom: var(--bal-space-large-mobile) !important;
17455
+ .mobile\:mb-large {
17456
+ margin-bottom: var(--bal-space-large) !important;
17087
17457
  }
17088
- .mobile:mb-x-large {
17089
- margin-bottom: var(--bal-space-x-large-mobile) !important;
17458
+ .mobile\:mb-x-large {
17459
+ margin-bottom: var(--bal-space-x-large) !important;
17090
17460
  }
17091
- .mobile:mb-xx-large {
17092
- margin-bottom: var(--bal-space-xx-large-mobile) !important;
17461
+ .mobile\:mb-xx-large {
17462
+ margin-bottom: var(--bal-space-xx-large) !important;
17093
17463
  }
17094
- .mobile:mb-xxx-large {
17095
- margin-bottom: var(--bal-space-xxx-large-mobile) !important;
17464
+ .mobile\:mb-xxx-large {
17465
+ margin-bottom: var(--bal-space-xxx-large) !important;
17096
17466
  }
17097
- .mobile:mb-xxxx-large {
17098
- margin-bottom: var(--bal-space-xxxx-large-mobile) !important;
17467
+ .mobile\:mb-xxxx-large {
17468
+ margin-bottom: var(--bal-space-xxxx-large) !important;
17099
17469
  }
17100
17470
  }
17101
17471
  @media screen and (min-width: 769px), print {
@@ -17108,61 +17478,61 @@ table.table td.has-buttons .buttons {
17108
17478
  .mb-xx-small {
17109
17479
  margin-bottom: var(--bal-space-xx-small-tablet) !important;
17110
17480
  }
17111
- .tablet:mb-xx-small {
17481
+ .tablet\:mb-xx-small {
17112
17482
  margin-bottom: var(--bal-space-xx-small-tablet) !important;
17113
17483
  }
17114
17484
  .mb-x-small {
17115
17485
  margin-bottom: var(--bal-space-x-small-tablet) !important;
17116
17486
  }
17117
- .tablet:mb-x-small {
17487
+ .tablet\:mb-x-small {
17118
17488
  margin-bottom: var(--bal-space-x-small-tablet) !important;
17119
17489
  }
17120
17490
  .mb-small {
17121
17491
  margin-bottom: var(--bal-space-small-tablet) !important;
17122
17492
  }
17123
- .tablet:mb-small {
17493
+ .tablet\:mb-small {
17124
17494
  margin-bottom: var(--bal-space-small-tablet) !important;
17125
17495
  }
17126
17496
  .mb-normal {
17127
17497
  margin-bottom: var(--bal-space-normal-tablet) !important;
17128
17498
  }
17129
- .tablet:mb-normal {
17499
+ .tablet\:mb-normal {
17130
17500
  margin-bottom: var(--bal-space-normal-tablet) !important;
17131
17501
  }
17132
17502
  .mb-medium {
17133
17503
  margin-bottom: var(--bal-space-medium-tablet) !important;
17134
17504
  }
17135
- .tablet:mb-medium {
17505
+ .tablet\:mb-medium {
17136
17506
  margin-bottom: var(--bal-space-medium-tablet) !important;
17137
17507
  }
17138
17508
  .mb-large {
17139
17509
  margin-bottom: var(--bal-space-large-tablet) !important;
17140
17510
  }
17141
- .tablet:mb-large {
17511
+ .tablet\:mb-large {
17142
17512
  margin-bottom: var(--bal-space-large-tablet) !important;
17143
17513
  }
17144
17514
  .mb-x-large {
17145
17515
  margin-bottom: var(--bal-space-x-large-tablet) !important;
17146
17516
  }
17147
- .tablet:mb-x-large {
17517
+ .tablet\:mb-x-large {
17148
17518
  margin-bottom: var(--bal-space-x-large-tablet) !important;
17149
17519
  }
17150
17520
  .mb-xx-large {
17151
17521
  margin-bottom: var(--bal-space-xx-large-tablet) !important;
17152
17522
  }
17153
- .tablet:mb-xx-large {
17523
+ .tablet\:mb-xx-large {
17154
17524
  margin-bottom: var(--bal-space-xx-large-tablet) !important;
17155
17525
  }
17156
17526
  .mb-xxx-large {
17157
17527
  margin-bottom: var(--bal-space-xxx-large-tablet) !important;
17158
17528
  }
17159
- .tablet:mb-xxx-large {
17529
+ .tablet\:mb-xxx-large {
17160
17530
  margin-bottom: var(--bal-space-xxx-large-tablet) !important;
17161
17531
  }
17162
17532
  .mb-xxxx-large {
17163
17533
  margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
17164
17534
  }
17165
- .tablet:mb-xxxx-large {
17535
+ .tablet\:mb-xxxx-large {
17166
17536
  margin-bottom: var(--bal-space-xxxx-large-tablet) !important;
17167
17537
  }
17168
17538
  }
@@ -17176,61 +17546,61 @@ table.table td.has-buttons .buttons {
17176
17546
  .mb-xx-small {
17177
17547
  margin-bottom: var(--bal-space-xx-small-desktop) !important;
17178
17548
  }
17179
- .desktop:mb-xx-small {
17549
+ .desktop\:mb-xx-small {
17180
17550
  margin-bottom: var(--bal-space-xx-small-desktop) !important;
17181
17551
  }
17182
17552
  .mb-x-small {
17183
17553
  margin-bottom: var(--bal-space-x-small-desktop) !important;
17184
17554
  }
17185
- .desktop:mb-x-small {
17555
+ .desktop\:mb-x-small {
17186
17556
  margin-bottom: var(--bal-space-x-small-desktop) !important;
17187
17557
  }
17188
17558
  .mb-small {
17189
17559
  margin-bottom: var(--bal-space-small-desktop) !important;
17190
17560
  }
17191
- .desktop:mb-small {
17561
+ .desktop\:mb-small {
17192
17562
  margin-bottom: var(--bal-space-small-desktop) !important;
17193
17563
  }
17194
17564
  .mb-normal {
17195
17565
  margin-bottom: var(--bal-space-normal-desktop) !important;
17196
17566
  }
17197
- .desktop:mb-normal {
17567
+ .desktop\:mb-normal {
17198
17568
  margin-bottom: var(--bal-space-normal-desktop) !important;
17199
17569
  }
17200
17570
  .mb-medium {
17201
17571
  margin-bottom: var(--bal-space-medium-desktop) !important;
17202
17572
  }
17203
- .desktop:mb-medium {
17573
+ .desktop\:mb-medium {
17204
17574
  margin-bottom: var(--bal-space-medium-desktop) !important;
17205
17575
  }
17206
17576
  .mb-large {
17207
17577
  margin-bottom: var(--bal-space-large-desktop) !important;
17208
17578
  }
17209
- .desktop:mb-large {
17579
+ .desktop\:mb-large {
17210
17580
  margin-bottom: var(--bal-space-large-desktop) !important;
17211
17581
  }
17212
17582
  .mb-x-large {
17213
17583
  margin-bottom: var(--bal-space-x-large-desktop) !important;
17214
17584
  }
17215
- .desktop:mb-x-large {
17585
+ .desktop\:mb-x-large {
17216
17586
  margin-bottom: var(--bal-space-x-large-desktop) !important;
17217
17587
  }
17218
17588
  .mb-xx-large {
17219
17589
  margin-bottom: var(--bal-space-xx-large-desktop) !important;
17220
17590
  }
17221
- .desktop:mb-xx-large {
17591
+ .desktop\:mb-xx-large {
17222
17592
  margin-bottom: var(--bal-space-xx-large-desktop) !important;
17223
17593
  }
17224
17594
  .mb-xxx-large {
17225
17595
  margin-bottom: var(--bal-space-xxx-large-desktop) !important;
17226
17596
  }
17227
- .desktop:mb-xxx-large {
17597
+ .desktop\:mb-xxx-large {
17228
17598
  margin-bottom: var(--bal-space-xxx-large-desktop) !important;
17229
17599
  }
17230
17600
  .mb-xxxx-large {
17231
17601
  margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
17232
17602
  }
17233
- .desktop:mb-xxxx-large {
17603
+ .desktop\:mb-xxxx-large {
17234
17604
  margin-bottom: var(--bal-space-xxxx-large-desktop) !important;
17235
17605
  }
17236
17606
  }
@@ -17283,35 +17653,35 @@ table.table td.has-buttons .buttons {
17283
17653
  }
17284
17654
 
17285
17655
  @media screen and (max-width: 768px) {
17286
- .mobile:ml-xx-small {
17287
- margin-left: var(--bal-space-xx-small-mobile) !important;
17656
+ .mobile\:ml-xx-small {
17657
+ margin-left: var(--bal-space-xx-small) !important;
17288
17658
  }
17289
- .mobile:ml-x-small {
17290
- margin-left: var(--bal-space-x-small-mobile) !important;
17659
+ .mobile\:ml-x-small {
17660
+ margin-left: var(--bal-space-x-small) !important;
17291
17661
  }
17292
- .mobile:ml-small {
17293
- margin-left: var(--bal-space-small-mobile) !important;
17662
+ .mobile\:ml-small {
17663
+ margin-left: var(--bal-space-small) !important;
17294
17664
  }
17295
- .mobile:ml-normal {
17296
- margin-left: var(--bal-space-normal-mobile) !important;
17665
+ .mobile\:ml-normal {
17666
+ margin-left: var(--bal-space-normal) !important;
17297
17667
  }
17298
- .mobile:ml-medium {
17299
- margin-left: var(--bal-space-medium-mobile) !important;
17668
+ .mobile\:ml-medium {
17669
+ margin-left: var(--bal-space-medium) !important;
17300
17670
  }
17301
- .mobile:ml-large {
17302
- margin-left: var(--bal-space-large-mobile) !important;
17671
+ .mobile\:ml-large {
17672
+ margin-left: var(--bal-space-large) !important;
17303
17673
  }
17304
- .mobile:ml-x-large {
17305
- margin-left: var(--bal-space-x-large-mobile) !important;
17674
+ .mobile\:ml-x-large {
17675
+ margin-left: var(--bal-space-x-large) !important;
17306
17676
  }
17307
- .mobile:ml-xx-large {
17308
- margin-left: var(--bal-space-xx-large-mobile) !important;
17677
+ .mobile\:ml-xx-large {
17678
+ margin-left: var(--bal-space-xx-large) !important;
17309
17679
  }
17310
- .mobile:ml-xxx-large {
17311
- margin-left: var(--bal-space-xxx-large-mobile) !important;
17680
+ .mobile\:ml-xxx-large {
17681
+ margin-left: var(--bal-space-xxx-large) !important;
17312
17682
  }
17313
- .mobile:ml-xxxx-large {
17314
- margin-left: var(--bal-space-xxxx-large-mobile) !important;
17683
+ .mobile\:ml-xxxx-large {
17684
+ margin-left: var(--bal-space-xxxx-large) !important;
17315
17685
  }
17316
17686
  }
17317
17687
  @media screen and (min-width: 769px), print {
@@ -17324,61 +17694,61 @@ table.table td.has-buttons .buttons {
17324
17694
  .ml-xx-small {
17325
17695
  margin-left: var(--bal-space-xx-small-tablet) !important;
17326
17696
  }
17327
- .tablet:ml-xx-small {
17697
+ .tablet\:ml-xx-small {
17328
17698
  margin-left: var(--bal-space-xx-small-tablet) !important;
17329
17699
  }
17330
17700
  .ml-x-small {
17331
17701
  margin-left: var(--bal-space-x-small-tablet) !important;
17332
17702
  }
17333
- .tablet:ml-x-small {
17703
+ .tablet\:ml-x-small {
17334
17704
  margin-left: var(--bal-space-x-small-tablet) !important;
17335
17705
  }
17336
17706
  .ml-small {
17337
17707
  margin-left: var(--bal-space-small-tablet) !important;
17338
17708
  }
17339
- .tablet:ml-small {
17709
+ .tablet\:ml-small {
17340
17710
  margin-left: var(--bal-space-small-tablet) !important;
17341
17711
  }
17342
17712
  .ml-normal {
17343
17713
  margin-left: var(--bal-space-normal-tablet) !important;
17344
17714
  }
17345
- .tablet:ml-normal {
17715
+ .tablet\:ml-normal {
17346
17716
  margin-left: var(--bal-space-normal-tablet) !important;
17347
17717
  }
17348
17718
  .ml-medium {
17349
17719
  margin-left: var(--bal-space-medium-tablet) !important;
17350
17720
  }
17351
- .tablet:ml-medium {
17721
+ .tablet\:ml-medium {
17352
17722
  margin-left: var(--bal-space-medium-tablet) !important;
17353
17723
  }
17354
17724
  .ml-large {
17355
17725
  margin-left: var(--bal-space-large-tablet) !important;
17356
17726
  }
17357
- .tablet:ml-large {
17727
+ .tablet\:ml-large {
17358
17728
  margin-left: var(--bal-space-large-tablet) !important;
17359
17729
  }
17360
17730
  .ml-x-large {
17361
17731
  margin-left: var(--bal-space-x-large-tablet) !important;
17362
17732
  }
17363
- .tablet:ml-x-large {
17733
+ .tablet\:ml-x-large {
17364
17734
  margin-left: var(--bal-space-x-large-tablet) !important;
17365
17735
  }
17366
17736
  .ml-xx-large {
17367
17737
  margin-left: var(--bal-space-xx-large-tablet) !important;
17368
17738
  }
17369
- .tablet:ml-xx-large {
17739
+ .tablet\:ml-xx-large {
17370
17740
  margin-left: var(--bal-space-xx-large-tablet) !important;
17371
17741
  }
17372
17742
  .ml-xxx-large {
17373
17743
  margin-left: var(--bal-space-xxx-large-tablet) !important;
17374
17744
  }
17375
- .tablet:ml-xxx-large {
17745
+ .tablet\:ml-xxx-large {
17376
17746
  margin-left: var(--bal-space-xxx-large-tablet) !important;
17377
17747
  }
17378
17748
  .ml-xxxx-large {
17379
17749
  margin-left: var(--bal-space-xxxx-large-tablet) !important;
17380
17750
  }
17381
- .tablet:ml-xxxx-large {
17751
+ .tablet\:ml-xxxx-large {
17382
17752
  margin-left: var(--bal-space-xxxx-large-tablet) !important;
17383
17753
  }
17384
17754
  }
@@ -17392,61 +17762,61 @@ table.table td.has-buttons .buttons {
17392
17762
  .ml-xx-small {
17393
17763
  margin-left: var(--bal-space-xx-small-desktop) !important;
17394
17764
  }
17395
- .desktop:ml-xx-small {
17765
+ .desktop\:ml-xx-small {
17396
17766
  margin-left: var(--bal-space-xx-small-desktop) !important;
17397
17767
  }
17398
17768
  .ml-x-small {
17399
17769
  margin-left: var(--bal-space-x-small-desktop) !important;
17400
17770
  }
17401
- .desktop:ml-x-small {
17771
+ .desktop\:ml-x-small {
17402
17772
  margin-left: var(--bal-space-x-small-desktop) !important;
17403
17773
  }
17404
17774
  .ml-small {
17405
17775
  margin-left: var(--bal-space-small-desktop) !important;
17406
17776
  }
17407
- .desktop:ml-small {
17777
+ .desktop\:ml-small {
17408
17778
  margin-left: var(--bal-space-small-desktop) !important;
17409
17779
  }
17410
17780
  .ml-normal {
17411
17781
  margin-left: var(--bal-space-normal-desktop) !important;
17412
17782
  }
17413
- .desktop:ml-normal {
17783
+ .desktop\:ml-normal {
17414
17784
  margin-left: var(--bal-space-normal-desktop) !important;
17415
17785
  }
17416
17786
  .ml-medium {
17417
17787
  margin-left: var(--bal-space-medium-desktop) !important;
17418
17788
  }
17419
- .desktop:ml-medium {
17789
+ .desktop\:ml-medium {
17420
17790
  margin-left: var(--bal-space-medium-desktop) !important;
17421
17791
  }
17422
17792
  .ml-large {
17423
17793
  margin-left: var(--bal-space-large-desktop) !important;
17424
17794
  }
17425
- .desktop:ml-large {
17795
+ .desktop\:ml-large {
17426
17796
  margin-left: var(--bal-space-large-desktop) !important;
17427
17797
  }
17428
17798
  .ml-x-large {
17429
17799
  margin-left: var(--bal-space-x-large-desktop) !important;
17430
17800
  }
17431
- .desktop:ml-x-large {
17801
+ .desktop\:ml-x-large {
17432
17802
  margin-left: var(--bal-space-x-large-desktop) !important;
17433
17803
  }
17434
17804
  .ml-xx-large {
17435
17805
  margin-left: var(--bal-space-xx-large-desktop) !important;
17436
17806
  }
17437
- .desktop:ml-xx-large {
17807
+ .desktop\:ml-xx-large {
17438
17808
  margin-left: var(--bal-space-xx-large-desktop) !important;
17439
17809
  }
17440
17810
  .ml-xxx-large {
17441
17811
  margin-left: var(--bal-space-xxx-large-desktop) !important;
17442
17812
  }
17443
- .desktop:ml-xxx-large {
17813
+ .desktop\:ml-xxx-large {
17444
17814
  margin-left: var(--bal-space-xxx-large-desktop) !important;
17445
17815
  }
17446
17816
  .ml-xxxx-large {
17447
17817
  margin-left: var(--bal-space-xxxx-large-desktop) !important;
17448
17818
  }
17449
- .desktop:ml-xxxx-large {
17819
+ .desktop\:ml-xxxx-large {
17450
17820
  margin-left: var(--bal-space-xxxx-large-desktop) !important;
17451
17821
  }
17452
17822
  }
@@ -17499,35 +17869,35 @@ table.table td.has-buttons .buttons {
17499
17869
  }
17500
17870
 
17501
17871
  @media screen and (max-width: 768px) {
17502
- .mobile:p-xx-small {
17503
- padding: var(--bal-space-xx-small-mobile) !important;
17872
+ .mobile\:p-xx-small {
17873
+ padding: var(--bal-space-xx-small) !important;
17504
17874
  }
17505
- .mobile:p-x-small {
17506
- padding: var(--bal-space-x-small-mobile) !important;
17875
+ .mobile\:p-x-small {
17876
+ padding: var(--bal-space-x-small) !important;
17507
17877
  }
17508
- .mobile:p-small {
17509
- padding: var(--bal-space-small-mobile) !important;
17878
+ .mobile\:p-small {
17879
+ padding: var(--bal-space-small) !important;
17510
17880
  }
17511
- .mobile:p-normal {
17512
- padding: var(--bal-space-normal-mobile) !important;
17881
+ .mobile\:p-normal {
17882
+ padding: var(--bal-space-normal) !important;
17513
17883
  }
17514
- .mobile:p-medium {
17515
- padding: var(--bal-space-medium-mobile) !important;
17884
+ .mobile\:p-medium {
17885
+ padding: var(--bal-space-medium) !important;
17516
17886
  }
17517
- .mobile:p-large {
17518
- padding: var(--bal-space-large-mobile) !important;
17887
+ .mobile\:p-large {
17888
+ padding: var(--bal-space-large) !important;
17519
17889
  }
17520
- .mobile:p-x-large {
17521
- padding: var(--bal-space-x-large-mobile) !important;
17890
+ .mobile\:p-x-large {
17891
+ padding: var(--bal-space-x-large) !important;
17522
17892
  }
17523
- .mobile:p-xx-large {
17524
- padding: var(--bal-space-xx-large-mobile) !important;
17893
+ .mobile\:p-xx-large {
17894
+ padding: var(--bal-space-xx-large) !important;
17525
17895
  }
17526
- .mobile:p-xxx-large {
17527
- padding: var(--bal-space-xxx-large-mobile) !important;
17896
+ .mobile\:p-xxx-large {
17897
+ padding: var(--bal-space-xxx-large) !important;
17528
17898
  }
17529
- .mobile:p-xxxx-large {
17530
- padding: var(--bal-space-xxxx-large-mobile) !important;
17899
+ .mobile\:p-xxxx-large {
17900
+ padding: var(--bal-space-xxxx-large) !important;
17531
17901
  }
17532
17902
  }
17533
17903
  @media screen and (min-width: 769px), print {
@@ -17540,61 +17910,61 @@ table.table td.has-buttons .buttons {
17540
17910
  .p-xx-small {
17541
17911
  padding: var(--bal-space-xx-small-tablet) !important;
17542
17912
  }
17543
- .tablet:p-xx-small {
17913
+ .tablet\:p-xx-small {
17544
17914
  padding: var(--bal-space-xx-small-tablet) !important;
17545
17915
  }
17546
17916
  .p-x-small {
17547
17917
  padding: var(--bal-space-x-small-tablet) !important;
17548
17918
  }
17549
- .tablet:p-x-small {
17919
+ .tablet\:p-x-small {
17550
17920
  padding: var(--bal-space-x-small-tablet) !important;
17551
17921
  }
17552
17922
  .p-small {
17553
17923
  padding: var(--bal-space-small-tablet) !important;
17554
17924
  }
17555
- .tablet:p-small {
17925
+ .tablet\:p-small {
17556
17926
  padding: var(--bal-space-small-tablet) !important;
17557
17927
  }
17558
17928
  .p-normal {
17559
17929
  padding: var(--bal-space-normal-tablet) !important;
17560
17930
  }
17561
- .tablet:p-normal {
17931
+ .tablet\:p-normal {
17562
17932
  padding: var(--bal-space-normal-tablet) !important;
17563
17933
  }
17564
17934
  .p-medium {
17565
17935
  padding: var(--bal-space-medium-tablet) !important;
17566
17936
  }
17567
- .tablet:p-medium {
17937
+ .tablet\:p-medium {
17568
17938
  padding: var(--bal-space-medium-tablet) !important;
17569
17939
  }
17570
17940
  .p-large {
17571
17941
  padding: var(--bal-space-large-tablet) !important;
17572
17942
  }
17573
- .tablet:p-large {
17943
+ .tablet\:p-large {
17574
17944
  padding: var(--bal-space-large-tablet) !important;
17575
17945
  }
17576
17946
  .p-x-large {
17577
17947
  padding: var(--bal-space-x-large-tablet) !important;
17578
17948
  }
17579
- .tablet:p-x-large {
17949
+ .tablet\:p-x-large {
17580
17950
  padding: var(--bal-space-x-large-tablet) !important;
17581
17951
  }
17582
17952
  .p-xx-large {
17583
17953
  padding: var(--bal-space-xx-large-tablet) !important;
17584
17954
  }
17585
- .tablet:p-xx-large {
17955
+ .tablet\:p-xx-large {
17586
17956
  padding: var(--bal-space-xx-large-tablet) !important;
17587
17957
  }
17588
17958
  .p-xxx-large {
17589
17959
  padding: var(--bal-space-xxx-large-tablet) !important;
17590
17960
  }
17591
- .tablet:p-xxx-large {
17961
+ .tablet\:p-xxx-large {
17592
17962
  padding: var(--bal-space-xxx-large-tablet) !important;
17593
17963
  }
17594
17964
  .p-xxxx-large {
17595
17965
  padding: var(--bal-space-xxxx-large-tablet) !important;
17596
17966
  }
17597
- .tablet:p-xxxx-large {
17967
+ .tablet\:p-xxxx-large {
17598
17968
  padding: var(--bal-space-xxxx-large-tablet) !important;
17599
17969
  }
17600
17970
  }
@@ -17608,61 +17978,61 @@ table.table td.has-buttons .buttons {
17608
17978
  .p-xx-small {
17609
17979
  padding: var(--bal-space-xx-small-desktop) !important;
17610
17980
  }
17611
- .desktop:p-xx-small {
17981
+ .desktop\:p-xx-small {
17612
17982
  padding: var(--bal-space-xx-small-desktop) !important;
17613
17983
  }
17614
17984
  .p-x-small {
17615
17985
  padding: var(--bal-space-x-small-desktop) !important;
17616
17986
  }
17617
- .desktop:p-x-small {
17987
+ .desktop\:p-x-small {
17618
17988
  padding: var(--bal-space-x-small-desktop) !important;
17619
17989
  }
17620
17990
  .p-small {
17621
17991
  padding: var(--bal-space-small-desktop) !important;
17622
17992
  }
17623
- .desktop:p-small {
17993
+ .desktop\:p-small {
17624
17994
  padding: var(--bal-space-small-desktop) !important;
17625
17995
  }
17626
17996
  .p-normal {
17627
17997
  padding: var(--bal-space-normal-desktop) !important;
17628
17998
  }
17629
- .desktop:p-normal {
17999
+ .desktop\:p-normal {
17630
18000
  padding: var(--bal-space-normal-desktop) !important;
17631
18001
  }
17632
18002
  .p-medium {
17633
18003
  padding: var(--bal-space-medium-desktop) !important;
17634
18004
  }
17635
- .desktop:p-medium {
18005
+ .desktop\:p-medium {
17636
18006
  padding: var(--bal-space-medium-desktop) !important;
17637
18007
  }
17638
18008
  .p-large {
17639
18009
  padding: var(--bal-space-large-desktop) !important;
17640
18010
  }
17641
- .desktop:p-large {
18011
+ .desktop\:p-large {
17642
18012
  padding: var(--bal-space-large-desktop) !important;
17643
18013
  }
17644
18014
  .p-x-large {
17645
18015
  padding: var(--bal-space-x-large-desktop) !important;
17646
18016
  }
17647
- .desktop:p-x-large {
18017
+ .desktop\:p-x-large {
17648
18018
  padding: var(--bal-space-x-large-desktop) !important;
17649
18019
  }
17650
18020
  .p-xx-large {
17651
18021
  padding: var(--bal-space-xx-large-desktop) !important;
17652
18022
  }
17653
- .desktop:p-xx-large {
18023
+ .desktop\:p-xx-large {
17654
18024
  padding: var(--bal-space-xx-large-desktop) !important;
17655
18025
  }
17656
18026
  .p-xxx-large {
17657
18027
  padding: var(--bal-space-xxx-large-desktop) !important;
17658
18028
  }
17659
- .desktop:p-xxx-large {
18029
+ .desktop\:p-xxx-large {
17660
18030
  padding: var(--bal-space-xxx-large-desktop) !important;
17661
18031
  }
17662
18032
  .p-xxxx-large {
17663
18033
  padding: var(--bal-space-xxxx-large-desktop) !important;
17664
18034
  }
17665
- .desktop:p-xxxx-large {
18035
+ .desktop\:p-xxxx-large {
17666
18036
  padding: var(--bal-space-xxxx-large-desktop) !important;
17667
18037
  }
17668
18038
  }
@@ -17727,45 +18097,45 @@ table.table td.has-buttons .buttons {
17727
18097
  }
17728
18098
 
17729
18099
  @media screen and (max-width: 768px) {
17730
- .mobile:px-xx-small {
17731
- padding-left: var(--bal-space-xx-small-mobile) !important;
17732
- padding-right: var(--bal-space-xx-small-mobile) !important;
18100
+ .mobile\:px-xx-small {
18101
+ padding-left: var(--bal-space-xx-small) !important;
18102
+ padding-right: var(--bal-space-xx-small) !important;
17733
18103
  }
17734
- .mobile:px-x-small {
17735
- padding-left: var(--bal-space-x-small-mobile) !important;
17736
- padding-right: var(--bal-space-x-small-mobile) !important;
18104
+ .mobile\:px-x-small {
18105
+ padding-left: var(--bal-space-x-small) !important;
18106
+ padding-right: var(--bal-space-x-small) !important;
17737
18107
  }
17738
- .mobile:px-small {
17739
- padding-left: var(--bal-space-small-mobile) !important;
17740
- padding-right: var(--bal-space-small-mobile) !important;
18108
+ .mobile\:px-small {
18109
+ padding-left: var(--bal-space-small) !important;
18110
+ padding-right: var(--bal-space-small) !important;
17741
18111
  }
17742
- .mobile:px-normal {
17743
- padding-left: var(--bal-space-normal-mobile) !important;
17744
- padding-right: var(--bal-space-normal-mobile) !important;
18112
+ .mobile\:px-normal {
18113
+ padding-left: var(--bal-space-normal) !important;
18114
+ padding-right: var(--bal-space-normal) !important;
17745
18115
  }
17746
- .mobile:px-medium {
17747
- padding-left: var(--bal-space-medium-mobile) !important;
17748
- padding-right: var(--bal-space-medium-mobile) !important;
18116
+ .mobile\:px-medium {
18117
+ padding-left: var(--bal-space-medium) !important;
18118
+ padding-right: var(--bal-space-medium) !important;
17749
18119
  }
17750
- .mobile:px-large {
17751
- padding-left: var(--bal-space-large-mobile) !important;
17752
- padding-right: var(--bal-space-large-mobile) !important;
18120
+ .mobile\:px-large {
18121
+ padding-left: var(--bal-space-large) !important;
18122
+ padding-right: var(--bal-space-large) !important;
17753
18123
  }
17754
- .mobile:px-x-large {
17755
- padding-left: var(--bal-space-x-large-mobile) !important;
17756
- padding-right: var(--bal-space-x-large-mobile) !important;
18124
+ .mobile\:px-x-large {
18125
+ padding-left: var(--bal-space-x-large) !important;
18126
+ padding-right: var(--bal-space-x-large) !important;
17757
18127
  }
17758
- .mobile:px-xx-large {
17759
- padding-left: var(--bal-space-xx-large-mobile) !important;
17760
- padding-right: var(--bal-space-xx-large-mobile) !important;
18128
+ .mobile\:px-xx-large {
18129
+ padding-left: var(--bal-space-xx-large) !important;
18130
+ padding-right: var(--bal-space-xx-large) !important;
17761
18131
  }
17762
- .mobile:px-xxx-large {
17763
- padding-left: var(--bal-space-xxx-large-mobile) !important;
17764
- padding-right: var(--bal-space-xxx-large-mobile) !important;
18132
+ .mobile\:px-xxx-large {
18133
+ padding-left: var(--bal-space-xxx-large) !important;
18134
+ padding-right: var(--bal-space-xxx-large) !important;
17765
18135
  }
17766
- .mobile:px-xxxx-large {
17767
- padding-left: var(--bal-space-xxxx-large-mobile) !important;
17768
- padding-right: var(--bal-space-xxxx-large-mobile) !important;
18136
+ .mobile\:px-xxxx-large {
18137
+ padding-left: var(--bal-space-xxxx-large) !important;
18138
+ padding-right: var(--bal-space-xxxx-large) !important;
17769
18139
  }
17770
18140
  }
17771
18141
  @media screen and (min-width: 769px), print {
@@ -17781,7 +18151,7 @@ table.table td.has-buttons .buttons {
17781
18151
  padding-left: var(--bal-space-xx-small-tablet) !important;
17782
18152
  padding-right: var(--bal-space-xx-small-tablet) !important;
17783
18153
  }
17784
- .tablet:px-xx-small {
18154
+ .tablet\:px-xx-small {
17785
18155
  padding-left: var(--bal-space-xx-small-tablet) !important;
17786
18156
  padding-right: var(--bal-space-xx-small-tablet) !important;
17787
18157
  }
@@ -17789,7 +18159,7 @@ table.table td.has-buttons .buttons {
17789
18159
  padding-left: var(--bal-space-x-small-tablet) !important;
17790
18160
  padding-right: var(--bal-space-x-small-tablet) !important;
17791
18161
  }
17792
- .tablet:px-x-small {
18162
+ .tablet\:px-x-small {
17793
18163
  padding-left: var(--bal-space-x-small-tablet) !important;
17794
18164
  padding-right: var(--bal-space-x-small-tablet) !important;
17795
18165
  }
@@ -17797,7 +18167,7 @@ table.table td.has-buttons .buttons {
17797
18167
  padding-left: var(--bal-space-small-tablet) !important;
17798
18168
  padding-right: var(--bal-space-small-tablet) !important;
17799
18169
  }
17800
- .tablet:px-small {
18170
+ .tablet\:px-small {
17801
18171
  padding-left: var(--bal-space-small-tablet) !important;
17802
18172
  padding-right: var(--bal-space-small-tablet) !important;
17803
18173
  }
@@ -17805,7 +18175,7 @@ table.table td.has-buttons .buttons {
17805
18175
  padding-left: var(--bal-space-normal-tablet) !important;
17806
18176
  padding-right: var(--bal-space-normal-tablet) !important;
17807
18177
  }
17808
- .tablet:px-normal {
18178
+ .tablet\:px-normal {
17809
18179
  padding-left: var(--bal-space-normal-tablet) !important;
17810
18180
  padding-right: var(--bal-space-normal-tablet) !important;
17811
18181
  }
@@ -17813,7 +18183,7 @@ table.table td.has-buttons .buttons {
17813
18183
  padding-left: var(--bal-space-medium-tablet) !important;
17814
18184
  padding-right: var(--bal-space-medium-tablet) !important;
17815
18185
  }
17816
- .tablet:px-medium {
18186
+ .tablet\:px-medium {
17817
18187
  padding-left: var(--bal-space-medium-tablet) !important;
17818
18188
  padding-right: var(--bal-space-medium-tablet) !important;
17819
18189
  }
@@ -17821,7 +18191,7 @@ table.table td.has-buttons .buttons {
17821
18191
  padding-left: var(--bal-space-large-tablet) !important;
17822
18192
  padding-right: var(--bal-space-large-tablet) !important;
17823
18193
  }
17824
- .tablet:px-large {
18194
+ .tablet\:px-large {
17825
18195
  padding-left: var(--bal-space-large-tablet) !important;
17826
18196
  padding-right: var(--bal-space-large-tablet) !important;
17827
18197
  }
@@ -17829,7 +18199,7 @@ table.table td.has-buttons .buttons {
17829
18199
  padding-left: var(--bal-space-x-large-tablet) !important;
17830
18200
  padding-right: var(--bal-space-x-large-tablet) !important;
17831
18201
  }
17832
- .tablet:px-x-large {
18202
+ .tablet\:px-x-large {
17833
18203
  padding-left: var(--bal-space-x-large-tablet) !important;
17834
18204
  padding-right: var(--bal-space-x-large-tablet) !important;
17835
18205
  }
@@ -17837,7 +18207,7 @@ table.table td.has-buttons .buttons {
17837
18207
  padding-left: var(--bal-space-xx-large-tablet) !important;
17838
18208
  padding-right: var(--bal-space-xx-large-tablet) !important;
17839
18209
  }
17840
- .tablet:px-xx-large {
18210
+ .tablet\:px-xx-large {
17841
18211
  padding-left: var(--bal-space-xx-large-tablet) !important;
17842
18212
  padding-right: var(--bal-space-xx-large-tablet) !important;
17843
18213
  }
@@ -17845,7 +18215,7 @@ table.table td.has-buttons .buttons {
17845
18215
  padding-left: var(--bal-space-xxx-large-tablet) !important;
17846
18216
  padding-right: var(--bal-space-xxx-large-tablet) !important;
17847
18217
  }
17848
- .tablet:px-xxx-large {
18218
+ .tablet\:px-xxx-large {
17849
18219
  padding-left: var(--bal-space-xxx-large-tablet) !important;
17850
18220
  padding-right: var(--bal-space-xxx-large-tablet) !important;
17851
18221
  }
@@ -17853,7 +18223,7 @@ table.table td.has-buttons .buttons {
17853
18223
  padding-left: var(--bal-space-xxxx-large-tablet) !important;
17854
18224
  padding-right: var(--bal-space-xxxx-large-tablet) !important;
17855
18225
  }
17856
- .tablet:px-xxxx-large {
18226
+ .tablet\:px-xxxx-large {
17857
18227
  padding-left: var(--bal-space-xxxx-large-tablet) !important;
17858
18228
  padding-right: var(--bal-space-xxxx-large-tablet) !important;
17859
18229
  }
@@ -17871,7 +18241,7 @@ table.table td.has-buttons .buttons {
17871
18241
  padding-left: var(--bal-space-xx-small-desktop) !important;
17872
18242
  padding-right: var(--bal-space-xx-small-desktop) !important;
17873
18243
  }
17874
- .desktop:px-xx-small {
18244
+ .desktop\:px-xx-small {
17875
18245
  padding-left: var(--bal-space-xx-small-desktop) !important;
17876
18246
  padding-right: var(--bal-space-xx-small-desktop) !important;
17877
18247
  }
@@ -17879,7 +18249,7 @@ table.table td.has-buttons .buttons {
17879
18249
  padding-left: var(--bal-space-x-small-desktop) !important;
17880
18250
  padding-right: var(--bal-space-x-small-desktop) !important;
17881
18251
  }
17882
- .desktop:px-x-small {
18252
+ .desktop\:px-x-small {
17883
18253
  padding-left: var(--bal-space-x-small-desktop) !important;
17884
18254
  padding-right: var(--bal-space-x-small-desktop) !important;
17885
18255
  }
@@ -17887,7 +18257,7 @@ table.table td.has-buttons .buttons {
17887
18257
  padding-left: var(--bal-space-small-desktop) !important;
17888
18258
  padding-right: var(--bal-space-small-desktop) !important;
17889
18259
  }
17890
- .desktop:px-small {
18260
+ .desktop\:px-small {
17891
18261
  padding-left: var(--bal-space-small-desktop) !important;
17892
18262
  padding-right: var(--bal-space-small-desktop) !important;
17893
18263
  }
@@ -17895,7 +18265,7 @@ table.table td.has-buttons .buttons {
17895
18265
  padding-left: var(--bal-space-normal-desktop) !important;
17896
18266
  padding-right: var(--bal-space-normal-desktop) !important;
17897
18267
  }
17898
- .desktop:px-normal {
18268
+ .desktop\:px-normal {
17899
18269
  padding-left: var(--bal-space-normal-desktop) !important;
17900
18270
  padding-right: var(--bal-space-normal-desktop) !important;
17901
18271
  }
@@ -17903,7 +18273,7 @@ table.table td.has-buttons .buttons {
17903
18273
  padding-left: var(--bal-space-medium-desktop) !important;
17904
18274
  padding-right: var(--bal-space-medium-desktop) !important;
17905
18275
  }
17906
- .desktop:px-medium {
18276
+ .desktop\:px-medium {
17907
18277
  padding-left: var(--bal-space-medium-desktop) !important;
17908
18278
  padding-right: var(--bal-space-medium-desktop) !important;
17909
18279
  }
@@ -17911,7 +18281,7 @@ table.table td.has-buttons .buttons {
17911
18281
  padding-left: var(--bal-space-large-desktop) !important;
17912
18282
  padding-right: var(--bal-space-large-desktop) !important;
17913
18283
  }
17914
- .desktop:px-large {
18284
+ .desktop\:px-large {
17915
18285
  padding-left: var(--bal-space-large-desktop) !important;
17916
18286
  padding-right: var(--bal-space-large-desktop) !important;
17917
18287
  }
@@ -17919,7 +18289,7 @@ table.table td.has-buttons .buttons {
17919
18289
  padding-left: var(--bal-space-x-large-desktop) !important;
17920
18290
  padding-right: var(--bal-space-x-large-desktop) !important;
17921
18291
  }
17922
- .desktop:px-x-large {
18292
+ .desktop\:px-x-large {
17923
18293
  padding-left: var(--bal-space-x-large-desktop) !important;
17924
18294
  padding-right: var(--bal-space-x-large-desktop) !important;
17925
18295
  }
@@ -17927,7 +18297,7 @@ table.table td.has-buttons .buttons {
17927
18297
  padding-left: var(--bal-space-xx-large-desktop) !important;
17928
18298
  padding-right: var(--bal-space-xx-large-desktop) !important;
17929
18299
  }
17930
- .desktop:px-xx-large {
18300
+ .desktop\:px-xx-large {
17931
18301
  padding-left: var(--bal-space-xx-large-desktop) !important;
17932
18302
  padding-right: var(--bal-space-xx-large-desktop) !important;
17933
18303
  }
@@ -17935,7 +18305,7 @@ table.table td.has-buttons .buttons {
17935
18305
  padding-left: var(--bal-space-xxx-large-desktop) !important;
17936
18306
  padding-right: var(--bal-space-xxx-large-desktop) !important;
17937
18307
  }
17938
- .desktop:px-xxx-large {
18308
+ .desktop\:px-xxx-large {
17939
18309
  padding-left: var(--bal-space-xxx-large-desktop) !important;
17940
18310
  padding-right: var(--bal-space-xxx-large-desktop) !important;
17941
18311
  }
@@ -17943,7 +18313,7 @@ table.table td.has-buttons .buttons {
17943
18313
  padding-left: var(--bal-space-xxxx-large-desktop) !important;
17944
18314
  padding-right: var(--bal-space-xxxx-large-desktop) !important;
17945
18315
  }
17946
- .desktop:px-xxxx-large {
18316
+ .desktop\:px-xxxx-large {
17947
18317
  padding-left: var(--bal-space-xxxx-large-desktop) !important;
17948
18318
  padding-right: var(--bal-space-xxxx-large-desktop) !important;
17949
18319
  }
@@ -18009,45 +18379,45 @@ table.table td.has-buttons .buttons {
18009
18379
  }
18010
18380
 
18011
18381
  @media screen and (max-width: 768px) {
18012
- .mobile:py-xx-small {
18013
- padding-top: var(--bal-space-xx-small-mobile) !important;
18014
- padding-bottom: var(--bal-space-xx-small-mobile) !important;
18382
+ .mobile\:py-xx-small {
18383
+ padding-top: var(--bal-space-xx-small) !important;
18384
+ padding-bottom: var(--bal-space-xx-small) !important;
18015
18385
  }
18016
- .mobile:py-x-small {
18017
- padding-top: var(--bal-space-x-small-mobile) !important;
18018
- padding-bottom: var(--bal-space-x-small-mobile) !important;
18386
+ .mobile\:py-x-small {
18387
+ padding-top: var(--bal-space-x-small) !important;
18388
+ padding-bottom: var(--bal-space-x-small) !important;
18019
18389
  }
18020
- .mobile:py-small {
18021
- padding-top: var(--bal-space-small-mobile) !important;
18022
- padding-bottom: var(--bal-space-small-mobile) !important;
18390
+ .mobile\:py-small {
18391
+ padding-top: var(--bal-space-small) !important;
18392
+ padding-bottom: var(--bal-space-small) !important;
18023
18393
  }
18024
- .mobile:py-normal {
18025
- padding-top: var(--bal-space-normal-mobile) !important;
18026
- padding-bottom: var(--bal-space-normal-mobile) !important;
18394
+ .mobile\:py-normal {
18395
+ padding-top: var(--bal-space-normal) !important;
18396
+ padding-bottom: var(--bal-space-normal) !important;
18027
18397
  }
18028
- .mobile:py-medium {
18029
- padding-top: var(--bal-space-medium-mobile) !important;
18030
- padding-bottom: var(--bal-space-medium-mobile) !important;
18398
+ .mobile\:py-medium {
18399
+ padding-top: var(--bal-space-medium) !important;
18400
+ padding-bottom: var(--bal-space-medium) !important;
18031
18401
  }
18032
- .mobile:py-large {
18033
- padding-top: var(--bal-space-large-mobile) !important;
18034
- padding-bottom: var(--bal-space-large-mobile) !important;
18402
+ .mobile\:py-large {
18403
+ padding-top: var(--bal-space-large) !important;
18404
+ padding-bottom: var(--bal-space-large) !important;
18035
18405
  }
18036
- .mobile:py-x-large {
18037
- padding-top: var(--bal-space-x-large-mobile) !important;
18038
- padding-bottom: var(--bal-space-x-large-mobile) !important;
18406
+ .mobile\:py-x-large {
18407
+ padding-top: var(--bal-space-x-large) !important;
18408
+ padding-bottom: var(--bal-space-x-large) !important;
18039
18409
  }
18040
- .mobile:py-xx-large {
18041
- padding-top: var(--bal-space-xx-large-mobile) !important;
18042
- padding-bottom: var(--bal-space-xx-large-mobile) !important;
18410
+ .mobile\:py-xx-large {
18411
+ padding-top: var(--bal-space-xx-large) !important;
18412
+ padding-bottom: var(--bal-space-xx-large) !important;
18043
18413
  }
18044
- .mobile:py-xxx-large {
18045
- padding-top: var(--bal-space-xxx-large-mobile) !important;
18046
- padding-bottom: var(--bal-space-xxx-large-mobile) !important;
18414
+ .mobile\:py-xxx-large {
18415
+ padding-top: var(--bal-space-xxx-large) !important;
18416
+ padding-bottom: var(--bal-space-xxx-large) !important;
18047
18417
  }
18048
- .mobile:py-xxxx-large {
18049
- padding-top: var(--bal-space-xxxx-large-mobile) !important;
18050
- padding-bottom: var(--bal-space-xxxx-large-mobile) !important;
18418
+ .mobile\:py-xxxx-large {
18419
+ padding-top: var(--bal-space-xxxx-large) !important;
18420
+ padding-bottom: var(--bal-space-xxxx-large) !important;
18051
18421
  }
18052
18422
  }
18053
18423
  @media screen and (min-width: 769px), print {
@@ -18063,7 +18433,7 @@ table.table td.has-buttons .buttons {
18063
18433
  padding-top: var(--bal-space-xx-small-tablet) !important;
18064
18434
  padding-bottom: var(--bal-space-xx-small-tablet) !important;
18065
18435
  }
18066
- .tablet:py-xx-small {
18436
+ .tablet\:py-xx-small {
18067
18437
  padding-top: var(--bal-space-xx-small-tablet) !important;
18068
18438
  padding-bottom: var(--bal-space-xx-small-tablet) !important;
18069
18439
  }
@@ -18071,7 +18441,7 @@ table.table td.has-buttons .buttons {
18071
18441
  padding-top: var(--bal-space-x-small-tablet) !important;
18072
18442
  padding-bottom: var(--bal-space-x-small-tablet) !important;
18073
18443
  }
18074
- .tablet:py-x-small {
18444
+ .tablet\:py-x-small {
18075
18445
  padding-top: var(--bal-space-x-small-tablet) !important;
18076
18446
  padding-bottom: var(--bal-space-x-small-tablet) !important;
18077
18447
  }
@@ -18079,7 +18449,7 @@ table.table td.has-buttons .buttons {
18079
18449
  padding-top: var(--bal-space-small-tablet) !important;
18080
18450
  padding-bottom: var(--bal-space-small-tablet) !important;
18081
18451
  }
18082
- .tablet:py-small {
18452
+ .tablet\:py-small {
18083
18453
  padding-top: var(--bal-space-small-tablet) !important;
18084
18454
  padding-bottom: var(--bal-space-small-tablet) !important;
18085
18455
  }
@@ -18087,7 +18457,7 @@ table.table td.has-buttons .buttons {
18087
18457
  padding-top: var(--bal-space-normal-tablet) !important;
18088
18458
  padding-bottom: var(--bal-space-normal-tablet) !important;
18089
18459
  }
18090
- .tablet:py-normal {
18460
+ .tablet\:py-normal {
18091
18461
  padding-top: var(--bal-space-normal-tablet) !important;
18092
18462
  padding-bottom: var(--bal-space-normal-tablet) !important;
18093
18463
  }
@@ -18095,7 +18465,7 @@ table.table td.has-buttons .buttons {
18095
18465
  padding-top: var(--bal-space-medium-tablet) !important;
18096
18466
  padding-bottom: var(--bal-space-medium-tablet) !important;
18097
18467
  }
18098
- .tablet:py-medium {
18468
+ .tablet\:py-medium {
18099
18469
  padding-top: var(--bal-space-medium-tablet) !important;
18100
18470
  padding-bottom: var(--bal-space-medium-tablet) !important;
18101
18471
  }
@@ -18103,7 +18473,7 @@ table.table td.has-buttons .buttons {
18103
18473
  padding-top: var(--bal-space-large-tablet) !important;
18104
18474
  padding-bottom: var(--bal-space-large-tablet) !important;
18105
18475
  }
18106
- .tablet:py-large {
18476
+ .tablet\:py-large {
18107
18477
  padding-top: var(--bal-space-large-tablet) !important;
18108
18478
  padding-bottom: var(--bal-space-large-tablet) !important;
18109
18479
  }
@@ -18111,7 +18481,7 @@ table.table td.has-buttons .buttons {
18111
18481
  padding-top: var(--bal-space-x-large-tablet) !important;
18112
18482
  padding-bottom: var(--bal-space-x-large-tablet) !important;
18113
18483
  }
18114
- .tablet:py-x-large {
18484
+ .tablet\:py-x-large {
18115
18485
  padding-top: var(--bal-space-x-large-tablet) !important;
18116
18486
  padding-bottom: var(--bal-space-x-large-tablet) !important;
18117
18487
  }
@@ -18119,7 +18489,7 @@ table.table td.has-buttons .buttons {
18119
18489
  padding-top: var(--bal-space-xx-large-tablet) !important;
18120
18490
  padding-bottom: var(--bal-space-xx-large-tablet) !important;
18121
18491
  }
18122
- .tablet:py-xx-large {
18492
+ .tablet\:py-xx-large {
18123
18493
  padding-top: var(--bal-space-xx-large-tablet) !important;
18124
18494
  padding-bottom: var(--bal-space-xx-large-tablet) !important;
18125
18495
  }
@@ -18127,7 +18497,7 @@ table.table td.has-buttons .buttons {
18127
18497
  padding-top: var(--bal-space-xxx-large-tablet) !important;
18128
18498
  padding-bottom: var(--bal-space-xxx-large-tablet) !important;
18129
18499
  }
18130
- .tablet:py-xxx-large {
18500
+ .tablet\:py-xxx-large {
18131
18501
  padding-top: var(--bal-space-xxx-large-tablet) !important;
18132
18502
  padding-bottom: var(--bal-space-xxx-large-tablet) !important;
18133
18503
  }
@@ -18135,7 +18505,7 @@ table.table td.has-buttons .buttons {
18135
18505
  padding-top: var(--bal-space-xxxx-large-tablet) !important;
18136
18506
  padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
18137
18507
  }
18138
- .tablet:py-xxxx-large {
18508
+ .tablet\:py-xxxx-large {
18139
18509
  padding-top: var(--bal-space-xxxx-large-tablet) !important;
18140
18510
  padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
18141
18511
  }
@@ -18153,7 +18523,7 @@ table.table td.has-buttons .buttons {
18153
18523
  padding-top: var(--bal-space-xx-small-desktop) !important;
18154
18524
  padding-bottom: var(--bal-space-xx-small-desktop) !important;
18155
18525
  }
18156
- .desktop:py-xx-small {
18526
+ .desktop\:py-xx-small {
18157
18527
  padding-top: var(--bal-space-xx-small-desktop) !important;
18158
18528
  padding-bottom: var(--bal-space-xx-small-desktop) !important;
18159
18529
  }
@@ -18161,7 +18531,7 @@ table.table td.has-buttons .buttons {
18161
18531
  padding-top: var(--bal-space-x-small-desktop) !important;
18162
18532
  padding-bottom: var(--bal-space-x-small-desktop) !important;
18163
18533
  }
18164
- .desktop:py-x-small {
18534
+ .desktop\:py-x-small {
18165
18535
  padding-top: var(--bal-space-x-small-desktop) !important;
18166
18536
  padding-bottom: var(--bal-space-x-small-desktop) !important;
18167
18537
  }
@@ -18169,7 +18539,7 @@ table.table td.has-buttons .buttons {
18169
18539
  padding-top: var(--bal-space-small-desktop) !important;
18170
18540
  padding-bottom: var(--bal-space-small-desktop) !important;
18171
18541
  }
18172
- .desktop:py-small {
18542
+ .desktop\:py-small {
18173
18543
  padding-top: var(--bal-space-small-desktop) !important;
18174
18544
  padding-bottom: var(--bal-space-small-desktop) !important;
18175
18545
  }
@@ -18177,7 +18547,7 @@ table.table td.has-buttons .buttons {
18177
18547
  padding-top: var(--bal-space-normal-desktop) !important;
18178
18548
  padding-bottom: var(--bal-space-normal-desktop) !important;
18179
18549
  }
18180
- .desktop:py-normal {
18550
+ .desktop\:py-normal {
18181
18551
  padding-top: var(--bal-space-normal-desktop) !important;
18182
18552
  padding-bottom: var(--bal-space-normal-desktop) !important;
18183
18553
  }
@@ -18185,7 +18555,7 @@ table.table td.has-buttons .buttons {
18185
18555
  padding-top: var(--bal-space-medium-desktop) !important;
18186
18556
  padding-bottom: var(--bal-space-medium-desktop) !important;
18187
18557
  }
18188
- .desktop:py-medium {
18558
+ .desktop\:py-medium {
18189
18559
  padding-top: var(--bal-space-medium-desktop) !important;
18190
18560
  padding-bottom: var(--bal-space-medium-desktop) !important;
18191
18561
  }
@@ -18193,7 +18563,7 @@ table.table td.has-buttons .buttons {
18193
18563
  padding-top: var(--bal-space-large-desktop) !important;
18194
18564
  padding-bottom: var(--bal-space-large-desktop) !important;
18195
18565
  }
18196
- .desktop:py-large {
18566
+ .desktop\:py-large {
18197
18567
  padding-top: var(--bal-space-large-desktop) !important;
18198
18568
  padding-bottom: var(--bal-space-large-desktop) !important;
18199
18569
  }
@@ -18201,7 +18571,7 @@ table.table td.has-buttons .buttons {
18201
18571
  padding-top: var(--bal-space-x-large-desktop) !important;
18202
18572
  padding-bottom: var(--bal-space-x-large-desktop) !important;
18203
18573
  }
18204
- .desktop:py-x-large {
18574
+ .desktop\:py-x-large {
18205
18575
  padding-top: var(--bal-space-x-large-desktop) !important;
18206
18576
  padding-bottom: var(--bal-space-x-large-desktop) !important;
18207
18577
  }
@@ -18209,7 +18579,7 @@ table.table td.has-buttons .buttons {
18209
18579
  padding-top: var(--bal-space-xx-large-desktop) !important;
18210
18580
  padding-bottom: var(--bal-space-xx-large-desktop) !important;
18211
18581
  }
18212
- .desktop:py-xx-large {
18582
+ .desktop\:py-xx-large {
18213
18583
  padding-top: var(--bal-space-xx-large-desktop) !important;
18214
18584
  padding-bottom: var(--bal-space-xx-large-desktop) !important;
18215
18585
  }
@@ -18217,7 +18587,7 @@ table.table td.has-buttons .buttons {
18217
18587
  padding-top: var(--bal-space-xxx-large-desktop) !important;
18218
18588
  padding-bottom: var(--bal-space-xxx-large-desktop) !important;
18219
18589
  }
18220
- .desktop:py-xxx-large {
18590
+ .desktop\:py-xxx-large {
18221
18591
  padding-top: var(--bal-space-xxx-large-desktop) !important;
18222
18592
  padding-bottom: var(--bal-space-xxx-large-desktop) !important;
18223
18593
  }
@@ -18225,7 +18595,7 @@ table.table td.has-buttons .buttons {
18225
18595
  padding-top: var(--bal-space-xxxx-large-desktop) !important;
18226
18596
  padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
18227
18597
  }
18228
- .desktop:py-xxxx-large {
18598
+ .desktop\:py-xxxx-large {
18229
18599
  padding-top: var(--bal-space-xxxx-large-desktop) !important;
18230
18600
  padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
18231
18601
  }
@@ -18279,35 +18649,35 @@ table.table td.has-buttons .buttons {
18279
18649
  }
18280
18650
 
18281
18651
  @media screen and (max-width: 768px) {
18282
- .mobile:pt-xx-small {
18283
- padding-top: var(--bal-space-xx-small-mobile) !important;
18652
+ .mobile\:pt-xx-small {
18653
+ padding-top: var(--bal-space-xx-small) !important;
18284
18654
  }
18285
- .mobile:pt-x-small {
18286
- padding-top: var(--bal-space-x-small-mobile) !important;
18655
+ .mobile\:pt-x-small {
18656
+ padding-top: var(--bal-space-x-small) !important;
18287
18657
  }
18288
- .mobile:pt-small {
18289
- padding-top: var(--bal-space-small-mobile) !important;
18658
+ .mobile\:pt-small {
18659
+ padding-top: var(--bal-space-small) !important;
18290
18660
  }
18291
- .mobile:pt-normal {
18292
- padding-top: var(--bal-space-normal-mobile) !important;
18661
+ .mobile\:pt-normal {
18662
+ padding-top: var(--bal-space-normal) !important;
18293
18663
  }
18294
- .mobile:pt-medium {
18295
- padding-top: var(--bal-space-medium-mobile) !important;
18664
+ .mobile\:pt-medium {
18665
+ padding-top: var(--bal-space-medium) !important;
18296
18666
  }
18297
- .mobile:pt-large {
18298
- padding-top: var(--bal-space-large-mobile) !important;
18667
+ .mobile\:pt-large {
18668
+ padding-top: var(--bal-space-large) !important;
18299
18669
  }
18300
- .mobile:pt-x-large {
18301
- padding-top: var(--bal-space-x-large-mobile) !important;
18670
+ .mobile\:pt-x-large {
18671
+ padding-top: var(--bal-space-x-large) !important;
18302
18672
  }
18303
- .mobile:pt-xx-large {
18304
- padding-top: var(--bal-space-xx-large-mobile) !important;
18673
+ .mobile\:pt-xx-large {
18674
+ padding-top: var(--bal-space-xx-large) !important;
18305
18675
  }
18306
- .mobile:pt-xxx-large {
18307
- padding-top: var(--bal-space-xxx-large-mobile) !important;
18676
+ .mobile\:pt-xxx-large {
18677
+ padding-top: var(--bal-space-xxx-large) !important;
18308
18678
  }
18309
- .mobile:pt-xxxx-large {
18310
- padding-top: var(--bal-space-xxxx-large-mobile) !important;
18679
+ .mobile\:pt-xxxx-large {
18680
+ padding-top: var(--bal-space-xxxx-large) !important;
18311
18681
  }
18312
18682
  }
18313
18683
  @media screen and (min-width: 769px), print {
@@ -18320,61 +18690,61 @@ table.table td.has-buttons .buttons {
18320
18690
  .pt-xx-small {
18321
18691
  padding-top: var(--bal-space-xx-small-tablet) !important;
18322
18692
  }
18323
- .tablet:pt-xx-small {
18693
+ .tablet\:pt-xx-small {
18324
18694
  padding-top: var(--bal-space-xx-small-tablet) !important;
18325
18695
  }
18326
18696
  .pt-x-small {
18327
18697
  padding-top: var(--bal-space-x-small-tablet) !important;
18328
18698
  }
18329
- .tablet:pt-x-small {
18699
+ .tablet\:pt-x-small {
18330
18700
  padding-top: var(--bal-space-x-small-tablet) !important;
18331
18701
  }
18332
18702
  .pt-small {
18333
18703
  padding-top: var(--bal-space-small-tablet) !important;
18334
18704
  }
18335
- .tablet:pt-small {
18705
+ .tablet\:pt-small {
18336
18706
  padding-top: var(--bal-space-small-tablet) !important;
18337
18707
  }
18338
18708
  .pt-normal {
18339
18709
  padding-top: var(--bal-space-normal-tablet) !important;
18340
18710
  }
18341
- .tablet:pt-normal {
18711
+ .tablet\:pt-normal {
18342
18712
  padding-top: var(--bal-space-normal-tablet) !important;
18343
18713
  }
18344
18714
  .pt-medium {
18345
18715
  padding-top: var(--bal-space-medium-tablet) !important;
18346
18716
  }
18347
- .tablet:pt-medium {
18717
+ .tablet\:pt-medium {
18348
18718
  padding-top: var(--bal-space-medium-tablet) !important;
18349
18719
  }
18350
18720
  .pt-large {
18351
18721
  padding-top: var(--bal-space-large-tablet) !important;
18352
18722
  }
18353
- .tablet:pt-large {
18723
+ .tablet\:pt-large {
18354
18724
  padding-top: var(--bal-space-large-tablet) !important;
18355
18725
  }
18356
18726
  .pt-x-large {
18357
18727
  padding-top: var(--bal-space-x-large-tablet) !important;
18358
18728
  }
18359
- .tablet:pt-x-large {
18729
+ .tablet\:pt-x-large {
18360
18730
  padding-top: var(--bal-space-x-large-tablet) !important;
18361
18731
  }
18362
18732
  .pt-xx-large {
18363
18733
  padding-top: var(--bal-space-xx-large-tablet) !important;
18364
18734
  }
18365
- .tablet:pt-xx-large {
18735
+ .tablet\:pt-xx-large {
18366
18736
  padding-top: var(--bal-space-xx-large-tablet) !important;
18367
18737
  }
18368
18738
  .pt-xxx-large {
18369
18739
  padding-top: var(--bal-space-xxx-large-tablet) !important;
18370
18740
  }
18371
- .tablet:pt-xxx-large {
18741
+ .tablet\:pt-xxx-large {
18372
18742
  padding-top: var(--bal-space-xxx-large-tablet) !important;
18373
18743
  }
18374
18744
  .pt-xxxx-large {
18375
18745
  padding-top: var(--bal-space-xxxx-large-tablet) !important;
18376
18746
  }
18377
- .tablet:pt-xxxx-large {
18747
+ .tablet\:pt-xxxx-large {
18378
18748
  padding-top: var(--bal-space-xxxx-large-tablet) !important;
18379
18749
  }
18380
18750
  }
@@ -18388,61 +18758,61 @@ table.table td.has-buttons .buttons {
18388
18758
  .pt-xx-small {
18389
18759
  padding-top: var(--bal-space-xx-small-desktop) !important;
18390
18760
  }
18391
- .desktop:pt-xx-small {
18761
+ .desktop\:pt-xx-small {
18392
18762
  padding-top: var(--bal-space-xx-small-desktop) !important;
18393
18763
  }
18394
18764
  .pt-x-small {
18395
18765
  padding-top: var(--bal-space-x-small-desktop) !important;
18396
18766
  }
18397
- .desktop:pt-x-small {
18767
+ .desktop\:pt-x-small {
18398
18768
  padding-top: var(--bal-space-x-small-desktop) !important;
18399
18769
  }
18400
18770
  .pt-small {
18401
18771
  padding-top: var(--bal-space-small-desktop) !important;
18402
18772
  }
18403
- .desktop:pt-small {
18773
+ .desktop\:pt-small {
18404
18774
  padding-top: var(--bal-space-small-desktop) !important;
18405
18775
  }
18406
18776
  .pt-normal {
18407
18777
  padding-top: var(--bal-space-normal-desktop) !important;
18408
18778
  }
18409
- .desktop:pt-normal {
18779
+ .desktop\:pt-normal {
18410
18780
  padding-top: var(--bal-space-normal-desktop) !important;
18411
18781
  }
18412
18782
  .pt-medium {
18413
18783
  padding-top: var(--bal-space-medium-desktop) !important;
18414
18784
  }
18415
- .desktop:pt-medium {
18785
+ .desktop\:pt-medium {
18416
18786
  padding-top: var(--bal-space-medium-desktop) !important;
18417
18787
  }
18418
18788
  .pt-large {
18419
18789
  padding-top: var(--bal-space-large-desktop) !important;
18420
18790
  }
18421
- .desktop:pt-large {
18791
+ .desktop\:pt-large {
18422
18792
  padding-top: var(--bal-space-large-desktop) !important;
18423
18793
  }
18424
18794
  .pt-x-large {
18425
18795
  padding-top: var(--bal-space-x-large-desktop) !important;
18426
18796
  }
18427
- .desktop:pt-x-large {
18797
+ .desktop\:pt-x-large {
18428
18798
  padding-top: var(--bal-space-x-large-desktop) !important;
18429
18799
  }
18430
18800
  .pt-xx-large {
18431
18801
  padding-top: var(--bal-space-xx-large-desktop) !important;
18432
18802
  }
18433
- .desktop:pt-xx-large {
18803
+ .desktop\:pt-xx-large {
18434
18804
  padding-top: var(--bal-space-xx-large-desktop) !important;
18435
18805
  }
18436
18806
  .pt-xxx-large {
18437
18807
  padding-top: var(--bal-space-xxx-large-desktop) !important;
18438
18808
  }
18439
- .desktop:pt-xxx-large {
18809
+ .desktop\:pt-xxx-large {
18440
18810
  padding-top: var(--bal-space-xxx-large-desktop) !important;
18441
18811
  }
18442
18812
  .pt-xxxx-large {
18443
18813
  padding-top: var(--bal-space-xxxx-large-desktop) !important;
18444
18814
  }
18445
- .desktop:pt-xxxx-large {
18815
+ .desktop\:pt-xxxx-large {
18446
18816
  padding-top: var(--bal-space-xxxx-large-desktop) !important;
18447
18817
  }
18448
18818
  }
@@ -18495,35 +18865,35 @@ table.table td.has-buttons .buttons {
18495
18865
  }
18496
18866
 
18497
18867
  @media screen and (max-width: 768px) {
18498
- .mobile:pr-xx-small {
18499
- padding-right: var(--bal-space-xx-small-mobile) !important;
18868
+ .mobile\:pr-xx-small {
18869
+ padding-right: var(--bal-space-xx-small) !important;
18500
18870
  }
18501
- .mobile:pr-x-small {
18502
- padding-right: var(--bal-space-x-small-mobile) !important;
18871
+ .mobile\:pr-x-small {
18872
+ padding-right: var(--bal-space-x-small) !important;
18503
18873
  }
18504
- .mobile:pr-small {
18505
- padding-right: var(--bal-space-small-mobile) !important;
18874
+ .mobile\:pr-small {
18875
+ padding-right: var(--bal-space-small) !important;
18506
18876
  }
18507
- .mobile:pr-normal {
18508
- padding-right: var(--bal-space-normal-mobile) !important;
18877
+ .mobile\:pr-normal {
18878
+ padding-right: var(--bal-space-normal) !important;
18509
18879
  }
18510
- .mobile:pr-medium {
18511
- padding-right: var(--bal-space-medium-mobile) !important;
18880
+ .mobile\:pr-medium {
18881
+ padding-right: var(--bal-space-medium) !important;
18512
18882
  }
18513
- .mobile:pr-large {
18514
- padding-right: var(--bal-space-large-mobile) !important;
18883
+ .mobile\:pr-large {
18884
+ padding-right: var(--bal-space-large) !important;
18515
18885
  }
18516
- .mobile:pr-x-large {
18517
- padding-right: var(--bal-space-x-large-mobile) !important;
18886
+ .mobile\:pr-x-large {
18887
+ padding-right: var(--bal-space-x-large) !important;
18518
18888
  }
18519
- .mobile:pr-xx-large {
18520
- padding-right: var(--bal-space-xx-large-mobile) !important;
18889
+ .mobile\:pr-xx-large {
18890
+ padding-right: var(--bal-space-xx-large) !important;
18521
18891
  }
18522
- .mobile:pr-xxx-large {
18523
- padding-right: var(--bal-space-xxx-large-mobile) !important;
18892
+ .mobile\:pr-xxx-large {
18893
+ padding-right: var(--bal-space-xxx-large) !important;
18524
18894
  }
18525
- .mobile:pr-xxxx-large {
18526
- padding-right: var(--bal-space-xxxx-large-mobile) !important;
18895
+ .mobile\:pr-xxxx-large {
18896
+ padding-right: var(--bal-space-xxxx-large) !important;
18527
18897
  }
18528
18898
  }
18529
18899
  @media screen and (min-width: 769px), print {
@@ -18536,61 +18906,61 @@ table.table td.has-buttons .buttons {
18536
18906
  .pr-xx-small {
18537
18907
  padding-right: var(--bal-space-xx-small-tablet) !important;
18538
18908
  }
18539
- .tablet:pr-xx-small {
18909
+ .tablet\:pr-xx-small {
18540
18910
  padding-right: var(--bal-space-xx-small-tablet) !important;
18541
18911
  }
18542
18912
  .pr-x-small {
18543
18913
  padding-right: var(--bal-space-x-small-tablet) !important;
18544
18914
  }
18545
- .tablet:pr-x-small {
18915
+ .tablet\:pr-x-small {
18546
18916
  padding-right: var(--bal-space-x-small-tablet) !important;
18547
18917
  }
18548
18918
  .pr-small {
18549
18919
  padding-right: var(--bal-space-small-tablet) !important;
18550
18920
  }
18551
- .tablet:pr-small {
18921
+ .tablet\:pr-small {
18552
18922
  padding-right: var(--bal-space-small-tablet) !important;
18553
18923
  }
18554
18924
  .pr-normal {
18555
18925
  padding-right: var(--bal-space-normal-tablet) !important;
18556
18926
  }
18557
- .tablet:pr-normal {
18927
+ .tablet\:pr-normal {
18558
18928
  padding-right: var(--bal-space-normal-tablet) !important;
18559
18929
  }
18560
18930
  .pr-medium {
18561
18931
  padding-right: var(--bal-space-medium-tablet) !important;
18562
18932
  }
18563
- .tablet:pr-medium {
18933
+ .tablet\:pr-medium {
18564
18934
  padding-right: var(--bal-space-medium-tablet) !important;
18565
18935
  }
18566
18936
  .pr-large {
18567
18937
  padding-right: var(--bal-space-large-tablet) !important;
18568
18938
  }
18569
- .tablet:pr-large {
18939
+ .tablet\:pr-large {
18570
18940
  padding-right: var(--bal-space-large-tablet) !important;
18571
18941
  }
18572
18942
  .pr-x-large {
18573
18943
  padding-right: var(--bal-space-x-large-tablet) !important;
18574
18944
  }
18575
- .tablet:pr-x-large {
18945
+ .tablet\:pr-x-large {
18576
18946
  padding-right: var(--bal-space-x-large-tablet) !important;
18577
18947
  }
18578
18948
  .pr-xx-large {
18579
18949
  padding-right: var(--bal-space-xx-large-tablet) !important;
18580
18950
  }
18581
- .tablet:pr-xx-large {
18951
+ .tablet\:pr-xx-large {
18582
18952
  padding-right: var(--bal-space-xx-large-tablet) !important;
18583
18953
  }
18584
18954
  .pr-xxx-large {
18585
18955
  padding-right: var(--bal-space-xxx-large-tablet) !important;
18586
18956
  }
18587
- .tablet:pr-xxx-large {
18957
+ .tablet\:pr-xxx-large {
18588
18958
  padding-right: var(--bal-space-xxx-large-tablet) !important;
18589
18959
  }
18590
18960
  .pr-xxxx-large {
18591
18961
  padding-right: var(--bal-space-xxxx-large-tablet) !important;
18592
18962
  }
18593
- .tablet:pr-xxxx-large {
18963
+ .tablet\:pr-xxxx-large {
18594
18964
  padding-right: var(--bal-space-xxxx-large-tablet) !important;
18595
18965
  }
18596
18966
  }
@@ -18604,61 +18974,61 @@ table.table td.has-buttons .buttons {
18604
18974
  .pr-xx-small {
18605
18975
  padding-right: var(--bal-space-xx-small-desktop) !important;
18606
18976
  }
18607
- .desktop:pr-xx-small {
18977
+ .desktop\:pr-xx-small {
18608
18978
  padding-right: var(--bal-space-xx-small-desktop) !important;
18609
18979
  }
18610
18980
  .pr-x-small {
18611
18981
  padding-right: var(--bal-space-x-small-desktop) !important;
18612
18982
  }
18613
- .desktop:pr-x-small {
18983
+ .desktop\:pr-x-small {
18614
18984
  padding-right: var(--bal-space-x-small-desktop) !important;
18615
18985
  }
18616
18986
  .pr-small {
18617
18987
  padding-right: var(--bal-space-small-desktop) !important;
18618
18988
  }
18619
- .desktop:pr-small {
18989
+ .desktop\:pr-small {
18620
18990
  padding-right: var(--bal-space-small-desktop) !important;
18621
18991
  }
18622
18992
  .pr-normal {
18623
18993
  padding-right: var(--bal-space-normal-desktop) !important;
18624
18994
  }
18625
- .desktop:pr-normal {
18995
+ .desktop\:pr-normal {
18626
18996
  padding-right: var(--bal-space-normal-desktop) !important;
18627
18997
  }
18628
18998
  .pr-medium {
18629
18999
  padding-right: var(--bal-space-medium-desktop) !important;
18630
19000
  }
18631
- .desktop:pr-medium {
19001
+ .desktop\:pr-medium {
18632
19002
  padding-right: var(--bal-space-medium-desktop) !important;
18633
19003
  }
18634
19004
  .pr-large {
18635
19005
  padding-right: var(--bal-space-large-desktop) !important;
18636
19006
  }
18637
- .desktop:pr-large {
19007
+ .desktop\:pr-large {
18638
19008
  padding-right: var(--bal-space-large-desktop) !important;
18639
19009
  }
18640
19010
  .pr-x-large {
18641
19011
  padding-right: var(--bal-space-x-large-desktop) !important;
18642
19012
  }
18643
- .desktop:pr-x-large {
19013
+ .desktop\:pr-x-large {
18644
19014
  padding-right: var(--bal-space-x-large-desktop) !important;
18645
19015
  }
18646
19016
  .pr-xx-large {
18647
19017
  padding-right: var(--bal-space-xx-large-desktop) !important;
18648
19018
  }
18649
- .desktop:pr-xx-large {
19019
+ .desktop\:pr-xx-large {
18650
19020
  padding-right: var(--bal-space-xx-large-desktop) !important;
18651
19021
  }
18652
19022
  .pr-xxx-large {
18653
19023
  padding-right: var(--bal-space-xxx-large-desktop) !important;
18654
19024
  }
18655
- .desktop:pr-xxx-large {
19025
+ .desktop\:pr-xxx-large {
18656
19026
  padding-right: var(--bal-space-xxx-large-desktop) !important;
18657
19027
  }
18658
19028
  .pr-xxxx-large {
18659
19029
  padding-right: var(--bal-space-xxxx-large-desktop) !important;
18660
19030
  }
18661
- .desktop:pr-xxxx-large {
19031
+ .desktop\:pr-xxxx-large {
18662
19032
  padding-right: var(--bal-space-xxxx-large-desktop) !important;
18663
19033
  }
18664
19034
  }
@@ -18711,35 +19081,35 @@ table.table td.has-buttons .buttons {
18711
19081
  }
18712
19082
 
18713
19083
  @media screen and (max-width: 768px) {
18714
- .mobile:pb-xx-small {
18715
- padding-bottom: var(--bal-space-xx-small-mobile) !important;
19084
+ .mobile\:pb-xx-small {
19085
+ padding-bottom: var(--bal-space-xx-small) !important;
18716
19086
  }
18717
- .mobile:pb-x-small {
18718
- padding-bottom: var(--bal-space-x-small-mobile) !important;
19087
+ .mobile\:pb-x-small {
19088
+ padding-bottom: var(--bal-space-x-small) !important;
18719
19089
  }
18720
- .mobile:pb-small {
18721
- padding-bottom: var(--bal-space-small-mobile) !important;
19090
+ .mobile\:pb-small {
19091
+ padding-bottom: var(--bal-space-small) !important;
18722
19092
  }
18723
- .mobile:pb-normal {
18724
- padding-bottom: var(--bal-space-normal-mobile) !important;
19093
+ .mobile\:pb-normal {
19094
+ padding-bottom: var(--bal-space-normal) !important;
18725
19095
  }
18726
- .mobile:pb-medium {
18727
- padding-bottom: var(--bal-space-medium-mobile) !important;
19096
+ .mobile\:pb-medium {
19097
+ padding-bottom: var(--bal-space-medium) !important;
18728
19098
  }
18729
- .mobile:pb-large {
18730
- padding-bottom: var(--bal-space-large-mobile) !important;
19099
+ .mobile\:pb-large {
19100
+ padding-bottom: var(--bal-space-large) !important;
18731
19101
  }
18732
- .mobile:pb-x-large {
18733
- padding-bottom: var(--bal-space-x-large-mobile) !important;
19102
+ .mobile\:pb-x-large {
19103
+ padding-bottom: var(--bal-space-x-large) !important;
18734
19104
  }
18735
- .mobile:pb-xx-large {
18736
- padding-bottom: var(--bal-space-xx-large-mobile) !important;
19105
+ .mobile\:pb-xx-large {
19106
+ padding-bottom: var(--bal-space-xx-large) !important;
18737
19107
  }
18738
- .mobile:pb-xxx-large {
18739
- padding-bottom: var(--bal-space-xxx-large-mobile) !important;
19108
+ .mobile\:pb-xxx-large {
19109
+ padding-bottom: var(--bal-space-xxx-large) !important;
18740
19110
  }
18741
- .mobile:pb-xxxx-large {
18742
- padding-bottom: var(--bal-space-xxxx-large-mobile) !important;
19111
+ .mobile\:pb-xxxx-large {
19112
+ padding-bottom: var(--bal-space-xxxx-large) !important;
18743
19113
  }
18744
19114
  }
18745
19115
  @media screen and (min-width: 769px), print {
@@ -18752,61 +19122,61 @@ table.table td.has-buttons .buttons {
18752
19122
  .pb-xx-small {
18753
19123
  padding-bottom: var(--bal-space-xx-small-tablet) !important;
18754
19124
  }
18755
- .tablet:pb-xx-small {
19125
+ .tablet\:pb-xx-small {
18756
19126
  padding-bottom: var(--bal-space-xx-small-tablet) !important;
18757
19127
  }
18758
19128
  .pb-x-small {
18759
19129
  padding-bottom: var(--bal-space-x-small-tablet) !important;
18760
19130
  }
18761
- .tablet:pb-x-small {
19131
+ .tablet\:pb-x-small {
18762
19132
  padding-bottom: var(--bal-space-x-small-tablet) !important;
18763
19133
  }
18764
19134
  .pb-small {
18765
19135
  padding-bottom: var(--bal-space-small-tablet) !important;
18766
19136
  }
18767
- .tablet:pb-small {
19137
+ .tablet\:pb-small {
18768
19138
  padding-bottom: var(--bal-space-small-tablet) !important;
18769
19139
  }
18770
19140
  .pb-normal {
18771
19141
  padding-bottom: var(--bal-space-normal-tablet) !important;
18772
19142
  }
18773
- .tablet:pb-normal {
19143
+ .tablet\:pb-normal {
18774
19144
  padding-bottom: var(--bal-space-normal-tablet) !important;
18775
19145
  }
18776
19146
  .pb-medium {
18777
19147
  padding-bottom: var(--bal-space-medium-tablet) !important;
18778
19148
  }
18779
- .tablet:pb-medium {
19149
+ .tablet\:pb-medium {
18780
19150
  padding-bottom: var(--bal-space-medium-tablet) !important;
18781
19151
  }
18782
19152
  .pb-large {
18783
19153
  padding-bottom: var(--bal-space-large-tablet) !important;
18784
19154
  }
18785
- .tablet:pb-large {
19155
+ .tablet\:pb-large {
18786
19156
  padding-bottom: var(--bal-space-large-tablet) !important;
18787
19157
  }
18788
19158
  .pb-x-large {
18789
19159
  padding-bottom: var(--bal-space-x-large-tablet) !important;
18790
19160
  }
18791
- .tablet:pb-x-large {
19161
+ .tablet\:pb-x-large {
18792
19162
  padding-bottom: var(--bal-space-x-large-tablet) !important;
18793
19163
  }
18794
19164
  .pb-xx-large {
18795
19165
  padding-bottom: var(--bal-space-xx-large-tablet) !important;
18796
19166
  }
18797
- .tablet:pb-xx-large {
19167
+ .tablet\:pb-xx-large {
18798
19168
  padding-bottom: var(--bal-space-xx-large-tablet) !important;
18799
19169
  }
18800
19170
  .pb-xxx-large {
18801
19171
  padding-bottom: var(--bal-space-xxx-large-tablet) !important;
18802
19172
  }
18803
- .tablet:pb-xxx-large {
19173
+ .tablet\:pb-xxx-large {
18804
19174
  padding-bottom: var(--bal-space-xxx-large-tablet) !important;
18805
19175
  }
18806
19176
  .pb-xxxx-large {
18807
19177
  padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
18808
19178
  }
18809
- .tablet:pb-xxxx-large {
19179
+ .tablet\:pb-xxxx-large {
18810
19180
  padding-bottom: var(--bal-space-xxxx-large-tablet) !important;
18811
19181
  }
18812
19182
  }
@@ -18820,61 +19190,61 @@ table.table td.has-buttons .buttons {
18820
19190
  .pb-xx-small {
18821
19191
  padding-bottom: var(--bal-space-xx-small-desktop) !important;
18822
19192
  }
18823
- .desktop:pb-xx-small {
19193
+ .desktop\:pb-xx-small {
18824
19194
  padding-bottom: var(--bal-space-xx-small-desktop) !important;
18825
19195
  }
18826
19196
  .pb-x-small {
18827
19197
  padding-bottom: var(--bal-space-x-small-desktop) !important;
18828
19198
  }
18829
- .desktop:pb-x-small {
19199
+ .desktop\:pb-x-small {
18830
19200
  padding-bottom: var(--bal-space-x-small-desktop) !important;
18831
19201
  }
18832
19202
  .pb-small {
18833
19203
  padding-bottom: var(--bal-space-small-desktop) !important;
18834
19204
  }
18835
- .desktop:pb-small {
19205
+ .desktop\:pb-small {
18836
19206
  padding-bottom: var(--bal-space-small-desktop) !important;
18837
19207
  }
18838
19208
  .pb-normal {
18839
19209
  padding-bottom: var(--bal-space-normal-desktop) !important;
18840
19210
  }
18841
- .desktop:pb-normal {
19211
+ .desktop\:pb-normal {
18842
19212
  padding-bottom: var(--bal-space-normal-desktop) !important;
18843
19213
  }
18844
19214
  .pb-medium {
18845
19215
  padding-bottom: var(--bal-space-medium-desktop) !important;
18846
19216
  }
18847
- .desktop:pb-medium {
19217
+ .desktop\:pb-medium {
18848
19218
  padding-bottom: var(--bal-space-medium-desktop) !important;
18849
19219
  }
18850
19220
  .pb-large {
18851
19221
  padding-bottom: var(--bal-space-large-desktop) !important;
18852
19222
  }
18853
- .desktop:pb-large {
19223
+ .desktop\:pb-large {
18854
19224
  padding-bottom: var(--bal-space-large-desktop) !important;
18855
19225
  }
18856
19226
  .pb-x-large {
18857
19227
  padding-bottom: var(--bal-space-x-large-desktop) !important;
18858
19228
  }
18859
- .desktop:pb-x-large {
19229
+ .desktop\:pb-x-large {
18860
19230
  padding-bottom: var(--bal-space-x-large-desktop) !important;
18861
19231
  }
18862
19232
  .pb-xx-large {
18863
19233
  padding-bottom: var(--bal-space-xx-large-desktop) !important;
18864
19234
  }
18865
- .desktop:pb-xx-large {
19235
+ .desktop\:pb-xx-large {
18866
19236
  padding-bottom: var(--bal-space-xx-large-desktop) !important;
18867
19237
  }
18868
19238
  .pb-xxx-large {
18869
19239
  padding-bottom: var(--bal-space-xxx-large-desktop) !important;
18870
19240
  }
18871
- .desktop:pb-xxx-large {
19241
+ .desktop\:pb-xxx-large {
18872
19242
  padding-bottom: var(--bal-space-xxx-large-desktop) !important;
18873
19243
  }
18874
19244
  .pb-xxxx-large {
18875
19245
  padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
18876
19246
  }
18877
- .desktop:pb-xxxx-large {
19247
+ .desktop\:pb-xxxx-large {
18878
19248
  padding-bottom: var(--bal-space-xxxx-large-desktop) !important;
18879
19249
  }
18880
19250
  }
@@ -18927,35 +19297,35 @@ table.table td.has-buttons .buttons {
18927
19297
  }
18928
19298
 
18929
19299
  @media screen and (max-width: 768px) {
18930
- .mobile:pl-xx-small {
18931
- padding-left: var(--bal-space-xx-small-mobile) !important;
19300
+ .mobile\:pl-xx-small {
19301
+ padding-left: var(--bal-space-xx-small) !important;
18932
19302
  }
18933
- .mobile:pl-x-small {
18934
- padding-left: var(--bal-space-x-small-mobile) !important;
19303
+ .mobile\:pl-x-small {
19304
+ padding-left: var(--bal-space-x-small) !important;
18935
19305
  }
18936
- .mobile:pl-small {
18937
- padding-left: var(--bal-space-small-mobile) !important;
19306
+ .mobile\:pl-small {
19307
+ padding-left: var(--bal-space-small) !important;
18938
19308
  }
18939
- .mobile:pl-normal {
18940
- padding-left: var(--bal-space-normal-mobile) !important;
19309
+ .mobile\:pl-normal {
19310
+ padding-left: var(--bal-space-normal) !important;
18941
19311
  }
18942
- .mobile:pl-medium {
18943
- padding-left: var(--bal-space-medium-mobile) !important;
19312
+ .mobile\:pl-medium {
19313
+ padding-left: var(--bal-space-medium) !important;
18944
19314
  }
18945
- .mobile:pl-large {
18946
- padding-left: var(--bal-space-large-mobile) !important;
19315
+ .mobile\:pl-large {
19316
+ padding-left: var(--bal-space-large) !important;
18947
19317
  }
18948
- .mobile:pl-x-large {
18949
- padding-left: var(--bal-space-x-large-mobile) !important;
19318
+ .mobile\:pl-x-large {
19319
+ padding-left: var(--bal-space-x-large) !important;
18950
19320
  }
18951
- .mobile:pl-xx-large {
18952
- padding-left: var(--bal-space-xx-large-mobile) !important;
19321
+ .mobile\:pl-xx-large {
19322
+ padding-left: var(--bal-space-xx-large) !important;
18953
19323
  }
18954
- .mobile:pl-xxx-large {
18955
- padding-left: var(--bal-space-xxx-large-mobile) !important;
19324
+ .mobile\:pl-xxx-large {
19325
+ padding-left: var(--bal-space-xxx-large) !important;
18956
19326
  }
18957
- .mobile:pl-xxxx-large {
18958
- padding-left: var(--bal-space-xxxx-large-mobile) !important;
19327
+ .mobile\:pl-xxxx-large {
19328
+ padding-left: var(--bal-space-xxxx-large) !important;
18959
19329
  }
18960
19330
  }
18961
19331
  @media screen and (min-width: 769px), print {
@@ -18968,61 +19338,61 @@ table.table td.has-buttons .buttons {
18968
19338
  .pl-xx-small {
18969
19339
  padding-left: var(--bal-space-xx-small-tablet) !important;
18970
19340
  }
18971
- .tablet:pl-xx-small {
19341
+ .tablet\:pl-xx-small {
18972
19342
  padding-left: var(--bal-space-xx-small-tablet) !important;
18973
19343
  }
18974
19344
  .pl-x-small {
18975
19345
  padding-left: var(--bal-space-x-small-tablet) !important;
18976
19346
  }
18977
- .tablet:pl-x-small {
19347
+ .tablet\:pl-x-small {
18978
19348
  padding-left: var(--bal-space-x-small-tablet) !important;
18979
19349
  }
18980
19350
  .pl-small {
18981
19351
  padding-left: var(--bal-space-small-tablet) !important;
18982
19352
  }
18983
- .tablet:pl-small {
19353
+ .tablet\:pl-small {
18984
19354
  padding-left: var(--bal-space-small-tablet) !important;
18985
19355
  }
18986
19356
  .pl-normal {
18987
19357
  padding-left: var(--bal-space-normal-tablet) !important;
18988
19358
  }
18989
- .tablet:pl-normal {
19359
+ .tablet\:pl-normal {
18990
19360
  padding-left: var(--bal-space-normal-tablet) !important;
18991
19361
  }
18992
19362
  .pl-medium {
18993
19363
  padding-left: var(--bal-space-medium-tablet) !important;
18994
19364
  }
18995
- .tablet:pl-medium {
19365
+ .tablet\:pl-medium {
18996
19366
  padding-left: var(--bal-space-medium-tablet) !important;
18997
19367
  }
18998
19368
  .pl-large {
18999
19369
  padding-left: var(--bal-space-large-tablet) !important;
19000
19370
  }
19001
- .tablet:pl-large {
19371
+ .tablet\:pl-large {
19002
19372
  padding-left: var(--bal-space-large-tablet) !important;
19003
19373
  }
19004
19374
  .pl-x-large {
19005
19375
  padding-left: var(--bal-space-x-large-tablet) !important;
19006
19376
  }
19007
- .tablet:pl-x-large {
19377
+ .tablet\:pl-x-large {
19008
19378
  padding-left: var(--bal-space-x-large-tablet) !important;
19009
19379
  }
19010
19380
  .pl-xx-large {
19011
19381
  padding-left: var(--bal-space-xx-large-tablet) !important;
19012
19382
  }
19013
- .tablet:pl-xx-large {
19383
+ .tablet\:pl-xx-large {
19014
19384
  padding-left: var(--bal-space-xx-large-tablet) !important;
19015
19385
  }
19016
19386
  .pl-xxx-large {
19017
19387
  padding-left: var(--bal-space-xxx-large-tablet) !important;
19018
19388
  }
19019
- .tablet:pl-xxx-large {
19389
+ .tablet\:pl-xxx-large {
19020
19390
  padding-left: var(--bal-space-xxx-large-tablet) !important;
19021
19391
  }
19022
19392
  .pl-xxxx-large {
19023
19393
  padding-left: var(--bal-space-xxxx-large-tablet) !important;
19024
19394
  }
19025
- .tablet:pl-xxxx-large {
19395
+ .tablet\:pl-xxxx-large {
19026
19396
  padding-left: var(--bal-space-xxxx-large-tablet) !important;
19027
19397
  }
19028
19398
  }
@@ -19036,64 +19406,101 @@ table.table td.has-buttons .buttons {
19036
19406
  .pl-xx-small {
19037
19407
  padding-left: var(--bal-space-xx-small-desktop) !important;
19038
19408
  }
19039
- .desktop:pl-xx-small {
19409
+ .desktop\:pl-xx-small {
19040
19410
  padding-left: var(--bal-space-xx-small-desktop) !important;
19041
19411
  }
19042
19412
  .pl-x-small {
19043
19413
  padding-left: var(--bal-space-x-small-desktop) !important;
19044
19414
  }
19045
- .desktop:pl-x-small {
19415
+ .desktop\:pl-x-small {
19046
19416
  padding-left: var(--bal-space-x-small-desktop) !important;
19047
19417
  }
19048
19418
  .pl-small {
19049
19419
  padding-left: var(--bal-space-small-desktop) !important;
19050
19420
  }
19051
- .desktop:pl-small {
19421
+ .desktop\:pl-small {
19052
19422
  padding-left: var(--bal-space-small-desktop) !important;
19053
19423
  }
19054
19424
  .pl-normal {
19055
19425
  padding-left: var(--bal-space-normal-desktop) !important;
19056
19426
  }
19057
- .desktop:pl-normal {
19427
+ .desktop\:pl-normal {
19058
19428
  padding-left: var(--bal-space-normal-desktop) !important;
19059
19429
  }
19060
19430
  .pl-medium {
19061
19431
  padding-left: var(--bal-space-medium-desktop) !important;
19062
19432
  }
19063
- .desktop:pl-medium {
19433
+ .desktop\:pl-medium {
19064
19434
  padding-left: var(--bal-space-medium-desktop) !important;
19065
19435
  }
19066
19436
  .pl-large {
19067
19437
  padding-left: var(--bal-space-large-desktop) !important;
19068
19438
  }
19069
- .desktop:pl-large {
19439
+ .desktop\:pl-large {
19070
19440
  padding-left: var(--bal-space-large-desktop) !important;
19071
19441
  }
19072
19442
  .pl-x-large {
19073
19443
  padding-left: var(--bal-space-x-large-desktop) !important;
19074
19444
  }
19075
- .desktop:pl-x-large {
19445
+ .desktop\:pl-x-large {
19076
19446
  padding-left: var(--bal-space-x-large-desktop) !important;
19077
19447
  }
19078
19448
  .pl-xx-large {
19079
19449
  padding-left: var(--bal-space-xx-large-desktop) !important;
19080
19450
  }
19081
- .desktop:pl-xx-large {
19451
+ .desktop\:pl-xx-large {
19082
19452
  padding-left: var(--bal-space-xx-large-desktop) !important;
19083
19453
  }
19084
19454
  .pl-xxx-large {
19085
19455
  padding-left: var(--bal-space-xxx-large-desktop) !important;
19086
19456
  }
19087
- .desktop:pl-xxx-large {
19457
+ .desktop\:pl-xxx-large {
19088
19458
  padding-left: var(--bal-space-xxx-large-desktop) !important;
19089
19459
  }
19090
19460
  .pl-xxxx-large {
19091
19461
  padding-left: var(--bal-space-xxxx-large-desktop) !important;
19092
19462
  }
19093
- .desktop:pl-xxxx-large {
19463
+ .desktop\:pl-xxxx-large {
19094
19464
  padding-left: var(--bal-space-xxxx-large-desktop) !important;
19095
19465
  }
19096
19466
  }
19467
+ .table:not(:last-child), .table-container:not(:last-child) {
19468
+ margin-bottom: 0.25rem;
19469
+ }
19470
+
19471
+ @media (hover: hover) and (pointer: fine) {
19472
+ .button:focus-visible:not(:active), .button.is-focused:not(:active), a.link:not(.button):focus-visible,
19473
+ a.is-link:not(.button):focus-visible {
19474
+ box-shadow: var(--bal-focus-shadow) !important;
19475
+ }
19476
+ }
19477
+
19478
+ @media (hover: hover) and (pointer: fine) {
19479
+ .button.is-light:focus-visible:not(:active), .button.is-light.is-focused:not(:active), .button.is-inverted:focus-visible:not(:active), .button.is-inverted.is-focused:not(:active), .button.is-inverted.is-light:focus-visible:not(:active), .button.is-inverted.is-light.is-focused:not(:active), a.link:not(.button).is-inverted:focus-visible,
19480
+ a.is-link:not(.button).is-inverted:focus-visible, a.link:not(.button).is-light:focus-visible,
19481
+ a.is-link:not(.button).is-light:focus-visible {
19482
+ box-shadow: var(--bal-focus-shadow-inverted) !important;
19483
+ }
19484
+ }
19485
+
19486
+ .file.is-disabled .file-label,
19487
+ .file.is-disabled .file-cta, .button.is-disabled.is-inverted, .button.is-disabled, .button.is-disabled:hover, .button.is-disabled:active, .button.is-disabled:focus, .button.is-inverted:disabled, .button:disabled {
19488
+ cursor: default !important;
19489
+ pointer-events: none !important;
19490
+ }
19491
+
19492
+ .file, .button {
19493
+ -webkit-touch-callout: none;
19494
+ -webkit-user-select: none;
19495
+ -moz-user-select: none;
19496
+ user-select: none;
19497
+ }
19498
+
19499
+ .button {
19500
+ -moz-osx-font-smoothing: grayscale;
19501
+ -webkit-font-smoothing: antialiased;
19502
+ }
19503
+
19097
19504
  .text-primary {
19098
19505
  color: var(--bal-color-text-primary) !important;
19099
19506
  }