@geotab/zenith 3.13.1-beta.1 → 3.13.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 (166) hide show
  1. package/README.md +2 -12
  2. package/dist/advancedGroupsFilter/advancedGroupsFilterSectionTooltip.js +29 -29
  3. package/dist/calendar/calendar.js +1 -1
  4. package/dist/chart/lineChart/getDefaultOptions.js +2 -7
  5. package/dist/chart/lineChart/useSummary.d.ts +1 -2
  6. package/dist/columnsSelector/columnsSelector.js +1 -1
  7. package/dist/commonHelpers/arrowNavigation/arrowNavigationHelper.d.ts +1 -1
  8. package/dist/commonHelpers/arrowNavigation/arrowNavigationHelper.js +12 -29
  9. package/dist/commonHelpers/arrowNavigation/components/arrowButton/arrowButton.d.ts +1 -2
  10. package/dist/commonHelpers/arrowNavigation/components/arrowButton/arrowButton.js +2 -2
  11. package/dist/commonHelpers/arrowNavigation/hooks/useManualScrolling.js +2 -4
  12. package/dist/commonHelpers/arrowNavigation/hooks/useScrollWhileHolding.js +3 -12
  13. package/dist/commonHelpers/arrowNavigation/hooks/useScrolling.js +6 -18
  14. package/dist/commonStyles/caption/caption.less +5 -3
  15. package/dist/commonStyles/colors/colors.less +19 -4
  16. package/dist/commonStyles/columnsList.less +0 -1
  17. package/dist/commonStyles/common.less +2 -1
  18. package/dist/commonStyles/ellipsis.less +1 -1
  19. package/dist/commonStyles/fonts/roboto.less +7 -7
  20. package/dist/commonStyles/link/link.less +1 -1
  21. package/dist/commonStyles/notSelectable.less +4 -0
  22. package/dist/commonStyles/pillStyles/pillContent.less +2 -6
  23. package/dist/commonStyles/pillStyles/pillStyles.less +1 -1
  24. package/dist/commonStyles/pillStyles/pillTextContent.less +0 -3
  25. package/dist/commonStyles/pillStyles/pillTypes.less +0 -10
  26. package/dist/commonStyles/rangeFieldMixin.less +6 -3
  27. package/dist/commonStyles/shadows/shadows.less +3 -3
  28. package/dist/commonStyles/typography/typography.less +24 -24
  29. package/dist/dataFeed/dataFeed.js +2 -28
  30. package/dist/dataGrid/columns/actionsColumn/actionsButton.js +1 -1
  31. package/dist/dataGrid/withFlexibleColumns/withFlexibleColumns.js +1 -1
  32. package/dist/dataGrid/withSelectableRows/withSelectableRows.js +1 -1
  33. package/dist/dateInputInner/dateInputInnerControlBlock.js +57 -57
  34. package/dist/divider/divider.js +1 -1
  35. package/dist/dropdownRaw/dropdownRaw.js +1 -1
  36. package/dist/filtersBar/components/filtersBarPeriodPicker/filtersBarPeriodPicker.js +1 -1
  37. package/dist/filtersBar/filtersBarSidePanel/filtersBarSidePanel.js +31 -31
  38. package/dist/filtersBar/filtersContainer/filtersContainer.js +5 -16
  39. package/dist/header/components/collapsedItemsControl/collapsedItemsControl.js +1 -1
  40. package/dist/header/header.js +1 -1
  41. package/dist/header/headerMenu.js +1 -1
  42. package/dist/index.css +545 -452
  43. package/dist/list/itemData/itemDataInternal.js +1 -1
  44. package/dist/list/listItem/listItem.js +1 -1
  45. package/dist/menu/menu.js +1 -1
  46. package/dist/nav/navAddMenu/navAddMenu.js +1 -1
  47. package/dist/nav/navFooter/navFooter.js +4 -4
  48. package/dist/nav/navFooter/navFooterAction/navFooterAction.js +1 -1
  49. package/dist/nav/navHeader/navHeader.js +1 -1
  50. package/dist/nav/navHeader/navHeaderSearch/navHeaderSearch.js +1 -1
  51. package/dist/nav/navItem/navItem.js +2 -2
  52. package/dist/rangeRaw/rangeRaw.js +1 -1
  53. package/dist/rangeRaw/utils/rangeHelper.js +28 -28
  54. package/dist/sortControl/sortControl.js +1 -1
  55. package/dist/summary/summary.d.ts +2 -3
  56. package/dist/summary/summary.js +2 -6
  57. package/dist/summaryTileBar/summaryTileBar.js +1 -3
  58. package/dist/table/actions/actionsMenu.js +2 -2
  59. package/dist/table/flexible/columnsPopup.js +1 -1
  60. package/dist/table/table.js +7 -5
  61. package/dist/tabs/tabs.js +5 -16
  62. package/dist/toolbar/helpers/getWidthWithMargin.js +2 -2
  63. package/dist/tooltip/helpers/calculateArrowPosition.js +7 -1
  64. package/dist/tooltip/tooltip.js +5 -7
  65. package/dist/utils/localization/translations/ar.json +7 -7
  66. package/dist/utils/localization/translations/cs.json +7 -7
  67. package/dist/utils/localization/translations/da-DK.json +7 -7
  68. package/dist/utils/localization/translations/de.json +7 -7
  69. package/dist/utils/localization/translations/en.json +7 -7
  70. package/dist/utils/localization/translations/es.json +7 -7
  71. package/dist/utils/localization/translations/fi-FI.json +7 -7
  72. package/dist/utils/localization/translations/fr-FR.json +7 -7
  73. package/dist/utils/localization/translations/fr.json +7 -7
  74. package/dist/utils/localization/translations/hu-HU.json +7 -7
  75. package/dist/utils/localization/translations/id.json +7 -7
  76. package/dist/utils/localization/translations/it.json +7 -7
  77. package/dist/utils/localization/translations/ja.json +7 -7
  78. package/dist/utils/localization/translations/ko-KR.json +7 -7
  79. package/dist/utils/localization/translations/ms.json +7 -7
  80. package/dist/utils/localization/translations/nb-NO.json +7 -7
  81. package/dist/utils/localization/translations/nl.json +7 -7
  82. package/dist/utils/localization/translations/pl.json +7 -7
  83. package/dist/utils/localization/translations/pt-BR.json +7 -7
  84. package/dist/utils/localization/translations/pt-PT.json +7 -7
  85. package/dist/utils/localization/translations/ro-RO.json +7 -7
  86. package/dist/utils/localization/translations/sk-SK.json +7 -7
  87. package/dist/utils/localization/translations/sv.json +7 -7
  88. package/dist/utils/localization/translations/th.json +7 -7
  89. package/dist/utils/localization/translations/tr.json +7 -7
  90. package/dist/utils/localization/translations/zh-Hans.json +7 -7
  91. package/dist/utils/localization/translations/zh-TW.json +7 -7
  92. package/esm/advancedGroupsFilter/advancedGroupsFilterSectionTooltip.js +29 -29
  93. package/esm/calendar/calendar.js +1 -1
  94. package/esm/chart/lineChart/getDefaultOptions.js +2 -7
  95. package/esm/chart/lineChart/useSummary.d.ts +1 -2
  96. package/esm/columnsSelector/columnsSelector.js +1 -1
  97. package/esm/commonHelpers/arrowNavigation/arrowNavigationHelper.d.ts +1 -1
  98. package/esm/commonHelpers/arrowNavigation/arrowNavigationHelper.js +12 -29
  99. package/esm/commonHelpers/arrowNavigation/components/arrowButton/arrowButton.d.ts +1 -2
  100. package/esm/commonHelpers/arrowNavigation/components/arrowButton/arrowButton.js +2 -2
  101. package/esm/commonHelpers/arrowNavigation/hooks/useManualScrolling.js +2 -4
  102. package/esm/commonHelpers/arrowNavigation/hooks/useScrollWhileHolding.js +3 -12
  103. package/esm/commonHelpers/arrowNavigation/hooks/useScrolling.js +6 -18
  104. package/esm/dataFeed/dataFeed.js +2 -28
  105. package/esm/dataGrid/columns/actionsColumn/actionsButton.js +1 -1
  106. package/esm/dataGrid/withFlexibleColumns/withFlexibleColumns.js +1 -1
  107. package/esm/dataGrid/withSelectableRows/withSelectableRows.js +1 -1
  108. package/esm/dateInputInner/dateInputInnerControlBlock.js +57 -57
  109. package/esm/divider/divider.js +1 -1
  110. package/esm/dropdownRaw/dropdownRaw.js +1 -1
  111. package/esm/filtersBar/components/filtersBarPeriodPicker/filtersBarPeriodPicker.js +1 -1
  112. package/esm/filtersBar/filtersBarSidePanel/filtersBarSidePanel.js +31 -31
  113. package/esm/filtersBar/filtersContainer/filtersContainer.js +5 -16
  114. package/esm/header/components/collapsedItemsControl/collapsedItemsControl.js +1 -1
  115. package/esm/header/header.js +1 -1
  116. package/esm/header/headerMenu.js +1 -1
  117. package/esm/list/itemData/itemDataInternal.js +1 -1
  118. package/esm/list/listItem/listItem.js +1 -1
  119. package/esm/menu/menu.js +1 -1
  120. package/esm/nav/navAddMenu/navAddMenu.js +1 -1
  121. package/esm/nav/navFooter/navFooter.js +4 -4
  122. package/esm/nav/navFooter/navFooterAction/navFooterAction.js +1 -1
  123. package/esm/nav/navHeader/navHeader.js +1 -1
  124. package/esm/nav/navHeader/navHeaderSearch/navHeaderSearch.js +1 -1
  125. package/esm/nav/navItem/navItem.js +2 -2
  126. package/esm/rangeRaw/rangeRaw.js +1 -1
  127. package/esm/rangeRaw/utils/rangeHelper.js +28 -28
  128. package/esm/sortControl/sortControl.js +1 -1
  129. package/esm/summary/summary.d.ts +2 -3
  130. package/esm/summary/summary.js +2 -6
  131. package/esm/summaryTileBar/summaryTileBar.js +1 -3
  132. package/esm/table/actions/actionsMenu.js +2 -2
  133. package/esm/table/flexible/columnsPopup.js +1 -1
  134. package/esm/table/table.js +7 -5
  135. package/esm/tabs/tabs.js +5 -16
  136. package/esm/toolbar/helpers/getWidthWithMargin.js +2 -2
  137. package/esm/tooltip/helpers/calculateArrowPosition.js +7 -1
  138. package/esm/tooltip/tooltip.js +5 -7
  139. package/esm/utils/localization/translations/ar.json +7 -7
  140. package/esm/utils/localization/translations/cs.json +7 -7
  141. package/esm/utils/localization/translations/da-DK.json +7 -7
  142. package/esm/utils/localization/translations/de.json +7 -7
  143. package/esm/utils/localization/translations/en.json +7 -7
  144. package/esm/utils/localization/translations/es.json +7 -7
  145. package/esm/utils/localization/translations/fi-FI.json +7 -7
  146. package/esm/utils/localization/translations/fr-FR.json +7 -7
  147. package/esm/utils/localization/translations/fr.json +7 -7
  148. package/esm/utils/localization/translations/hu-HU.json +7 -7
  149. package/esm/utils/localization/translations/id.json +7 -7
  150. package/esm/utils/localization/translations/it.json +7 -7
  151. package/esm/utils/localization/translations/ja.json +7 -7
  152. package/esm/utils/localization/translations/ko-KR.json +7 -7
  153. package/esm/utils/localization/translations/ms.json +7 -7
  154. package/esm/utils/localization/translations/nb-NO.json +7 -7
  155. package/esm/utils/localization/translations/nl.json +7 -7
  156. package/esm/utils/localization/translations/pl.json +7 -7
  157. package/esm/utils/localization/translations/pt-BR.json +7 -7
  158. package/esm/utils/localization/translations/pt-PT.json +7 -7
  159. package/esm/utils/localization/translations/ro-RO.json +7 -7
  160. package/esm/utils/localization/translations/sk-SK.json +7 -7
  161. package/esm/utils/localization/translations/sv.json +7 -7
  162. package/esm/utils/localization/translations/th.json +7 -7
  163. package/esm/utils/localization/translations/tr.json +7 -7
  164. package/esm/utils/localization/translations/zh-Hans.json +7 -7
  165. package/esm/utils/localization/translations/zh-TW.json +7 -7
  166. package/package.json +1 -10
package/dist/index.css CHANGED
@@ -1,41 +1,41 @@
1
1
  @font-face {
2
- font-family: Roboto;
2
+ font-family: "Roboto";
3
3
  font-style: normal;
4
4
  font-weight: 300;
5
5
  src: url("./commonStyles/fonts/roboto/Roboto-Light.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-Light.woff") format("woff");
6
6
  }
7
7
  @font-face {
8
- font-family: Roboto;
8
+ font-family: "Roboto";
9
9
  font-style: normal;
10
10
  font-weight: 400;
11
11
  src: url("./commonStyles/fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-Regular.woff") format("woff");
12
12
  }
13
13
  @font-face {
14
- font-family: Roboto;
14
+ font-family: "Roboto";
15
15
  font-style: normal;
16
16
  font-weight: 500;
17
17
  src: url("./commonStyles/fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-Medium.woff") format("woff");
18
18
  }
19
19
  @font-face {
20
- font-family: Roboto;
20
+ font-family: "Roboto";
21
21
  font-style: normal;
22
22
  font-weight: 700;
23
23
  src: url("./commonStyles/fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-Bold.woff") format("woff");
24
24
  }
25
25
  @font-face {
26
- font-family: Roboto;
26
+ font-family: "Roboto";
27
27
  font-style: italic;
28
28
  font-weight: 300;
29
29
  src: url("./commonStyles/fonts/roboto/Roboto-LightItalic.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-LightItalic.woff") format("woff");
30
30
  }
31
31
  @font-face {
32
- font-family: Roboto;
32
+ font-family: "Roboto";
33
33
  font-style: italic;
34
34
  font-weight: 400;
35
35
  src: url("./commonStyles/fonts/roboto/Roboto-Italic.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-Italic.woff") format("woff");
36
36
  }
37
37
  @font-face {
38
- font-family: Roboto;
38
+ font-family: "Roboto";
39
39
  font-style: italic;
40
40
  font-weight: 700;
41
41
  src: url("./commonStyles/fonts/roboto/Roboto-BoldItalic.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-BoldItalic.woff") format("woff");
@@ -509,7 +509,7 @@ html:lang(ar) .zen-data-xs {
509
509
  text-transform: none;
510
510
  text-decoration: none;
511
511
  }
512
- @media (width <= 640px) {
512
+ @media (max-width: 640px) {
513
513
  .zen-heading-xl-300 {
514
514
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
515
515
  font-size: 1.25rem;
@@ -708,10 +708,10 @@ html:lang(ar) .zen-data-xs {
708
708
  }
709
709
  }
710
710
  :root {
711
- --main-font: roboto, "Segoe UI", segoe, "Helvetica Neue", helvetica, sans-serif;
712
- --main-font-data: "Roboto Mono", "Segoe UI", segoe, "Helvetica Neue", helvetica, sans-serif;
713
- --data-font-drive: "Roboto Mono", "Segoe UI", segoe, "Helvetica Neue", helvetica, sans-serif;
714
- --arabic-font-family: "Noto Sans Arabic", roboto, "Segoe UI", segoe, "Helvetica Neue", helvetica, sans-serif;
711
+ --main-font: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
712
+ --main-font-data: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
713
+ --data-font-drive: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
714
+ --arabic-font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
715
715
  }
716
716
  .label-01,
717
717
  .body-label-400 {
@@ -758,7 +758,7 @@ html:lang(ar) .label-01-mobile-drive,
758
758
  html:lang(ar) .mobile-label-400-drive {
759
759
  font-family: var(--arabic-font-family);
760
760
  }
761
- @media (width <= 640px) {
761
+ @media (max-width: 640px) {
762
762
  .tablet-label-400-drive {
763
763
  font-family: var(--main-font);
764
764
  font-size: 14px;
@@ -893,7 +893,7 @@ html:lang(ar) .body-01-mobile-drive,
893
893
  html:lang(ar) .mobile-body-l-400-drive {
894
894
  font-family: var(--arabic-font-family);
895
895
  }
896
- @media (width <= 640px) {
896
+ @media (max-width: 640px) {
897
897
  .tablet-body-l-400-drive {
898
898
  font-family: var(--main-font);
899
899
  font-size: 18px;
@@ -938,7 +938,7 @@ html:lang(ar) .body-02-short-mobile-drive,
938
938
  html:lang(ar) .mobile-body-m-400-short-drive {
939
939
  font-family: var(--arabic-font-family);
940
940
  }
941
- @media (width <= 640px) {
941
+ @media (max-width: 640px) {
942
942
  .tablet-body-m-400-short-drive {
943
943
  font-family: var(--main-font);
944
944
  font-size: 16px;
@@ -983,7 +983,7 @@ html:lang(ar) .body-02-tall-mobile-drive,
983
983
  html:lang(ar) .mobile-body-m-400-tall-drive {
984
984
  font-family: var(--arabic-font-family);
985
985
  }
986
- @media (width <= 640px) {
986
+ @media (max-width: 640px) {
987
987
  .tablet-body-m-400-tall-drive {
988
988
  font-family: var(--main-font);
989
989
  font-size: 16px;
@@ -1028,7 +1028,7 @@ html:lang(ar) .body-03-mobile-drive,
1028
1028
  html:lang(ar) .mobile-body-s-700-drive {
1029
1029
  font-family: var(--arabic-font-family);
1030
1030
  }
1031
- @media (width <= 640px) {
1031
+ @media (max-width: 640px) {
1032
1032
  .tablet-body-s-700-drive {
1033
1033
  font-family: var(--main-font);
1034
1034
  font-size: 14px;
@@ -1073,7 +1073,7 @@ html:lang(ar) .body-04-mobile-drive,
1073
1073
  html:lang(ar) .mobile-body-s-400-drive {
1074
1074
  font-family: var(--arabic-font-family);
1075
1075
  }
1076
- @media (width <= 640px) {
1076
+ @media (max-width: 640px) {
1077
1077
  .tablet-body-s-400-drive {
1078
1078
  font-family: var(--main-font);
1079
1079
  font-size: 14px;
@@ -1118,7 +1118,7 @@ html:lang(ar) .body-05-mobile-drive,
1118
1118
  html:lang(ar) .mobile-body-s-400-italic-drive {
1119
1119
  font-family: var(--arabic-font-family);
1120
1120
  }
1121
- @media (width <= 640px) {
1121
+ @media (max-width: 640px) {
1122
1122
  .tablet-body-s-400-italic-drive {
1123
1123
  font-family: var(--main-font);
1124
1124
  font-size: 14px;
@@ -1163,7 +1163,7 @@ html:lang(ar) .heading-01-mobile,
1163
1163
  html:lang(ar) .heading-xl-300-mobile {
1164
1164
  font-family: var(--arabic-font-family);
1165
1165
  }
1166
- @media (width <= 640px) {
1166
+ @media (max-width: 640px) {
1167
1167
  .heading-xl-300 {
1168
1168
  font-family: var(--main-font);
1169
1169
  font-size: 20px;
@@ -1223,7 +1223,7 @@ html:lang(ar) .heading-03-mobile,
1223
1223
  html:lang(ar) .heading-m-300-mobile {
1224
1224
  font-family: var(--arabic-font-family);
1225
1225
  }
1226
- @media (width <= 640px) {
1226
+ @media (max-width: 640px) {
1227
1227
  .heading-m-300 {
1228
1228
  font-family: var(--main-font);
1229
1229
  font-size: 18px;
@@ -1326,7 +1326,7 @@ html:lang(ar) .heading-01-mobile-drive,
1326
1326
  html:lang(ar) .mobile-heading-xl-300-drive {
1327
1327
  font-family: var(--arabic-font-family);
1328
1328
  }
1329
- @media (width <= 640px) {
1329
+ @media (max-width: 640px) {
1330
1330
  .tablet-heading-xl-300-drive {
1331
1331
  font-family: var(--main-font);
1332
1332
  font-size: 24px;
@@ -1371,7 +1371,7 @@ html:lang(ar) .heading-02-mobile-drive,
1371
1371
  html:lang(ar) .mobile-heading-l-400-drive {
1372
1372
  font-family: var(--arabic-font-family);
1373
1373
  }
1374
- @media (width <= 640px) {
1374
+ @media (max-width: 640px) {
1375
1375
  .tablet-heading-l-400-drive {
1376
1376
  font-family: var(--main-font);
1377
1377
  font-size: 22px;
@@ -1416,7 +1416,7 @@ html:lang(ar) .heading-03-mobile-drive,
1416
1416
  html:lang(ar) .mobile-heading-m-300-drive {
1417
1417
  font-family: var(--arabic-font-family);
1418
1418
  }
1419
- @media (width <= 640px) {
1419
+ @media (max-width: 640px) {
1420
1420
  .tablet-heading-m-300-drive {
1421
1421
  font-family: var(--main-font);
1422
1422
  font-size: 18px;
@@ -1461,7 +1461,7 @@ html:lang(ar) .heading-04-mobile-drive,
1461
1461
  html:lang(ar) .mobile-heading-m-500-drive {
1462
1462
  font-family: var(--arabic-font-family);
1463
1463
  }
1464
- @media (width <= 640px) {
1464
+ @media (max-width: 640px) {
1465
1465
  .tablet-heading-m-500-drive {
1466
1466
  font-family: var(--main-font);
1467
1467
  font-size: 18px;
@@ -1506,7 +1506,7 @@ html:lang(ar) .heading-05-mobile-drive,
1506
1506
  html:lang(ar) .mobile-heading-s-500-drive {
1507
1507
  font-family: var(--arabic-font-family);
1508
1508
  }
1509
- @media (width <= 640px) {
1509
+ @media (max-width: 640px) {
1510
1510
  .tablet-heading-s-500-drive {
1511
1511
  font-family: var(--main-font);
1512
1512
  font-size: 16px;
@@ -1577,7 +1577,7 @@ html:lang(ar) .heading-07-mobile-drive,
1577
1577
  html:lang(ar) .mobile-heading-s-300-drive {
1578
1578
  font-family: var(--arabic-font-family);
1579
1579
  }
1580
- @media (width <= 640px) {
1580
+ @media (max-width: 640px) {
1581
1581
  .tablet-heading-s-300-drive {
1582
1582
  font-family: var(--main-font);
1583
1583
  font-size: 16px;
@@ -1712,7 +1712,7 @@ html:lang(ar) .data-01-mobile-drive,
1712
1712
  html:lang(ar) .mobile-data-xl-drive {
1713
1713
  font-family: var(--data-font-drive);
1714
1714
  }
1715
- @media (width <= 640px) {
1715
+ @media (max-width: 640px) {
1716
1716
  .tablet-data-xl-drive {
1717
1717
  font-family: var(--data-font-drive);
1718
1718
  font-size: 32px;
@@ -1757,7 +1757,7 @@ html:lang(ar) .data-02-mobile-drive,
1757
1757
  html:lang(ar) .mobile-data-l-drive {
1758
1758
  font-family: var(--data-font-drive);
1759
1759
  }
1760
- @media (width <= 640px) {
1760
+ @media (max-width: 640px) {
1761
1761
  .tablet-data-l-drive {
1762
1762
  font-family: var(--data-font-drive);
1763
1763
  font-size: 20px;
@@ -1802,7 +1802,7 @@ html:lang(ar) .data-03-mobile-drive,
1802
1802
  html:lang(ar) .mobile-data-m-drive {
1803
1803
  font-family: var(--data-font-drive);
1804
1804
  }
1805
- @media (width <= 640px) {
1805
+ @media (max-width: 640px) {
1806
1806
  .tablet-data-m-drive {
1807
1807
  font-family: var(--data-font-drive);
1808
1808
  font-size: 16px;
@@ -1847,7 +1847,7 @@ html:lang(ar) .data-04-mobile-drive,
1847
1847
  html:lang(ar) .mobile-data-s-drive {
1848
1848
  font-family: var(--data-font-drive);
1849
1849
  }
1850
- @media (width <= 640px) {
1850
+ @media (max-width: 640px) {
1851
1851
  .tablet-data-s-drive {
1852
1852
  font-family: var(--data-font-drive);
1853
1853
  font-size: 16px;
@@ -1870,9 +1870,9 @@ html:lang(ar) .mobile-data-s-drive {
1870
1870
  --text-nav-highlight: #0069bf;
1871
1871
  --text-error-message: #c51a11;
1872
1872
  --text-button-disabled: #c0ccd8;
1873
- --text-reverse-primary: #fff;
1873
+ --text-reverse-primary: #ffffff;
1874
1874
  --text-reverse-primary-button: var(--text-reverse-primary);
1875
- --backgrounds-main: #fff;
1875
+ --backgrounds-main: #ffffff;
1876
1876
  --backgrounds-content-0: #f9fafb;
1877
1877
  --backgrounds-content-1: #f2f5f7;
1878
1878
  --backgrounds-content-2: #d9e1e8;
@@ -1927,7 +1927,7 @@ html:lang(ar) .mobile-data-s-drive {
1927
1927
  --data--categorical-grey: #8a94a2;
1928
1928
  }
1929
1929
  .zen-dark {
1930
- --text-primary: #fff;
1930
+ --text-primary: #ffffff;
1931
1931
  --text-secondary: #c0ccd8;
1932
1932
  --text-placeholder: #a6b8c9;
1933
1933
  --text-hyperlink: #ebf6ff;
@@ -1945,7 +1945,7 @@ html:lang(ar) .mobile-data-s-drive {
1945
1945
  --backgrounds-overlay: rgba(31, 40, 51, 0.4);
1946
1946
  --backgrounds-primary-brand: #4cb2ff;
1947
1947
  --backgrounds-reverse-2: #5282cb;
1948
- --backgrounds-reverse-1: #fff;
1948
+ --backgrounds-reverse-1: #ffffff;
1949
1949
  --backgrounds-reverse-0: #f2f5f7;
1950
1950
  --borders-general: #748faa;
1951
1951
  --borders-secondary: #c0ccd8;
@@ -1991,7 +1991,7 @@ html:lang(ar) .mobile-data-s-drive {
1991
1991
  justify-content: center;
1992
1992
  }
1993
1993
  .zen-caption--center .zen-caption__content {
1994
- margin-inline-end: 0;
1994
+ margin-right: 0;
1995
1995
  }
1996
1996
  .zen-caption--full-width {
1997
1997
  width: 100%;
@@ -2000,14 +2000,15 @@ html:lang(ar) .mobile-data-s-drive {
2000
2000
  line-height: 16px;
2001
2001
  font-weight: 400;
2002
2002
  white-space: nowrap;
2003
- margin-inline: 0 auto;
2003
+ margin-left: 0;
2004
+ margin-right: auto;
2004
2005
  }
2005
2006
  .zen-caption--hidden {
2006
2007
  display: none;
2007
2008
  }
2008
2009
  .zen-caption--wrapped .zen-caption__content {
2009
2010
  white-space: normal;
2010
- overflow-wrap: break-word;
2011
+ word-wrap: break-word;
2011
2012
  }
2012
2013
  .zen-caption.zen-caption {
2013
2014
  display: inline-flex;
@@ -2016,20 +2017,24 @@ html:lang(ar) .mobile-data-s-drive {
2016
2017
  overflow: hidden;
2017
2018
  text-overflow: ellipsis;
2018
2019
  white-space: nowrap;
2019
- overflow-wrap: normal;
2020
+ word-wrap: normal;
2020
2021
  }
2021
2022
  .zen-not-selectable {
2022
2023
  -webkit-touch-callout: none;
2024
+ -webkit-user-select: none;
2025
+ -khtml-user-select: none;
2026
+ -moz-user-select: none;
2027
+ -ms-user-select: none;
2023
2028
  user-select: none;
2024
2029
  }
2025
2030
  .zen-shadow-dropdown-default {
2026
- box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
2031
+ box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
2027
2032
  }
2028
2033
  .zen-card-shadow {
2029
- box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
2034
+ box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
2030
2035
  }
2031
2036
  .zen-chip-shadow {
2032
- box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
2037
+ box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
2033
2038
  }
2034
2039
  .zenIcons_pdf {
2035
2040
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%236a0000%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e00%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22d%22%20x1%3D%2215.139%22%20x2%3D%2218.633%22%20y1%3D%2210.443%22%20y2%3D%2231.32%22%20gradientTransform%3D%22matrix(1.73%200%200%201.939%20245.97%20385.974)%22%20gradientUnits%3D%22userSpaceOnUse%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3ClinearGradient%20id%3D%22b%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f8f8f7%22%2F%3E%3Cstop%20offset%3D%22.599%22%20stop-color%3D%22%23e8e8e8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e2e2de%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22c%22%20x1%3D%2220.794%22%20x2%3D%2235.596%22%20y1%3D%2218.379%22%20y2%3D%2239.6%22%20gradientTransform%3D%22matrix(1.343%200%200%201.235%20246.554%20404.243)%22%20gradientUnits%3D%22userSpaceOnUse%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-254.286%20-410.076)%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20x%3D%22254.287%22%20y%3D%22410.086%22%20fill%3D%22none%22%20color%3D%22%23000%22%20overflow%3D%22visible%22%20ry%3D%22.002%22%2F%3E%3Crect%20width%3D%2238.997%22%20height%3D%2245.003%22%20x%3D%22259.275%22%20y%3D%22412.317%22%20fill%3D%22url(%23c)%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23888a85%22%20rx%3D%22.567%22%20ry%3D%22.567%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20fill-rule%3D%22evenodd%22%20d%3D%22M293.774%20420.82h-30v2h30zM295.384%20425.973h-32.763v2.26h32.763zM295.384%20432.753h-32.763v2.26h32.763zM295.384%20439.533h-32.763v2.26h32.763z%22%20color%3D%22%23000%22%20overflow%3D%22visible%22%2F%3E%3Crect%20width%3D%2237.026%22%20height%3D%2243.022%22%20x%3D%22260.273%22%20y%3D%22413.32%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20rx%3D%220%22%20ry%3D%220%22%2F%3E%3Cpath%20fill%3D%22url(%23d)%22%20d%3D%22M254.785%20424.292v21.454h46.844v-21.454h-46.844z%22%2F%3E%3Cg%20fill%3D%22%23fff%22%20font-family%3D%22Bitstream%20Vera%20Sans%22%20font-size%3D%2212.448%22%20font-weight%3D%22bold%22%3E%3Cpath%20style%3D%22-inkscape-font-specification%3ABitstream%20Charter%20Bold%22%20d%3D%22M260.745%20427.96h5.398c1.605%200%202.836.401%203.692%201.203.862.795%201.292%201.932%201.293%203.409%200%201.483-.431%202.626-1.293%203.428-.856.795-2.087%201.193-3.692%201.193h-2.146v4.905h-3.252v-14.137m3.252%202.642v3.948h1.799c.631%200%201.118-.17%201.461-.511.344-.347.515-.836.515-1.468%200-.631-.172-1.117-.515-1.458-.344-.341-.831-.511-1.461-.511h-1.799M276.669%20430.715v8.626h1.166c1.329%200%202.343-.369%203.041-1.108.704-.739%201.056-1.812%201.056-3.219%200-1.401-.349-2.468-1.048-3.2-.698-.732-1.715-1.098-3.05-1.098h-1.166m-3.252-2.755h3.43c1.915%200%203.34.155%204.275.464a5.514%205.514%200%200%201%202.416%201.553%206.165%206.165%200%200%201%201.318%202.206c.287.833.431%201.777.431%202.831%200%201.067-.144%202.02-.431%202.86a6.157%206.157%200%200%201-1.318%202.206%205.647%205.647%200%200%201-2.433%201.562c-.946.303-2.365.455-4.258.455h-3.43v-14.137M287.778%20427.96h8.777v2.755h-5.525v2.632h5.195v2.755h-5.195v5.994h-3.252v-14.137%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23700000%22%20stroke-width%3D%221.62%22%20d%3D%22M254.746%20445.649l46.834-.151v-21.079%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
@@ -2046,7 +2051,7 @@ html:lang(ar) .mobile-data-s-drive {
2046
2051
  cursor: pointer;
2047
2052
  background: none;
2048
2053
  border: none;
2049
- overflow-wrap: break-word;
2054
+ word-wrap: break-word;
2050
2055
  }
2051
2056
  .zen-link:hover,
2052
2057
  .zen-link:focus,
@@ -2092,7 +2097,7 @@ html:lang(ar) .mobile-data-s-drive {
2092
2097
  overflow: hidden;
2093
2098
  text-overflow: ellipsis;
2094
2099
  white-space: nowrap;
2095
- overflow-wrap: normal;
2100
+ word-wrap: normal;
2096
2101
  }
2097
2102
  .zen-select-button {
2098
2103
  display: flex;
@@ -2109,7 +2114,7 @@ html:lang(ar) .mobile-data-s-drive {
2109
2114
  overflow: hidden;
2110
2115
  text-overflow: ellipsis;
2111
2116
  white-space: nowrap;
2112
- overflow-wrap: normal;
2117
+ word-wrap: normal;
2113
2118
  }
2114
2119
  .zen-select-button:hover,
2115
2120
  .zen-select-button:focus {
@@ -2133,13 +2138,16 @@ html:lang(ar) .mobile-data-s-drive {
2133
2138
  grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
2134
2139
  grid-template-rows: auto auto;
2135
2140
  gap: 0.25rem 0.5rem;
2136
- place-items: center start;
2141
+ align-items: center;
2142
+ justify-items: start;
2137
2143
  }
2138
2144
  .zen-range-field-wrapper-row {
2139
2145
  display: grid;
2140
- place-items: center start;
2146
+ align-items: center;
2147
+ justify-items: start;
2141
2148
  grid-template-columns: minmax(1.5rem, 2rem) minmax(4rem, 4rem) minmax(1.5rem, 2rem) minmax(1.5rem, 2rem) minmax(4rem, 4rem) minmax(1.5rem, 2rem);
2142
- gap: 0.25rem 0.5rem;
2149
+ row-gap: 0.25rem;
2150
+ column-gap: 0.5rem;
2143
2151
  }
2144
2152
  :root {
2145
2153
  --border-width-default: 1px;
@@ -2149,6 +2157,7 @@ html:lang(ar) .mobile-data-s-drive {
2149
2157
  --mobile: 640px;
2150
2158
  }
2151
2159
  .zen-visually-hidden {
2160
+ clip: rect(0 0 0 0);
2152
2161
  clip-path: inset(50%);
2153
2162
  height: 1px;
2154
2163
  overflow: hidden;
@@ -2683,8 +2692,8 @@ html:lang(ar) .zen-button--mobile {
2683
2692
  }
2684
2693
  .zen-calculate-position {
2685
2694
  position: absolute;
2686
- inset-inline-start: 0;
2687
- inset-block-start: 0;
2695
+ left: 0;
2696
+ top: 0;
2688
2697
  opacity: 0.01;
2689
2698
  max-height: 1px;
2690
2699
  }
@@ -2770,7 +2779,7 @@ html:lang(ar) .zen-accordion {
2770
2779
  background-color: var(--backgrounds-content-1);
2771
2780
  font-size: 14px;
2772
2781
  line-height: 16px;
2773
- border: 0;
2782
+ border: 0px;
2774
2783
  font-style: normal;
2775
2784
  font-weight: 400;
2776
2785
  letter-spacing: 0.02rem;
@@ -2785,7 +2794,7 @@ html:lang(ar) .zen-accordion {
2785
2794
  }
2786
2795
  .zen-accordion__header-button .zen-accordion__header-arrow {
2787
2796
  fill: var(--action-secondary--default);
2788
- margin-inline-start: auto;
2797
+ margin-left: auto;
2789
2798
  }
2790
2799
  .zen-accordion__header-button .zen-accordion__header-arrow--rotated {
2791
2800
  transform: rotate(180deg);
@@ -2816,7 +2825,7 @@ html:lang(ar) .zen-accordion {
2816
2825
  }
2817
2826
  .zen-accordion--legacy .zen-accordion__header-button {
2818
2827
  background-color: var(--backgrounds-main);
2819
- border-radius: 0;
2828
+ border-radius: 0px;
2820
2829
  color: var(--text-primary);
2821
2830
  fill: var(--action-secondary--default);
2822
2831
  }
@@ -2900,7 +2909,6 @@ html:lang(ar) .zen-accordion {
2900
2909
  }
2901
2910
  .zen-banner__block--multiline {
2902
2911
  height: unset;
2903
- flex-wrap: wrap;
2904
2912
  }
2905
2913
  .zen-banner__block--XXL {
2906
2914
  max-width: 100%;
@@ -2925,6 +2933,9 @@ html:lang(ar) .zen-accordion {
2925
2933
  max-width: 22.5rem;
2926
2934
  min-width: 16.75rem;
2927
2935
  }
2936
+ .zen-banner__block--multiline {
2937
+ flex-wrap: wrap;
2938
+ }
2928
2939
  .zen-banner__multiline-container {
2929
2940
  display: flex;
2930
2941
  align-items: center;
@@ -2994,7 +3005,7 @@ html:lang(ar) .zen-banner__header {
2994
3005
  overflow: hidden;
2995
3006
  text-overflow: ellipsis;
2996
3007
  white-space: nowrap;
2997
- overflow-wrap: normal;
3008
+ word-wrap: normal;
2998
3009
  text-align: start;
2999
3010
  margin-inline-end: auto;
3000
3011
  max-width: 64.6875rem;
@@ -3010,7 +3021,7 @@ html:lang(ar) .zen-banner__message {
3010
3021
  .zen-banner__message--drive,
3011
3022
  .zen-banner__message--drive-tablet {
3012
3023
  max-width: 28.25rem;
3013
- padding-block-start: 0.25rem;
3024
+ padding-top: 0.25rem;
3014
3025
  }
3015
3026
  .zen-banner__message--drive {
3016
3027
  font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -3034,6 +3045,7 @@ html:lang(ar) .zen-banner__message {
3034
3045
  }
3035
3046
  .zen-banner__message--mobile {
3036
3047
  max-width: unset;
3048
+ overflow: unset;
3037
3049
  text-overflow: unset;
3038
3050
  white-space: unset;
3039
3051
  display: -webkit-box;
@@ -3214,7 +3226,7 @@ html:lang(ar) .zen-banner .zen-banner__summary-error-link {
3214
3226
  line-height: 1rem;
3215
3227
  text-transform: none;
3216
3228
  text-decoration: none;
3217
- box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
3229
+ box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
3218
3230
  display: flex;
3219
3231
  position: absolute;
3220
3232
  background-color: var(--backgrounds-content-1);
@@ -3324,33 +3336,41 @@ html:lang(ar) .zen-tooltip__title {
3324
3336
  position: absolute;
3325
3337
  border-style: solid;
3326
3338
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.2));
3327
- border-width: 6px;
3328
- border-color: transparent;
3329
- /* stylelint-disable */
3330
- /* stylelint-enable */
3331
3339
  }
3332
3340
  .zen-tooltip__arrow--top {
3333
- top: 100%;
3334
- left: 50%;
3335
- border-top-color: var(--backgrounds-content-1);
3341
+ inset-block-start: 100%;
3342
+ inset-inline-start: 50%;
3343
+ border-color: var(--backgrounds-content-1) transparent transparent transparent;
3344
+ border-width: 6px 5px 0 5px;
3336
3345
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.2));
3337
3346
  }
3338
3347
  .zen-tooltip__arrow--bottom {
3339
3348
  bottom: 100%;
3340
- left: 0.875rem;
3341
- border-bottom-color: var(--backgrounds-content-1);
3349
+ inset-inline-start: 0.875rem;
3350
+ border-color: transparent transparent var(--backgrounds-content-1) transparent;
3351
+ border-width: 0 5px 6px 5px;
3342
3352
  filter: drop-shadow(0 -4px 4px rgba(0, 0, 0, 0.2));
3343
3353
  }
3344
3354
  .zen-tooltip__arrow--right {
3345
- right: 100%;
3346
- border-right-color: var(--backgrounds-content-1);
3355
+ inset-inline-end: 100%;
3356
+ border-color: transparent var(--backgrounds-content-1) transparent transparent;
3357
+ border-width: 5px 6px 5px 0;
3347
3358
  filter: drop-shadow(-4px 0 4px rgba(0, 0, 0, 0.2));
3348
3359
  }
3360
+ [dir="rtl"] .zen-tooltip__arrow--right {
3361
+ border-color: transparent transparent transparent var(--backgrounds-content-1);
3362
+ filter: drop-shadow(4px 0 4px rgba(0, 0, 0, 0.2));
3363
+ }
3349
3364
  .zen-tooltip__arrow--left {
3350
- left: 100%;
3351
- border-left-color: var(--backgrounds-content-1);
3365
+ inset-inline-start: 100%;
3366
+ border-color: transparent transparent transparent var(--backgrounds-content-1);
3367
+ border-width: 5px 0 6px 5px;
3352
3368
  filter: drop-shadow(4px 0 4px rgba(0, 0, 0, 0.2));
3353
3369
  }
3370
+ [dir="rtl"] .zen-tooltip__arrow--left {
3371
+ border-color: transparent var(--backgrounds-content-1) transparent transparent;
3372
+ filter: drop-shadow(-4px 0 4px rgba(0, 0, 0, 0.2));
3373
+ }
3354
3374
  .zen-tooltip__trigger {
3355
3375
  color: var(--text-secondary);
3356
3376
  fill: var(--text-secondary);
@@ -3370,8 +3390,10 @@ html:lang(ar) .zen-tooltip__title {
3370
3390
  .zen-shield {
3371
3391
  box-sizing: border-box;
3372
3392
  position: fixed;
3373
- inset-block: 0;
3374
- inset-inline: 0;
3393
+ top: 0;
3394
+ bottom: 0;
3395
+ left: 0;
3396
+ right: 0;
3375
3397
  z-index: 10006;
3376
3398
  background-color: #000;
3377
3399
  opacity: 0.1;
@@ -3415,7 +3437,7 @@ html:lang(ar) .zen-tooltip__title {
3415
3437
  justify-content: center;
3416
3438
  }
3417
3439
  .zen-text-icon-button .zen-caption__content {
3418
- margin-inline-end: 0;
3440
+ margin-right: 0;
3419
3441
  }
3420
3442
  .zen-field-label {
3421
3443
  display: flex;
@@ -3465,7 +3487,6 @@ html:lang(ar) .zen-field-label__text {
3465
3487
  }
3466
3488
  .zen-card-container--absolute {
3467
3489
  flex-shrink: 0;
3468
- min-width: unset;
3469
3490
  }
3470
3491
  .zen-card-container--extra-extra-large {
3471
3492
  min-height: 26.125rem;
@@ -3522,7 +3543,7 @@ html:lang(ar) .zen-field-label__text {
3522
3543
  min-width: 0;
3523
3544
  max-width: unset;
3524
3545
  }
3525
- @media (width <= 640px) {
3546
+ @media (max-width: 640px) {
3526
3547
  .zen-card-container {
3527
3548
  max-width: unset;
3528
3549
  }
@@ -3813,7 +3834,8 @@ html:lang(ar) .zen-card__secondary {
3813
3834
  overflow: hidden;
3814
3835
  }
3815
3836
  .zen-card__content--overflow-scroll {
3816
- overflow: hidden auto;
3837
+ overflow-x: hidden;
3838
+ overflow-y: auto;
3817
3839
  }
3818
3840
  .zen-card__header-right {
3819
3841
  margin-inline-start: auto;
@@ -3979,7 +4001,8 @@ html:lang(ar) .zen-menu-button__action {
3979
4001
  overflow: hidden;
3980
4002
  text-overflow: ellipsis;
3981
4003
  white-space: nowrap;
3982
- margin-inline: 0 auto;
4004
+ margin-inline-start: 0;
4005
+ margin-inline-end: auto;
3983
4006
  }
3984
4007
  .zen-menu-button__action--drive,
3985
4008
  .zen-menu-button__action--drive-tablet {
@@ -4034,13 +4057,13 @@ html:lang(ar) .zen-menu-button__action {
4034
4057
  line-height: 1rem;
4035
4058
  text-transform: none;
4036
4059
  text-decoration: none;
4037
- box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
4060
+ box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
4038
4061
  border-radius: var(--border-radius-default);
4039
4062
  box-sizing: border-box;
4040
4063
  background-color: var(--backgrounds-main);
4041
4064
  padding: 0.25rem 0;
4042
- max-height: 90vb;
4043
- border: 0;
4065
+ max-height: 90vh;
4066
+ border: 0px;
4044
4067
  min-height: 1.875rem;
4045
4068
  min-width: 10.625rem;
4046
4069
  max-width: 26.25rem;
@@ -4063,17 +4086,18 @@ html:lang(ar) .zen-popup {
4063
4086
  }
4064
4087
  .zen-popup--block {
4065
4088
  padding: 0.25rem 0;
4066
- box-shadow: 0 2px 6px rgba(11, 32, 50, 0.2);
4089
+ box-shadow: 0px 2px 6px rgba(11, 32, 50, 0.2);
4067
4090
  border-radius: var(--border-radius-default);
4068
4091
  }
4069
- @media (width <= 640px) {
4092
+ @media (max-width: 640px) {
4070
4093
  .zen-popup {
4071
4094
  max-width: 100%;
4072
4095
  }
4073
4096
  }
4074
4097
  .zen-menu-separator {
4075
- list-style-type: none;
4076
4098
  border-block-start: 1px solid var(--borders-general);
4099
+ list-style-type: none;
4100
+ border-top: 1px solid var(--borders-general);
4077
4101
  height: 0;
4078
4102
  }
4079
4103
  .zen-side-panel {
@@ -4127,7 +4151,8 @@ html:lang(ar) .zen-side-panel {
4127
4151
  display: flex;
4128
4152
  }
4129
4153
  .zen-side-panel--left-positioned {
4130
- inset-inline: 0 auto;
4154
+ inset-inline-start: 0;
4155
+ inset-inline-end: auto;
4131
4156
  transform: translateX(-100%);
4132
4157
  border-start-start-radius: 0;
4133
4158
  border-end-start-radius: 0;
@@ -4167,12 +4192,13 @@ html:lang(ar) .zen-side-panel {
4167
4192
  border-start-end-radius: var(--border-radius-default);
4168
4193
  border-end-end-radius: 0;
4169
4194
  transform: translateY(100%);
4170
- inset-block: auto 0;
4195
+ inset-block-start: auto;
4196
+ inset-block-end: 0;
4171
4197
  }
4172
4198
  .zen-side-panel.zen-side-panel--bottom-positioned.zen-side-panel--shown {
4173
4199
  transform: translateY(0);
4174
4200
  }
4175
- @media (width <= 640px) {
4201
+ @media (max-width: 640px) {
4176
4202
  .zen-side-panel {
4177
4203
  width: 100%;
4178
4204
  min-width: 100%;
@@ -4209,18 +4235,21 @@ html:lang(ar) .zen-side-panel {
4209
4235
  text-transform: none;
4210
4236
  text-decoration: none;
4211
4237
  color: var(--text-primary);
4212
- margin-block: 0 1rem;
4238
+ margin-block-start: 0;
4213
4239
  margin-inline: 0;
4240
+ margin-block-end: 1rem;
4214
4241
  }
4215
4242
  html:lang(ar) .zen-side-panel-cell__title {
4216
4243
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
4217
4244
  }
4218
4245
  .zen-side-panel-cell__footer {
4219
- margin-block: 1rem 0;
4246
+ margin-block-start: 1rem;
4220
4247
  margin-inline: 0;
4248
+ margin-block-end: 0;
4221
4249
  }
4222
4250
  .zen-side-panel-cell--no-padding {
4223
- padding-inline: 0;
4251
+ padding-inline-start: 0;
4252
+ padding-inline-end: 0;
4224
4253
  }
4225
4254
  .zen-side-panel-cell--no-padding .zen-side-panel-cell__title {
4226
4255
  padding-inline-start: 1rem;
@@ -4348,7 +4377,7 @@ html:lang(ar) .zen-toast__header {
4348
4377
  overflow: hidden;
4349
4378
  text-overflow: ellipsis;
4350
4379
  white-space: nowrap;
4351
- overflow-wrap: normal;
4380
+ word-wrap: normal;
4352
4381
  justify-self: end;
4353
4382
  }
4354
4383
  .zen-toast__progress {
@@ -4356,7 +4385,7 @@ html:lang(ar) .zen-toast__header {
4356
4385
  transition: width 0.3s linear;
4357
4386
  }
4358
4387
  .zen-toast__progress--active {
4359
- border-radius: 4px 0 0;
4388
+ border-radius: 4px 0 0 0;
4360
4389
  }
4361
4390
  .zen-toast__progress--info {
4362
4391
  background-color: var(--accents-general--detail);
@@ -4374,7 +4403,7 @@ html:lang(ar) .zen-toast__header {
4374
4403
  line-height: 1.75rem;
4375
4404
  text-transform: none;
4376
4405
  text-decoration: none;
4377
- box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
4406
+ box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
4378
4407
  position: relative;
4379
4408
  display: flex;
4380
4409
  flex-direction: row;
@@ -4399,7 +4428,7 @@ html:lang(ar) .zen-alert {
4399
4428
  .zen-alert::before {
4400
4429
  content: "";
4401
4430
  position: absolute;
4402
- inset-block-start: 0;
4431
+ top: 0;
4403
4432
  inset-inline-start: -0.25rem;
4404
4433
  width: 0.5rem;
4405
4434
  height: 100%;
@@ -4444,7 +4473,7 @@ html:lang(ar) .zen-alert__body {
4444
4473
  overflow: hidden;
4445
4474
  text-overflow: ellipsis;
4446
4475
  white-space: nowrap;
4447
- overflow-wrap: normal;
4476
+ word-wrap: normal;
4448
4477
  }
4449
4478
  .zen-alert__text {
4450
4479
  display: -webkit-box;
@@ -4462,7 +4491,7 @@ html:lang(ar) .zen-alert__body {
4462
4491
  -webkit-box-orient: vertical;
4463
4492
  overflow: hidden;
4464
4493
  text-overflow: ellipsis;
4465
- padding-block-start: 0.125rem;
4494
+ padding-top: 0.125rem;
4466
4495
  color: var(--text-primary);
4467
4496
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
4468
4497
  font-size: 0.875rem;
@@ -4588,7 +4617,7 @@ html:lang(ar) .zen-alert__title {
4588
4617
  text-decoration: none;
4589
4618
  }
4590
4619
  .zen-alert--drive .zen-alert__icon {
4591
- padding-block-start: 0.125rem;
4620
+ padding-top: 0.125rem;
4592
4621
  }
4593
4622
  .zen-alert--mobile {
4594
4623
  max-width: 100%;
@@ -4639,7 +4668,8 @@ html:lang(ar) .zen-alert__title {
4639
4668
  text-decoration: none;
4640
4669
  color: var(--text-secondary);
4641
4670
  padding-block: 0.75rem;
4642
- padding-inline: 0.75rem 0.5rem;
4671
+ padding-inline-start: 0.75rem;
4672
+ padding-inline-end: 0.5rem;
4643
4673
  display: flex;
4644
4674
  justify-content: space-between;
4645
4675
  align-items: center;
@@ -4705,7 +4735,7 @@ html:lang(ar) .zen-mobile-sheet__title {
4705
4735
  min-width: 32.5rem;
4706
4736
  inset-inline-start: calc(50% - (260 / 16rem));
4707
4737
  }
4708
- @media (width <= 520px) {
4738
+ @media (max-width: 520px) {
4709
4739
  .zen-mobile-sheet-wrapper--drive.zen-mobile-sheet-wrapper--drive,
4710
4740
  .zen-mobile-sheet-wrapper--drive-tablet.zen-mobile-sheet-wrapper--drive-tablet {
4711
4741
  max-width: 100%;
@@ -4750,10 +4780,12 @@ html:lang(ar) .zen-mobile-sheet__title {
4750
4780
  z-index: 11007;
4751
4781
  }
4752
4782
  .zen-card-button--drive-tablet {
4753
- padding-block: 0.75rem;
4783
+ padding-block-start: 0.75rem;
4784
+ padding-block-end: 0.75rem;
4754
4785
  }
4755
4786
  .zen-card-button--drive {
4756
- padding-block: 0.6875rem;
4787
+ padding-block-start: 0.6875rem;
4788
+ padding-block-end: 0.6875rem;
4757
4789
  }
4758
4790
  .zen-favorite-button {
4759
4791
  display: flex;
@@ -4837,12 +4869,13 @@ html:lang(ar) .zen-data-feed {
4837
4869
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
4838
4870
  }
4839
4871
  .zen-data-feed__item-container {
4840
- box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
4872
+ box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
4841
4873
  display: flex;
4842
4874
  }
4843
4875
  .zen-data-feed__action-container {
4844
4876
  padding-block-start: 0.5rem;
4845
- padding-inline: 0.25rem 0.5rem;
4877
+ padding-inline-end: 0.5rem;
4878
+ padding-inline-start: 0.25rem;
4846
4879
  }
4847
4880
  .zen-data-feed__content {
4848
4881
  flex: 1 1 auto;
@@ -4879,6 +4912,7 @@ html:lang(ar) .zen-data-feed {
4879
4912
  .zen-data-grid-not-interactive-mixin {
4880
4913
  pointer-events: none;
4881
4914
  user-select: none;
4915
+ -webkit-user-select: none;
4882
4916
  -webkit-user-drag: none;
4883
4917
  }
4884
4918
  .zen-data-grid-loading-mixin {
@@ -5028,6 +5062,7 @@ html:lang(ar) .zen-data-grid__row-cell {
5028
5062
  .zen-data-grid__row-cell--loading {
5029
5063
  pointer-events: none;
5030
5064
  user-select: none;
5065
+ -webkit-user-select: none;
5031
5066
  -webkit-user-drag: none;
5032
5067
  filter: blur(7px);
5033
5068
  animation: load-column 1s linear infinite alternate;
@@ -5050,20 +5085,22 @@ html:lang(ar) .zen-data-grid__row-cell {
5050
5085
  }
5051
5086
  .zen-data-grid--horizontal-scroll .zen-data-grid__header-cell--first {
5052
5087
  border-inline-end: 1px solid var(--borders-general);
5053
- box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
5088
+ box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2);
5054
5089
  }
5055
5090
  .zen-data-grid--horizontal-scroll .zen-data-grid__row-cell--first {
5056
5091
  border-inline-end: 1px solid var(--borders-general);
5057
- box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
5092
+ box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2);
5058
5093
  }
5059
5094
  .zen-data-grid--not-interactive .zen-data-grid__table {
5060
5095
  pointer-events: none;
5061
5096
  user-select: none;
5097
+ -webkit-user-select: none;
5062
5098
  -webkit-user-drag: none;
5063
5099
  }
5064
5100
  .zen-data-grid--loading .zen-data-grid__table {
5065
5101
  pointer-events: none;
5066
5102
  user-select: none;
5103
+ -webkit-user-select: none;
5067
5104
  -webkit-user-drag: none;
5068
5105
  }
5069
5106
  .zen-data-grid--loading .zen-data-grid__row-cell {
@@ -5077,7 +5114,7 @@ html:lang(ar) .zen-data-grid__row-cell {
5077
5114
  overflow: hidden;
5078
5115
  text-overflow: ellipsis;
5079
5116
  white-space: nowrap;
5080
- overflow-wrap: normal;
5117
+ word-wrap: normal;
5081
5118
  }
5082
5119
  .zen-data-grid-header--multiline {
5083
5120
  white-space: normal;
@@ -5087,7 +5124,7 @@ html:lang(ar) .zen-data-grid__row-cell {
5087
5124
  -webkit-box-orient: vertical;
5088
5125
  overflow: hidden;
5089
5126
  text-overflow: ellipsis;
5090
- overflow-wrap: break-word;
5127
+ word-break: break-word;
5091
5128
  }
5092
5129
  .zen-actions-column {
5093
5130
  display: flex;
@@ -5207,6 +5244,7 @@ html:lang(ar) .zen-feed-item__identifier {
5207
5244
  align-items: baseline;
5208
5245
  gap: 0.25rem;
5209
5246
  overflow-wrap: break-word;
5247
+ word-wrap: break-word;
5210
5248
  width: 100%;
5211
5249
  }
5212
5250
  .zen-feed-item__label {
@@ -5499,7 +5537,7 @@ html:lang(ar) .zen-checkbox__label-text {
5499
5537
  overflow: hidden;
5500
5538
  text-overflow: ellipsis;
5501
5539
  white-space: nowrap;
5502
- overflow-wrap: normal;
5540
+ word-wrap: normal;
5503
5541
  }
5504
5542
  .zen-select-list[aria-disabled="true"] {
5505
5543
  cursor: not-allowed;
@@ -5623,7 +5661,7 @@ html:lang(ar) .zen-select-item {
5623
5661
  overflow: hidden;
5624
5662
  text-overflow: ellipsis;
5625
5663
  white-space: nowrap;
5626
- overflow-wrap: normal;
5664
+ word-wrap: normal;
5627
5665
  color: var(--text-primary);
5628
5666
  max-width: 100%;
5629
5667
  }
@@ -5657,7 +5695,7 @@ html:lang(ar) .zen-link-column__name {
5657
5695
  overflow: hidden;
5658
5696
  text-overflow: ellipsis;
5659
5697
  white-space: nowrap;
5660
- overflow-wrap: normal;
5698
+ word-wrap: normal;
5661
5699
  color: var(--text-secondary);
5662
5700
  max-width: 100%;
5663
5701
  }
@@ -5908,9 +5946,6 @@ html:lang(ar) .zen-mobile-sort-control__selected-label {
5908
5946
  transform: translateX(-88%);
5909
5947
  position: absolute;
5910
5948
  }
5911
- [dir="rtl"] .zen-flexible-column .zen-flexible-column__draggable-icon {
5912
- transform: translateX(88%);
5913
- }
5914
5949
  .zen-flexible-column__draggable {
5915
5950
  width: 0.375rem;
5916
5951
  height: 100%;
@@ -5924,6 +5959,7 @@ html:lang(ar) .zen-mobile-sort-control__selected-label {
5924
5959
  .zen-flexible-column__content {
5925
5960
  width: 100%;
5926
5961
  text-align: start;
5962
+ -webkit-user-select: none;
5927
5963
  user-select: none;
5928
5964
  }
5929
5965
  .zen-flexible-column:hover .zen-flexible-column__draggable-icon {
@@ -5947,14 +5983,14 @@ html:lang(ar) .zen-mobile-sort-control__selected-label {
5947
5983
  box-sizing: border-box;
5948
5984
  }
5949
5985
  .zen-resizer--invisible {
5950
- opacity: 0;
5986
+ opacity: 0%;
5951
5987
  }
5952
5988
  .zen-resizer--invisible:hover,
5953
5989
  .zen-resizer--invisible:focus {
5954
- opacity: 1;
5990
+ opacity: 100%;
5955
5991
  }
5956
5992
  .zen-resizer--manual-focus {
5957
- opacity: 1;
5993
+ opacity: 100%;
5958
5994
  background-color: var(--borders-form-field--active);
5959
5995
  }
5960
5996
  .zen-resizer--vertical {
@@ -6001,7 +6037,7 @@ html:lang(ar) .zen-mobile-sort-control__selected-label {
6001
6037
  position: absolute;
6002
6038
  background-color: var(--backgrounds-main);
6003
6039
  z-index: 5001;
6004
- box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
6040
+ box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.3);
6005
6041
  border-spacing: 0;
6006
6042
  overflow: hidden;
6007
6043
  contain: strict;
@@ -6084,7 +6120,7 @@ html:lang(ar) .zen-columns-list__title {
6084
6120
  display: flex;
6085
6121
  align-items: center;
6086
6122
  justify-content: center;
6087
- padding: 0.5rem;
6123
+ padding: 0.5rem 0.5rem;
6088
6124
  cursor: pointer;
6089
6125
  border-radius: var(--border-radius-default);
6090
6126
  }
@@ -6105,7 +6141,8 @@ html:lang(ar) .zen-columns-list__title {
6105
6141
  .zen-empty-state {
6106
6142
  box-sizing: border-box;
6107
6143
  display: grid;
6108
- place-content: center center;
6144
+ justify-content: center;
6145
+ align-content: center;
6109
6146
  text-align: center;
6110
6147
  gap: 0.625rem;
6111
6148
  grid-auto-flow: row;
@@ -6120,7 +6157,8 @@ html:lang(ar) .zen-columns-list__title {
6120
6157
  .zen-empty-state__image {
6121
6158
  width: 180px;
6122
6159
  height: 180px;
6123
- place-self: center center;
6160
+ align-self: center;
6161
+ justify-self: center;
6124
6162
  justify-content: center;
6125
6163
  display: flex;
6126
6164
  align-items: center;
@@ -6205,7 +6243,7 @@ html:lang(ar) .zen-empty-state__description {
6205
6243
  display: flex;
6206
6244
  gap: 0.75rem;
6207
6245
  }
6208
- @media (width >= 641px) {
6246
+ @media (min-width: 641px) {
6209
6247
  .zen-data-grid-actions__post-actions {
6210
6248
  margin-inline-end: 1rem;
6211
6249
  }
@@ -6275,7 +6313,7 @@ html:lang(ar) .zen-empty-state__description {
6275
6313
  overflow: hidden;
6276
6314
  text-overflow: ellipsis;
6277
6315
  white-space: nowrap;
6278
- overflow-wrap: normal;
6316
+ word-wrap: normal;
6279
6317
  }
6280
6318
  html:lang(ar) .zen-bulk-actions__number-of-selected {
6281
6319
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -6332,7 +6370,8 @@ html:lang(ar) .zen-bulk-actions__number-of-selected {
6332
6370
  border-block-start: 1px solid var(--borders-general);
6333
6371
  background: var(--backgrounds-main);
6334
6372
  padding: 0.75rem 1rem;
6335
- inset-inline: 0;
6373
+ inset-inline-end: 0;
6374
+ inset-inline-start: 0;
6336
6375
  inset-block-end: 0;
6337
6376
  }
6338
6377
  .zen-bulk-actions--screen-panel .zen-bulk-actions__button-close {
@@ -6402,7 +6441,8 @@ html:lang(ar) .zen-pagination__text {
6402
6441
  }
6403
6442
  .zen-table__detail-panel--header-content {
6404
6443
  justify-content: space-between;
6405
- place-items: center center;
6444
+ justify-items: center;
6445
+ align-items: center;
6406
6446
  }
6407
6447
  .zen-table__detail-panel--header-description {
6408
6448
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -6531,6 +6571,9 @@ html:lang(ar) .zen-table__detail-panel--header-details {
6531
6571
  flex: 1;
6532
6572
  padding: 0.75rem;
6533
6573
  }
6574
+ .zen-table__detail-panel-footer {
6575
+ padding: 0.75rem;
6576
+ }
6534
6577
  .zen-table__detail-panel .zen-page-header__page-name {
6535
6578
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
6536
6579
  font-size: 1rem;
@@ -6545,7 +6588,6 @@ html:lang(ar) .zen-table__detail-panel .zen-page-header__page-name {
6545
6588
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
6546
6589
  }
6547
6590
  .zen-table__detail-panel-footer {
6548
- padding: 0.75rem;
6549
6591
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
6550
6592
  font-size: 0.875rem;
6551
6593
  font-style: normal;
@@ -6594,7 +6636,7 @@ html:lang(ar) .zen-table__detail-panel-footer {
6594
6636
  cursor: pointer;
6595
6637
  background: 0 0;
6596
6638
  border: 0;
6597
- overflow-wrap: break-word;
6639
+ word-wrap: break-word;
6598
6640
  }
6599
6641
  html:lang(ar) .zen-table-link {
6600
6642
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -6642,19 +6684,6 @@ html:lang(ar) .zen-table-number {
6642
6684
  min-width: 0;
6643
6685
  transition: flex 0.35s cubic-bezier(0.4, 0, 0.2, 1);
6644
6686
  }
6645
- .zen-table-wrapper--fit-content .zen-table__content {
6646
- height: auto;
6647
- }
6648
- .zen-table-wrapper--fit-content .zen-table__table {
6649
- height: auto;
6650
- }
6651
- .zen-table-wrapper--fit-content .zen-data-grid-wrapper {
6652
- contain: layout style;
6653
- height: auto;
6654
- }
6655
- .zen-table-wrapper--fit-content .zen-data-grid {
6656
- flex-shrink: 0;
6657
- }
6658
6687
  .pie-chart-1 {
6659
6688
  width: 100%;
6660
6689
  height: 12.5rem;
@@ -6792,6 +6821,7 @@ html:lang(ar) .zen-summary-tile {
6792
6821
  max-width: 17rem;
6793
6822
  }
6794
6823
  .zen-summary-tile--default {
6824
+ background-color: var(--backgrounds-content-1);
6795
6825
  fill: var(--text-primary);
6796
6826
  border: var(--border-width-default) solid var(--text-button-disabled);
6797
6827
  background: var(--backgrounds-main);
@@ -6800,7 +6830,7 @@ html:lang(ar) .zen-summary-tile {
6800
6830
  fill: var(--text-secondary);
6801
6831
  }
6802
6832
  .zen-summary-tile--default:hover {
6803
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.17);
6833
+ box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.17);
6804
6834
  }
6805
6835
  .zen-summary-tile--error {
6806
6836
  background-color: var(--accents-error--main);
@@ -6808,7 +6838,7 @@ html:lang(ar) .zen-summary-tile {
6808
6838
  border: var(--border-width-default) solid var(--accents-error--detail);
6809
6839
  }
6810
6840
  .zen-summary-tile--error:hover {
6811
- box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.22);
6841
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.22);
6812
6842
  }
6813
6843
  .zen-summary-tile--success {
6814
6844
  background-color: var(--accents-success--main);
@@ -6816,7 +6846,7 @@ html:lang(ar) .zen-summary-tile {
6816
6846
  border: var(--border-width-default) solid var(--accents-success--detail);
6817
6847
  }
6818
6848
  .zen-summary-tile--success:hover {
6819
- box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.22);
6849
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.22);
6820
6850
  }
6821
6851
  .zen-summary-tile--warning {
6822
6852
  background-color: var(--accents-warning--main);
@@ -6824,7 +6854,7 @@ html:lang(ar) .zen-summary-tile {
6824
6854
  border: var(--border-width-default) solid var(--accents-warning--detail);
6825
6855
  }
6826
6856
  .zen-summary-tile--warning:hover {
6827
- box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.22);
6857
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.22);
6828
6858
  }
6829
6859
  .zen-summary-tile--active {
6830
6860
  background-color: var(--accents-general--main);
@@ -6832,7 +6862,7 @@ html:lang(ar) .zen-summary-tile {
6832
6862
  border: var(--border-width-default) solid var(--borders-form-field--active);
6833
6863
  }
6834
6864
  .zen-summary-tile--active:hover {
6835
- box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.22);
6865
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.22);
6836
6866
  }
6837
6867
  .zen-form-step-marker-inner {
6838
6868
  display: flex;
@@ -7012,7 +7042,7 @@ html:lang(ar) .zen-form-step__item .zen-form-step__label-secondary {
7012
7042
  padding: 0;
7013
7043
  }
7014
7044
  .zen-form-step__connector {
7015
- border-block-start: 2px solid;
7045
+ border-top: 2px solid;
7016
7046
  flex-grow: 1;
7017
7047
  min-width: 0.6875rem;
7018
7048
  width: 100%;
@@ -7082,6 +7112,7 @@ html:lang(ar) .zen-form-stepper .zen-form-stepper__mobile-label {
7082
7112
  text-transform: none;
7083
7113
  text-decoration: none;
7084
7114
  padding-inline-start: 0.25rem;
7115
+ display: -webkit-box;
7085
7116
  -webkit-box-orient: vertical;
7086
7117
  -webkit-line-clamp: 1;
7087
7118
  text-overflow: ellipsis;
@@ -7196,8 +7227,8 @@ html:lang(ar) .zen-review-text-control {
7196
7227
  .zen-toggler-component--drive::before {
7197
7228
  content: "";
7198
7229
  position: absolute;
7199
- inset-block-start: 50%;
7200
- inset-inline-start: 50%;
7230
+ top: 50%;
7231
+ left: 50%;
7201
7232
  transform: translate(-50%, -50%);
7202
7233
  width: var(--zen-toggler-tap-area-width-drive);
7203
7234
  height: var(--zen-toggler-tap-area-height-drive);
@@ -7207,7 +7238,7 @@ html:lang(ar) .zen-review-text-control {
7207
7238
  min-width: var(--zen-toggler-runner-size-drive);
7208
7239
  height: var(--zen-toggler-runner-size-drive);
7209
7240
  min-height: var(--zen-toggler-runner-size-drive);
7210
- margin-block-start: 0.0625rem;
7241
+ margin-top: 0.0625rem;
7211
7242
  margin-inline-start: 0.0625rem;
7212
7243
  }
7213
7244
  .zen-toggler-component--drive .zen-toggler-component__focus {
@@ -7215,7 +7246,7 @@ html:lang(ar) .zen-review-text-control {
7215
7246
  min-width: var(--zen-toggler-runner-focus-size-drive);
7216
7247
  height: var(--zen-toggler-runner-focus-size-drive);
7217
7248
  min-height: var(--zen-toggler-runner-focus-size-drive);
7218
- inset-block-start: -0.25rem;
7249
+ top: -0.25rem;
7219
7250
  inset-inline-start: -0.25rem;
7220
7251
  }
7221
7252
  .zen-toggler-component--drive-tablet {
@@ -7228,8 +7259,8 @@ html:lang(ar) .zen-review-text-control {
7228
7259
  .zen-toggler-component--drive-tablet::before {
7229
7260
  content: "";
7230
7261
  position: absolute;
7231
- inset-block-start: 50%;
7232
- inset-inline-start: 50%;
7262
+ top: 50%;
7263
+ left: 50%;
7233
7264
  transform: translate(-50%, -50%);
7234
7265
  width: var(--zen-toggler-tap-area-width-drive);
7235
7266
  height: var(--zen-toggler-tap-area-height-drive);
@@ -7239,7 +7270,7 @@ html:lang(ar) .zen-review-text-control {
7239
7270
  min-width: var(--zen-toggler-runner-size-drive);
7240
7271
  height: var(--zen-toggler-runner-size-drive);
7241
7272
  min-height: var(--zen-toggler-runner-size-drive);
7242
- margin-block-start: 0.0625rem;
7273
+ margin-top: 0.0625rem;
7243
7274
  margin-inline-start: 0.0625rem;
7244
7275
  }
7245
7276
  .zen-toggler-component--drive-tablet .zen-toggler-component__focus {
@@ -7247,7 +7278,7 @@ html:lang(ar) .zen-review-text-control {
7247
7278
  min-width: var(--zen-toggler-runner-focus-size-drive);
7248
7279
  height: var(--zen-toggler-runner-focus-size-drive);
7249
7280
  min-height: var(--zen-toggler-runner-focus-size-drive);
7250
- inset-block-start: -0.25rem;
7281
+ top: -0.25rem;
7251
7282
  inset-inline-start: -0.25rem;
7252
7283
  }
7253
7284
  .zen-toggler-component__runner {
@@ -7267,7 +7298,7 @@ html:lang(ar) .zen-review-text-control {
7267
7298
  min-height: var(--zen-toggler-runner-focus-size);
7268
7299
  border-radius: 50%;
7269
7300
  opacity: 0.4;
7270
- inset-block-start: -0.3125rem;
7301
+ top: -0.3125rem;
7271
7302
  background-color: var(--action-secondary--default);
7272
7303
  inset-inline-start: -0.3125rem;
7273
7304
  }
@@ -7321,7 +7352,8 @@ html:lang(ar) .zen-toggler__label-text {
7321
7352
  flex-direction: row-reverse;
7322
7353
  }
7323
7354
  .zen-toggler__label--reverted .zen-toggler__label-text {
7324
- margin-inline: 0 0.5rem;
7355
+ margin-inline-end: 0.5rem;
7356
+ margin-inline-start: 0;
7325
7357
  }
7326
7358
  .zen-toggler__input:focus-visible + .zen-toggler__label > .zen-toggler-component .zen-toggler-component__focus,
7327
7359
  .zen-toggler__input:hover + .zen-toggler__label > .zen-toggler-component .zen-toggler-component__focus {
@@ -7479,7 +7511,7 @@ html:lang(ar) .zen-toggler__label-text {
7479
7511
  color: var(--text-primary);
7480
7512
  align-items: center;
7481
7513
  justify-content: space-between;
7482
- padding: 0.25rem 0.75rem;
7514
+ padding: 0.25rem 0.75rem 0.25rem 0.75rem;
7483
7515
  border-radius: 1.875rem;
7484
7516
  background: var(--backgrounds-content-1);
7485
7517
  }
@@ -7522,22 +7554,22 @@ html:lang(ar) .zen-pill-content {
7522
7554
  .zen-pill-actionable {
7523
7555
  padding: 0 0.5rem;
7524
7556
  -webkit-touch-callout: none;
7557
+ -webkit-user-select: none;
7558
+ -khtml-user-select: none;
7559
+ -moz-user-select: none;
7560
+ -ms-user-select: none;
7525
7561
  user-select: none;
7526
7562
  }
7527
- .zen-pill-actionable:hover {
7563
+ .zen-pill-actionable:not(.zen-pill-actionable--disabled):not(.zen-pill-actionable--readonly):hover {
7528
7564
  cursor: pointer;
7529
7565
  }
7530
- .zen-pill-actionable--disabled:hover,
7531
- .zen-pill-actionable--readonly:hover {
7532
- cursor: default;
7533
- }
7534
7566
  .zen-pill-actionable:has(.zen-pill-actionable__input:focus-visible) {
7535
7567
  outline: 1px solid var(--borders-form-field--active);
7536
7568
  outline-offset: 2px;
7537
7569
  }
7538
7570
  .zen-pill-actionable__input {
7539
7571
  position: absolute;
7540
- inset-inline-start: -5000px;
7572
+ left: -5000px;
7541
7573
  }
7542
7574
  .zen-pill-actionable__content-wrapper {
7543
7575
  margin: 0;
@@ -7584,6 +7616,7 @@ html:lang(ar) .zen-pill-content {
7584
7616
  line-height: 1rem;
7585
7617
  text-transform: none;
7586
7618
  text-decoration: none;
7619
+ display: flex;
7587
7620
  align-items: center;
7588
7621
  justify-content: space-between;
7589
7622
  border-radius: 1.875rem;
@@ -7809,8 +7842,9 @@ html:lang(ar) .zen-form-field-error {
7809
7842
  flex: 0 0 auto;
7810
7843
  }
7811
7844
  .zen-form-field-error__icon-container {
7812
- padding-block: 0.0625rem 0;
7845
+ padding-block-start: 0.0625rem;
7813
7846
  padding-inline: 0.125rem;
7847
+ padding-block-end: 0;
7814
7848
  height: 1rem;
7815
7849
  }
7816
7850
  .zen-form-field-error.zen-form-field-error--drive .zen-form-field-error__icon-container,
@@ -7884,7 +7918,7 @@ html:lang(ar) .zen-form-field-error {
7884
7918
  }
7885
7919
  .zen-form-field__input-container:has(.zen-radio-group--horizontal) .zen-form-field__trailing-text {
7886
7920
  align-self: flex-start;
7887
- margin-block-start: 0.75rem;
7921
+ margin-top: 0.75rem;
7888
7922
  }
7889
7923
  .zen-form-field.zen-form-field--form-item .zen-radio {
7890
7924
  padding-block-end: 0.75rem;
@@ -7923,7 +7957,7 @@ html:lang(ar) .zen-form-field__trailing-text {
7923
7957
  overflow: hidden;
7924
7958
  text-overflow: ellipsis;
7925
7959
  white-space: normal;
7926
- overflow-wrap: normal;
7960
+ word-wrap: normal;
7927
7961
  }
7928
7962
  html:lang(ar) .zen-form-field__text {
7929
7963
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -7964,7 +7998,7 @@ html:lang(ar) .zen-form-field__text {
7964
7998
  overflow: hidden;
7965
7999
  text-overflow: ellipsis;
7966
8000
  white-space: nowrap;
7967
- overflow-wrap: normal;
8001
+ word-wrap: normal;
7968
8002
  white-space: break-spaces;
7969
8003
  }
7970
8004
  .zen-form-field__length {
@@ -8036,7 +8070,7 @@ html:lang(ar) .zen-form-field__length {
8036
8070
  max-width: 100%;
8037
8071
  }
8038
8072
  .zen-dropdown--mobile .zen-mobile-sheet__title {
8039
- border-block-end: none;
8073
+ border-bottom: none;
8040
8074
  }
8041
8075
  .zen-dropdown--mobile .zen-dropdown-mobile-sheet__search-container {
8042
8076
  padding-block: 1rem;
@@ -8044,7 +8078,7 @@ html:lang(ar) .zen-form-field__length {
8044
8078
  }
8045
8079
  .zen-dropdown--mobile .zen-dropdown-mobile-sheet__checkbox-container {
8046
8080
  padding: 1rem;
8047
- border-block-end: var(--border-width-default) solid var(--borders-general);
8081
+ border-bottom: var(--border-width-default) solid var(--borders-general);
8048
8082
  }
8049
8083
  .zen-dropdown--mobile .zen-dropdown-mobile-sheet__search {
8050
8084
  width: 100%;
@@ -8056,11 +8090,11 @@ html:lang(ar) .zen-form-field__length {
8056
8090
  .zen-dropdown-popup__search-container .zen-input-adornments {
8057
8091
  border-radius: 0;
8058
8092
  border: none;
8059
- border-block-end: var(--border-width-default) solid var(--borders-general);
8093
+ border-bottom: var(--border-width-default) solid var(--borders-general);
8060
8094
  }
8061
8095
  .zen-checkbox-list-with-action {
8062
8096
  box-sizing: border-box;
8063
- margin-block-end: 1rem;
8097
+ margin-bottom: 1rem;
8064
8098
  }
8065
8099
  .zen-checkbox-list-with-action * {
8066
8100
  box-sizing: border-box;
@@ -8101,7 +8135,8 @@ html:lang(ar) .zen-checkbox-list-with-action__title {
8101
8135
  }
8102
8136
  .zen-checkbox-list-with-action__action-item--action .zen-checkbox__label {
8103
8137
  padding-inline-end: 0.5rem;
8104
- padding-block: 0.75rem;
8138
+ padding-bottom: 0.75rem;
8139
+ padding-top: 0.75rem;
8105
8140
  }
8106
8141
  .zen-checkbox-list-with-action__singled {
8107
8142
  font-weight: 700;
@@ -8118,7 +8153,7 @@ html:lang(ar) .zen-checkbox-list-with-action__title {
8118
8153
  overflow: hidden;
8119
8154
  text-overflow: ellipsis;
8120
8155
  white-space: nowrap;
8121
- overflow-wrap: normal;
8156
+ word-wrap: normal;
8122
8157
  width: 100%;
8123
8158
  }
8124
8159
  .zen-checkbox-list-with-action__action-checkbox--full-width .zen-checkbox__label {
@@ -8141,7 +8176,8 @@ html:lang(ar) .zen-checkbox-list-with-action__title {
8141
8176
  color: var(--text-primary);
8142
8177
  width: 100%;
8143
8178
  padding-block: 0.4375rem;
8144
- padding-inline: 0.25rem 0.5rem;
8179
+ padding-inline-start: 0.25rem;
8180
+ padding-inline-end: 0.5rem;
8145
8181
  }
8146
8182
  html:lang(ar) .zen-checkbox-list-with-action__label {
8147
8183
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -8324,20 +8360,20 @@ html:lang(ar) .zen-dropdown-list__label {
8324
8360
  .zen-dropdown-list__checkbox-container {
8325
8361
  padding-block: 0.5rem;
8326
8362
  padding-inline: 1rem;
8327
- border-block-end: var(--border-width-default) solid var(--borders-general);
8363
+ border-bottom: var(--border-width-default) solid var(--borders-general);
8328
8364
  }
8329
8365
  .zen-dropdown-list__checkbox-container .zen-checkbox__label-text {
8330
8366
  overflow: hidden;
8331
8367
  text-overflow: ellipsis;
8332
8368
  white-space: nowrap;
8333
- overflow-wrap: normal;
8369
+ word-wrap: normal;
8334
8370
  }
8335
8371
  .zen-dropdown-list__item-wrapper {
8336
8372
  display: flex;
8337
8373
  flex-wrap: nowrap;
8338
8374
  align-items: center;
8339
8375
  margin: 1px;
8340
- border-block-end: var(--border-width-default) solid var(--borders-general);
8376
+ border-bottom: var(--border-width-default) solid var(--borders-general);
8341
8377
  }
8342
8378
  .zen-dropdown-list__item {
8343
8379
  display: flex;
@@ -8376,7 +8412,7 @@ html:lang(ar) .zen-dropdown-list__label {
8376
8412
  }
8377
8413
  .zen-dropdown-list__sentinel-item {
8378
8414
  position: "absolute";
8379
- inset-inline-start: "-9999px";
8415
+ left: "-9999px";
8380
8416
  width: "1px";
8381
8417
  height: "1px";
8382
8418
  opacity: 0;
@@ -8429,7 +8465,7 @@ html:lang(ar) .zen-dropdown-list__action-label {
8429
8465
  .zen-dropdown-list__footer {
8430
8466
  display: flex;
8431
8467
  justify-content: flex-start;
8432
- border-block-start: var(--border-width-default) solid var(--borders-general);
8468
+ border-top: var(--border-width-default) solid var(--borders-general);
8433
8469
  }
8434
8470
  .zen-dropdown-list__action-button-back {
8435
8471
  padding-block: 0.4375rem;
@@ -8444,7 +8480,8 @@ html:lang(ar) .zen-dropdown-list__action-label {
8444
8480
  .zen-dropdown-list__cancel-button,
8445
8481
  .zen-dropdown-list__apply-button {
8446
8482
  margin-inline-end: 0.5rem;
8447
- margin-block: 0.5rem 0.25rem;
8483
+ margin-block-start: 0.5rem;
8484
+ margin-block-end: 0.25rem;
8448
8485
  }
8449
8486
  .zen-dropdown-list__clear-button {
8450
8487
  margin-inline-start: 0.5rem;
@@ -8559,7 +8596,7 @@ html:lang(ar) .zen-dropdown-list__action-label {
8559
8596
  min-width: var(--chip-min-width-default);
8560
8597
  max-width: var(--chip-max-width-default);
8561
8598
  width: fit-content;
8562
- box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
8599
+ box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
8563
8600
  border-radius: var(--chip-border-radius);
8564
8601
  gap: 0.125rem;
8565
8602
  }
@@ -8573,19 +8610,13 @@ html:lang(ar) .zen-chip {
8573
8610
  outline: 1px solid var(--borders-form-field--active);
8574
8611
  outline-offset: 1px;
8575
8612
  }
8613
+ .zen-chip--default {
8614
+ max-width: var(--chip-max-width-default);
8615
+ width: fit-content;
8616
+ }
8576
8617
  .zen-chip.zen-chip--drive {
8577
8618
  border-radius: 0.5rem;
8578
8619
  }
8579
- .zen-chip.zen-chip--drive .zen-chip__quantity {
8580
- font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
8581
- font-size: 1.25rem;
8582
- font-style: normal;
8583
- font-weight: 400;
8584
- letter-spacing: 0rem;
8585
- line-height: 1.875rem;
8586
- text-transform: none;
8587
- text-decoration: none;
8588
- }
8589
8620
  .zen-chip:not(.zen-chip--disabled):not(.zen-chip--readonly):hover {
8590
8621
  cursor: pointer;
8591
8622
  }
@@ -8594,11 +8625,12 @@ html:lang(ar) .zen-chip {
8594
8625
  }
8595
8626
  .zen-chip__input {
8596
8627
  position: absolute;
8597
- inset-inline-start: -5000px;
8628
+ left: -5000px;
8598
8629
  }
8599
8630
  .zen-chip__content-wrapper {
8600
8631
  margin: 0;
8601
8632
  gap: 0.25rem;
8633
+ display: flex;
8602
8634
  align-items: center;
8603
8635
  justify-content: space-between;
8604
8636
  display: grid;
@@ -8606,8 +8638,6 @@ html:lang(ar) .zen-chip {
8606
8638
  min-height: 16px;
8607
8639
  }
8608
8640
  .zen-chip--default {
8609
- max-width: var(--chip-max-width-default);
8610
- width: fit-content;
8611
8641
  background-color: var(--backgrounds-main);
8612
8642
  border: 1px solid var(--borders-general);
8613
8643
  color: var(--text-secondary);
@@ -8775,12 +8805,22 @@ html:lang(ar) .zen-chip__quantity {
8775
8805
  text-transform: none;
8776
8806
  text-decoration: none;
8777
8807
  }
8808
+ .zen-chip.zen-chip--drive .zen-chip__quantity {
8809
+ font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
8810
+ font-size: 1.25rem;
8811
+ font-style: normal;
8812
+ font-weight: 400;
8813
+ letter-spacing: 0rem;
8814
+ line-height: 1.875rem;
8815
+ text-transform: none;
8816
+ text-decoration: none;
8817
+ }
8778
8818
  .zen-chip-content {
8779
8819
  display: flex;
8780
8820
  color: var(--text-primary);
8781
8821
  align-items: center;
8782
8822
  justify-content: space-between;
8783
- padding: 0.25rem 0.75rem;
8823
+ padding: 0.25rem 0.75rem 0.25rem 0.75rem;
8784
8824
  border-radius: 0.5rem;
8785
8825
  background: var(--backgrounds-content-1);
8786
8826
  }
@@ -9082,6 +9122,7 @@ html:lang(ar) .zen-filter-button.zen-filter-button--mobile .zen-filter-button__q
9082
9122
  outline: none;
9083
9123
  padding-block: 0;
9084
9124
  padding-inline: 0 0.3125rem;
9125
+ -webkit-appearance: none;
9085
9126
  appearance: none;
9086
9127
  background-color: inherit;
9087
9128
  color: inherit;
@@ -9091,6 +9132,7 @@ html:lang(ar) .zen-dropdown-searchable-trigger .zen-dropdown-searchable-trigger_
9091
9132
  }
9092
9133
  .zen-dropdown-searchable-trigger__popup-trigger {
9093
9134
  display: flex;
9135
+ border-color: var(--borders-general);
9094
9136
  border: 1px solid var(--borders-general);
9095
9137
  border-radius: var(--border-radius-default);
9096
9138
  justify-content: center;
@@ -9325,7 +9367,7 @@ html:lang(ar) .zen-dropdown-searchable-trigger__counter {
9325
9367
  box-sizing: border-box;
9326
9368
  border: var(--border-width-default) solid var(--borders-general);
9327
9369
  border-radius: var(--border-radius-default);
9328
- appearance: none;
9370
+ -webkit-appearance: none;
9329
9371
  outline: none;
9330
9372
  background-color: var(--backgrounds-main);
9331
9373
  color: var(--text-primary);
@@ -9415,6 +9457,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
9415
9457
  outline: 0;
9416
9458
  padding: 0;
9417
9459
  padding-inline-start: 0.25rem;
9460
+ -webkit-appearance: none;
9418
9461
  appearance: none;
9419
9462
  background-color: inherit;
9420
9463
  color: var(--text-primary);
@@ -9431,7 +9474,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
9431
9474
  overflow: hidden;
9432
9475
  padding: 0.5rem;
9433
9476
  display: grid;
9434
- gap: 0.5rem;
9477
+ grid-gap: 0.5rem;
9435
9478
  align-items: center;
9436
9479
  }
9437
9480
  .zen-input-adornments * {
@@ -9473,6 +9516,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
9473
9516
  fill: var(--text-placeholder);
9474
9517
  }
9475
9518
  .zen-input-adornments__input {
9519
+ height: 100%;
9476
9520
  width: 100%;
9477
9521
  height: 1rem;
9478
9522
  }
@@ -9489,6 +9533,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
9489
9533
  outline: 0;
9490
9534
  padding: 0;
9491
9535
  padding-inline-start: 0.25rem;
9536
+ -webkit-appearance: none;
9492
9537
  appearance: none;
9493
9538
  background-color: inherit;
9494
9539
  color: var(--text-primary);
@@ -9503,7 +9548,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
9503
9548
  .zen-input-adornments.zen-input-adornments--drive {
9504
9549
  height: 2.75rem;
9505
9550
  display: grid;
9506
- gap: 0.5rem;
9551
+ grid-gap: 0.5rem;
9507
9552
  align-items: center;
9508
9553
  }
9509
9554
  .zen-input-adornments.zen-input-adornments--drive.zen-input-adornments--has-start,
@@ -9533,7 +9578,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
9533
9578
  .zen-input-adornments.zen-input-adornments--mobile {
9534
9579
  height: 2.75rem;
9535
9580
  display: grid;
9536
- gap: 0.5rem;
9581
+ grid-gap: 0.5rem;
9537
9582
  align-items: center;
9538
9583
  }
9539
9584
  .zen-input-adornments.zen-input-adornments--mobile.zen-input-adornments--has-start,
@@ -9563,7 +9608,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
9563
9608
  .zen-input-adornments.zen-input-adornments--drive-tablet {
9564
9609
  height: 2.875rem;
9565
9610
  display: grid;
9566
- gap: 0.5rem;
9611
+ grid-gap: 0.5rem;
9567
9612
  align-items: center;
9568
9613
  }
9569
9614
  .zen-input-adornments.zen-input-adornments--drive-tablet.zen-input-adornments--has-start,
@@ -9664,8 +9709,9 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
9664
9709
  width: 100%;
9665
9710
  height: auto;
9666
9711
  max-height: 100%;
9667
- inset-inline-start: 0;
9668
- inset-block: auto 0;
9712
+ left: 0;
9713
+ top: auto;
9714
+ bottom: 0;
9669
9715
  z-index: 11005;
9670
9716
  background-color: var(--backgrounds-main);
9671
9717
  }
@@ -9812,7 +9858,7 @@ html:lang(ar) .zen-group-button {
9812
9858
  width: 1px;
9813
9859
  height: 1px;
9814
9860
  margin: -1px;
9815
- clip-path: inset(50%);
9861
+ clip: rect(0, 0, 0, 0);
9816
9862
  position: absolute;
9817
9863
  }
9818
9864
  .zen-group-button__input:checked + .zen-group-button__label {
@@ -9979,7 +10025,7 @@ html:lang(ar) .zen-pill-box__label {
9979
10025
  }
9980
10026
  .zen-modal {
9981
10027
  box-sizing: border-box;
9982
- box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
10028
+ box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
9983
10029
  position: absolute;
9984
10030
  width: 100%;
9985
10031
  height: 100%;
@@ -10011,8 +10057,9 @@ html:lang(ar) .zen-pill-box__label {
10011
10057
  background-color: var(--backgrounds-main);
10012
10058
  color: var(--text-primary);
10013
10059
  padding: 0;
10014
- box-shadow: 0 2px 6px rgba(11, 32, 50, 0.2);
10015
- max-height: 90vb;
10060
+ box-shadow: 0px 2px 6px rgba(11, 32, 50, 0.2);
10061
+ max-height: 90vh;
10062
+ max-height: 90dvh;
10016
10063
  border-radius: 4px;
10017
10064
  overflow: hidden;
10018
10065
  }
@@ -10049,8 +10096,10 @@ html:lang(ar) .zen-pill-box__label {
10049
10096
  }
10050
10097
  .zen-modal-content__body {
10051
10098
  overflow: auto;
10052
- padding-block: 0.75rem 2rem;
10053
- padding-inline: 1.5rem;
10099
+ padding-block-start: 0.75rem;
10100
+ padding-block-end: 2rem;
10101
+ padding-inline-start: 1.5rem;
10102
+ padding-inline-end: 1.5rem;
10054
10103
  }
10055
10104
  .zen-modal-content__body--no-footer {
10056
10105
  padding-block-end: 1rem;
@@ -10265,7 +10314,7 @@ html:lang(ar) .zen-status-pill__container {
10265
10314
  border-color: var(--borders-form-field--active);
10266
10315
  }
10267
10316
  .zen-status-pill__text {
10268
- margin-inline-end: 4px;
10317
+ margin-right: 4px;
10269
10318
  color: var(--text-primary);
10270
10319
  flex-shrink: 1;
10271
10320
  min-width: 0;
@@ -10289,11 +10338,11 @@ html:lang(ar) .zen-status-pill__container {
10289
10338
  color: var(--text-reverse-primary);
10290
10339
  }
10291
10340
  .zen-status-pill__text--centered {
10292
- margin-inline-end: 0;
10341
+ margin-right: 0;
10293
10342
  }
10294
10343
  .zen-status-pill__expand-button {
10295
10344
  padding: 0;
10296
- margin-inline-start: auto;
10345
+ margin-left: auto;
10297
10346
  flex-shrink: 0;
10298
10347
  }
10299
10348
  .zen-status-pill__expand-button--default {
@@ -10324,7 +10373,7 @@ html:lang(ar) .zen-status-pill__container {
10324
10373
  display: flex;
10325
10374
  align-items: center;
10326
10375
  height: 12px;
10327
- margin-inline-end: 4px;
10376
+ margin-right: 4px;
10328
10377
  flex-shrink: 0;
10329
10378
  }
10330
10379
  .zen-status-pill__icon--large {
@@ -10355,13 +10404,13 @@ html:lang(ar) .zen-status-pill__container {
10355
10404
  color: var(--text-reverse-primary);
10356
10405
  }
10357
10406
  .zen-status-pill__icon--standalone {
10358
- margin-inline-end: 0;
10407
+ margin-right: 0;
10359
10408
  }
10360
10409
  .zen-absolute:has(.zen-status-pill-popup) {
10361
10410
  overflow: visible;
10362
10411
  }
10363
10412
  .zen-status-pill-popup {
10364
- box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
10413
+ box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
10365
10414
  border-radius: 0.25rem;
10366
10415
  background-color: white;
10367
10416
  max-height: 560px;
@@ -10390,7 +10439,7 @@ html:lang(ar) .zen-status-pill__container {
10390
10439
  align-items: center;
10391
10440
  padding: 0.75rem 0.5rem;
10392
10441
  gap: 1rem;
10393
- border-block-end: 1px solid var(--borders-general);
10442
+ border-bottom: 1px solid var(--borders-general);
10394
10443
  }
10395
10444
  .zen-status-pill-popup__title-item-text {
10396
10445
  flex: 1;
@@ -10459,7 +10508,7 @@ html:lang(ar) .zen-status-pill-popup__header-text {
10459
10508
  text-decoration: none;
10460
10509
  }
10461
10510
  .zen-status-pill-popup__header-text--left {
10462
- margin-inline-start: auto;
10511
+ margin-left: auto;
10463
10512
  }
10464
10513
  .zen-status-pill-popup__description {
10465
10514
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -10505,11 +10554,11 @@ html:lang(ar) .zen-status-pill-popup__description {
10505
10554
  background-color: var(--borders-general);
10506
10555
  }
10507
10556
  .zen-status-pill-popup--mobile .zen-mobile-sheet__title {
10508
- border-block-end: 1px solid var(--borders-general);
10557
+ border-bottom: 1px solid var(--borders-general);
10509
10558
  }
10510
10559
  .zen-status-pill-popup--mobile .zen-mobile-sheet__content {
10511
10560
  padding: 1rem;
10512
- max-height: 90vb;
10561
+ max-height: 90vh;
10513
10562
  overflow-y: auto;
10514
10563
  }
10515
10564
  .zen-status-pill-popup__mobile-title {
@@ -10572,6 +10621,7 @@ html:lang(ar) .zen-status-pill-popup__view-more-badge {
10572
10621
  background: 0 0;
10573
10622
  padding: 0.5rem;
10574
10623
  vertical-align: middle;
10624
+ border-width: 0;
10575
10625
  margin: 0.0625rem;
10576
10626
  border: none;
10577
10627
  background-color: transparent;
@@ -10620,7 +10670,7 @@ html:lang(ar) .zen-select {
10620
10670
  transform: rotateZ(180deg);
10621
10671
  }
10622
10672
  .zen-select__popup {
10623
- box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
10673
+ box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
10624
10674
  border-radius: var(--border-radius-default);
10625
10675
  background-color: var(--backgrounds-main);
10626
10676
  }
@@ -10712,6 +10762,10 @@ html:lang(ar) .zen-calendar__year-name {
10712
10762
  .zen-calendar__table {
10713
10763
  width: 100%;
10714
10764
  -webkit-touch-callout: none;
10765
+ -webkit-user-select: none;
10766
+ -khtml-user-select: none;
10767
+ -moz-user-select: none;
10768
+ -ms-user-select: none;
10715
10769
  user-select: none;
10716
10770
  border-collapse: separate;
10717
10771
  border-spacing: 0;
@@ -10767,7 +10821,7 @@ html:lang(ar) .zen-calendar__column {
10767
10821
  position: absolute;
10768
10822
  padding: 0;
10769
10823
  margin: 0;
10770
- inset-block-start: 0;
10824
+ top: 0;
10771
10825
  z-index: 1;
10772
10826
  border-color: var(--action-primary--default);
10773
10827
  background-color: var(--accents-general--main);
@@ -10778,7 +10832,7 @@ html:lang(ar) .zen-calendar__column {
10778
10832
  border: 1px solid var(--action-primary--default);
10779
10833
  background-color: var(--accents-general--main);
10780
10834
  position: absolute;
10781
- inset-block-start: 0;
10835
+ top: 0;
10782
10836
  z-index: 1;
10783
10837
  width: 2rem;
10784
10838
  border-radius: 1.5rem;
@@ -10799,7 +10853,7 @@ html:lang(ar) .zen-calendar__column {
10799
10853
  .zen-calendar__month-end {
10800
10854
  position: absolute;
10801
10855
  height: 1.5rem;
10802
- inset-block-start: 0;
10856
+ top: 0;
10803
10857
  width: 1rem;
10804
10858
  z-index: 1;
10805
10859
  border-block: 1px solid var(--action-primary--default);
@@ -10843,7 +10897,7 @@ html:lang(ar) .zen-calendar__column {
10843
10897
  height: 1.5rem;
10844
10898
  text-align: center;
10845
10899
  position: absolute;
10846
- inset-block-start: 0;
10900
+ top: 0;
10847
10901
  z-index: 2;
10848
10902
  border: 1px solid transparent;
10849
10903
  }
@@ -11035,7 +11089,7 @@ html:lang(ar) .zen-calendar__day {
11035
11089
  text-transform: none;
11036
11090
  text-decoration: none;
11037
11091
  }
11038
- @media (width <= 520px) {
11092
+ @media (max-width: 520px) {
11039
11093
  .zen-calendar .zen-calendar__year {
11040
11094
  max-width: calc(100% - 7.875rem);
11041
11095
  }
@@ -11059,7 +11113,7 @@ html:lang(ar) .zen-calendar__day {
11059
11113
  z-index: 11010;
11060
11114
  width: 100%;
11061
11115
  }
11062
- @media (width <= 640px) {
11116
+ @media (max-width: 640px) {
11063
11117
  .zen-parallel-selection-popup {
11064
11118
  width: 100%;
11065
11119
  }
@@ -11110,8 +11164,9 @@ html:lang(ar) .zen-chart__x-axis {
11110
11164
  --pie-center-label-font-weight: 400;
11111
11165
  }
11112
11166
  .zen-chart--legend-right {
11113
- flex-flow: row wrap;
11167
+ flex-direction: row;
11114
11168
  align-items: center;
11169
+ flex-wrap: wrap;
11115
11170
  }
11116
11171
  .zen-chart--legend-right .zen-chart__chart {
11117
11172
  flex: 0 0 auto;
@@ -11121,7 +11176,8 @@ html:lang(ar) .zen-chart__x-axis {
11121
11176
  .zen-chart--legend-right .zen-chart__legend {
11122
11177
  flex: 1 1 auto;
11123
11178
  padding-inline-start: 1rem;
11124
- overflow: hidden auto;
11179
+ overflow-y: auto;
11180
+ overflow-x: hidden;
11125
11181
  }
11126
11182
  @container (max-width: 640px) {
11127
11183
  .zen-chart--legend-right .zen-chart__chart {
@@ -11244,7 +11300,7 @@ html:lang(ar) .zen-pie-legend__item-percentage {
11244
11300
  font-size: 1rem;
11245
11301
  line-height: 1.125rem;
11246
11302
  }
11247
- @media (width <= 640px) {
11303
+ @media (max-width: 640px) {
11248
11304
  .zen-pie-legend--drive .zen-pie-legend__item-label,
11249
11305
  .zen-pie-legend--drive .zen-pie-legend__item-value,
11250
11306
  .zen-pie-legend--drive .zen-pie-legend__item-percentage {
@@ -11260,6 +11316,7 @@ html:lang(ar) .zen-pie-legend__item-percentage {
11260
11316
  line-height: 1rem;
11261
11317
  text-decoration: none;
11262
11318
  box-sizing: border-box;
11319
+ background-color: var(--backgrounds-content-1);
11263
11320
  background: var(--backgrounds-main);
11264
11321
  border-radius: 8px;
11265
11322
  color: var(--text-primary);
@@ -11307,7 +11364,7 @@ html:lang(ar) .zen-summary__header {
11307
11364
  border-radius: 50%;
11308
11365
  display: inline-block;
11309
11366
  height: 0.5rem;
11310
- margin: 0.125rem;
11367
+ margin: 0.125rem 0.125rem;
11311
11368
  min-height: 0.5rem;
11312
11369
  min-width: 0.5rem;
11313
11370
  padding-inline: 0;
@@ -11358,20 +11415,6 @@ button.zen-summary__clickable {
11358
11415
  gap: 0.25rem;
11359
11416
  justify-content: start;
11360
11417
  }
11361
- .zen-summary__prefix {
11362
- font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
11363
- font-size: 1.5rem;
11364
- font-style: normal;
11365
- font-weight: 400;
11366
- letter-spacing: 0.02rem;
11367
- line-height: 2rem;
11368
- text-transform: none;
11369
- text-decoration: none;
11370
- font-feature-settings: "liga" off, "clig" off;
11371
- }
11372
- html:lang(ar) .zen-summary__prefix {
11373
- font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
11374
- }
11375
11418
  .zen-summary__value,
11376
11419
  .zen-summary__unit {
11377
11420
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -11446,7 +11489,7 @@ html:lang(ar) .zen-summary__content {
11446
11489
  position: absolute;
11447
11490
  z-index: 11100;
11448
11491
  border: 1px solid var(--borders-general);
11449
- box-shadow: 0 1px 3px 0 rgba(0, 17, 30, 0.15);
11492
+ box-shadow: 0px 1px 3px 0px rgba(0, 17, 30, 0.15);
11450
11493
  }
11451
11494
  .zen-chart-tooltip__header {
11452
11495
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -11495,7 +11538,7 @@ html:lang(ar) .zen-chart-tooltip__subheader {
11495
11538
  overflow: hidden;
11496
11539
  text-overflow: ellipsis;
11497
11540
  white-space: nowrap;
11498
- overflow-wrap: normal;
11541
+ word-wrap: normal;
11499
11542
  }
11500
11543
  html:lang(ar) .zen-chart-tooltip__label {
11501
11544
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -11563,29 +11606,29 @@ html:lang(ar) .zen-chart-tooltip__note {
11563
11606
  }
11564
11607
  .zen-chart-tooltip__arrow--top {
11565
11608
  inset: -0.375rem auto auto calc(50% - 0.9375rem);
11566
- /* rtl:ignore */
11609
+ /*rtl:ignore*/
11567
11610
  transform: rotate(45deg);
11568
11611
  }
11569
11612
  .zen-chart-tooltip__arrow--bottom {
11570
11613
  inset: auto auto -0.375rem calc(50% - 0.9375rem);
11571
- /* rtl:ignore */
11614
+ /*rtl:ignore*/
11572
11615
  transform: rotate(225deg);
11573
11616
  }
11574
11617
  .zen-chart-tooltip__arrow--right {
11575
11618
  inset: calc(50% - 0.9375rem) -0.375rem auto auto;
11576
- /* rtl:ignore */
11619
+ /*rtl:ignore*/
11577
11620
  transform: rotate(135deg);
11578
11621
  }
11579
11622
  .zen-chart-tooltip__arrow--left {
11580
11623
  inset: calc(50% - 0.9375rem) auto auto -0.375rem;
11581
- /* rtl:ignore */
11624
+ /*rtl:ignore*/
11582
11625
  transform: rotate(315deg);
11583
11626
  }
11584
11627
  .zen-chart-insight {
11585
11628
  display: flex;
11586
11629
  gap: 4px;
11587
11630
  max-width: 560px;
11588
- margin-block-end: 8px;
11631
+ margin-bottom: 8px;
11589
11632
  }
11590
11633
  .zen-chart-insight__icon {
11591
11634
  fill: var(--text-primary);
@@ -11607,7 +11650,8 @@ html:lang(ar) .zen-chart-insight__text {
11607
11650
  }
11608
11651
  .zen-legend {
11609
11652
  display: flex;
11610
- gap: 8px 16px;
11653
+ column-gap: 16px;
11654
+ row-gap: 8px;
11611
11655
  margin: 0;
11612
11656
  padding: 0;
11613
11657
  flex-wrap: wrap;
@@ -11644,7 +11688,7 @@ html:lang(ar) .zen-chart-insight__text {
11644
11688
  overflow: hidden;
11645
11689
  text-overflow: ellipsis;
11646
11690
  white-space: nowrap;
11647
- overflow-wrap: normal;
11691
+ word-wrap: normal;
11648
11692
  }
11649
11693
  html:lang(ar) .zen-legend__item-label {
11650
11694
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -11676,7 +11720,7 @@ html:lang(ar) .zen-legend__item-value {
11676
11720
  font-size: 1rem;
11677
11721
  line-height: 1.125rem;
11678
11722
  }
11679
- @media (width <= 640px) {
11723
+ @media (max-width: 640px) {
11680
11724
  .zen-legend.zen-legend--drive .zen-legend-list__item-text {
11681
11725
  font-size: 0.875rem;
11682
11726
  }
@@ -11684,7 +11728,8 @@ html:lang(ar) .zen-legend__item-value {
11684
11728
  .zen-chart-axis {
11685
11729
  display: flex;
11686
11730
  justify-content: space-between;
11687
- gap: 0.25rem 1rem;
11731
+ column-gap: 1rem;
11732
+ row-gap: 0.25rem;
11688
11733
  flex-wrap: wrap;
11689
11734
  margin: 0 0.625rem;
11690
11735
  }
@@ -11751,7 +11796,7 @@ html:lang(ar) .zen-chart-axis__value {
11751
11796
  flex-basis: 100%;
11752
11797
  justify-content: flex-end;
11753
11798
  }
11754
- @media (width <= 640px) {
11799
+ @media (max-width: 640px) {
11755
11800
  .zen-chart-axis__item--wide {
11756
11801
  flex: 0 0 auto;
11757
11802
  }
@@ -11763,7 +11808,7 @@ html:lang(ar) .zen-chart-axis__value {
11763
11808
  margin: -1px;
11764
11809
  padding: 0;
11765
11810
  overflow: hidden;
11766
- clip-path: inset(50%);
11811
+ clip: rect(0, 0, 0, 0);
11767
11812
  border: 0;
11768
11813
  }
11769
11814
  .zen-columns-filter {
@@ -11875,9 +11920,6 @@ html:lang(ar) .zen-columns-filter__item {
11875
11920
  transform: translateX(-88%);
11876
11921
  position: absolute;
11877
11922
  }
11878
- [dir="rtl"] .zen-flexible-column .zen-flexible-column__draggable-icon {
11879
- transform: translateX(88%);
11880
- }
11881
11923
  .zen-flexible-column__draggable {
11882
11924
  width: 0.375rem;
11883
11925
  height: 100%;
@@ -11891,6 +11933,7 @@ html:lang(ar) .zen-columns-filter__item {
11891
11933
  .zen-flexible-column__content {
11892
11934
  width: 100%;
11893
11935
  text-align: start;
11936
+ -webkit-user-select: none;
11894
11937
  user-select: none;
11895
11938
  }
11896
11939
  .zen-flexible-column:hover .zen-flexible-column__draggable-icon {
@@ -11956,6 +11999,10 @@ html:lang(ar) .zen-date-input-popup__header {
11956
11999
  padding: 0 0.5rem;
11957
12000
  border-block-start: 1px solid var(--backgrounds-content-1);
11958
12001
  }
12002
+ .zen-date-input-popup.zen-date-input-popup--drive-tablet {
12003
+ width: 20rem;
12004
+ min-width: 20rem;
12005
+ }
11959
12006
  .zen-date-input-popup.zen-date-input-popup--drive .zen-date-input-popup__header {
11960
12007
  font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
11961
12008
  font-size: 1rem;
@@ -11966,6 +12013,16 @@ html:lang(ar) .zen-date-input-popup__header {
11966
12013
  text-transform: none;
11967
12014
  text-decoration: none;
11968
12015
  }
12016
+ .zen-date-input-popup.zen-date-input-popup--drive-tablet .zen-date-input-popup__header {
12017
+ font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
12018
+ font-size: 1rem;
12019
+ font-style: normal;
12020
+ font-weight: 700;
12021
+ letter-spacing: 0.02rem;
12022
+ line-height: 1.375rem;
12023
+ text-transform: none;
12024
+ text-decoration: none;
12025
+ }
11969
12026
  .zen-date-input-mobile-sheet .zen-mobile-sheet__title {
11970
12027
  border-block-end: none;
11971
12028
  }
@@ -12077,7 +12134,7 @@ html:lang(ar) .zen-date-input-inner__control-block {
12077
12134
  width: 76px;
12078
12135
  height: 160px;
12079
12136
  }
12080
- @media (width <= 640px) {
12137
+ @media (max-width: 640px) {
12081
12138
  .zen-time-select {
12082
12139
  width: 100%;
12083
12140
  }
@@ -12111,13 +12168,10 @@ html:lang(ar) .zen-date-input-inner__control-block {
12111
12168
  .zen-time-picker__trigger--error {
12112
12169
  border: 1px solid var(--text-error-message);
12113
12170
  }
12114
- .zen-time-picker__trigger.zen-form-field__input {
12171
+ .zen-time-picker__trigger.zen-form-field__input:not(.zen-time-picker__trigger--full-width) {
12115
12172
  width: unset;
12116
12173
  }
12117
- .zen-time-picker__trigger.zen-form-field__input.zen-time-picker__trigger--full-width {
12118
- width: 100%;
12119
- }
12120
- @media (width <= 640px) {
12174
+ @media (max-width: 640px) {
12121
12175
  .zen-time-picker__popup {
12122
12176
  width: 100%;
12123
12177
  }
@@ -12147,7 +12201,6 @@ html:lang(ar) .zen-date-input-inner__control-block {
12147
12201
  width: 2rem;
12148
12202
  cursor: pointer;
12149
12203
  flex-shrink: 0;
12150
- /* stylelint-disable-next-line selector-not-notation */
12151
12204
  }
12152
12205
  .zen-date-range-wrapper .zen-date-range__stepper--left {
12153
12206
  margin-inline-end: -1px;
@@ -12224,7 +12277,7 @@ html:lang(ar) .zen-date-input-inner__control-block {
12224
12277
  overflow: hidden;
12225
12278
  text-overflow: ellipsis;
12226
12279
  white-space: nowrap;
12227
- overflow-wrap: normal;
12280
+ word-wrap: normal;
12228
12281
  }
12229
12282
  .zen-date-range--with-stepper.zen-date-range--with-stepper:hover,
12230
12283
  .zen-date-range--with-stepper.zen-date-range--with-stepper:focus {
@@ -12471,8 +12524,8 @@ html:lang(ar) .zen-radio__label {
12471
12524
  .zen-radio--drive .zen-radio__input::before {
12472
12525
  width: 0.875rem;
12473
12526
  height: 0.875rem;
12474
- inset-block-start: calc(50% - 0.875rem / 2);
12475
- inset-inline-start: calc(50% - 0.875rem / 2);
12527
+ top: calc(50% - 0.875rem / 2);
12528
+ left: calc(50% - 0.875rem / 2);
12476
12529
  }
12477
12530
  .zen-radio__wrapper--mobile .zen-radio__label {
12478
12531
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -12495,8 +12548,8 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
12495
12548
  .zen-radio__wrapper--mobile .zen-radio__input::before {
12496
12549
  width: 0.875rem;
12497
12550
  height: 0.875rem;
12498
- inset-block-start: calc(50% - 0.875rem / 2);
12499
- inset-inline-start: calc(50% - 0.875rem / 2);
12551
+ top: calc(50% - 0.875rem / 2);
12552
+ left: calc(50% - 0.875rem / 2);
12500
12553
  }
12501
12554
  .zen-radio--drive-tablet .zen-radio__label {
12502
12555
  font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -12516,10 +12569,11 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
12516
12569
  .zen-radio--drive-tablet .zen-radio__input::before {
12517
12570
  width: 0.875rem;
12518
12571
  height: 0.875rem;
12519
- inset-block-start: calc(50% - 0.875rem / 2);
12520
- inset-inline-start: calc(50% - 0.875rem / 2);
12572
+ top: calc(50% - 0.875rem / 2);
12573
+ left: calc(50% - 0.875rem / 2);
12521
12574
  }
12522
12575
  .zen-radio__input {
12576
+ -webkit-appearance: none;
12523
12577
  appearance: none;
12524
12578
  position: relative;
12525
12579
  cursor: pointer;
@@ -12542,8 +12596,8 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
12542
12596
  width: 0.625rem;
12543
12597
  height: 0.625rem;
12544
12598
  position: absolute;
12545
- inset-block-start: calc(50% - 0.625rem / 2);
12546
- inset-inline-start: calc(50% - 0.625rem / 2);
12599
+ top: calc(50% - 0.625rem / 2);
12600
+ left: calc(50% - 0.625rem / 2);
12547
12601
  border-radius: 50%;
12548
12602
  transform: scale(0);
12549
12603
  transition: 120ms transform ease-in-out;
@@ -12626,7 +12680,10 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
12626
12680
  position: absolute;
12627
12681
  width: 100%;
12628
12682
  height: 100%;
12629
- inset: 0;
12683
+ top: 0;
12684
+ bottom: 0;
12685
+ left: 0;
12686
+ right: 0;
12630
12687
  display: flex;
12631
12688
  align-items: center;
12632
12689
  justify-content: center;
@@ -12637,7 +12694,10 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
12637
12694
  .zen-dialog__shield {
12638
12695
  box-sizing: border-box;
12639
12696
  position: absolute;
12640
- inset: 0;
12697
+ top: 0;
12698
+ bottom: 0;
12699
+ left: 0;
12700
+ right: 0;
12641
12701
  z-index: 11000;
12642
12702
  background-color: var(--backgrounds-hover);
12643
12703
  opacity: 0.5;
@@ -12654,8 +12714,9 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
12654
12714
  background-color: var(--backgrounds-main);
12655
12715
  color: var(--text-primary);
12656
12716
  padding: 0;
12657
- box-shadow: 0 2px 6px rgba(11, 32, 50, 0.2);
12658
- max-height: 90vb;
12717
+ box-shadow: 0px 2px 6px rgba(11, 32, 50, 0.2);
12718
+ max-height: 90vh;
12719
+ max-height: 90dvh;
12659
12720
  border-radius: var(--border-radius-default);
12660
12721
  overflow: hidden;
12661
12722
  }
@@ -12672,6 +12733,7 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
12672
12733
  }
12673
12734
  .zen-dialog-content__header-title {
12674
12735
  flex-grow: 2;
12736
+ padding-right: 12px;
12675
12737
  padding: 12px 24px;
12676
12738
  }
12677
12739
  .zen-dialog-content__header-close-button {
@@ -12679,7 +12741,7 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
12679
12741
  align-items: center;
12680
12742
  justify-content: center;
12681
12743
  flex-shrink: 0;
12682
- margin-inline-end: 12px;
12744
+ margin-right: 12px;
12683
12745
  width: 24px;
12684
12746
  height: 24px;
12685
12747
  fill: var(--text-reverse-primary);
@@ -12703,11 +12765,11 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
12703
12765
  display: flex;
12704
12766
  justify-content: space-between;
12705
12767
  padding: 12px;
12706
- border-block-start: 1px solid var(--borders-general);
12768
+ border-top: 1px solid var(--borders-general);
12707
12769
  min-height: auto;
12708
12770
  }
12709
12771
  .zen-dialog-content__footer-item {
12710
- margin-inline-end: 8px;
12772
+ margin-right: 8px;
12711
12773
  }
12712
12774
  .zen-dialog-content--small {
12713
12775
  max-width: 400px;
@@ -12716,7 +12778,7 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
12716
12778
  max-width: 600px;
12717
12779
  }
12718
12780
  .zen-popup-default {
12719
- box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
12781
+ box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
12720
12782
  border-radius: var(--border-radius-default);
12721
12783
  }
12722
12784
  .zen-popup-body.zen-popup-body {
@@ -12727,36 +12789,38 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
12727
12789
  }
12728
12790
  .zen-alerts {
12729
12791
  position: fixed;
12730
- inset-block-start: 0;
12731
- inset-inline-end: 0;
12792
+ top: 0;
12793
+ right: 0;
12732
12794
  z-index: 11020;
12733
12795
  display: grid;
12734
12796
  gap: 16px;
12735
- margin-block-start: 48px;
12736
- padding-inline-end: 24px;
12797
+ margin-top: 48px;
12798
+ padding-right: 24px;
12737
12799
  }
12738
12800
  .zen-alerts--mobile {
12739
12801
  width: 100%;
12740
12802
  gap: 8px;
12741
- margin-block-start: 40px;
12742
- padding-inline: 12px;
12803
+ margin-top: 40px;
12804
+ padding-right: 12px;
12805
+ padding-left: 12px;
12743
12806
  box-sizing: border-box;
12744
12807
  }
12745
12808
  .zen-toasts {
12746
12809
  position: fixed;
12747
- inset-block-end: 0;
12748
- inset-inline-end: 0;
12810
+ bottom: 0;
12811
+ right: 0;
12749
12812
  z-index: 11020;
12750
12813
  display: grid;
12751
12814
  gap: 16px;
12752
- margin-block-end: 32px;
12753
- padding-inline-end: 24px;
12815
+ margin-bottom: 32px;
12816
+ padding-right: 24px;
12754
12817
  }
12755
12818
  .zen-toasts--mobile {
12756
12819
  width: 100%;
12757
12820
  gap: 8px;
12758
- margin-block-end: 16px;
12759
- padding-inline: 12px;
12821
+ margin-bottom: 16px;
12822
+ padding-right: 12px;
12823
+ padding-left: 12px;
12760
12824
  box-sizing: border-box;
12761
12825
  }
12762
12826
  @keyframes waiting {
@@ -12770,8 +12834,10 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
12770
12834
  .zen-waiting {
12771
12835
  box-sizing: border-box;
12772
12836
  position: absolute;
12773
- inset-block: 0;
12774
- inset-inline: 0;
12837
+ top: 0;
12838
+ bottom: 0;
12839
+ left: 0;
12840
+ right: 0;
12775
12841
  overflow: hidden;
12776
12842
  z-index: 10005;
12777
12843
  }
@@ -12821,11 +12887,13 @@ html:lang(ar) .zen-waiting__spinner-text {
12821
12887
  }
12822
12888
  .zen-waiting__overlay {
12823
12889
  position: absolute;
12824
- inset-block: 0;
12825
- inset-inline: 0;
12890
+ top: 0;
12891
+ bottom: 0;
12892
+ left: 0;
12893
+ right: 0;
12826
12894
  background-color: var(--backgrounds-overlay);
12827
12895
  opacity: 0.12;
12828
- text-align: start;
12896
+ text-align: left;
12829
12897
  overflow: hidden;
12830
12898
  }
12831
12899
  .zen-waiting__overlay--hidden {
@@ -12860,7 +12928,7 @@ html:lang(ar) .zen-waiting__spinner-text {
12860
12928
  max-width: 2.5rem;
12861
12929
  max-height: 2.5rem;
12862
12930
  }
12863
- @media (width <= 640px) {
12931
+ @media (max-width: 640px) {
12864
12932
  .zen-waiting__spinner {
12865
12933
  max-width: 2.5rem;
12866
12934
  max-height: 2.5rem;
@@ -13124,7 +13192,7 @@ html:lang(ar) .zen-file-upload__file-name {
13124
13192
  .zen-file-upload__remove-button {
13125
13193
  flex-shrink: 0;
13126
13194
  }
13127
- @media (width <= 640px) {
13195
+ @media (max-width: 640px) {
13128
13196
  .zen-file-upload--mobile .zen-file-upload__drop-zone-text {
13129
13197
  text-align: center;
13130
13198
  }
@@ -13147,7 +13215,8 @@ html:lang(ar) .zen-file-upload__file-name {
13147
13215
  }
13148
13216
  .zen-filters--mobile {
13149
13217
  flex-wrap: nowrap;
13150
- overflow: auto hidden;
13218
+ overflow-inline: auto;
13219
+ overflow-block: hidden;
13151
13220
  scrollbar-width: none;
13152
13221
  -ms-overflow-style: none;
13153
13222
  }
@@ -13172,7 +13241,7 @@ html:lang(ar) .zen-file-upload__file-name {
13172
13241
  .zen-filters__main-row {
13173
13242
  display: flex;
13174
13243
  align-items: center;
13175
- box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
13244
+ box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
13176
13245
  border-radius: 999px;
13177
13246
  border: var(--border-width-default) solid var(--borders-general);
13178
13247
  background-color: var(--backgrounds-main);
@@ -13221,7 +13290,7 @@ html:lang(ar) .zen-file-upload__file-name {
13221
13290
  overflow: hidden;
13222
13291
  text-overflow: ellipsis;
13223
13292
  white-space: nowrap;
13224
- overflow-wrap: normal;
13293
+ word-wrap: normal;
13225
13294
  }
13226
13295
  .zen-filters__select-caption {
13227
13296
  width: auto;
@@ -13278,7 +13347,7 @@ html:lang(ar) .zen-file-upload__file-name {
13278
13347
  flex-direction: column;
13279
13348
  flex: 1;
13280
13349
  min-height: 0;
13281
- overflow-y: hidden;
13350
+ overflow-block: hidden;
13282
13351
  }
13283
13352
  .zen-filters-popup__content {
13284
13353
  display: flex;
@@ -13307,7 +13376,8 @@ html:lang(ar) .zen-file-upload__file-name {
13307
13376
  }
13308
13377
  .zen-filters-container {
13309
13378
  display: flex;
13310
- flex-flow: row wrap;
13379
+ flex-direction: row;
13380
+ flex-wrap: wrap;
13311
13381
  flex-grow: 1;
13312
13382
  min-width: 0;
13313
13383
  gap: 0.25rem;
@@ -13351,7 +13421,8 @@ html:lang(ar) .zen-file-upload__file-name {
13351
13421
  .zen-filters-container__mobile-scroll-wrapper {
13352
13422
  padding: 0.125rem;
13353
13423
  display: flex;
13354
- flex-flow: row nowrap;
13424
+ flex-direction: row;
13425
+ flex-wrap: nowrap;
13355
13426
  align-items: center;
13356
13427
  gap: 0.5rem;
13357
13428
  width: 100%;
@@ -13425,7 +13496,8 @@ html:lang(ar) .zen-file-upload__file-name {
13425
13496
  height: 3rem;
13426
13497
  }
13427
13498
  .zen-groups-filter-menu__groups-box {
13428
- overflow: hidden auto;
13499
+ overflow-y: auto;
13500
+ overflow-x: hidden;
13429
13501
  max-height: 16.25rem;
13430
13502
  }
13431
13503
  .zen-groups-filter-menu__groups-list--no-space,
@@ -13510,7 +13582,7 @@ html:lang(ar) .zen-file-upload__file-name {
13510
13582
  padding-inline-end: 0;
13511
13583
  }
13512
13584
  .zen-groups-filter-menu__item--underlined {
13513
- border-block-end: 1px solid;
13585
+ border-bottom: 1px solid;
13514
13586
  }
13515
13587
  .zen-groups-filter-menu__item--inline {
13516
13588
  display: inline-block;
@@ -13555,7 +13627,7 @@ html:lang(ar) .zen-file-upload__file-name {
13555
13627
  overflow: hidden;
13556
13628
  text-overflow: ellipsis;
13557
13629
  white-space: nowrap;
13558
- overflow-wrap: normal;
13630
+ word-wrap: normal;
13559
13631
  }
13560
13632
  .zen-groups-filter-menu__advanced-button,
13561
13633
  .zen-groups-filter-menu__action-button-home {
@@ -13663,13 +13735,14 @@ html:lang(ar) .zen-file-upload__file-name {
13663
13735
  border: none;
13664
13736
  outline: none;
13665
13737
  padding-inline-end: 0.3125rem;
13738
+ -webkit-appearance: none;
13666
13739
  appearance: none;
13667
13740
  background-color: inherit;
13668
13741
  color: inherit;
13669
13742
  overflow: hidden;
13670
13743
  text-overflow: ellipsis;
13671
13744
  white-space: nowrap;
13672
- overflow-wrap: normal;
13745
+ word-wrap: normal;
13673
13746
  }
13674
13747
  .zen-groups-filter .zen-groups-filter__input:hover {
13675
13748
  background-color: var(--backgrounds-hover);
@@ -13696,6 +13769,7 @@ html:lang(ar) .zen-groups-filter .zen-groups-filter__input::placeholder {
13696
13769
  }
13697
13770
  .zen-groups-filter__popup-trigger {
13698
13771
  display: flex;
13772
+ border-color: var(--borders-general);
13699
13773
  border: 1px solid var(--borders-general);
13700
13774
  border-radius: var(--border-radius-default);
13701
13775
  justify-content: center;
@@ -13797,7 +13871,7 @@ html:lang(ar) .zen-groups-filter .zen-groups-filter__input::placeholder {
13797
13871
  display: flex;
13798
13872
  }
13799
13873
  .zen-item-data {
13800
- padding: 0.75rem 0.75rem 0.6875rem;
13874
+ padding: 0.75rem 0.75rem 0.6875rem 0.75rem;
13801
13875
  background-color: var(--backgrounds-main);
13802
13876
  border-block-end: 1px solid var(--borders-general);
13803
13877
  display: flex;
@@ -13901,7 +13975,7 @@ html:lang(ar) .zen-item-data__identifier {
13901
13975
  overflow: hidden;
13902
13976
  text-overflow: ellipsis;
13903
13977
  white-space: nowrap;
13904
- overflow-wrap: normal;
13978
+ word-wrap: normal;
13905
13979
  color: var(--text-primary);
13906
13980
  flex: 1 1 auto;
13907
13981
  }
@@ -13920,7 +13994,7 @@ html:lang(ar) .zen-item-data__name {
13920
13994
  overflow: hidden;
13921
13995
  text-overflow: ellipsis;
13922
13996
  white-space: nowrap;
13923
- overflow-wrap: normal;
13997
+ word-wrap: normal;
13924
13998
  color: var(--text-hyperlink);
13925
13999
  flex: 1 1 auto;
13926
14000
  width: 100%;
@@ -14171,7 +14245,7 @@ html:lang(ar) .zen-item-data__data-value {
14171
14245
  flex: 0 0 auto;
14172
14246
  }
14173
14247
  .zen-list-item-compact {
14174
- padding: 0.5rem 0 0.4375rem;
14248
+ padding: 0.5rem 0 0.4375rem 0;
14175
14249
  background-color: var(--backgrounds-main);
14176
14250
  border-block-end: 1px solid var(--borders-general);
14177
14251
  display: flex;
@@ -14201,7 +14275,7 @@ html:lang(ar) .zen-item-data__data-value {
14201
14275
  overflow: hidden;
14202
14276
  text-overflow: ellipsis;
14203
14277
  white-space: nowrap;
14204
- overflow-wrap: normal;
14278
+ word-wrap: normal;
14205
14279
  }
14206
14280
  html:lang(ar) .zen-list-item-compact__name {
14207
14281
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -14308,15 +14382,15 @@ html:lang(ar) .zen-list-item-compact__data {
14308
14382
  max-width: 31.25rem;
14309
14383
  }
14310
14384
  .zen-list-item {
14311
- padding: 0.5rem 1rem 0.4375rem;
14385
+ padding: 0.5rem 1rem 0.4375rem 1rem;
14312
14386
  background-color: var(--backgrounds-main);
14313
14387
  border-block-end: 1px solid var(--borders-general);
14314
14388
  display: flex;
14315
14389
  gap: 0.5rem;
14316
14390
  align-items: center;
14317
14391
  width: 100%;
14318
- box-sizing: border-box;
14319
14392
  min-height: 3rem;
14393
+ box-sizing: border-box;
14320
14394
  }
14321
14395
  .zen-list-item:hover {
14322
14396
  background-color: var(--backgrounds-content-1);
@@ -14363,7 +14437,7 @@ html:lang(ar) .zen-list-item__identifier {
14363
14437
  overflow: hidden;
14364
14438
  text-overflow: ellipsis;
14365
14439
  white-space: nowrap;
14366
- overflow-wrap: normal;
14440
+ word-wrap: normal;
14367
14441
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
14368
14442
  font-size: 0.875rem;
14369
14443
  font-style: normal;
@@ -14390,7 +14464,7 @@ html:lang(ar) .zen-list-item__name {
14390
14464
  overflow: hidden;
14391
14465
  text-overflow: ellipsis;
14392
14466
  white-space: nowrap;
14393
- overflow-wrap: normal;
14467
+ word-wrap: normal;
14394
14468
  }
14395
14469
  html:lang(ar) .zen-list-item__secondary {
14396
14470
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -14439,7 +14513,7 @@ html:lang(ar) .zen-list-item__secondary {
14439
14513
  -webkit-line-clamp: 2;
14440
14514
  -webkit-box-orient: vertical;
14441
14515
  }
14442
- @media (width <= 640px) {
14516
+ @media (max-width: 640px) {
14443
14517
  .zen-list-item__identifier {
14444
14518
  flex-direction: column;
14445
14519
  align-items: initial;
@@ -14584,7 +14658,7 @@ html:lang(ar) .zen-list-item__secondary {
14584
14658
  .zen-filters-search-list {
14585
14659
  flex: 1;
14586
14660
  min-height: 0;
14587
- overflow-y: auto;
14661
+ overflow-block: auto;
14588
14662
  }
14589
14663
  .zen-filters-search-list--mobile {
14590
14664
  padding: 1rem 0;
@@ -14714,7 +14788,7 @@ html:lang(ar) .zen-filters-search-list__header-title {
14714
14788
  align-items: center;
14715
14789
  justify-content: center;
14716
14790
  content: "\00d7";
14717
- inset-block-start: 0;
14791
+ top: 0;
14718
14792
  inset-inline-end: 0.5rem;
14719
14793
  width: 1.25rem;
14720
14794
  height: 100%;
@@ -14921,13 +14995,14 @@ html:lang(ar) .zen-search-item-data-wrapper--mobile .zen-search-item-data__secon
14921
14995
  padding-inline: 1rem;
14922
14996
  align-items: center;
14923
14997
  height: 3.8125rem;
14924
- margin-inline: 0.25rem;
14998
+ margin-inline-end: 0.25rem;
14999
+ margin-inline-start: 0.25rem;
14925
15000
  }
14926
15001
  .zen-page-header__page-name {
14927
15002
  overflow: hidden;
14928
15003
  text-overflow: ellipsis;
14929
15004
  white-space: nowrap;
14930
- overflow-wrap: normal;
15005
+ word-wrap: normal;
14931
15006
  max-width: 41rem;
14932
15007
  padding: 0;
14933
15008
  margin: 0;
@@ -14959,7 +15034,8 @@ html:lang(ar) .zen-page-header__page-name {
14959
15034
  flex: 0 0 auto;
14960
15035
  }
14961
15036
  .zen-page-header__left-aligned-tool {
14962
- margin-inline: 0.375rem auto;
15037
+ margin-inline-end: auto;
15038
+ margin-inline-start: 0.375rem;
14963
15039
  }
14964
15040
  .zen-page-header__sub-line {
14965
15041
  align-items: flex-start;
@@ -15028,7 +15104,6 @@ html:lang(ar) .zen-page-header--new .zen-page-header__main-line {
15028
15104
  }
15029
15105
  .zen-page-header--mobile .zen-page-header__main-line {
15030
15106
  gap: 0.25rem;
15031
- justify-content: initial;
15032
15107
  }
15033
15108
  .zen-page-header--mobile .zen-page-header__page-name {
15034
15109
  max-width: 11.25rem;
@@ -15070,6 +15145,9 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
15070
15145
  text-transform: none;
15071
15146
  text-decoration: none;
15072
15147
  }
15148
+ .zen-page-header--mobile .zen-page-header__main-line {
15149
+ justify-content: initial;
15150
+ }
15073
15151
  .zen-tabs {
15074
15152
  box-sizing: border-box;
15075
15153
  width: 100%;
@@ -15093,7 +15171,8 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
15093
15171
  }
15094
15172
  .zen-tabs__scrollable {
15095
15173
  display: flex;
15096
- overflow: auto hidden;
15174
+ overflow-x: auto;
15175
+ overflow-y: hidden;
15097
15176
  scrollbar-width: none;
15098
15177
  -ms-overflow-style: none;
15099
15178
  padding: 0.0625rem;
@@ -15188,11 +15267,6 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
15188
15267
  width: 2.875rem;
15189
15268
  height: 2.875rem;
15190
15269
  }
15191
- .zen-tabs .zen-tabs__scroller.zen-tabs__scroller--drive,
15192
- .zen-tabs .zen-tabs__scroller.zen-tabs__scroller--drive-tablet {
15193
- width: 3rem;
15194
- height: 3rem;
15195
- }
15196
15270
  .zen-tabs .zen-tabs__gradient.zen-tabs__gradient--mobile.zen-tabs__gradient--left::after {
15197
15271
  position: absolute;
15198
15272
  content: "";
@@ -15211,6 +15285,15 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
15211
15285
  inset-inline-end: calc(2.875rem - 0.5rem);
15212
15286
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
15213
15287
  }
15288
+ .zen-tabs.zen-tabs--drive,
15289
+ .zen-tabs.zen-tabs--drive-tablet {
15290
+ height: 3rem;
15291
+ }
15292
+ .zen-tabs .zen-tabs__scroller.zen-tabs__scroller--drive,
15293
+ .zen-tabs .zen-tabs__scroller.zen-tabs__scroller--drive-tablet {
15294
+ width: 3rem;
15295
+ height: 3rem;
15296
+ }
15214
15297
  .zen-tabs .zen-tabs__gradient.zen-tabs__gradient--drive.zen-tabs__gradient--left::after,
15215
15298
  .zen-tabs .zen-tabs__gradient.zen-tabs__gradient--drive-tablet.zen-tabs__gradient--left::after {
15216
15299
  position: absolute;
@@ -15231,10 +15314,6 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
15231
15314
  inset-inline-end: calc(3rem - 0.5rem);
15232
15315
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
15233
15316
  }
15234
- .zen-tabs.zen-tabs--drive,
15235
- .zen-tabs.zen-tabs--drive-tablet {
15236
- height: 3rem;
15237
- }
15238
15317
  .zen-tab-item {
15239
15318
  box-sizing: border-box;
15240
15319
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -15249,7 +15328,7 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
15249
15328
  padding: 5px 16px 4px;
15250
15329
  height: 34px;
15251
15330
  border: none;
15252
- border-block-end: 3px solid transparent;
15331
+ border-bottom: 3px solid transparent;
15253
15332
  background-color: transparent;
15254
15333
  color: var(--text-secondary);
15255
15334
  fill: var(--text-secondary);
@@ -15263,13 +15342,13 @@ html:lang(ar) .zen-tab-item {
15263
15342
  }
15264
15343
  .zen-tab-item--active {
15265
15344
  color: var(--text-hyperlink);
15266
- border-block-end: 3px solid var(--borders-form-field--active);
15345
+ border-bottom: 3px solid var(--borders-form-field--active);
15267
15346
  }
15268
15347
  .zen-tab-item.zen-tab-item--disabled {
15269
15348
  cursor: default;
15270
15349
  color: var(--text-button-disabled);
15271
15350
  fill: var(--text-button-disabled);
15272
- border-block-end: 3px solid transparent;
15351
+ border-bottom: 3px solid transparent;
15273
15352
  }
15274
15353
  .zen-tab-item.zen-tab-item--disabled:hover,
15275
15354
  .zen-tab-item.zen-tab-item--disabled:focus {
@@ -15311,8 +15390,8 @@ html:lang(ar) .zen-tab-item {
15311
15390
  color: var(--text-reverse-primary);
15312
15391
  min-width: 16px;
15313
15392
  border-radius: 16px;
15314
- padding: 0 4px;
15315
- margin-inline-start: 8px;
15393
+ padding: 0px 4px;
15394
+ margin-left: 8px;
15316
15395
  }
15317
15396
  html:lang(ar) .zen-tab-item__content-quantity {
15318
15397
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -15320,7 +15399,7 @@ html:lang(ar) .zen-tab-item__content-quantity {
15320
15399
  .zen-tab-item__content-icon {
15321
15400
  display: flex;
15322
15401
  align-items: center;
15323
- margin-inline-end: 10px;
15402
+ margin-right: 10px;
15324
15403
  max-height: 16px;
15325
15404
  }
15326
15405
  .zen-tab-item__content-icon--active {
@@ -15338,7 +15417,7 @@ html:lang(ar) .zen-tab-item__content-quantity {
15338
15417
  overflow: hidden;
15339
15418
  text-overflow: ellipsis;
15340
15419
  white-space: nowrap;
15341
- overflow-wrap: normal;
15420
+ word-wrap: normal;
15342
15421
  max-width: 130px;
15343
15422
  }
15344
15423
  html:lang(ar) .zen-tab-item__content-text {
@@ -15460,7 +15539,8 @@ html:lang(ar) .zen-tab-item.zen-tab-item--mobile .zen-tab-item__content-text {
15460
15539
  }
15461
15540
  .zen-filters-toolbar__scrollable {
15462
15541
  display: flex;
15463
- overflow: auto hidden;
15542
+ overflow-x: auto;
15543
+ overflow-y: hidden;
15464
15544
  height: 100%;
15465
15545
  scrollbar-width: none;
15466
15546
  -ms-overflow-style: none;
@@ -15502,7 +15582,7 @@ html:lang(ar) .zen-tab-item.zen-tab-item--mobile .zen-tab-item__content-text {
15502
15582
  content: "";
15503
15583
  margin-inline-start: -2.5rem;
15504
15584
  height: 100%;
15505
- inset-block-start: 0;
15585
+ top: 0;
15506
15586
  width: 2.5rem;
15507
15587
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
15508
15588
  }
@@ -15514,7 +15594,7 @@ html:lang(ar) .zen-tab-item.zen-tab-item--mobile .zen-tab-item__content-text {
15514
15594
  content: "";
15515
15595
  margin-inline-start: 2.5rem;
15516
15596
  height: 100%;
15517
- inset-block-start: 0;
15597
+ top: 0;
15518
15598
  width: 2.5rem;
15519
15599
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
15520
15600
  }
@@ -15614,7 +15694,7 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
15614
15694
  content: "";
15615
15695
  margin-inline-start: 3.5rem;
15616
15696
  height: 100%;
15617
- inset-block-start: 0;
15697
+ top: 0;
15618
15698
  width: 3.25rem;
15619
15699
  z-index: 1000;
15620
15700
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
@@ -15629,7 +15709,7 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
15629
15709
  content: "";
15630
15710
  margin-inline-start: -3.25rem;
15631
15711
  height: 100%;
15632
- inset-block-start: 0;
15712
+ top: 0;
15633
15713
  width: 3.25rem;
15634
15714
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
15635
15715
  }
@@ -15638,7 +15718,7 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
15638
15718
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
15639
15719
  }
15640
15720
  .zen-side-panel-parent--open {
15641
- max-height: 100vb;
15721
+ max-height: 100vh;
15642
15722
  overflow-y: hidden;
15643
15723
  }
15644
15724
  .zen-filters-bar-dropdown {
@@ -15817,7 +15897,7 @@ html:lang(ar) .zen-range-field {
15817
15897
  text-decoration: none;
15818
15898
  color: var(--text-error-message);
15819
15899
  fill: var(--text-error-message);
15820
- margin-block-start: 0.25rem;
15900
+ margin-top: 0.25rem;
15821
15901
  }
15822
15902
  html:lang(ar) .zen-range-field__error {
15823
15903
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -15858,7 +15938,7 @@ html:lang(ar) .zen-range-field__label--mobile {
15858
15938
  }
15859
15939
  .zen-range-field__input::-webkit-inner-spin-button,
15860
15940
  .zen-range-field__input::-webkit-outer-spin-button {
15861
- appearance: none;
15941
+ -webkit-appearance: none;
15862
15942
  margin: 0;
15863
15943
  }
15864
15944
  .zen-range-field__input--mobile {
@@ -15877,7 +15957,7 @@ html:lang(ar) .zen-range-field__label--mobile {
15877
15957
  text-transform: none;
15878
15958
  text-decoration: none;
15879
15959
  color: var(--text-primary);
15880
- text-align: end;
15960
+ text-align: right;
15881
15961
  }
15882
15962
  html:lang(ar) .zen-range-field__sense {
15883
15963
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -15928,9 +16008,11 @@ html:lang(ar) .zen-range {
15928
16008
  min-width: 18.5rem;
15929
16009
  max-width: 20.5rem;
15930
16010
  display: grid;
15931
- place-items: center start;
16011
+ align-items: center;
16012
+ justify-items: start;
15932
16013
  grid-template-columns: minmax(1.5rem, 2rem) minmax(4rem, 4rem) minmax(1.5rem, 2rem) minmax(1.5rem, 2rem) minmax(4rem, 4rem) minmax(1.5rem, 2rem);
15933
- gap: 0.25rem 0.5rem;
16014
+ row-gap: 0.25rem;
16015
+ column-gap: 0.5rem;
15934
16016
  }
15935
16017
  .zen-range__fields-container--column {
15936
16018
  min-width: 12.5rem;
@@ -15939,7 +16021,8 @@ html:lang(ar) .zen-range {
15939
16021
  grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
15940
16022
  grid-template-rows: auto auto;
15941
16023
  gap: 0.25rem 0.5rem;
15942
- place-items: center start;
16024
+ align-items: center;
16025
+ justify-items: start;
15943
16026
  }
15944
16027
  .zen-range__trigger-button {
15945
16028
  max-width: 12.5rem;
@@ -15961,8 +16044,8 @@ html:lang(ar) .zen-range {
15961
16044
  text-transform: none;
15962
16045
  text-decoration: none;
15963
16046
  color: var(--text-secondary);
15964
- padding: 0.75rem 1rem 0.6875rem;
15965
- border-block-end: 1px solid var(--backgrounds-content-1);
16047
+ padding: 0.75rem 1rem 0.6875rem 1rem;
16048
+ border-bottom: 1px solid var(--backgrounds-content-1);
15966
16049
  }
15967
16050
  html:lang(ar) .zen-range__label {
15968
16051
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -15978,13 +16061,14 @@ html:lang(ar) .zen-range__label {
15978
16061
  .zen-range__footer {
15979
16062
  display: flex;
15980
16063
  justify-content: flex-start;
15981
- border-block-start: var(--border-width-default) solid var(--borders-general);
16064
+ border-top: var(--border-width-default) solid var(--borders-general);
15982
16065
  }
15983
16066
  .zen-range__clear-button,
15984
16067
  .zen-range__cancel-button,
15985
16068
  .zen-range__apply-button {
15986
16069
  margin-inline-end: 0.5rem;
15987
- margin-block: 0.5rem 0.25rem;
16070
+ margin-top: 0.5rem;
16071
+ margin-bottom: 0.25rem;
15988
16072
  }
15989
16073
  .zen-range__clear-button {
15990
16074
  margin-inline-start: 0.5rem;
@@ -16022,14 +16106,17 @@ html:lang(ar) .zen-range-popup.zen-range-popup {
16022
16106
  grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
16023
16107
  grid-template-rows: auto auto;
16024
16108
  gap: 0.25rem 0.5rem;
16025
- place-items: center start;
16109
+ align-items: center;
16110
+ justify-items: start;
16026
16111
  }
16027
16112
  .zen-filters-bar-side-panel-range__items-container--row {
16028
16113
  max-width: 18.5rem;
16029
16114
  display: grid;
16030
- place-items: center start;
16115
+ align-items: center;
16116
+ justify-items: start;
16031
16117
  grid-template-columns: minmax(1.5rem, 2rem) minmax(4rem, 4rem) minmax(1.5rem, 2rem) minmax(1.5rem, 2rem) minmax(4rem, 4rem) minmax(1.5rem, 2rem);
16032
- gap: 0.25rem 0.5rem;
16118
+ row-gap: 0.25rem;
16119
+ column-gap: 0.5rem;
16033
16120
  }
16034
16121
  .zen-filters-bar-side-panel-range__item--column {
16035
16122
  min-width: 8.5rem;
@@ -16059,10 +16146,11 @@ html:lang(ar) .zen-range-popup.zen-range-popup {
16059
16146
  }
16060
16147
  .zen-header-button--with-dropdown.zen-header-button--mobile .zen-caption__pre-content,
16061
16148
  .zen-header-button--with-dropdown.zen-header-button--hidden-name .zen-caption__pre-content {
16062
- margin-inline-end: 0;
16149
+ margin-right: 0;
16063
16150
  }
16064
16151
  .zen-header-button--with-dropdown.zen-header-button-with-dropdown--drive-tablet {
16065
- padding-block: 12px;
16152
+ padding-top: 12px;
16153
+ padding-bottom: 12px;
16066
16154
  }
16067
16155
  .zen-filters-saved-popup__content {
16068
16156
  margin: 1px;
@@ -16133,12 +16221,12 @@ html:lang(ar) .zen-filters-saved-popup__content {
16133
16221
  border: none;
16134
16222
  color: var(--text-primary);
16135
16223
  flex-grow: 1;
16136
- text-align: start;
16224
+ text-align: left;
16137
16225
  cursor: pointer;
16138
16226
  overflow: hidden;
16139
16227
  text-overflow: ellipsis;
16140
16228
  white-space: nowrap;
16141
- overflow-wrap: normal;
16229
+ word-wrap: normal;
16142
16230
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
16143
16231
  font-size: 0.875rem;
16144
16232
  font-style: normal;
@@ -16403,7 +16491,8 @@ html:lang(ar) .zen-side-panel-filters__title--mobile {
16403
16491
  fill: var(--text-primary);
16404
16492
  }
16405
16493
  .zen-side-panel-filters__content {
16406
- overflow: hidden auto;
16494
+ overflow-x: hidden;
16495
+ overflow-y: auto;
16407
16496
  flex: 1 1 auto;
16408
16497
  }
16409
16498
  .zen-side-panel-filters__item {
@@ -16505,7 +16594,7 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
16505
16594
  min-width: 22.5rem;
16506
16595
  max-width: 22.5rem;
16507
16596
  }
16508
- @media (width <= 640px) {
16597
+ @media (max-width: 640px) {
16509
16598
  .zen-side-panel-filters.zen-side-panel-filters {
16510
16599
  width: 100%;
16511
16600
  max-width: 100%;
@@ -16642,7 +16731,8 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
16642
16731
  padding: 0.0625rem;
16643
16732
  width: 100%;
16644
16733
  display: flex;
16645
- flex-flow: row nowrap;
16734
+ flex-direction: row;
16735
+ flex-wrap: nowrap;
16646
16736
  }
16647
16737
  .zen-filters-select__list-item-wrapper--expanded {
16648
16738
  z-index: 2;
@@ -16829,7 +16919,8 @@ html:lang(ar) .zen-side-panel-filters-bar__title {
16829
16919
  }
16830
16920
  .zen-side-panel-filters-bar__content {
16831
16921
  padding-block-start: 0.5rem;
16832
- overflow: hidden auto;
16922
+ overflow-x: hidden;
16923
+ overflow-y: auto;
16833
16924
  flex: 1 1 auto;
16834
16925
  }
16835
16926
  .zen-side-panel-filters-bar__apply-button--desktop {
@@ -16865,7 +16956,7 @@ html:lang(ar) .zen-side-panel-filters-bar__title {
16865
16956
  min-width: 20rem;
16866
16957
  max-width: 20rem;
16867
16958
  }
16868
- @media (width <= 640px) {
16959
+ @media (max-width: 640px) {
16869
16960
  .zen-side-panel-filters-bar.zen-side-panel-filters-bar {
16870
16961
  width: 100%;
16871
16962
  max-width: 100%;
@@ -16920,7 +17011,7 @@ html:lang(ar) .zen-form-layout-title {
16920
17011
  min-width: fit-content;
16921
17012
  max-width: fit-content;
16922
17013
  }
16923
- @media (width >= 1025px) {
17014
+ @media (min-width: 1025px) {
16924
17015
  .zen-grid {
16925
17016
  display: grid;
16926
17017
  grid-template-columns: repeat(12, 1fr);
@@ -17043,14 +17134,14 @@ html:lang(ar) .zen-form-layout-title {
17043
17134
  max-width: fit-content;
17044
17135
  }
17045
17136
  }
17046
- @media (width >= 1440px) {
17137
+ @media (min-width: 1440px) {
17047
17138
  .zen-grid {
17048
17139
  margin: 0 auto;
17049
17140
  max-width: 1440px;
17050
17141
  width: 100%;
17051
17142
  }
17052
17143
  }
17053
- @media (width <= 1024px) {
17144
+ @media (max-width: 1024px) {
17054
17145
  .zen-grid {
17055
17146
  display: grid;
17056
17147
  grid-template-columns: repeat(8, 1fr);
@@ -17143,7 +17234,7 @@ html:lang(ar) .zen-form-layout-title {
17143
17234
  max-width: fit-content;
17144
17235
  }
17145
17236
  }
17146
- @media (width <= 640px) {
17237
+ @media (max-width: 640px) {
17147
17238
  .zen-grid {
17148
17239
  margin: 0 0.75rem;
17149
17240
  grid-template-columns: repeat(4, 1fr);
@@ -17245,17 +17336,13 @@ html:lang(ar) .zen-form-layout-secondary {
17245
17336
  .zen-form-layout {
17246
17337
  padding: 0;
17247
17338
  grid-template-rows: repeat(auto-fit, minmax(0, max-content));
17248
- height: max-content;
17249
17339
  }
17250
- .zen-form-layout--has-wrapper {
17251
- height: auto;
17340
+ .zen-form-layout:not(.zen-form-layout--has-wrapper) {
17341
+ height: max-content;
17252
17342
  }
17253
- .zen-form-layout-stepper {
17343
+ .zen-form-layout-stepper:not(.zen-form-layout-stepper--with-banner) {
17254
17344
  margin-block-end: 2.5rem;
17255
17345
  }
17256
- .zen-form-layout-stepper--with-banner {
17257
- margin-block-end: 0;
17258
- }
17259
17346
  .zen-form-separator {
17260
17347
  margin-block: 2rem;
17261
17348
  margin-inline: 0;
@@ -17379,7 +17466,7 @@ html:lang(ar) .zen-form-layout-secondary {
17379
17466
  .zen-mobile-search-control--expanded {
17380
17467
  display: flex;
17381
17468
  width: 100%;
17382
- padding: 6px 12px;
17469
+ padding: 6px 12px 6px;
17383
17470
  gap: 8px;
17384
17471
  }
17385
17472
  .zen-mobile-search-control__search {
@@ -17390,8 +17477,8 @@ html:lang(ar) .zen-form-layout-secondary {
17390
17477
  }
17391
17478
  .zen-mobile-filter-control__counter-wrapper {
17392
17479
  position: absolute;
17393
- inset-block-start: 0;
17394
- inset-inline-end: 0;
17480
+ top: 0;
17481
+ right: 0;
17395
17482
  }
17396
17483
  .zen-mobile-filter-control__counter {
17397
17484
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -17424,7 +17511,8 @@ html:lang(ar) .zen-mobile-filter-control__counter {
17424
17511
  display: flex;
17425
17512
  justify-content: space-between;
17426
17513
  gap: 4px;
17427
- place-items: center center;
17514
+ justify-items: center;
17515
+ align-items: center;
17428
17516
  height: 56px;
17429
17517
  width: 100%;
17430
17518
  }
@@ -17441,7 +17529,8 @@ html:lang(ar) .zen-mobile-filter-control__counter {
17441
17529
  gap: 8px;
17442
17530
  align-items: center;
17443
17531
  flex-shrink: 0;
17444
- padding-inline: 4px;
17532
+ padding-right: 4px;
17533
+ padding-left: 4px;
17445
17534
  height: 100%;
17446
17535
  }
17447
17536
  .zen-header__section--middle {
@@ -17542,18 +17631,9 @@ html:lang(ar) .zen-mobile-filter-control__counter {
17542
17631
  .zen-layout__middle-element {
17543
17632
  height: 0;
17544
17633
  }
17545
- .zen-layout .zen-layout__content--full-screen > * {
17634
+ .zen-layout .zen-layout__content--full-screen > *:not(.zen-layout__full-screen-element--visible):not(.zen-layout__full-screen-element--visible *):not([data-full-screen-parent="true"]) {
17546
17635
  display: none;
17547
17636
  }
17548
- .zen-layout .zen-layout__content--full-screen > .zen-layout__full-screen-element--visible {
17549
- display: block;
17550
- }
17551
- .zen-layout .zen-layout__content--full-screen > .zen-layout__full-screen-element--visible * {
17552
- display: initial;
17553
- }
17554
- .zen-layout .zen-layout__content--full-screen > [data-full-screen-parent="true"] {
17555
- display: block;
17556
- }
17557
17637
  .zen-layout .zen-layout__content:has(> :first-child > :first-child .zen-data-grid-actions),
17558
17638
  .zen-layout .zen-layout__content:has(> :first-child > :first-child.zen-data-grid-actions),
17559
17639
  .zen-layout .zen-layout__content--full-screen:has(.zen-layout__full-screen-element--visible .zen-data-grid-actions) {
@@ -17576,7 +17656,8 @@ html:lang(ar) .zen-mobile-filter-control__counter {
17576
17656
  box-sizing: border-box;
17577
17657
  }
17578
17658
  .zen-card-deck--mobile {
17579
- padding-block: 0.125rem 0.0625rem;
17659
+ padding-block-start: 0.125rem;
17660
+ padding-block-end: 0.0625rem;
17580
17661
  padding-inline: 0.75rem;
17581
17662
  }
17582
17663
  .zen-card-deck__cards {
@@ -17621,7 +17702,8 @@ html:lang(ar) .zen-mobile-filter-control__counter {
17621
17702
  background-color: transparent;
17622
17703
  display: flex;
17623
17704
  justify-content: space-between;
17624
- flex-flow: row nowrap;
17705
+ flex-direction: row;
17706
+ flex-wrap: nowrap;
17625
17707
  align-items: flex-start;
17626
17708
  gap: 1.5rem;
17627
17709
  }
@@ -17637,7 +17719,8 @@ html:lang(ar) .zen-mobile-filter-control__counter {
17637
17719
  }
17638
17720
  .zen-page-header-component__actions {
17639
17721
  display: flex;
17640
- flex-flow: row nowrap;
17722
+ flex-direction: row;
17723
+ flex-wrap: nowrap;
17641
17724
  align-items: center;
17642
17725
  gap: 0.75rem;
17643
17726
  }
@@ -17666,9 +17749,10 @@ html:lang(ar) .zen-mobile-filter-control__counter {
17666
17749
  .zen-legend-list--flexible {
17667
17750
  display: flex;
17668
17751
  gap: 0.625rem;
17669
- flex-flow: row wrap;
17752
+ flex-direction: row;
17670
17753
  margin: 0;
17671
17754
  padding: 0;
17755
+ flex-wrap: wrap;
17672
17756
  }
17673
17757
  .zen-legend-list__item {
17674
17758
  display: flex;
@@ -17697,7 +17781,7 @@ html:lang(ar) .zen-mobile-filter-control__counter {
17697
17781
  font-size: 1rem;
17698
17782
  line-height: 1.125rem;
17699
17783
  }
17700
- @media (width <= 640px) {
17784
+ @media (max-width: 640px) {
17701
17785
  .zen-legend-list.zen-legend-list--drive .zen-legend-list__item-text {
17702
17786
  font-size: 0.875rem;
17703
17787
  }
@@ -17792,7 +17876,8 @@ html:lang(ar) .zen-mini-tabs {
17792
17876
  }
17793
17877
  .zen-nav__content {
17794
17878
  flex: 1 1 auto;
17795
- overflow: hidden auto;
17879
+ overflow-y: auto;
17880
+ overflow-x: hidden;
17796
17881
  position: relative;
17797
17882
  }
17798
17883
  .zen-nav__content--has-scrollbar {
@@ -17898,7 +17983,6 @@ html:lang(ar) .zen-mini-tabs {
17898
17983
  background-color: initial;
17899
17984
  }
17900
17985
  }
17901
- /* stylelint-disable-next-line selector-not-notation */
17902
17986
  .zen-nav-popup.zen-nav-popup:not(.zen-nav-popup .zen-nav-popup):not(.zen-nav-popup--mobile) {
17903
17987
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
17904
17988
  font-size: 0.875rem;
@@ -17908,7 +17992,7 @@ html:lang(ar) .zen-mini-tabs {
17908
17992
  line-height: 1rem;
17909
17993
  text-transform: none;
17910
17994
  text-decoration: none;
17911
- box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
17995
+ box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
17912
17996
  border-radius: var(--border-radius-default);
17913
17997
  box-sizing: border-box;
17914
17998
  max-height: 50rem;
@@ -17991,14 +18075,13 @@ html:lang(ar) .zen-nav-popup.zen-nav-popup:not(.zen-nav-popup .zen-nav-popup):no
17991
18075
  html:lang(ar) .zen-nav-item--active .zen-nav-item__title-text {
17992
18076
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
17993
18077
  }
17994
- .zen-nav-item .zen-nav-item__main {
18078
+ .zen-nav-item:not(.zen-nav-item--collapsed) .zen-nav-item__main {
17995
18079
  min-height: 36px;
17996
18080
  }
17997
18081
  .zen-nav-item--collapsed {
17998
18082
  width: auto;
17999
18083
  }
18000
18084
  .zen-nav-item--collapsed .zen-nav-item__main {
18001
- min-height: auto;
18002
18085
  padding: 0;
18003
18086
  width: auto;
18004
18087
  display: inline-flex;
@@ -18011,8 +18094,8 @@ html:lang(ar) .zen-nav-item--active .zen-nav-item__title-text {
18011
18094
  .zen-nav-item--collapsed .zen-nav-item__icon--with-counter::before {
18012
18095
  content: "";
18013
18096
  position: absolute;
18014
- inset-block-start: 4px;
18015
- inset-inline-end: 4px;
18097
+ top: 4px;
18098
+ right: 4px;
18016
18099
  width: 8px;
18017
18100
  height: 8px;
18018
18101
  background-color: var(--action-destructive--default);
@@ -18025,12 +18108,12 @@ html:lang(ar) .zen-nav-item--active .zen-nav-item__title-text {
18025
18108
  .zen-nav-item--button .zen-nav-item__main {
18026
18109
  border: 0;
18027
18110
  background: transparent;
18028
- text-align: start;
18111
+ text-align: left;
18029
18112
  }
18030
18113
  .zen-nav-item--link .zen-nav-item__main {
18031
18114
  text-decoration: none;
18032
18115
  }
18033
- .zen-nav-item--nested .zen-nav-item__main {
18116
+ .zen-nav-item--nested:not(.zen-nav-item--mobile) .zen-nav-item__main {
18034
18117
  min-height: 32px;
18035
18118
  border-radius: 4px;
18036
18119
  padding: 4px;
@@ -18077,7 +18160,7 @@ html:lang(ar) .zen-nav-item__main {
18077
18160
  fill: var(--accents-general--detail);
18078
18161
  border-radius: 1rem;
18079
18162
  padding: 6px 8px;
18080
- margin-inline-end: 4px;
18163
+ margin-right: 4px;
18081
18164
  display: flex;
18082
18165
  align-items: center;
18083
18166
  flex: 0 0 auto;
@@ -18101,7 +18184,7 @@ html:lang(ar) .zen-nav-item__main {
18101
18184
  overflow: hidden;
18102
18185
  text-overflow: ellipsis;
18103
18186
  white-space: nowrap;
18104
- overflow-wrap: normal;
18187
+ word-wrap: normal;
18105
18188
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
18106
18189
  font-size: 0.875rem;
18107
18190
  font-style: normal;
@@ -18195,7 +18278,7 @@ html:lang(ar) .zen-nav-item__title-text {
18195
18278
  display: flex;
18196
18279
  align-items: center;
18197
18280
  flex: 1 1 100%;
18198
- margin-block-end: -3px;
18281
+ margin-bottom: -3px;
18199
18282
  /* Adjust for visual centering (compensate y letter shift) */
18200
18283
  }
18201
18284
  .zen-nav-header--collapsed {
@@ -18242,7 +18325,7 @@ html:lang(ar) .zen-nav-item__title-text {
18242
18325
  gap: 8px;
18243
18326
  padding: 3px 12px;
18244
18327
  background: var(--backgrounds-content-0);
18245
- border-block-start: 1px solid var(--borders-general);
18328
+ border-top: 1px solid var(--borders-general);
18246
18329
  }
18247
18330
  .zen-nav-edit-footer {
18248
18331
  display: flex;
@@ -18253,7 +18336,7 @@ html:lang(ar) .zen-nav-item__title-text {
18253
18336
  width: calc(50% - 4px);
18254
18337
  }
18255
18338
  .zen-nav-edit-footer__button--with-margin {
18256
- margin-block-end: 8px;
18339
+ margin-bottom: 8px;
18257
18340
  }
18258
18341
  .zen-nav-edit-footer--mobile {
18259
18342
  flex-direction: column;
@@ -18287,7 +18370,7 @@ html:lang(ar) .zen-nav-edit-list__header {
18287
18370
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
18288
18371
  }
18289
18372
  .zen-nav-edit-list__header--no-gap {
18290
- margin-block-end: calc(var(--nav-items-gap) * -1);
18373
+ margin-bottom: calc(var(--nav-items-gap) * -1);
18291
18374
  }
18292
18375
  .zen-nav-edit-list .zen-nav-edit-list__item--placeholder {
18293
18376
  list-style-type: none;
@@ -18308,7 +18391,7 @@ html:lang(ar) .zen-nav-edit-list__header {
18308
18391
  line-height: 1rem;
18309
18392
  text-transform: none;
18310
18393
  text-decoration: none;
18311
- box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
18394
+ box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
18312
18395
  position: relative;
18313
18396
  display: flex;
18314
18397
  flex-direction: row;
@@ -18327,7 +18410,7 @@ html:lang(ar) .zen-push {
18327
18410
  .zen-push::before {
18328
18411
  content: "";
18329
18412
  position: absolute;
18330
- inset-block-start: 0;
18413
+ top: 0;
18331
18414
  inset-inline-start: -0.375rem;
18332
18415
  width: 0.4375rem;
18333
18416
  height: 100%;
@@ -18364,7 +18447,7 @@ html:lang(ar) .zen-push__header {
18364
18447
  text-transform: none;
18365
18448
  text-decoration: none;
18366
18449
  flex-grow: 1;
18367
- padding-block-start: 0.5rem;
18450
+ padding-top: 0.5rem;
18368
18451
  display: flex;
18369
18452
  flex-direction: column;
18370
18453
  }
@@ -18381,11 +18464,12 @@ html:lang(ar) .zen-push__body {
18381
18464
  }
18382
18465
  .zen-push__text {
18383
18466
  font-size: 0.75rem;
18384
- padding-block-end: 1rem;
18467
+ padding-bottom: 1rem;
18385
18468
  }
18386
18469
  .zen-push__title {
18387
18470
  font-style: normal;
18388
- padding-block: 0.125rem 0.5rem;
18471
+ padding-bottom: 0.5rem;
18472
+ padding-top: 0.125rem;
18389
18473
  }
18390
18474
  .zen-push__title--error {
18391
18475
  color: var(--accents-error--detail);
@@ -18577,7 +18661,7 @@ html:lang(ar) .zen-push__body {
18577
18661
  background-color: var(--accents-warning--detail);
18578
18662
  border-color: var(--accents-warning--detail);
18579
18663
  }
18580
- @media (width <= 540px) {
18664
+ @media (max-width: 540px) {
18581
18665
  .zen-push {
18582
18666
  min-width: 9.375rem;
18583
18667
  }
@@ -18671,7 +18755,7 @@ html:lang(ar) .zen-overview__label {
18671
18755
  color: var(--text-primary);
18672
18756
  align-items: center;
18673
18757
  justify-content: space-between;
18674
- padding: 0.25rem 0.75rem;
18758
+ padding: 0.25rem 0.75rem 0.25rem 0.75rem;
18675
18759
  border-radius: 1.875rem;
18676
18760
  background: var(--backgrounds-content-1);
18677
18761
  }
@@ -18745,7 +18829,7 @@ html:lang(ar) .zen-pill {
18745
18829
  fill: var(--accents-general--main);
18746
18830
  }
18747
18831
  .zen-pill--closable {
18748
- padding-inline-end: 0.25rem;
18832
+ padding-right: 0.25rem;
18749
18833
  }
18750
18834
  .zen-pill--long {
18751
18835
  min-width: 12.5rem;
@@ -18762,7 +18846,7 @@ html:lang(ar) .zen-pill {
18762
18846
  border-radius: 0.9375rem;
18763
18847
  padding: 0;
18764
18848
  margin: 0;
18765
- margin-inline-start: 8px;
18849
+ margin-left: 8px;
18766
18850
  cursor: pointer;
18767
18851
  }
18768
18852
  .zen-pill__close-button:active,
@@ -18782,7 +18866,8 @@ html:lang(ar) .zen-pill {
18782
18866
  }
18783
18867
  .zen-page-layout {
18784
18868
  box-sizing: border-box;
18785
- overflow: hidden auto;
18869
+ overflow-x: hidden;
18870
+ overflow-y: auto;
18786
18871
  z-index: 1000;
18787
18872
  margin: 0;
18788
18873
  touch-action: manipulation;
@@ -18862,7 +18947,7 @@ html:lang(ar) .zen-page-section__title {
18862
18947
  color: var(--text-primary);
18863
18948
  align-items: center;
18864
18949
  justify-content: space-between;
18865
- padding: 0.25rem 0.75rem;
18950
+ padding: 0.25rem 0.75rem 0.25rem 0.75rem;
18866
18951
  border-radius: 1.875rem;
18867
18952
  background: var(--backgrounds-content-1);
18868
18953
  }
@@ -18871,12 +18956,12 @@ html:lang(ar) .zen-pill-actionable__block {
18871
18956
  }
18872
18957
  .zen-pill-actionable__icon {
18873
18958
  display: none;
18874
- margin-block-start: 2px;
18875
- margin-inline-end: 8px;
18959
+ margin-top: 2px;
18960
+ margin-right: 8px;
18876
18961
  }
18877
18962
  .zen-pill-actionable__input {
18878
18963
  position: absolute;
18879
- inset-inline-start: -5000px;
18964
+ left: -5000px;
18880
18965
  }
18881
18966
  .zen-pill-actionable__input:hover + .zen-pill-actionable__block--actionable {
18882
18967
  background-color: var(--backgrounds-content-2);
@@ -18939,6 +19024,7 @@ html:lang(ar) .zen-pill-actionable__block {
18939
19024
  .zen-sort-container__button {
18940
19025
  display: flex;
18941
19026
  padding: 0.4375rem 1rem;
19027
+ border-color: var(--borders-general);
18942
19028
  border: 1px solid var(--borders-general);
18943
19029
  border-radius: var(--border-radius-default);
18944
19030
  justify-content: center;
@@ -19066,12 +19152,9 @@ html:lang(ar) .zen-sort-container__text-block {
19066
19152
  html:lang(ar) .zen-stepper-field {
19067
19153
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
19068
19154
  }
19069
- .zen-stepper-field:hover .zen-stepper-field__controls {
19155
+ .zen-stepper-field:not(.zen-stepper-field--disabled):hover .zen-stepper-field__controls {
19070
19156
  visibility: visible;
19071
19157
  }
19072
- .zen-stepper-field--disabled:hover .zen-stepper-field__controls {
19073
- visibility: hidden;
19074
- }
19075
19158
  .zen-stepper-field__input-wrapper {
19076
19159
  position: relative;
19077
19160
  }
@@ -19086,7 +19169,7 @@ html:lang(ar) .zen-stepper-field {
19086
19169
  width: 1rem;
19087
19170
  height: 1rem;
19088
19171
  position: absolute;
19089
- inset-block-start: 0.375rem;
19172
+ top: 0.375rem;
19090
19173
  }
19091
19174
  .zen-stepper-field__controls:not(:hover),
19092
19175
  .zen-stepper-field__controls:not(:active) {
@@ -19104,11 +19187,11 @@ html:lang(ar) .zen-stepper-field {
19104
19187
  }
19105
19188
  .zen-stepper-field__input::-webkit-outer-spin-button,
19106
19189
  .zen-stepper-field__input::-webkit-inner-spin-button {
19107
- appearance: none;
19190
+ -webkit-appearance: none;
19108
19191
  margin: 0;
19109
19192
  }
19110
19193
  .zen-stepper-field__input[type="number"] {
19111
- appearance: textfield;
19194
+ -moz-appearance: textfield;
19112
19195
  }
19113
19196
  .zen-stepper-field__input:hover:not(:disabled) + .zen-stepper-field__controls,
19114
19197
  .zen-stepper-field__input:active:not(:disabled) + .zen-stepper-field__controls {
@@ -19148,12 +19231,15 @@ html:lang(ar) .zen-stepper-field {
19148
19231
  .zen-stepper-field.zen-stepper-field--drive-tablet .zen-stepper-field__controls {
19149
19232
  width: 1.25rem;
19150
19233
  height: 1.25rem;
19151
- inset-block-start: 0.875rem;
19152
19234
  }
19153
19235
  .zen-stepper-field.zen-stepper-field--drive .zen-stepper-field__input,
19154
19236
  .zen-stepper-field.zen-stepper-field--drive-tablet .zen-stepper-field__input {
19155
19237
  min-height: 3rem;
19156
19238
  }
19239
+ .zen-stepper-field.zen-stepper-field--drive .zen-stepper-field__controls,
19240
+ .zen-stepper-field.zen-stepper-field--drive-tablet .zen-stepper-field__controls {
19241
+ top: 0.875rem;
19242
+ }
19157
19243
  .zen-stepper-field.zen-stepper-field--drive.zen-stepper-field--drive .zen-text-input,
19158
19244
  .zen-stepper-field.zen-stepper-field--drive-tablet.zen-stepper-field--drive .zen-text-input {
19159
19245
  padding-inline-end: 1.625rem;
@@ -19178,31 +19264,38 @@ html:lang(ar) .zen-stepper-field.zen-stepper-field--mobile {
19178
19264
  .zen-stepper-field.zen-stepper-field--mobile .zen-stepper-field__controls {
19179
19265
  width: 1.25rem;
19180
19266
  height: 1.25rem;
19181
- inset-block-start: 0.875rem;
19182
19267
  }
19183
19268
  .zen-stepper-field.zen-stepper-field--mobile .zen-stepper-field__input {
19184
19269
  min-height: 3rem;
19185
19270
  }
19271
+ .zen-stepper-field.zen-stepper-field--mobile .zen-stepper-field__controls {
19272
+ top: 0.875rem;
19273
+ }
19186
19274
  .zen-stepper-field.zen-stepper-field--mobile.zen-stepper-field--mobile .zen-text-input {
19187
19275
  padding-inline-end: 1.625rem;
19188
19276
  }
19189
19277
  .zen-summaries__row {
19190
19278
  display: flex;
19191
19279
  align-items: top;
19192
- flex-flow: row wrap;
19193
- gap: 2rem 3.5rem;
19280
+ flex-direction: row;
19281
+ flex-wrap: wrap;
19282
+ row-gap: 2rem;
19283
+ column-gap: 3.5rem;
19194
19284
  }
19195
19285
  .zen-summaries__column,
19196
19286
  .zen-summaries__two-columns {
19197
19287
  display: flex;
19198
- flex-flow: column wrap;
19288
+ flex-direction: column;
19289
+ flex-wrap: wrap;
19199
19290
  align-items: flex-start;
19200
- gap: 2rem;
19201
- max-height: 100vb;
19291
+ row-gap: 2rem;
19292
+ column-gap: 2rem;
19293
+ max-height: 100vh;
19202
19294
  }
19203
19295
  .zen-summaries__two-columns-container {
19204
19296
  display: flex;
19205
- gap: 2rem;
19297
+ row-gap: 2rem;
19298
+ column-gap: 2rem;
19206
19299
  }
19207
19300
  .zen-tab-bar-content {
19208
19301
  box-sizing: border-box;
@@ -19343,8 +19436,8 @@ html:lang(ar) .zen-toolbar__trigger-button {
19343
19436
  text-transform: none;
19344
19437
  text-decoration: none;
19345
19438
  box-sizing: border-box;
19346
- --background-switcher: var(--action-primary--default);
19347
- --background-runner: var(--backgrounds-main);
19439
+ --backgroundSwitcher: var(--action-primary--default);
19440
+ --backgroundRunner: var(--backgrounds-main);
19348
19441
  display: flex;
19349
19442
  align-items: center;
19350
19443
  }
@@ -19390,7 +19483,7 @@ html:lang(ar) .zen-two-options-switcher {
19390
19483
  min-height: 1rem;
19391
19484
  border-radius: 1rem;
19392
19485
  padding: 0.125rem;
19393
- background-color: var(--background-switcher);
19486
+ background-color: var(--backgroundSwitcher);
19394
19487
  overflow: visible;
19395
19488
  position: relative;
19396
19489
  cursor: pointer;
@@ -19404,8 +19497,8 @@ html:lang(ar) .zen-two-options-switcher {
19404
19497
  min-height: 1.625rem;
19405
19498
  border-radius: 50%;
19406
19499
  opacity: 0.4;
19407
- inset-block-start: -0.3125rem;
19408
- background-color: var(--background-switcher);
19500
+ top: -0.3125rem;
19501
+ background-color: var(--backgroundSwitcher);
19409
19502
  inset-inline-start: -0.3125rem;
19410
19503
  }
19411
19504
  .zen-two-options-switcher-control__runner {
@@ -19414,7 +19507,7 @@ html:lang(ar) .zen-two-options-switcher {
19414
19507
  height: 0.75rem;
19415
19508
  min-height: 0.75rem;
19416
19509
  border-radius: 50%;
19417
- background-color: var(--background-runner);
19510
+ background-color: var(--backgroundRunner);
19418
19511
  }
19419
19512
  .zen-two-options-switcher-control--disabled {
19420
19513
  opacity: 0.6;