@geotab/zenith 3.13.1-beta.0 → 3.13.1-beta.2

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 (167) 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/popupMixin.less +2 -2
  27. package/dist/commonStyles/rangeFieldMixin.less +6 -3
  28. package/dist/commonStyles/shadows/shadows.less +3 -3
  29. package/dist/commonStyles/typography/typography.less +24 -24
  30. package/dist/dataFeed/dataFeed.js +2 -28
  31. package/dist/dataGrid/columns/actionsColumn/actionsButton.js +1 -1
  32. package/dist/dataGrid/withFlexibleColumns/withFlexibleColumns.js +1 -1
  33. package/dist/dataGrid/withSelectableRows/withSelectableRows.js +1 -1
  34. package/dist/dateInputInner/dateInputInnerControlBlock.js +57 -57
  35. package/dist/divider/divider.js +1 -1
  36. package/dist/dropdownRaw/dropdownRaw.js +1 -1
  37. package/dist/filtersBar/components/filtersBarPeriodPicker/filtersBarPeriodPicker.js +1 -1
  38. package/dist/filtersBar/filtersBarSidePanel/filtersBarSidePanel.js +31 -31
  39. package/dist/filtersBar/filtersContainer/filtersContainer.js +5 -16
  40. package/dist/header/components/collapsedItemsControl/collapsedItemsControl.js +1 -1
  41. package/dist/header/header.js +1 -1
  42. package/dist/header/headerMenu.js +1 -1
  43. package/dist/index.css +569 -485
  44. package/dist/list/itemData/itemDataInternal.js +1 -1
  45. package/dist/list/listItem/listItem.js +1 -1
  46. package/dist/menu/menu.js +1 -1
  47. package/dist/nav/navAddMenu/navAddMenu.js +1 -1
  48. package/dist/nav/navFooter/navFooter.js +4 -4
  49. package/dist/nav/navFooter/navFooterAction/navFooterAction.js +1 -1
  50. package/dist/nav/navHeader/navHeader.js +1 -1
  51. package/dist/nav/navHeader/navHeaderSearch/navHeaderSearch.js +1 -1
  52. package/dist/nav/navItem/navItem.js +2 -2
  53. package/dist/rangeRaw/rangeRaw.js +1 -1
  54. package/dist/rangeRaw/utils/rangeHelper.js +28 -28
  55. package/dist/sortControl/sortControl.js +1 -1
  56. package/dist/summary/summary.d.ts +2 -3
  57. package/dist/summary/summary.js +2 -6
  58. package/dist/summaryTileBar/summaryTileBar.js +1 -3
  59. package/dist/table/actions/actionsMenu.js +2 -2
  60. package/dist/table/flexible/columnsPopup.js +1 -1
  61. package/dist/table/table.js +7 -5
  62. package/dist/tabs/tabs.js +5 -16
  63. package/dist/toolbar/helpers/getWidthWithMargin.js +2 -2
  64. package/dist/tooltip/helpers/calculateArrowPosition.js +7 -1
  65. package/dist/tooltip/tooltip.js +5 -7
  66. package/dist/utils/localization/translations/ar.json +7 -7
  67. package/dist/utils/localization/translations/cs.json +7 -7
  68. package/dist/utils/localization/translations/da-DK.json +7 -7
  69. package/dist/utils/localization/translations/de.json +7 -7
  70. package/dist/utils/localization/translations/en.json +7 -7
  71. package/dist/utils/localization/translations/es.json +7 -7
  72. package/dist/utils/localization/translations/fi-FI.json +7 -7
  73. package/dist/utils/localization/translations/fr-FR.json +7 -7
  74. package/dist/utils/localization/translations/fr.json +7 -7
  75. package/dist/utils/localization/translations/hu-HU.json +7 -7
  76. package/dist/utils/localization/translations/id.json +7 -7
  77. package/dist/utils/localization/translations/it.json +7 -7
  78. package/dist/utils/localization/translations/ja.json +7 -7
  79. package/dist/utils/localization/translations/ko-KR.json +7 -7
  80. package/dist/utils/localization/translations/ms.json +7 -7
  81. package/dist/utils/localization/translations/nb-NO.json +7 -7
  82. package/dist/utils/localization/translations/nl.json +7 -7
  83. package/dist/utils/localization/translations/pl.json +7 -7
  84. package/dist/utils/localization/translations/pt-BR.json +7 -7
  85. package/dist/utils/localization/translations/pt-PT.json +7 -7
  86. package/dist/utils/localization/translations/ro-RO.json +7 -7
  87. package/dist/utils/localization/translations/sk-SK.json +7 -7
  88. package/dist/utils/localization/translations/sv.json +7 -7
  89. package/dist/utils/localization/translations/th.json +7 -7
  90. package/dist/utils/localization/translations/tr.json +7 -7
  91. package/dist/utils/localization/translations/zh-Hans.json +7 -7
  92. package/dist/utils/localization/translations/zh-TW.json +7 -7
  93. package/esm/advancedGroupsFilter/advancedGroupsFilterSectionTooltip.js +29 -29
  94. package/esm/calendar/calendar.js +1 -1
  95. package/esm/chart/lineChart/getDefaultOptions.js +2 -7
  96. package/esm/chart/lineChart/useSummary.d.ts +1 -2
  97. package/esm/columnsSelector/columnsSelector.js +1 -1
  98. package/esm/commonHelpers/arrowNavigation/arrowNavigationHelper.d.ts +1 -1
  99. package/esm/commonHelpers/arrowNavigation/arrowNavigationHelper.js +12 -29
  100. package/esm/commonHelpers/arrowNavigation/components/arrowButton/arrowButton.d.ts +1 -2
  101. package/esm/commonHelpers/arrowNavigation/components/arrowButton/arrowButton.js +2 -2
  102. package/esm/commonHelpers/arrowNavigation/hooks/useManualScrolling.js +2 -4
  103. package/esm/commonHelpers/arrowNavigation/hooks/useScrollWhileHolding.js +3 -12
  104. package/esm/commonHelpers/arrowNavigation/hooks/useScrolling.js +6 -18
  105. package/esm/dataFeed/dataFeed.js +2 -28
  106. package/esm/dataGrid/columns/actionsColumn/actionsButton.js +1 -1
  107. package/esm/dataGrid/withFlexibleColumns/withFlexibleColumns.js +1 -1
  108. package/esm/dataGrid/withSelectableRows/withSelectableRows.js +1 -1
  109. package/esm/dateInputInner/dateInputInnerControlBlock.js +57 -57
  110. package/esm/divider/divider.js +1 -1
  111. package/esm/dropdownRaw/dropdownRaw.js +1 -1
  112. package/esm/filtersBar/components/filtersBarPeriodPicker/filtersBarPeriodPicker.js +1 -1
  113. package/esm/filtersBar/filtersBarSidePanel/filtersBarSidePanel.js +31 -31
  114. package/esm/filtersBar/filtersContainer/filtersContainer.js +5 -16
  115. package/esm/header/components/collapsedItemsControl/collapsedItemsControl.js +1 -1
  116. package/esm/header/header.js +1 -1
  117. package/esm/header/headerMenu.js +1 -1
  118. package/esm/list/itemData/itemDataInternal.js +1 -1
  119. package/esm/list/listItem/listItem.js +1 -1
  120. package/esm/menu/menu.js +1 -1
  121. package/esm/nav/navAddMenu/navAddMenu.js +1 -1
  122. package/esm/nav/navFooter/navFooter.js +4 -4
  123. package/esm/nav/navFooter/navFooterAction/navFooterAction.js +1 -1
  124. package/esm/nav/navHeader/navHeader.js +1 -1
  125. package/esm/nav/navHeader/navHeaderSearch/navHeaderSearch.js +1 -1
  126. package/esm/nav/navItem/navItem.js +2 -2
  127. package/esm/rangeRaw/rangeRaw.js +1 -1
  128. package/esm/rangeRaw/utils/rangeHelper.js +28 -28
  129. package/esm/sortControl/sortControl.js +1 -1
  130. package/esm/summary/summary.d.ts +2 -3
  131. package/esm/summary/summary.js +2 -6
  132. package/esm/summaryTileBar/summaryTileBar.js +1 -3
  133. package/esm/table/actions/actionsMenu.js +2 -2
  134. package/esm/table/flexible/columnsPopup.js +1 -1
  135. package/esm/table/table.js +7 -5
  136. package/esm/tabs/tabs.js +5 -16
  137. package/esm/toolbar/helpers/getWidthWithMargin.js +2 -2
  138. package/esm/tooltip/helpers/calculateArrowPosition.js +7 -1
  139. package/esm/tooltip/tooltip.js +5 -7
  140. package/esm/utils/localization/translations/ar.json +7 -7
  141. package/esm/utils/localization/translations/cs.json +7 -7
  142. package/esm/utils/localization/translations/da-DK.json +7 -7
  143. package/esm/utils/localization/translations/de.json +7 -7
  144. package/esm/utils/localization/translations/en.json +7 -7
  145. package/esm/utils/localization/translations/es.json +7 -7
  146. package/esm/utils/localization/translations/fi-FI.json +7 -7
  147. package/esm/utils/localization/translations/fr-FR.json +7 -7
  148. package/esm/utils/localization/translations/fr.json +7 -7
  149. package/esm/utils/localization/translations/hu-HU.json +7 -7
  150. package/esm/utils/localization/translations/id.json +7 -7
  151. package/esm/utils/localization/translations/it.json +7 -7
  152. package/esm/utils/localization/translations/ja.json +7 -7
  153. package/esm/utils/localization/translations/ko-KR.json +7 -7
  154. package/esm/utils/localization/translations/ms.json +7 -7
  155. package/esm/utils/localization/translations/nb-NO.json +7 -7
  156. package/esm/utils/localization/translations/nl.json +7 -7
  157. package/esm/utils/localization/translations/pl.json +7 -7
  158. package/esm/utils/localization/translations/pt-BR.json +7 -7
  159. package/esm/utils/localization/translations/pt-PT.json +7 -7
  160. package/esm/utils/localization/translations/ro-RO.json +7 -7
  161. package/esm/utils/localization/translations/sk-SK.json +7 -7
  162. package/esm/utils/localization/translations/sv.json +7 -7
  163. package/esm/utils/localization/translations/th.json +7 -7
  164. package/esm/utils/localization/translations/tr.json +7 -7
  165. package/esm/utils/localization/translations/zh-Hans.json +7 -7
  166. package/esm/utils/localization/translations/zh-TW.json +7 -7
  167. 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;
@@ -2675,7 +2684,7 @@ html:lang(ar) .zen-button--mobile {
2675
2684
  box-sizing: border-box;
2676
2685
  position: absolute;
2677
2686
  z-index: 11000;
2678
- overflow-block: auto;
2687
+ overflow-y: auto;
2679
2688
  outline: none;
2680
2689
  }
2681
2690
  .zen-absolute * {
@@ -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,8 +3834,8 @@ html:lang(ar) .zen-card__secondary {
3813
3834
  overflow: hidden;
3814
3835
  }
3815
3836
  .zen-card__content--overflow-scroll {
3816
- overflow-inline: hidden;
3817
- overflow-block: auto;
3837
+ overflow-x: hidden;
3838
+ overflow-y: auto;
3818
3839
  }
3819
3840
  .zen-card__header-right {
3820
3841
  margin-inline-start: auto;
@@ -3980,7 +4001,8 @@ html:lang(ar) .zen-menu-button__action {
3980
4001
  overflow: hidden;
3981
4002
  text-overflow: ellipsis;
3982
4003
  white-space: nowrap;
3983
- margin-inline: 0 auto;
4004
+ margin-inline-start: 0;
4005
+ margin-inline-end: auto;
3984
4006
  }
3985
4007
  .zen-menu-button__action--drive,
3986
4008
  .zen-menu-button__action--drive-tablet {
@@ -4035,13 +4057,13 @@ html:lang(ar) .zen-menu-button__action {
4035
4057
  line-height: 1rem;
4036
4058
  text-transform: none;
4037
4059
  text-decoration: none;
4038
- 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);
4039
4061
  border-radius: var(--border-radius-default);
4040
4062
  box-sizing: border-box;
4041
4063
  background-color: var(--backgrounds-main);
4042
4064
  padding: 0.25rem 0;
4043
- max-height: 90vb;
4044
- border: 0;
4065
+ max-height: 90vh;
4066
+ border: 0px;
4045
4067
  min-height: 1.875rem;
4046
4068
  min-width: 10.625rem;
4047
4069
  max-width: 26.25rem;
@@ -4064,17 +4086,18 @@ html:lang(ar) .zen-popup {
4064
4086
  }
4065
4087
  .zen-popup--block {
4066
4088
  padding: 0.25rem 0;
4067
- box-shadow: 0 2px 6px rgba(11, 32, 50, 0.2);
4089
+ box-shadow: 0px 2px 6px rgba(11, 32, 50, 0.2);
4068
4090
  border-radius: var(--border-radius-default);
4069
4091
  }
4070
- @media (width <= 640px) {
4092
+ @media (max-width: 640px) {
4071
4093
  .zen-popup {
4072
4094
  max-width: 100%;
4073
4095
  }
4074
4096
  }
4075
4097
  .zen-menu-separator {
4076
- list-style-type: none;
4077
4098
  border-block-start: 1px solid var(--borders-general);
4099
+ list-style-type: none;
4100
+ border-top: 1px solid var(--borders-general);
4078
4101
  height: 0;
4079
4102
  }
4080
4103
  .zen-side-panel {
@@ -4128,7 +4151,8 @@ html:lang(ar) .zen-side-panel {
4128
4151
  display: flex;
4129
4152
  }
4130
4153
  .zen-side-panel--left-positioned {
4131
- inset-inline: 0 auto;
4154
+ inset-inline-start: 0;
4155
+ inset-inline-end: auto;
4132
4156
  transform: translateX(-100%);
4133
4157
  border-start-start-radius: 0;
4134
4158
  border-end-start-radius: 0;
@@ -4168,12 +4192,13 @@ html:lang(ar) .zen-side-panel {
4168
4192
  border-start-end-radius: var(--border-radius-default);
4169
4193
  border-end-end-radius: 0;
4170
4194
  transform: translateY(100%);
4171
- inset-block: auto 0;
4195
+ inset-block-start: auto;
4196
+ inset-block-end: 0;
4172
4197
  }
4173
4198
  .zen-side-panel.zen-side-panel--bottom-positioned.zen-side-panel--shown {
4174
4199
  transform: translateY(0);
4175
4200
  }
4176
- @media (width <= 640px) {
4201
+ @media (max-width: 640px) {
4177
4202
  .zen-side-panel {
4178
4203
  width: 100%;
4179
4204
  min-width: 100%;
@@ -4210,18 +4235,21 @@ html:lang(ar) .zen-side-panel {
4210
4235
  text-transform: none;
4211
4236
  text-decoration: none;
4212
4237
  color: var(--text-primary);
4213
- margin-block: 0 1rem;
4238
+ margin-block-start: 0;
4214
4239
  margin-inline: 0;
4240
+ margin-block-end: 1rem;
4215
4241
  }
4216
4242
  html:lang(ar) .zen-side-panel-cell__title {
4217
4243
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
4218
4244
  }
4219
4245
  .zen-side-panel-cell__footer {
4220
- margin-block: 1rem 0;
4246
+ margin-block-start: 1rem;
4221
4247
  margin-inline: 0;
4248
+ margin-block-end: 0;
4222
4249
  }
4223
4250
  .zen-side-panel-cell--no-padding {
4224
- padding-inline: 0;
4251
+ padding-inline-start: 0;
4252
+ padding-inline-end: 0;
4225
4253
  }
4226
4254
  .zen-side-panel-cell--no-padding .zen-side-panel-cell__title {
4227
4255
  padding-inline-start: 1rem;
@@ -4349,7 +4377,7 @@ html:lang(ar) .zen-toast__header {
4349
4377
  overflow: hidden;
4350
4378
  text-overflow: ellipsis;
4351
4379
  white-space: nowrap;
4352
- overflow-wrap: normal;
4380
+ word-wrap: normal;
4353
4381
  justify-self: end;
4354
4382
  }
4355
4383
  .zen-toast__progress {
@@ -4357,7 +4385,7 @@ html:lang(ar) .zen-toast__header {
4357
4385
  transition: width 0.3s linear;
4358
4386
  }
4359
4387
  .zen-toast__progress--active {
4360
- border-radius: 4px 0 0;
4388
+ border-radius: 4px 0 0 0;
4361
4389
  }
4362
4390
  .zen-toast__progress--info {
4363
4391
  background-color: var(--accents-general--detail);
@@ -4375,7 +4403,7 @@ html:lang(ar) .zen-toast__header {
4375
4403
  line-height: 1.75rem;
4376
4404
  text-transform: none;
4377
4405
  text-decoration: none;
4378
- 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);
4379
4407
  position: relative;
4380
4408
  display: flex;
4381
4409
  flex-direction: row;
@@ -4400,7 +4428,7 @@ html:lang(ar) .zen-alert {
4400
4428
  .zen-alert::before {
4401
4429
  content: "";
4402
4430
  position: absolute;
4403
- inset-block-start: 0;
4431
+ top: 0;
4404
4432
  inset-inline-start: -0.25rem;
4405
4433
  width: 0.5rem;
4406
4434
  height: 100%;
@@ -4445,7 +4473,7 @@ html:lang(ar) .zen-alert__body {
4445
4473
  overflow: hidden;
4446
4474
  text-overflow: ellipsis;
4447
4475
  white-space: nowrap;
4448
- overflow-wrap: normal;
4476
+ word-wrap: normal;
4449
4477
  }
4450
4478
  .zen-alert__text {
4451
4479
  display: -webkit-box;
@@ -4463,7 +4491,7 @@ html:lang(ar) .zen-alert__body {
4463
4491
  -webkit-box-orient: vertical;
4464
4492
  overflow: hidden;
4465
4493
  text-overflow: ellipsis;
4466
- padding-block-start: 0.125rem;
4494
+ padding-top: 0.125rem;
4467
4495
  color: var(--text-primary);
4468
4496
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
4469
4497
  font-size: 0.875rem;
@@ -4589,7 +4617,7 @@ html:lang(ar) .zen-alert__title {
4589
4617
  text-decoration: none;
4590
4618
  }
4591
4619
  .zen-alert--drive .zen-alert__icon {
4592
- padding-block-start: 0.125rem;
4620
+ padding-top: 0.125rem;
4593
4621
  }
4594
4622
  .zen-alert--mobile {
4595
4623
  max-width: 100%;
@@ -4640,7 +4668,8 @@ html:lang(ar) .zen-alert__title {
4640
4668
  text-decoration: none;
4641
4669
  color: var(--text-secondary);
4642
4670
  padding-block: 0.75rem;
4643
- padding-inline: 0.75rem 0.5rem;
4671
+ padding-inline-start: 0.75rem;
4672
+ padding-inline-end: 0.5rem;
4644
4673
  display: flex;
4645
4674
  justify-content: space-between;
4646
4675
  align-items: center;
@@ -4691,10 +4720,10 @@ html:lang(ar) .zen-mobile-sheet__title {
4691
4720
  }
4692
4721
  .zen-mobile-sheet__content {
4693
4722
  flex: 1 1 auto;
4694
- overflow-block: auto;
4723
+ overflow-y: auto;
4695
4724
  }
4696
4725
  .zen-mobile-sheet--mobile-android {
4697
- overflow-block: hidden;
4726
+ overflow-y: hidden;
4698
4727
  position: fixed;
4699
4728
  }
4700
4729
  .zen-mobile-sheet__footer {
@@ -4706,7 +4735,7 @@ html:lang(ar) .zen-mobile-sheet__title {
4706
4735
  min-width: 32.5rem;
4707
4736
  inset-inline-start: calc(50% - (260 / 16rem));
4708
4737
  }
4709
- @media (width <= 520px) {
4738
+ @media (max-width: 520px) {
4710
4739
  .zen-mobile-sheet-wrapper--drive.zen-mobile-sheet-wrapper--drive,
4711
4740
  .zen-mobile-sheet-wrapper--drive-tablet.zen-mobile-sheet-wrapper--drive-tablet {
4712
4741
  max-width: 100%;
@@ -4751,10 +4780,12 @@ html:lang(ar) .zen-mobile-sheet__title {
4751
4780
  z-index: 11007;
4752
4781
  }
4753
4782
  .zen-card-button--drive-tablet {
4754
- padding-block: 0.75rem;
4783
+ padding-block-start: 0.75rem;
4784
+ padding-block-end: 0.75rem;
4755
4785
  }
4756
4786
  .zen-card-button--drive {
4757
- padding-block: 0.6875rem;
4787
+ padding-block-start: 0.6875rem;
4788
+ padding-block-end: 0.6875rem;
4758
4789
  }
4759
4790
  .zen-favorite-button {
4760
4791
  display: flex;
@@ -4838,12 +4869,13 @@ html:lang(ar) .zen-data-feed {
4838
4869
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
4839
4870
  }
4840
4871
  .zen-data-feed__item-container {
4841
- 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);
4842
4873
  display: flex;
4843
4874
  }
4844
4875
  .zen-data-feed__action-container {
4845
4876
  padding-block-start: 0.5rem;
4846
- padding-inline: 0.25rem 0.5rem;
4877
+ padding-inline-end: 0.5rem;
4878
+ padding-inline-start: 0.25rem;
4847
4879
  }
4848
4880
  .zen-data-feed__content {
4849
4881
  flex: 1 1 auto;
@@ -4862,7 +4894,7 @@ html:lang(ar) .zen-data-feed {
4862
4894
  padding-block: 0.5625rem;
4863
4895
  }
4864
4896
  .zen-data-feed--scrollable {
4865
- overflow-block: auto;
4897
+ overflow-y: auto;
4866
4898
  }
4867
4899
  .zen-data-feed--empty .zen-data-feed__feed {
4868
4900
  display: none;
@@ -4880,6 +4912,7 @@ html:lang(ar) .zen-data-feed {
4880
4912
  .zen-data-grid-not-interactive-mixin {
4881
4913
  pointer-events: none;
4882
4914
  user-select: none;
4915
+ -webkit-user-select: none;
4883
4916
  -webkit-user-drag: none;
4884
4917
  }
4885
4918
  .zen-data-grid-loading-mixin {
@@ -5029,6 +5062,7 @@ html:lang(ar) .zen-data-grid__row-cell {
5029
5062
  .zen-data-grid__row-cell--loading {
5030
5063
  pointer-events: none;
5031
5064
  user-select: none;
5065
+ -webkit-user-select: none;
5032
5066
  -webkit-user-drag: none;
5033
5067
  filter: blur(7px);
5034
5068
  animation: load-column 1s linear infinite alternate;
@@ -5051,20 +5085,22 @@ html:lang(ar) .zen-data-grid__row-cell {
5051
5085
  }
5052
5086
  .zen-data-grid--horizontal-scroll .zen-data-grid__header-cell--first {
5053
5087
  border-inline-end: 1px solid var(--borders-general);
5054
- box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
5088
+ box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2);
5055
5089
  }
5056
5090
  .zen-data-grid--horizontal-scroll .zen-data-grid__row-cell--first {
5057
5091
  border-inline-end: 1px solid var(--borders-general);
5058
- box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
5092
+ box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2);
5059
5093
  }
5060
5094
  .zen-data-grid--not-interactive .zen-data-grid__table {
5061
5095
  pointer-events: none;
5062
5096
  user-select: none;
5097
+ -webkit-user-select: none;
5063
5098
  -webkit-user-drag: none;
5064
5099
  }
5065
5100
  .zen-data-grid--loading .zen-data-grid__table {
5066
5101
  pointer-events: none;
5067
5102
  user-select: none;
5103
+ -webkit-user-select: none;
5068
5104
  -webkit-user-drag: none;
5069
5105
  }
5070
5106
  .zen-data-grid--loading .zen-data-grid__row-cell {
@@ -5078,7 +5114,7 @@ html:lang(ar) .zen-data-grid__row-cell {
5078
5114
  overflow: hidden;
5079
5115
  text-overflow: ellipsis;
5080
5116
  white-space: nowrap;
5081
- overflow-wrap: normal;
5117
+ word-wrap: normal;
5082
5118
  }
5083
5119
  .zen-data-grid-header--multiline {
5084
5120
  white-space: normal;
@@ -5088,7 +5124,7 @@ html:lang(ar) .zen-data-grid__row-cell {
5088
5124
  -webkit-box-orient: vertical;
5089
5125
  overflow: hidden;
5090
5126
  text-overflow: ellipsis;
5091
- overflow-wrap: break-word;
5127
+ word-break: break-word;
5092
5128
  }
5093
5129
  .zen-actions-column {
5094
5130
  display: flex;
@@ -5208,6 +5244,7 @@ html:lang(ar) .zen-feed-item__identifier {
5208
5244
  align-items: baseline;
5209
5245
  gap: 0.25rem;
5210
5246
  overflow-wrap: break-word;
5247
+ word-wrap: break-word;
5211
5248
  width: 100%;
5212
5249
  }
5213
5250
  .zen-feed-item__label {
@@ -5500,7 +5537,7 @@ html:lang(ar) .zen-checkbox__label-text {
5500
5537
  overflow: hidden;
5501
5538
  text-overflow: ellipsis;
5502
5539
  white-space: nowrap;
5503
- overflow-wrap: normal;
5540
+ word-wrap: normal;
5504
5541
  }
5505
5542
  .zen-select-list[aria-disabled="true"] {
5506
5543
  cursor: not-allowed;
@@ -5624,7 +5661,7 @@ html:lang(ar) .zen-select-item {
5624
5661
  overflow: hidden;
5625
5662
  text-overflow: ellipsis;
5626
5663
  white-space: nowrap;
5627
- overflow-wrap: normal;
5664
+ word-wrap: normal;
5628
5665
  color: var(--text-primary);
5629
5666
  max-width: 100%;
5630
5667
  }
@@ -5658,7 +5695,7 @@ html:lang(ar) .zen-link-column__name {
5658
5695
  overflow: hidden;
5659
5696
  text-overflow: ellipsis;
5660
5697
  white-space: nowrap;
5661
- overflow-wrap: normal;
5698
+ word-wrap: normal;
5662
5699
  color: var(--text-secondary);
5663
5700
  max-width: 100%;
5664
5701
  }
@@ -5909,9 +5946,6 @@ html:lang(ar) .zen-mobile-sort-control__selected-label {
5909
5946
  transform: translateX(-88%);
5910
5947
  position: absolute;
5911
5948
  }
5912
- [dir="rtl"] .zen-flexible-column .zen-flexible-column__draggable-icon {
5913
- transform: translateX(88%);
5914
- }
5915
5949
  .zen-flexible-column__draggable {
5916
5950
  width: 0.375rem;
5917
5951
  height: 100%;
@@ -5925,6 +5959,7 @@ html:lang(ar) .zen-mobile-sort-control__selected-label {
5925
5959
  .zen-flexible-column__content {
5926
5960
  width: 100%;
5927
5961
  text-align: start;
5962
+ -webkit-user-select: none;
5928
5963
  user-select: none;
5929
5964
  }
5930
5965
  .zen-flexible-column:hover .zen-flexible-column__draggable-icon {
@@ -5948,14 +5983,14 @@ html:lang(ar) .zen-mobile-sort-control__selected-label {
5948
5983
  box-sizing: border-box;
5949
5984
  }
5950
5985
  .zen-resizer--invisible {
5951
- opacity: 0;
5986
+ opacity: 0%;
5952
5987
  }
5953
5988
  .zen-resizer--invisible:hover,
5954
5989
  .zen-resizer--invisible:focus {
5955
- opacity: 1;
5990
+ opacity: 100%;
5956
5991
  }
5957
5992
  .zen-resizer--manual-focus {
5958
- opacity: 1;
5993
+ opacity: 100%;
5959
5994
  background-color: var(--borders-form-field--active);
5960
5995
  }
5961
5996
  .zen-resizer--vertical {
@@ -6002,7 +6037,7 @@ html:lang(ar) .zen-mobile-sort-control__selected-label {
6002
6037
  position: absolute;
6003
6038
  background-color: var(--backgrounds-main);
6004
6039
  z-index: 5001;
6005
- 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);
6006
6041
  border-spacing: 0;
6007
6042
  overflow: hidden;
6008
6043
  contain: strict;
@@ -6085,7 +6120,7 @@ html:lang(ar) .zen-columns-list__title {
6085
6120
  display: flex;
6086
6121
  align-items: center;
6087
6122
  justify-content: center;
6088
- padding: 0.5rem;
6123
+ padding: 0.5rem 0.5rem;
6089
6124
  cursor: pointer;
6090
6125
  border-radius: var(--border-radius-default);
6091
6126
  }
@@ -6106,7 +6141,8 @@ html:lang(ar) .zen-columns-list__title {
6106
6141
  .zen-empty-state {
6107
6142
  box-sizing: border-box;
6108
6143
  display: grid;
6109
- place-content: center center;
6144
+ justify-content: center;
6145
+ align-content: center;
6110
6146
  text-align: center;
6111
6147
  gap: 0.625rem;
6112
6148
  grid-auto-flow: row;
@@ -6121,7 +6157,8 @@ html:lang(ar) .zen-columns-list__title {
6121
6157
  .zen-empty-state__image {
6122
6158
  width: 180px;
6123
6159
  height: 180px;
6124
- place-self: center center;
6160
+ align-self: center;
6161
+ justify-self: center;
6125
6162
  justify-content: center;
6126
6163
  display: flex;
6127
6164
  align-items: center;
@@ -6206,7 +6243,7 @@ html:lang(ar) .zen-empty-state__description {
6206
6243
  display: flex;
6207
6244
  gap: 0.75rem;
6208
6245
  }
6209
- @media (width >= 641px) {
6246
+ @media (min-width: 641px) {
6210
6247
  .zen-data-grid-actions__post-actions {
6211
6248
  margin-inline-end: 1rem;
6212
6249
  }
@@ -6276,7 +6313,7 @@ html:lang(ar) .zen-empty-state__description {
6276
6313
  overflow: hidden;
6277
6314
  text-overflow: ellipsis;
6278
6315
  white-space: nowrap;
6279
- overflow-wrap: normal;
6316
+ word-wrap: normal;
6280
6317
  }
6281
6318
  html:lang(ar) .zen-bulk-actions__number-of-selected {
6282
6319
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -6333,7 +6370,8 @@ html:lang(ar) .zen-bulk-actions__number-of-selected {
6333
6370
  border-block-start: 1px solid var(--borders-general);
6334
6371
  background: var(--backgrounds-main);
6335
6372
  padding: 0.75rem 1rem;
6336
- inset-inline: 0;
6373
+ inset-inline-end: 0;
6374
+ inset-inline-start: 0;
6337
6375
  inset-block-end: 0;
6338
6376
  }
6339
6377
  .zen-bulk-actions--screen-panel .zen-bulk-actions__button-close {
@@ -6403,7 +6441,8 @@ html:lang(ar) .zen-pagination__text {
6403
6441
  }
6404
6442
  .zen-table__detail-panel--header-content {
6405
6443
  justify-content: space-between;
6406
- place-items: center center;
6444
+ justify-items: center;
6445
+ align-items: center;
6407
6446
  }
6408
6447
  .zen-table__detail-panel--header-description {
6409
6448
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -6517,21 +6556,24 @@ html:lang(ar) .zen-table__detail-panel--header-details {
6517
6556
  max-width: 100%;
6518
6557
  min-width: 0;
6519
6558
  transform: translateX(100%);
6520
- overflow-block: hidden;
6559
+ overflow-y: hidden;
6521
6560
  will-change: opacity, transform;
6522
6561
  transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1), transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
6523
6562
  }
6524
6563
  .zen-table__detail-panel--shown {
6525
6564
  opacity: 1;
6526
6565
  transform: translateX(0);
6527
- overflow-block: auto;
6566
+ overflow-y: auto;
6528
6567
  }
6529
6568
  }
6530
6569
  .zen-table__detail-panel-content {
6531
- overflow-block: auto;
6570
+ overflow-y: auto;
6532
6571
  flex: 1;
6533
6572
  padding: 0.75rem;
6534
6573
  }
6574
+ .zen-table__detail-panel-footer {
6575
+ padding: 0.75rem;
6576
+ }
6535
6577
  .zen-table__detail-panel .zen-page-header__page-name {
6536
6578
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
6537
6579
  font-size: 1rem;
@@ -6546,7 +6588,6 @@ html:lang(ar) .zen-table__detail-panel .zen-page-header__page-name {
6546
6588
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
6547
6589
  }
6548
6590
  .zen-table__detail-panel-footer {
6549
- padding: 0.75rem;
6550
6591
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
6551
6592
  font-size: 0.875rem;
6552
6593
  font-style: normal;
@@ -6595,7 +6636,7 @@ html:lang(ar) .zen-table__detail-panel-footer {
6595
6636
  cursor: pointer;
6596
6637
  background: 0 0;
6597
6638
  border: 0;
6598
- overflow-wrap: break-word;
6639
+ word-wrap: break-word;
6599
6640
  }
6600
6641
  html:lang(ar) .zen-table-link {
6601
6642
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -6643,19 +6684,6 @@ html:lang(ar) .zen-table-number {
6643
6684
  min-width: 0;
6644
6685
  transition: flex 0.35s cubic-bezier(0.4, 0, 0.2, 1);
6645
6686
  }
6646
- .zen-table-wrapper--fit-content .zen-table__content {
6647
- height: auto;
6648
- }
6649
- .zen-table-wrapper--fit-content .zen-table__table {
6650
- height: auto;
6651
- }
6652
- .zen-table-wrapper--fit-content .zen-data-grid-wrapper {
6653
- contain: layout style;
6654
- height: auto;
6655
- }
6656
- .zen-table-wrapper--fit-content .zen-data-grid {
6657
- flex-shrink: 0;
6658
- }
6659
6687
  .pie-chart-1 {
6660
6688
  width: 100%;
6661
6689
  height: 12.5rem;
@@ -6774,7 +6802,7 @@ html:lang(ar) .zen-summary-tile {
6774
6802
  .zen-summary-tile__content {
6775
6803
  max-height: 2rem;
6776
6804
  min-height: 2rem;
6777
- overflow-block: hidden;
6805
+ overflow-y: hidden;
6778
6806
  width: 100%;
6779
6807
  }
6780
6808
  .zen-summary-tile__title-text {
@@ -6793,6 +6821,7 @@ html:lang(ar) .zen-summary-tile {
6793
6821
  max-width: 17rem;
6794
6822
  }
6795
6823
  .zen-summary-tile--default {
6824
+ background-color: var(--backgrounds-content-1);
6796
6825
  fill: var(--text-primary);
6797
6826
  border: var(--border-width-default) solid var(--text-button-disabled);
6798
6827
  background: var(--backgrounds-main);
@@ -6801,7 +6830,7 @@ html:lang(ar) .zen-summary-tile {
6801
6830
  fill: var(--text-secondary);
6802
6831
  }
6803
6832
  .zen-summary-tile--default:hover {
6804
- 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);
6805
6834
  }
6806
6835
  .zen-summary-tile--error {
6807
6836
  background-color: var(--accents-error--main);
@@ -6809,7 +6838,7 @@ html:lang(ar) .zen-summary-tile {
6809
6838
  border: var(--border-width-default) solid var(--accents-error--detail);
6810
6839
  }
6811
6840
  .zen-summary-tile--error:hover {
6812
- 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);
6813
6842
  }
6814
6843
  .zen-summary-tile--success {
6815
6844
  background-color: var(--accents-success--main);
@@ -6817,7 +6846,7 @@ html:lang(ar) .zen-summary-tile {
6817
6846
  border: var(--border-width-default) solid var(--accents-success--detail);
6818
6847
  }
6819
6848
  .zen-summary-tile--success:hover {
6820
- 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);
6821
6850
  }
6822
6851
  .zen-summary-tile--warning {
6823
6852
  background-color: var(--accents-warning--main);
@@ -6825,7 +6854,7 @@ html:lang(ar) .zen-summary-tile {
6825
6854
  border: var(--border-width-default) solid var(--accents-warning--detail);
6826
6855
  }
6827
6856
  .zen-summary-tile--warning:hover {
6828
- 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);
6829
6858
  }
6830
6859
  .zen-summary-tile--active {
6831
6860
  background-color: var(--accents-general--main);
@@ -6833,7 +6862,7 @@ html:lang(ar) .zen-summary-tile {
6833
6862
  border: var(--border-width-default) solid var(--borders-form-field--active);
6834
6863
  }
6835
6864
  .zen-summary-tile--active:hover {
6836
- 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);
6837
6866
  }
6838
6867
  .zen-form-step-marker-inner {
6839
6868
  display: flex;
@@ -7013,7 +7042,7 @@ html:lang(ar) .zen-form-step__item .zen-form-step__label-secondary {
7013
7042
  padding: 0;
7014
7043
  }
7015
7044
  .zen-form-step__connector {
7016
- border-block-start: 2px solid;
7045
+ border-top: 2px solid;
7017
7046
  flex-grow: 1;
7018
7047
  min-width: 0.6875rem;
7019
7048
  width: 100%;
@@ -7083,6 +7112,7 @@ html:lang(ar) .zen-form-stepper .zen-form-stepper__mobile-label {
7083
7112
  text-transform: none;
7084
7113
  text-decoration: none;
7085
7114
  padding-inline-start: 0.25rem;
7115
+ display: -webkit-box;
7086
7116
  -webkit-box-orient: vertical;
7087
7117
  -webkit-line-clamp: 1;
7088
7118
  text-overflow: ellipsis;
@@ -7197,8 +7227,8 @@ html:lang(ar) .zen-review-text-control {
7197
7227
  .zen-toggler-component--drive::before {
7198
7228
  content: "";
7199
7229
  position: absolute;
7200
- inset-block-start: 50%;
7201
- inset-inline-start: 50%;
7230
+ top: 50%;
7231
+ left: 50%;
7202
7232
  transform: translate(-50%, -50%);
7203
7233
  width: var(--zen-toggler-tap-area-width-drive);
7204
7234
  height: var(--zen-toggler-tap-area-height-drive);
@@ -7208,7 +7238,7 @@ html:lang(ar) .zen-review-text-control {
7208
7238
  min-width: var(--zen-toggler-runner-size-drive);
7209
7239
  height: var(--zen-toggler-runner-size-drive);
7210
7240
  min-height: var(--zen-toggler-runner-size-drive);
7211
- margin-block-start: 0.0625rem;
7241
+ margin-top: 0.0625rem;
7212
7242
  margin-inline-start: 0.0625rem;
7213
7243
  }
7214
7244
  .zen-toggler-component--drive .zen-toggler-component__focus {
@@ -7216,7 +7246,7 @@ html:lang(ar) .zen-review-text-control {
7216
7246
  min-width: var(--zen-toggler-runner-focus-size-drive);
7217
7247
  height: var(--zen-toggler-runner-focus-size-drive);
7218
7248
  min-height: var(--zen-toggler-runner-focus-size-drive);
7219
- inset-block-start: -0.25rem;
7249
+ top: -0.25rem;
7220
7250
  inset-inline-start: -0.25rem;
7221
7251
  }
7222
7252
  .zen-toggler-component--drive-tablet {
@@ -7229,8 +7259,8 @@ html:lang(ar) .zen-review-text-control {
7229
7259
  .zen-toggler-component--drive-tablet::before {
7230
7260
  content: "";
7231
7261
  position: absolute;
7232
- inset-block-start: 50%;
7233
- inset-inline-start: 50%;
7262
+ top: 50%;
7263
+ left: 50%;
7234
7264
  transform: translate(-50%, -50%);
7235
7265
  width: var(--zen-toggler-tap-area-width-drive);
7236
7266
  height: var(--zen-toggler-tap-area-height-drive);
@@ -7240,7 +7270,7 @@ html:lang(ar) .zen-review-text-control {
7240
7270
  min-width: var(--zen-toggler-runner-size-drive);
7241
7271
  height: var(--zen-toggler-runner-size-drive);
7242
7272
  min-height: var(--zen-toggler-runner-size-drive);
7243
- margin-block-start: 0.0625rem;
7273
+ margin-top: 0.0625rem;
7244
7274
  margin-inline-start: 0.0625rem;
7245
7275
  }
7246
7276
  .zen-toggler-component--drive-tablet .zen-toggler-component__focus {
@@ -7248,7 +7278,7 @@ html:lang(ar) .zen-review-text-control {
7248
7278
  min-width: var(--zen-toggler-runner-focus-size-drive);
7249
7279
  height: var(--zen-toggler-runner-focus-size-drive);
7250
7280
  min-height: var(--zen-toggler-runner-focus-size-drive);
7251
- inset-block-start: -0.25rem;
7281
+ top: -0.25rem;
7252
7282
  inset-inline-start: -0.25rem;
7253
7283
  }
7254
7284
  .zen-toggler-component__runner {
@@ -7268,7 +7298,7 @@ html:lang(ar) .zen-review-text-control {
7268
7298
  min-height: var(--zen-toggler-runner-focus-size);
7269
7299
  border-radius: 50%;
7270
7300
  opacity: 0.4;
7271
- inset-block-start: -0.3125rem;
7301
+ top: -0.3125rem;
7272
7302
  background-color: var(--action-secondary--default);
7273
7303
  inset-inline-start: -0.3125rem;
7274
7304
  }
@@ -7322,7 +7352,8 @@ html:lang(ar) .zen-toggler__label-text {
7322
7352
  flex-direction: row-reverse;
7323
7353
  }
7324
7354
  .zen-toggler__label--reverted .zen-toggler__label-text {
7325
- margin-inline: 0 0.5rem;
7355
+ margin-inline-end: 0.5rem;
7356
+ margin-inline-start: 0;
7326
7357
  }
7327
7358
  .zen-toggler__input:focus-visible + .zen-toggler__label > .zen-toggler-component .zen-toggler-component__focus,
7328
7359
  .zen-toggler__input:hover + .zen-toggler__label > .zen-toggler-component .zen-toggler-component__focus {
@@ -7480,7 +7511,7 @@ html:lang(ar) .zen-toggler__label-text {
7480
7511
  color: var(--text-primary);
7481
7512
  align-items: center;
7482
7513
  justify-content: space-between;
7483
- padding: 0.25rem 0.75rem;
7514
+ padding: 0.25rem 0.75rem 0.25rem 0.75rem;
7484
7515
  border-radius: 1.875rem;
7485
7516
  background: var(--backgrounds-content-1);
7486
7517
  }
@@ -7523,22 +7554,22 @@ html:lang(ar) .zen-pill-content {
7523
7554
  .zen-pill-actionable {
7524
7555
  padding: 0 0.5rem;
7525
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;
7526
7561
  user-select: none;
7527
7562
  }
7528
- .zen-pill-actionable:hover {
7563
+ .zen-pill-actionable:not(.zen-pill-actionable--disabled):not(.zen-pill-actionable--readonly):hover {
7529
7564
  cursor: pointer;
7530
7565
  }
7531
- .zen-pill-actionable--disabled:hover,
7532
- .zen-pill-actionable--readonly:hover {
7533
- cursor: default;
7534
- }
7535
7566
  .zen-pill-actionable:has(.zen-pill-actionable__input:focus-visible) {
7536
7567
  outline: 1px solid var(--borders-form-field--active);
7537
7568
  outline-offset: 2px;
7538
7569
  }
7539
7570
  .zen-pill-actionable__input {
7540
7571
  position: absolute;
7541
- inset-inline-start: -5000px;
7572
+ left: -5000px;
7542
7573
  }
7543
7574
  .zen-pill-actionable__content-wrapper {
7544
7575
  margin: 0;
@@ -7585,6 +7616,7 @@ html:lang(ar) .zen-pill-content {
7585
7616
  line-height: 1rem;
7586
7617
  text-transform: none;
7587
7618
  text-decoration: none;
7619
+ display: flex;
7588
7620
  align-items: center;
7589
7621
  justify-content: space-between;
7590
7622
  border-radius: 1.875rem;
@@ -7810,8 +7842,9 @@ html:lang(ar) .zen-form-field-error {
7810
7842
  flex: 0 0 auto;
7811
7843
  }
7812
7844
  .zen-form-field-error__icon-container {
7813
- padding-block: 0.0625rem 0;
7845
+ padding-block-start: 0.0625rem;
7814
7846
  padding-inline: 0.125rem;
7847
+ padding-block-end: 0;
7815
7848
  height: 1rem;
7816
7849
  }
7817
7850
  .zen-form-field-error.zen-form-field-error--drive .zen-form-field-error__icon-container,
@@ -7885,7 +7918,7 @@ html:lang(ar) .zen-form-field-error {
7885
7918
  }
7886
7919
  .zen-form-field__input-container:has(.zen-radio-group--horizontal) .zen-form-field__trailing-text {
7887
7920
  align-self: flex-start;
7888
- margin-block-start: 0.75rem;
7921
+ margin-top: 0.75rem;
7889
7922
  }
7890
7923
  .zen-form-field.zen-form-field--form-item .zen-radio {
7891
7924
  padding-block-end: 0.75rem;
@@ -7924,7 +7957,7 @@ html:lang(ar) .zen-form-field__trailing-text {
7924
7957
  overflow: hidden;
7925
7958
  text-overflow: ellipsis;
7926
7959
  white-space: normal;
7927
- overflow-wrap: normal;
7960
+ word-wrap: normal;
7928
7961
  }
7929
7962
  html:lang(ar) .zen-form-field__text {
7930
7963
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -7965,7 +7998,7 @@ html:lang(ar) .zen-form-field__text {
7965
7998
  overflow: hidden;
7966
7999
  text-overflow: ellipsis;
7967
8000
  white-space: nowrap;
7968
- overflow-wrap: normal;
8001
+ word-wrap: normal;
7969
8002
  white-space: break-spaces;
7970
8003
  }
7971
8004
  .zen-form-field__length {
@@ -8037,7 +8070,7 @@ html:lang(ar) .zen-form-field__length {
8037
8070
  max-width: 100%;
8038
8071
  }
8039
8072
  .zen-dropdown--mobile .zen-mobile-sheet__title {
8040
- border-block-end: none;
8073
+ border-bottom: none;
8041
8074
  }
8042
8075
  .zen-dropdown--mobile .zen-dropdown-mobile-sheet__search-container {
8043
8076
  padding-block: 1rem;
@@ -8045,7 +8078,7 @@ html:lang(ar) .zen-form-field__length {
8045
8078
  }
8046
8079
  .zen-dropdown--mobile .zen-dropdown-mobile-sheet__checkbox-container {
8047
8080
  padding: 1rem;
8048
- border-block-end: var(--border-width-default) solid var(--borders-general);
8081
+ border-bottom: var(--border-width-default) solid var(--borders-general);
8049
8082
  }
8050
8083
  .zen-dropdown--mobile .zen-dropdown-mobile-sheet__search {
8051
8084
  width: 100%;
@@ -8057,11 +8090,11 @@ html:lang(ar) .zen-form-field__length {
8057
8090
  .zen-dropdown-popup__search-container .zen-input-adornments {
8058
8091
  border-radius: 0;
8059
8092
  border: none;
8060
- border-block-end: var(--border-width-default) solid var(--borders-general);
8093
+ border-bottom: var(--border-width-default) solid var(--borders-general);
8061
8094
  }
8062
8095
  .zen-checkbox-list-with-action {
8063
8096
  box-sizing: border-box;
8064
- margin-block-end: 1rem;
8097
+ margin-bottom: 1rem;
8065
8098
  }
8066
8099
  .zen-checkbox-list-with-action * {
8067
8100
  box-sizing: border-box;
@@ -8102,7 +8135,8 @@ html:lang(ar) .zen-checkbox-list-with-action__title {
8102
8135
  }
8103
8136
  .zen-checkbox-list-with-action__action-item--action .zen-checkbox__label {
8104
8137
  padding-inline-end: 0.5rem;
8105
- padding-block: 0.75rem;
8138
+ padding-bottom: 0.75rem;
8139
+ padding-top: 0.75rem;
8106
8140
  }
8107
8141
  .zen-checkbox-list-with-action__singled {
8108
8142
  font-weight: 700;
@@ -8119,7 +8153,7 @@ html:lang(ar) .zen-checkbox-list-with-action__title {
8119
8153
  overflow: hidden;
8120
8154
  text-overflow: ellipsis;
8121
8155
  white-space: nowrap;
8122
- overflow-wrap: normal;
8156
+ word-wrap: normal;
8123
8157
  width: 100%;
8124
8158
  }
8125
8159
  .zen-checkbox-list-with-action__action-checkbox--full-width .zen-checkbox__label {
@@ -8142,7 +8176,8 @@ html:lang(ar) .zen-checkbox-list-with-action__title {
8142
8176
  color: var(--text-primary);
8143
8177
  width: 100%;
8144
8178
  padding-block: 0.4375rem;
8145
- padding-inline: 0.25rem 0.5rem;
8179
+ padding-inline-start: 0.25rem;
8180
+ padding-inline-end: 0.5rem;
8146
8181
  }
8147
8182
  html:lang(ar) .zen-checkbox-list-with-action__label {
8148
8183
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -8298,7 +8333,7 @@ html:lang(ar) .zen-checkbox-list-with-action__counter {
8298
8333
  text-transform: none;
8299
8334
  text-decoration: none;
8300
8335
  height: 100%;
8301
- overflow-block: auto;
8336
+ overflow-y: auto;
8302
8337
  max-height: 15.3125rem;
8303
8338
  }
8304
8339
  html:lang(ar) .zen-dropdown-list__elements {
@@ -8325,20 +8360,20 @@ html:lang(ar) .zen-dropdown-list__label {
8325
8360
  .zen-dropdown-list__checkbox-container {
8326
8361
  padding-block: 0.5rem;
8327
8362
  padding-inline: 1rem;
8328
- border-block-end: var(--border-width-default) solid var(--borders-general);
8363
+ border-bottom: var(--border-width-default) solid var(--borders-general);
8329
8364
  }
8330
8365
  .zen-dropdown-list__checkbox-container .zen-checkbox__label-text {
8331
8366
  overflow: hidden;
8332
8367
  text-overflow: ellipsis;
8333
8368
  white-space: nowrap;
8334
- overflow-wrap: normal;
8369
+ word-wrap: normal;
8335
8370
  }
8336
8371
  .zen-dropdown-list__item-wrapper {
8337
8372
  display: flex;
8338
8373
  flex-wrap: nowrap;
8339
8374
  align-items: center;
8340
8375
  margin: 1px;
8341
- border-block-end: var(--border-width-default) solid var(--borders-general);
8376
+ border-bottom: var(--border-width-default) solid var(--borders-general);
8342
8377
  }
8343
8378
  .zen-dropdown-list__item {
8344
8379
  display: flex;
@@ -8377,7 +8412,7 @@ html:lang(ar) .zen-dropdown-list__label {
8377
8412
  }
8378
8413
  .zen-dropdown-list__sentinel-item {
8379
8414
  position: "absolute";
8380
- inset-inline-start: "-9999px";
8415
+ left: "-9999px";
8381
8416
  width: "1px";
8382
8417
  height: "1px";
8383
8418
  opacity: 0;
@@ -8430,7 +8465,7 @@ html:lang(ar) .zen-dropdown-list__action-label {
8430
8465
  .zen-dropdown-list__footer {
8431
8466
  display: flex;
8432
8467
  justify-content: flex-start;
8433
- border-block-start: var(--border-width-default) solid var(--borders-general);
8468
+ border-top: var(--border-width-default) solid var(--borders-general);
8434
8469
  }
8435
8470
  .zen-dropdown-list__action-button-back {
8436
8471
  padding-block: 0.4375rem;
@@ -8445,7 +8480,8 @@ html:lang(ar) .zen-dropdown-list__action-label {
8445
8480
  .zen-dropdown-list__cancel-button,
8446
8481
  .zen-dropdown-list__apply-button {
8447
8482
  margin-inline-end: 0.5rem;
8448
- margin-block: 0.5rem 0.25rem;
8483
+ margin-block-start: 0.5rem;
8484
+ margin-block-end: 0.25rem;
8449
8485
  }
8450
8486
  .zen-dropdown-list__clear-button {
8451
8487
  margin-inline-start: 0.5rem;
@@ -8560,7 +8596,7 @@ html:lang(ar) .zen-dropdown-list__action-label {
8560
8596
  min-width: var(--chip-min-width-default);
8561
8597
  max-width: var(--chip-max-width-default);
8562
8598
  width: fit-content;
8563
- 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);
8564
8600
  border-radius: var(--chip-border-radius);
8565
8601
  gap: 0.125rem;
8566
8602
  }
@@ -8574,19 +8610,13 @@ html:lang(ar) .zen-chip {
8574
8610
  outline: 1px solid var(--borders-form-field--active);
8575
8611
  outline-offset: 1px;
8576
8612
  }
8613
+ .zen-chip--default {
8614
+ max-width: var(--chip-max-width-default);
8615
+ width: fit-content;
8616
+ }
8577
8617
  .zen-chip.zen-chip--drive {
8578
8618
  border-radius: 0.5rem;
8579
8619
  }
8580
- .zen-chip.zen-chip--drive .zen-chip__quantity {
8581
- font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
8582
- font-size: 1.25rem;
8583
- font-style: normal;
8584
- font-weight: 400;
8585
- letter-spacing: 0rem;
8586
- line-height: 1.875rem;
8587
- text-transform: none;
8588
- text-decoration: none;
8589
- }
8590
8620
  .zen-chip:not(.zen-chip--disabled):not(.zen-chip--readonly):hover {
8591
8621
  cursor: pointer;
8592
8622
  }
@@ -8595,11 +8625,12 @@ html:lang(ar) .zen-chip {
8595
8625
  }
8596
8626
  .zen-chip__input {
8597
8627
  position: absolute;
8598
- inset-inline-start: -5000px;
8628
+ left: -5000px;
8599
8629
  }
8600
8630
  .zen-chip__content-wrapper {
8601
8631
  margin: 0;
8602
8632
  gap: 0.25rem;
8633
+ display: flex;
8603
8634
  align-items: center;
8604
8635
  justify-content: space-between;
8605
8636
  display: grid;
@@ -8607,8 +8638,6 @@ html:lang(ar) .zen-chip {
8607
8638
  min-height: 16px;
8608
8639
  }
8609
8640
  .zen-chip--default {
8610
- max-width: var(--chip-max-width-default);
8611
- width: fit-content;
8612
8641
  background-color: var(--backgrounds-main);
8613
8642
  border: 1px solid var(--borders-general);
8614
8643
  color: var(--text-secondary);
@@ -8776,12 +8805,22 @@ html:lang(ar) .zen-chip__quantity {
8776
8805
  text-transform: none;
8777
8806
  text-decoration: none;
8778
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
+ }
8779
8818
  .zen-chip-content {
8780
8819
  display: flex;
8781
8820
  color: var(--text-primary);
8782
8821
  align-items: center;
8783
8822
  justify-content: space-between;
8784
- padding: 0.25rem 0.75rem;
8823
+ padding: 0.25rem 0.75rem 0.25rem 0.75rem;
8785
8824
  border-radius: 0.5rem;
8786
8825
  background: var(--backgrounds-content-1);
8787
8826
  }
@@ -9083,6 +9122,7 @@ html:lang(ar) .zen-filter-button.zen-filter-button--mobile .zen-filter-button__q
9083
9122
  outline: none;
9084
9123
  padding-block: 0;
9085
9124
  padding-inline: 0 0.3125rem;
9125
+ -webkit-appearance: none;
9086
9126
  appearance: none;
9087
9127
  background-color: inherit;
9088
9128
  color: inherit;
@@ -9092,6 +9132,7 @@ html:lang(ar) .zen-dropdown-searchable-trigger .zen-dropdown-searchable-trigger_
9092
9132
  }
9093
9133
  .zen-dropdown-searchable-trigger__popup-trigger {
9094
9134
  display: flex;
9135
+ border-color: var(--borders-general);
9095
9136
  border: 1px solid var(--borders-general);
9096
9137
  border-radius: var(--border-radius-default);
9097
9138
  justify-content: center;
@@ -9326,7 +9367,7 @@ html:lang(ar) .zen-dropdown-searchable-trigger__counter {
9326
9367
  box-sizing: border-box;
9327
9368
  border: var(--border-width-default) solid var(--borders-general);
9328
9369
  border-radius: var(--border-radius-default);
9329
- appearance: none;
9370
+ -webkit-appearance: none;
9330
9371
  outline: none;
9331
9372
  background-color: var(--backgrounds-main);
9332
9373
  color: var(--text-primary);
@@ -9416,6 +9457,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
9416
9457
  outline: 0;
9417
9458
  padding: 0;
9418
9459
  padding-inline-start: 0.25rem;
9460
+ -webkit-appearance: none;
9419
9461
  appearance: none;
9420
9462
  background-color: inherit;
9421
9463
  color: var(--text-primary);
@@ -9432,7 +9474,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
9432
9474
  overflow: hidden;
9433
9475
  padding: 0.5rem;
9434
9476
  display: grid;
9435
- gap: 0.5rem;
9477
+ grid-gap: 0.5rem;
9436
9478
  align-items: center;
9437
9479
  }
9438
9480
  .zen-input-adornments * {
@@ -9474,6 +9516,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
9474
9516
  fill: var(--text-placeholder);
9475
9517
  }
9476
9518
  .zen-input-adornments__input {
9519
+ height: 100%;
9477
9520
  width: 100%;
9478
9521
  height: 1rem;
9479
9522
  }
@@ -9490,6 +9533,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
9490
9533
  outline: 0;
9491
9534
  padding: 0;
9492
9535
  padding-inline-start: 0.25rem;
9536
+ -webkit-appearance: none;
9493
9537
  appearance: none;
9494
9538
  background-color: inherit;
9495
9539
  color: var(--text-primary);
@@ -9504,7 +9548,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
9504
9548
  .zen-input-adornments.zen-input-adornments--drive {
9505
9549
  height: 2.75rem;
9506
9550
  display: grid;
9507
- gap: 0.5rem;
9551
+ grid-gap: 0.5rem;
9508
9552
  align-items: center;
9509
9553
  }
9510
9554
  .zen-input-adornments.zen-input-adornments--drive.zen-input-adornments--has-start,
@@ -9534,7 +9578,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
9534
9578
  .zen-input-adornments.zen-input-adornments--mobile {
9535
9579
  height: 2.75rem;
9536
9580
  display: grid;
9537
- gap: 0.5rem;
9581
+ grid-gap: 0.5rem;
9538
9582
  align-items: center;
9539
9583
  }
9540
9584
  .zen-input-adornments.zen-input-adornments--mobile.zen-input-adornments--has-start,
@@ -9564,7 +9608,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
9564
9608
  .zen-input-adornments.zen-input-adornments--drive-tablet {
9565
9609
  height: 2.875rem;
9566
9610
  display: grid;
9567
- gap: 0.5rem;
9611
+ grid-gap: 0.5rem;
9568
9612
  align-items: center;
9569
9613
  }
9570
9614
  .zen-input-adornments.zen-input-adornments--drive-tablet.zen-input-adornments--has-start,
@@ -9665,8 +9709,9 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
9665
9709
  width: 100%;
9666
9710
  height: auto;
9667
9711
  max-height: 100%;
9668
- inset-inline-start: 0;
9669
- inset-block: auto 0;
9712
+ left: 0;
9713
+ top: auto;
9714
+ bottom: 0;
9670
9715
  z-index: 11005;
9671
9716
  background-color: var(--backgrounds-main);
9672
9717
  }
@@ -9813,7 +9858,7 @@ html:lang(ar) .zen-group-button {
9813
9858
  width: 1px;
9814
9859
  height: 1px;
9815
9860
  margin: -1px;
9816
- clip-path: inset(50%);
9861
+ clip: rect(0, 0, 0, 0);
9817
9862
  position: absolute;
9818
9863
  }
9819
9864
  .zen-group-button__input:checked + .zen-group-button__label {
@@ -9980,7 +10025,7 @@ html:lang(ar) .zen-pill-box__label {
9980
10025
  }
9981
10026
  .zen-modal {
9982
10027
  box-sizing: border-box;
9983
- 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);
9984
10029
  position: absolute;
9985
10030
  width: 100%;
9986
10031
  height: 100%;
@@ -10012,8 +10057,9 @@ html:lang(ar) .zen-pill-box__label {
10012
10057
  background-color: var(--backgrounds-main);
10013
10058
  color: var(--text-primary);
10014
10059
  padding: 0;
10015
- box-shadow: 0 2px 6px rgba(11, 32, 50, 0.2);
10016
- max-height: 90vb;
10060
+ box-shadow: 0px 2px 6px rgba(11, 32, 50, 0.2);
10061
+ max-height: 90vh;
10062
+ max-height: 90dvh;
10017
10063
  border-radius: 4px;
10018
10064
  overflow: hidden;
10019
10065
  }
@@ -10021,7 +10067,7 @@ html:lang(ar) .zen-pill-box__label {
10021
10067
  box-sizing: border-box;
10022
10068
  }
10023
10069
  .zen-modal-content--hidden-overflow.zen-modal-content--hidden-overflow {
10024
- overflow-block: hidden;
10070
+ overflow-y: hidden;
10025
10071
  }
10026
10072
  .zen-modal-content__header {
10027
10073
  display: flex;
@@ -10050,8 +10096,10 @@ html:lang(ar) .zen-pill-box__label {
10050
10096
  }
10051
10097
  .zen-modal-content__body {
10052
10098
  overflow: auto;
10053
- padding-block: 0.75rem 2rem;
10054
- 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;
10055
10103
  }
10056
10104
  .zen-modal-content__body--no-footer {
10057
10105
  padding-block-end: 1rem;
@@ -10266,7 +10314,7 @@ html:lang(ar) .zen-status-pill__container {
10266
10314
  border-color: var(--borders-form-field--active);
10267
10315
  }
10268
10316
  .zen-status-pill__text {
10269
- margin-inline-end: 4px;
10317
+ margin-right: 4px;
10270
10318
  color: var(--text-primary);
10271
10319
  flex-shrink: 1;
10272
10320
  min-width: 0;
@@ -10290,11 +10338,11 @@ html:lang(ar) .zen-status-pill__container {
10290
10338
  color: var(--text-reverse-primary);
10291
10339
  }
10292
10340
  .zen-status-pill__text--centered {
10293
- margin-inline-end: 0;
10341
+ margin-right: 0;
10294
10342
  }
10295
10343
  .zen-status-pill__expand-button {
10296
10344
  padding: 0;
10297
- margin-inline-start: auto;
10345
+ margin-left: auto;
10298
10346
  flex-shrink: 0;
10299
10347
  }
10300
10348
  .zen-status-pill__expand-button--default {
@@ -10325,7 +10373,7 @@ html:lang(ar) .zen-status-pill__container {
10325
10373
  display: flex;
10326
10374
  align-items: center;
10327
10375
  height: 12px;
10328
- margin-inline-end: 4px;
10376
+ margin-right: 4px;
10329
10377
  flex-shrink: 0;
10330
10378
  }
10331
10379
  .zen-status-pill__icon--large {
@@ -10356,13 +10404,13 @@ html:lang(ar) .zen-status-pill__container {
10356
10404
  color: var(--text-reverse-primary);
10357
10405
  }
10358
10406
  .zen-status-pill__icon--standalone {
10359
- margin-inline-end: 0;
10407
+ margin-right: 0;
10360
10408
  }
10361
10409
  .zen-absolute:has(.zen-status-pill-popup) {
10362
10410
  overflow: visible;
10363
10411
  }
10364
10412
  .zen-status-pill-popup {
10365
- 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);
10366
10414
  border-radius: 0.25rem;
10367
10415
  background-color: white;
10368
10416
  max-height: 560px;
@@ -10374,7 +10422,7 @@ html:lang(ar) .zen-status-pill__container {
10374
10422
  flex-direction: column;
10375
10423
  padding: 0.75rem 0.5rem;
10376
10424
  gap: 1rem;
10377
- overflow-block: auto;
10425
+ overflow-y: auto;
10378
10426
  max-height: 480px;
10379
10427
  }
10380
10428
  .zen-status-pill-popup__container--small {
@@ -10391,7 +10439,7 @@ html:lang(ar) .zen-status-pill__container {
10391
10439
  align-items: center;
10392
10440
  padding: 0.75rem 0.5rem;
10393
10441
  gap: 1rem;
10394
- border-block-end: 1px solid var(--borders-general);
10442
+ border-bottom: 1px solid var(--borders-general);
10395
10443
  }
10396
10444
  .zen-status-pill-popup__title-item-text {
10397
10445
  flex: 1;
@@ -10460,7 +10508,7 @@ html:lang(ar) .zen-status-pill-popup__header-text {
10460
10508
  text-decoration: none;
10461
10509
  }
10462
10510
  .zen-status-pill-popup__header-text--left {
10463
- margin-inline-start: auto;
10511
+ margin-left: auto;
10464
10512
  }
10465
10513
  .zen-status-pill-popup__description {
10466
10514
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -10472,7 +10520,7 @@ html:lang(ar) .zen-status-pill-popup__header-text {
10472
10520
  text-transform: none;
10473
10521
  text-decoration: none;
10474
10522
  color: var(--text-secondary);
10475
- overflow-block: auto;
10523
+ overflow-y: auto;
10476
10524
  }
10477
10525
  html:lang(ar) .zen-status-pill-popup__description {
10478
10526
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -10506,12 +10554,12 @@ html:lang(ar) .zen-status-pill-popup__description {
10506
10554
  background-color: var(--borders-general);
10507
10555
  }
10508
10556
  .zen-status-pill-popup--mobile .zen-mobile-sheet__title {
10509
- border-block-end: 1px solid var(--borders-general);
10557
+ border-bottom: 1px solid var(--borders-general);
10510
10558
  }
10511
10559
  .zen-status-pill-popup--mobile .zen-mobile-sheet__content {
10512
10560
  padding: 1rem;
10513
- max-height: 90vb;
10514
- overflow-block: auto;
10561
+ max-height: 90vh;
10562
+ overflow-y: auto;
10515
10563
  }
10516
10564
  .zen-status-pill-popup__mobile-title {
10517
10565
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -10573,6 +10621,7 @@ html:lang(ar) .zen-status-pill-popup__view-more-badge {
10573
10621
  background: 0 0;
10574
10622
  padding: 0.5rem;
10575
10623
  vertical-align: middle;
10624
+ border-width: 0;
10576
10625
  margin: 0.0625rem;
10577
10626
  border: none;
10578
10627
  background-color: transparent;
@@ -10621,7 +10670,7 @@ html:lang(ar) .zen-select {
10621
10670
  transform: rotateZ(180deg);
10622
10671
  }
10623
10672
  .zen-select__popup {
10624
- 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);
10625
10674
  border-radius: var(--border-radius-default);
10626
10675
  background-color: var(--backgrounds-main);
10627
10676
  }
@@ -10713,6 +10762,10 @@ html:lang(ar) .zen-calendar__year-name {
10713
10762
  .zen-calendar__table {
10714
10763
  width: 100%;
10715
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;
10716
10769
  user-select: none;
10717
10770
  border-collapse: separate;
10718
10771
  border-spacing: 0;
@@ -10768,7 +10821,7 @@ html:lang(ar) .zen-calendar__column {
10768
10821
  position: absolute;
10769
10822
  padding: 0;
10770
10823
  margin: 0;
10771
- inset-block-start: 0;
10824
+ top: 0;
10772
10825
  z-index: 1;
10773
10826
  border-color: var(--action-primary--default);
10774
10827
  background-color: var(--accents-general--main);
@@ -10779,7 +10832,7 @@ html:lang(ar) .zen-calendar__column {
10779
10832
  border: 1px solid var(--action-primary--default);
10780
10833
  background-color: var(--accents-general--main);
10781
10834
  position: absolute;
10782
- inset-block-start: 0;
10835
+ top: 0;
10783
10836
  z-index: 1;
10784
10837
  width: 2rem;
10785
10838
  border-radius: 1.5rem;
@@ -10800,7 +10853,7 @@ html:lang(ar) .zen-calendar__column {
10800
10853
  .zen-calendar__month-end {
10801
10854
  position: absolute;
10802
10855
  height: 1.5rem;
10803
- inset-block-start: 0;
10856
+ top: 0;
10804
10857
  width: 1rem;
10805
10858
  z-index: 1;
10806
10859
  border-block: 1px solid var(--action-primary--default);
@@ -10844,7 +10897,7 @@ html:lang(ar) .zen-calendar__column {
10844
10897
  height: 1.5rem;
10845
10898
  text-align: center;
10846
10899
  position: absolute;
10847
- inset-block-start: 0;
10900
+ top: 0;
10848
10901
  z-index: 2;
10849
10902
  border: 1px solid transparent;
10850
10903
  }
@@ -11036,7 +11089,7 @@ html:lang(ar) .zen-calendar__day {
11036
11089
  text-transform: none;
11037
11090
  text-decoration: none;
11038
11091
  }
11039
- @media (width <= 520px) {
11092
+ @media (max-width: 520px) {
11040
11093
  .zen-calendar .zen-calendar__year {
11041
11094
  max-width: calc(100% - 7.875rem);
11042
11095
  }
@@ -11060,7 +11113,7 @@ html:lang(ar) .zen-calendar__day {
11060
11113
  z-index: 11010;
11061
11114
  width: 100%;
11062
11115
  }
11063
- @media (width <= 640px) {
11116
+ @media (max-width: 640px) {
11064
11117
  .zen-parallel-selection-popup {
11065
11118
  width: 100%;
11066
11119
  }
@@ -11111,8 +11164,9 @@ html:lang(ar) .zen-chart__x-axis {
11111
11164
  --pie-center-label-font-weight: 400;
11112
11165
  }
11113
11166
  .zen-chart--legend-right {
11114
- flex-flow: row wrap;
11167
+ flex-direction: row;
11115
11168
  align-items: center;
11169
+ flex-wrap: wrap;
11116
11170
  }
11117
11171
  .zen-chart--legend-right .zen-chart__chart {
11118
11172
  flex: 0 0 auto;
@@ -11122,7 +11176,8 @@ html:lang(ar) .zen-chart__x-axis {
11122
11176
  .zen-chart--legend-right .zen-chart__legend {
11123
11177
  flex: 1 1 auto;
11124
11178
  padding-inline-start: 1rem;
11125
- overflow: hidden auto;
11179
+ overflow-y: auto;
11180
+ overflow-x: hidden;
11126
11181
  }
11127
11182
  @container (max-width: 640px) {
11128
11183
  .zen-chart--legend-right .zen-chart__chart {
@@ -11133,7 +11188,7 @@ html:lang(ar) .zen-chart__x-axis {
11133
11188
  .zen-chart--legend-right .zen-chart__legend {
11134
11189
  flex: 0 0 100%;
11135
11190
  padding-inline-start: 0;
11136
- overflow-block: visible;
11191
+ overflow-y: visible;
11137
11192
  }
11138
11193
  }
11139
11194
  .zen-pie-legend {
@@ -11245,7 +11300,7 @@ html:lang(ar) .zen-pie-legend__item-percentage {
11245
11300
  font-size: 1rem;
11246
11301
  line-height: 1.125rem;
11247
11302
  }
11248
- @media (width <= 640px) {
11303
+ @media (max-width: 640px) {
11249
11304
  .zen-pie-legend--drive .zen-pie-legend__item-label,
11250
11305
  .zen-pie-legend--drive .zen-pie-legend__item-value,
11251
11306
  .zen-pie-legend--drive .zen-pie-legend__item-percentage {
@@ -11261,6 +11316,7 @@ html:lang(ar) .zen-pie-legend__item-percentage {
11261
11316
  line-height: 1rem;
11262
11317
  text-decoration: none;
11263
11318
  box-sizing: border-box;
11319
+ background-color: var(--backgrounds-content-1);
11264
11320
  background: var(--backgrounds-main);
11265
11321
  border-radius: 8px;
11266
11322
  color: var(--text-primary);
@@ -11308,7 +11364,7 @@ html:lang(ar) .zen-summary__header {
11308
11364
  border-radius: 50%;
11309
11365
  display: inline-block;
11310
11366
  height: 0.5rem;
11311
- margin: 0.125rem;
11367
+ margin: 0.125rem 0.125rem;
11312
11368
  min-height: 0.5rem;
11313
11369
  min-width: 0.5rem;
11314
11370
  padding-inline: 0;
@@ -11359,20 +11415,6 @@ button.zen-summary__clickable {
11359
11415
  gap: 0.25rem;
11360
11416
  justify-content: start;
11361
11417
  }
11362
- .zen-summary__prefix {
11363
- font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
11364
- font-size: 1.5rem;
11365
- font-style: normal;
11366
- font-weight: 400;
11367
- letter-spacing: 0.02rem;
11368
- line-height: 2rem;
11369
- text-transform: none;
11370
- text-decoration: none;
11371
- font-feature-settings: "liga" off, "clig" off;
11372
- }
11373
- html:lang(ar) .zen-summary__prefix {
11374
- font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
11375
- }
11376
11418
  .zen-summary__value,
11377
11419
  .zen-summary__unit {
11378
11420
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -11447,7 +11489,7 @@ html:lang(ar) .zen-summary__content {
11447
11489
  position: absolute;
11448
11490
  z-index: 11100;
11449
11491
  border: 1px solid var(--borders-general);
11450
- 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);
11451
11493
  }
11452
11494
  .zen-chart-tooltip__header {
11453
11495
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -11496,7 +11538,7 @@ html:lang(ar) .zen-chart-tooltip__subheader {
11496
11538
  overflow: hidden;
11497
11539
  text-overflow: ellipsis;
11498
11540
  white-space: nowrap;
11499
- overflow-wrap: normal;
11541
+ word-wrap: normal;
11500
11542
  }
11501
11543
  html:lang(ar) .zen-chart-tooltip__label {
11502
11544
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -11564,29 +11606,29 @@ html:lang(ar) .zen-chart-tooltip__note {
11564
11606
  }
11565
11607
  .zen-chart-tooltip__arrow--top {
11566
11608
  inset: -0.375rem auto auto calc(50% - 0.9375rem);
11567
- /* rtl:ignore */
11609
+ /*rtl:ignore*/
11568
11610
  transform: rotate(45deg);
11569
11611
  }
11570
11612
  .zen-chart-tooltip__arrow--bottom {
11571
11613
  inset: auto auto -0.375rem calc(50% - 0.9375rem);
11572
- /* rtl:ignore */
11614
+ /*rtl:ignore*/
11573
11615
  transform: rotate(225deg);
11574
11616
  }
11575
11617
  .zen-chart-tooltip__arrow--right {
11576
11618
  inset: calc(50% - 0.9375rem) -0.375rem auto auto;
11577
- /* rtl:ignore */
11619
+ /*rtl:ignore*/
11578
11620
  transform: rotate(135deg);
11579
11621
  }
11580
11622
  .zen-chart-tooltip__arrow--left {
11581
11623
  inset: calc(50% - 0.9375rem) auto auto -0.375rem;
11582
- /* rtl:ignore */
11624
+ /*rtl:ignore*/
11583
11625
  transform: rotate(315deg);
11584
11626
  }
11585
11627
  .zen-chart-insight {
11586
11628
  display: flex;
11587
11629
  gap: 4px;
11588
11630
  max-width: 560px;
11589
- margin-block-end: 8px;
11631
+ margin-bottom: 8px;
11590
11632
  }
11591
11633
  .zen-chart-insight__icon {
11592
11634
  fill: var(--text-primary);
@@ -11608,7 +11650,8 @@ html:lang(ar) .zen-chart-insight__text {
11608
11650
  }
11609
11651
  .zen-legend {
11610
11652
  display: flex;
11611
- gap: 8px 16px;
11653
+ column-gap: 16px;
11654
+ row-gap: 8px;
11612
11655
  margin: 0;
11613
11656
  padding: 0;
11614
11657
  flex-wrap: wrap;
@@ -11645,7 +11688,7 @@ html:lang(ar) .zen-chart-insight__text {
11645
11688
  overflow: hidden;
11646
11689
  text-overflow: ellipsis;
11647
11690
  white-space: nowrap;
11648
- overflow-wrap: normal;
11691
+ word-wrap: normal;
11649
11692
  }
11650
11693
  html:lang(ar) .zen-legend__item-label {
11651
11694
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -11677,7 +11720,7 @@ html:lang(ar) .zen-legend__item-value {
11677
11720
  font-size: 1rem;
11678
11721
  line-height: 1.125rem;
11679
11722
  }
11680
- @media (width <= 640px) {
11723
+ @media (max-width: 640px) {
11681
11724
  .zen-legend.zen-legend--drive .zen-legend-list__item-text {
11682
11725
  font-size: 0.875rem;
11683
11726
  }
@@ -11685,7 +11728,8 @@ html:lang(ar) .zen-legend__item-value {
11685
11728
  .zen-chart-axis {
11686
11729
  display: flex;
11687
11730
  justify-content: space-between;
11688
- gap: 0.25rem 1rem;
11731
+ column-gap: 1rem;
11732
+ row-gap: 0.25rem;
11689
11733
  flex-wrap: wrap;
11690
11734
  margin: 0 0.625rem;
11691
11735
  }
@@ -11752,7 +11796,7 @@ html:lang(ar) .zen-chart-axis__value {
11752
11796
  flex-basis: 100%;
11753
11797
  justify-content: flex-end;
11754
11798
  }
11755
- @media (width <= 640px) {
11799
+ @media (max-width: 640px) {
11756
11800
  .zen-chart-axis__item--wide {
11757
11801
  flex: 0 0 auto;
11758
11802
  }
@@ -11764,7 +11808,7 @@ html:lang(ar) .zen-chart-axis__value {
11764
11808
  margin: -1px;
11765
11809
  padding: 0;
11766
11810
  overflow: hidden;
11767
- clip-path: inset(50%);
11811
+ clip: rect(0, 0, 0, 0);
11768
11812
  border: 0;
11769
11813
  }
11770
11814
  .zen-columns-filter {
@@ -11876,9 +11920,6 @@ html:lang(ar) .zen-columns-filter__item {
11876
11920
  transform: translateX(-88%);
11877
11921
  position: absolute;
11878
11922
  }
11879
- [dir="rtl"] .zen-flexible-column .zen-flexible-column__draggable-icon {
11880
- transform: translateX(88%);
11881
- }
11882
11923
  .zen-flexible-column__draggable {
11883
11924
  width: 0.375rem;
11884
11925
  height: 100%;
@@ -11892,6 +11933,7 @@ html:lang(ar) .zen-columns-filter__item {
11892
11933
  .zen-flexible-column__content {
11893
11934
  width: 100%;
11894
11935
  text-align: start;
11936
+ -webkit-user-select: none;
11895
11937
  user-select: none;
11896
11938
  }
11897
11939
  .zen-flexible-column:hover .zen-flexible-column__draggable-icon {
@@ -11924,7 +11966,7 @@ html:lang(ar) .zen-columns-filter__item {
11924
11966
  .zen-date-input-popup {
11925
11967
  width: 17.5rem;
11926
11968
  min-width: 17.5rem;
11927
- overflow-inline: hidden;
11969
+ overflow-x: hidden;
11928
11970
  }
11929
11971
  .zen-date-input-popup__button-clear {
11930
11972
  margin-block: 0.5rem 0.25rem;
@@ -11957,6 +11999,10 @@ html:lang(ar) .zen-date-input-popup__header {
11957
11999
  padding: 0 0.5rem;
11958
12000
  border-block-start: 1px solid var(--backgrounds-content-1);
11959
12001
  }
12002
+ .zen-date-input-popup.zen-date-input-popup--drive-tablet {
12003
+ width: 20rem;
12004
+ min-width: 20rem;
12005
+ }
11960
12006
  .zen-date-input-popup.zen-date-input-popup--drive .zen-date-input-popup__header {
11961
12007
  font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
11962
12008
  font-size: 1rem;
@@ -11967,6 +12013,16 @@ html:lang(ar) .zen-date-input-popup__header {
11967
12013
  text-transform: none;
11968
12014
  text-decoration: none;
11969
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
+ }
11970
12026
  .zen-date-input-mobile-sheet .zen-mobile-sheet__title {
11971
12027
  border-block-end: none;
11972
12028
  }
@@ -12078,7 +12134,7 @@ html:lang(ar) .zen-date-input-inner__control-block {
12078
12134
  width: 76px;
12079
12135
  height: 160px;
12080
12136
  }
12081
- @media (width <= 640px) {
12137
+ @media (max-width: 640px) {
12082
12138
  .zen-time-select {
12083
12139
  width: 100%;
12084
12140
  }
@@ -12112,13 +12168,10 @@ html:lang(ar) .zen-date-input-inner__control-block {
12112
12168
  .zen-time-picker__trigger--error {
12113
12169
  border: 1px solid var(--text-error-message);
12114
12170
  }
12115
- .zen-time-picker__trigger.zen-form-field__input {
12171
+ .zen-time-picker__trigger.zen-form-field__input:not(.zen-time-picker__trigger--full-width) {
12116
12172
  width: unset;
12117
12173
  }
12118
- .zen-time-picker__trigger.zen-form-field__input.zen-time-picker__trigger--full-width {
12119
- width: 100%;
12120
- }
12121
- @media (width <= 640px) {
12174
+ @media (max-width: 640px) {
12122
12175
  .zen-time-picker__popup {
12123
12176
  width: 100%;
12124
12177
  }
@@ -12148,7 +12201,6 @@ html:lang(ar) .zen-date-input-inner__control-block {
12148
12201
  width: 2rem;
12149
12202
  cursor: pointer;
12150
12203
  flex-shrink: 0;
12151
- /* stylelint-disable-next-line selector-not-notation */
12152
12204
  }
12153
12205
  .zen-date-range-wrapper .zen-date-range__stepper--left {
12154
12206
  margin-inline-end: -1px;
@@ -12225,7 +12277,7 @@ html:lang(ar) .zen-date-input-inner__control-block {
12225
12277
  overflow: hidden;
12226
12278
  text-overflow: ellipsis;
12227
12279
  white-space: nowrap;
12228
- overflow-wrap: normal;
12280
+ word-wrap: normal;
12229
12281
  }
12230
12282
  .zen-date-range--with-stepper.zen-date-range--with-stepper:hover,
12231
12283
  .zen-date-range--with-stepper.zen-date-range--with-stepper:focus {
@@ -12240,7 +12292,7 @@ html:lang(ar) .zen-date-input-inner__control-block {
12240
12292
  .zen-date-range-popup {
12241
12293
  width: 17.5rem;
12242
12294
  min-width: 17.5rem;
12243
- overflow-inline: hidden;
12295
+ overflow-x: hidden;
12244
12296
  }
12245
12297
  .zen-date-range-popup__button-clear {
12246
12298
  margin-block: 0.5rem 0.25rem;
@@ -12472,8 +12524,8 @@ html:lang(ar) .zen-radio__label {
12472
12524
  .zen-radio--drive .zen-radio__input::before {
12473
12525
  width: 0.875rem;
12474
12526
  height: 0.875rem;
12475
- inset-block-start: calc(50% - 0.875rem / 2);
12476
- inset-inline-start: calc(50% - 0.875rem / 2);
12527
+ top: calc(50% - 0.875rem / 2);
12528
+ left: calc(50% - 0.875rem / 2);
12477
12529
  }
12478
12530
  .zen-radio__wrapper--mobile .zen-radio__label {
12479
12531
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -12496,8 +12548,8 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
12496
12548
  .zen-radio__wrapper--mobile .zen-radio__input::before {
12497
12549
  width: 0.875rem;
12498
12550
  height: 0.875rem;
12499
- inset-block-start: calc(50% - 0.875rem / 2);
12500
- inset-inline-start: calc(50% - 0.875rem / 2);
12551
+ top: calc(50% - 0.875rem / 2);
12552
+ left: calc(50% - 0.875rem / 2);
12501
12553
  }
12502
12554
  .zen-radio--drive-tablet .zen-radio__label {
12503
12555
  font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -12517,10 +12569,11 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
12517
12569
  .zen-radio--drive-tablet .zen-radio__input::before {
12518
12570
  width: 0.875rem;
12519
12571
  height: 0.875rem;
12520
- inset-block-start: calc(50% - 0.875rem / 2);
12521
- inset-inline-start: calc(50% - 0.875rem / 2);
12572
+ top: calc(50% - 0.875rem / 2);
12573
+ left: calc(50% - 0.875rem / 2);
12522
12574
  }
12523
12575
  .zen-radio__input {
12576
+ -webkit-appearance: none;
12524
12577
  appearance: none;
12525
12578
  position: relative;
12526
12579
  cursor: pointer;
@@ -12543,8 +12596,8 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
12543
12596
  width: 0.625rem;
12544
12597
  height: 0.625rem;
12545
12598
  position: absolute;
12546
- inset-block-start: calc(50% - 0.625rem / 2);
12547
- inset-inline-start: calc(50% - 0.625rem / 2);
12599
+ top: calc(50% - 0.625rem / 2);
12600
+ left: calc(50% - 0.625rem / 2);
12548
12601
  border-radius: 50%;
12549
12602
  transform: scale(0);
12550
12603
  transition: 120ms transform ease-in-out;
@@ -12627,7 +12680,10 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
12627
12680
  position: absolute;
12628
12681
  width: 100%;
12629
12682
  height: 100%;
12630
- inset: 0;
12683
+ top: 0;
12684
+ bottom: 0;
12685
+ left: 0;
12686
+ right: 0;
12631
12687
  display: flex;
12632
12688
  align-items: center;
12633
12689
  justify-content: center;
@@ -12638,7 +12694,10 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
12638
12694
  .zen-dialog__shield {
12639
12695
  box-sizing: border-box;
12640
12696
  position: absolute;
12641
- inset: 0;
12697
+ top: 0;
12698
+ bottom: 0;
12699
+ left: 0;
12700
+ right: 0;
12642
12701
  z-index: 11000;
12643
12702
  background-color: var(--backgrounds-hover);
12644
12703
  opacity: 0.5;
@@ -12655,8 +12714,9 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
12655
12714
  background-color: var(--backgrounds-main);
12656
12715
  color: var(--text-primary);
12657
12716
  padding: 0;
12658
- box-shadow: 0 2px 6px rgba(11, 32, 50, 0.2);
12659
- max-height: 90vb;
12717
+ box-shadow: 0px 2px 6px rgba(11, 32, 50, 0.2);
12718
+ max-height: 90vh;
12719
+ max-height: 90dvh;
12660
12720
  border-radius: var(--border-radius-default);
12661
12721
  overflow: hidden;
12662
12722
  }
@@ -12673,6 +12733,7 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
12673
12733
  }
12674
12734
  .zen-dialog-content__header-title {
12675
12735
  flex-grow: 2;
12736
+ padding-right: 12px;
12676
12737
  padding: 12px 24px;
12677
12738
  }
12678
12739
  .zen-dialog-content__header-close-button {
@@ -12680,7 +12741,7 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
12680
12741
  align-items: center;
12681
12742
  justify-content: center;
12682
12743
  flex-shrink: 0;
12683
- margin-inline-end: 12px;
12744
+ margin-right: 12px;
12684
12745
  width: 24px;
12685
12746
  height: 24px;
12686
12747
  fill: var(--text-reverse-primary);
@@ -12704,11 +12765,11 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
12704
12765
  display: flex;
12705
12766
  justify-content: space-between;
12706
12767
  padding: 12px;
12707
- border-block-start: 1px solid var(--borders-general);
12768
+ border-top: 1px solid var(--borders-general);
12708
12769
  min-height: auto;
12709
12770
  }
12710
12771
  .zen-dialog-content__footer-item {
12711
- margin-inline-end: 8px;
12772
+ margin-right: 8px;
12712
12773
  }
12713
12774
  .zen-dialog-content--small {
12714
12775
  max-width: 400px;
@@ -12717,47 +12778,49 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
12717
12778
  max-width: 600px;
12718
12779
  }
12719
12780
  .zen-popup-default {
12720
- 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);
12721
12782
  border-radius: var(--border-radius-default);
12722
12783
  }
12723
12784
  .zen-popup-body.zen-popup-body {
12724
- overflow-block: auto;
12785
+ overflow-y: auto;
12725
12786
  }
12726
12787
  .zen-popup-body.zen-popup-body--hidden {
12727
- overflow-block: hidden;
12788
+ overflow-y: hidden;
12728
12789
  }
12729
12790
  .zen-alerts {
12730
12791
  position: fixed;
12731
- inset-block-start: 0;
12732
- inset-inline-end: 0;
12792
+ top: 0;
12793
+ right: 0;
12733
12794
  z-index: 11020;
12734
12795
  display: grid;
12735
12796
  gap: 16px;
12736
- margin-block-start: 48px;
12737
- padding-inline-end: 24px;
12797
+ margin-top: 48px;
12798
+ padding-right: 24px;
12738
12799
  }
12739
12800
  .zen-alerts--mobile {
12740
12801
  width: 100%;
12741
12802
  gap: 8px;
12742
- margin-block-start: 40px;
12743
- padding-inline: 12px;
12803
+ margin-top: 40px;
12804
+ padding-right: 12px;
12805
+ padding-left: 12px;
12744
12806
  box-sizing: border-box;
12745
12807
  }
12746
12808
  .zen-toasts {
12747
12809
  position: fixed;
12748
- inset-block-end: 0;
12749
- inset-inline-end: 0;
12810
+ bottom: 0;
12811
+ right: 0;
12750
12812
  z-index: 11020;
12751
12813
  display: grid;
12752
12814
  gap: 16px;
12753
- margin-block-end: 32px;
12754
- padding-inline-end: 24px;
12815
+ margin-bottom: 32px;
12816
+ padding-right: 24px;
12755
12817
  }
12756
12818
  .zen-toasts--mobile {
12757
12819
  width: 100%;
12758
12820
  gap: 8px;
12759
- margin-block-end: 16px;
12760
- padding-inline: 12px;
12821
+ margin-bottom: 16px;
12822
+ padding-right: 12px;
12823
+ padding-left: 12px;
12761
12824
  box-sizing: border-box;
12762
12825
  }
12763
12826
  @keyframes waiting {
@@ -12771,8 +12834,10 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
12771
12834
  .zen-waiting {
12772
12835
  box-sizing: border-box;
12773
12836
  position: absolute;
12774
- inset-block: 0;
12775
- inset-inline: 0;
12837
+ top: 0;
12838
+ bottom: 0;
12839
+ left: 0;
12840
+ right: 0;
12776
12841
  overflow: hidden;
12777
12842
  z-index: 10005;
12778
12843
  }
@@ -12822,11 +12887,13 @@ html:lang(ar) .zen-waiting__spinner-text {
12822
12887
  }
12823
12888
  .zen-waiting__overlay {
12824
12889
  position: absolute;
12825
- inset-block: 0;
12826
- inset-inline: 0;
12890
+ top: 0;
12891
+ bottom: 0;
12892
+ left: 0;
12893
+ right: 0;
12827
12894
  background-color: var(--backgrounds-overlay);
12828
12895
  opacity: 0.12;
12829
- text-align: start;
12896
+ text-align: left;
12830
12897
  overflow: hidden;
12831
12898
  }
12832
12899
  .zen-waiting__overlay--hidden {
@@ -12861,7 +12928,7 @@ html:lang(ar) .zen-waiting__spinner-text {
12861
12928
  max-width: 2.5rem;
12862
12929
  max-height: 2.5rem;
12863
12930
  }
12864
- @media (width <= 640px) {
12931
+ @media (max-width: 640px) {
12865
12932
  .zen-waiting__spinner {
12866
12933
  max-width: 2.5rem;
12867
12934
  max-height: 2.5rem;
@@ -13125,7 +13192,7 @@ html:lang(ar) .zen-file-upload__file-name {
13125
13192
  .zen-file-upload__remove-button {
13126
13193
  flex-shrink: 0;
13127
13194
  }
13128
- @media (width <= 640px) {
13195
+ @media (max-width: 640px) {
13129
13196
  .zen-file-upload--mobile .zen-file-upload__drop-zone-text {
13130
13197
  text-align: center;
13131
13198
  }
@@ -13174,7 +13241,7 @@ html:lang(ar) .zen-file-upload__file-name {
13174
13241
  .zen-filters__main-row {
13175
13242
  display: flex;
13176
13243
  align-items: center;
13177
- 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);
13178
13245
  border-radius: 999px;
13179
13246
  border: var(--border-width-default) solid var(--borders-general);
13180
13247
  background-color: var(--backgrounds-main);
@@ -13223,7 +13290,7 @@ html:lang(ar) .zen-file-upload__file-name {
13223
13290
  overflow: hidden;
13224
13291
  text-overflow: ellipsis;
13225
13292
  white-space: nowrap;
13226
- overflow-wrap: normal;
13293
+ word-wrap: normal;
13227
13294
  }
13228
13295
  .zen-filters__select-caption {
13229
13296
  width: auto;
@@ -13309,7 +13376,8 @@ html:lang(ar) .zen-file-upload__file-name {
13309
13376
  }
13310
13377
  .zen-filters-container {
13311
13378
  display: flex;
13312
- flex-flow: row wrap;
13379
+ flex-direction: row;
13380
+ flex-wrap: wrap;
13313
13381
  flex-grow: 1;
13314
13382
  min-width: 0;
13315
13383
  gap: 0.25rem;
@@ -13353,7 +13421,8 @@ html:lang(ar) .zen-file-upload__file-name {
13353
13421
  .zen-filters-container__mobile-scroll-wrapper {
13354
13422
  padding: 0.125rem;
13355
13423
  display: flex;
13356
- flex-flow: row nowrap;
13424
+ flex-direction: row;
13425
+ flex-wrap: nowrap;
13357
13426
  align-items: center;
13358
13427
  gap: 0.5rem;
13359
13428
  width: 100%;
@@ -13427,8 +13496,8 @@ html:lang(ar) .zen-file-upload__file-name {
13427
13496
  height: 3rem;
13428
13497
  }
13429
13498
  .zen-groups-filter-menu__groups-box {
13430
- overflow-block: auto;
13431
- overflow-inline: hidden;
13499
+ overflow-y: auto;
13500
+ overflow-x: hidden;
13432
13501
  max-height: 16.25rem;
13433
13502
  }
13434
13503
  .zen-groups-filter-menu__groups-list--no-space,
@@ -13513,7 +13582,7 @@ html:lang(ar) .zen-file-upload__file-name {
13513
13582
  padding-inline-end: 0;
13514
13583
  }
13515
13584
  .zen-groups-filter-menu__item--underlined {
13516
- border-block-end: 1px solid;
13585
+ border-bottom: 1px solid;
13517
13586
  }
13518
13587
  .zen-groups-filter-menu__item--inline {
13519
13588
  display: inline-block;
@@ -13558,7 +13627,7 @@ html:lang(ar) .zen-file-upload__file-name {
13558
13627
  overflow: hidden;
13559
13628
  text-overflow: ellipsis;
13560
13629
  white-space: nowrap;
13561
- overflow-wrap: normal;
13630
+ word-wrap: normal;
13562
13631
  }
13563
13632
  .zen-groups-filter-menu__advanced-button,
13564
13633
  .zen-groups-filter-menu__action-button-home {
@@ -13666,13 +13735,14 @@ html:lang(ar) .zen-file-upload__file-name {
13666
13735
  border: none;
13667
13736
  outline: none;
13668
13737
  padding-inline-end: 0.3125rem;
13738
+ -webkit-appearance: none;
13669
13739
  appearance: none;
13670
13740
  background-color: inherit;
13671
13741
  color: inherit;
13672
13742
  overflow: hidden;
13673
13743
  text-overflow: ellipsis;
13674
13744
  white-space: nowrap;
13675
- overflow-wrap: normal;
13745
+ word-wrap: normal;
13676
13746
  }
13677
13747
  .zen-groups-filter .zen-groups-filter__input:hover {
13678
13748
  background-color: var(--backgrounds-hover);
@@ -13699,6 +13769,7 @@ html:lang(ar) .zen-groups-filter .zen-groups-filter__input::placeholder {
13699
13769
  }
13700
13770
  .zen-groups-filter__popup-trigger {
13701
13771
  display: flex;
13772
+ border-color: var(--borders-general);
13702
13773
  border: 1px solid var(--borders-general);
13703
13774
  border-radius: var(--border-radius-default);
13704
13775
  justify-content: center;
@@ -13769,7 +13840,7 @@ html:lang(ar) .zen-groups-filter .zen-groups-filter__input::placeholder {
13769
13840
  }
13770
13841
  .zen-groups-filter__popup.zen-groups-filter__popup {
13771
13842
  z-index: 11001;
13772
- overflow-block: hidden;
13843
+ overflow-y: hidden;
13773
13844
  }
13774
13845
  .zen-groups-filter__popup.zen-groups-filter__popup.zen-groups-filter__popup--inactive {
13775
13846
  z-index: 10999;
@@ -13800,7 +13871,7 @@ html:lang(ar) .zen-groups-filter .zen-groups-filter__input::placeholder {
13800
13871
  display: flex;
13801
13872
  }
13802
13873
  .zen-item-data {
13803
- padding: 0.75rem 0.75rem 0.6875rem;
13874
+ padding: 0.75rem 0.75rem 0.6875rem 0.75rem;
13804
13875
  background-color: var(--backgrounds-main);
13805
13876
  border-block-end: 1px solid var(--borders-general);
13806
13877
  display: flex;
@@ -13904,7 +13975,7 @@ html:lang(ar) .zen-item-data__identifier {
13904
13975
  overflow: hidden;
13905
13976
  text-overflow: ellipsis;
13906
13977
  white-space: nowrap;
13907
- overflow-wrap: normal;
13978
+ word-wrap: normal;
13908
13979
  color: var(--text-primary);
13909
13980
  flex: 1 1 auto;
13910
13981
  }
@@ -13923,7 +13994,7 @@ html:lang(ar) .zen-item-data__name {
13923
13994
  overflow: hidden;
13924
13995
  text-overflow: ellipsis;
13925
13996
  white-space: nowrap;
13926
- overflow-wrap: normal;
13997
+ word-wrap: normal;
13927
13998
  color: var(--text-hyperlink);
13928
13999
  flex: 1 1 auto;
13929
14000
  width: 100%;
@@ -14174,7 +14245,7 @@ html:lang(ar) .zen-item-data__data-value {
14174
14245
  flex: 0 0 auto;
14175
14246
  }
14176
14247
  .zen-list-item-compact {
14177
- padding: 0.5rem 0 0.4375rem;
14248
+ padding: 0.5rem 0 0.4375rem 0;
14178
14249
  background-color: var(--backgrounds-main);
14179
14250
  border-block-end: 1px solid var(--borders-general);
14180
14251
  display: flex;
@@ -14204,7 +14275,7 @@ html:lang(ar) .zen-item-data__data-value {
14204
14275
  overflow: hidden;
14205
14276
  text-overflow: ellipsis;
14206
14277
  white-space: nowrap;
14207
- overflow-wrap: normal;
14278
+ word-wrap: normal;
14208
14279
  }
14209
14280
  html:lang(ar) .zen-list-item-compact__name {
14210
14281
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -14311,15 +14382,15 @@ html:lang(ar) .zen-list-item-compact__data {
14311
14382
  max-width: 31.25rem;
14312
14383
  }
14313
14384
  .zen-list-item {
14314
- padding: 0.5rem 1rem 0.4375rem;
14385
+ padding: 0.5rem 1rem 0.4375rem 1rem;
14315
14386
  background-color: var(--backgrounds-main);
14316
14387
  border-block-end: 1px solid var(--borders-general);
14317
14388
  display: flex;
14318
14389
  gap: 0.5rem;
14319
14390
  align-items: center;
14320
14391
  width: 100%;
14321
- box-sizing: border-box;
14322
14392
  min-height: 3rem;
14393
+ box-sizing: border-box;
14323
14394
  }
14324
14395
  .zen-list-item:hover {
14325
14396
  background-color: var(--backgrounds-content-1);
@@ -14366,7 +14437,7 @@ html:lang(ar) .zen-list-item__identifier {
14366
14437
  overflow: hidden;
14367
14438
  text-overflow: ellipsis;
14368
14439
  white-space: nowrap;
14369
- overflow-wrap: normal;
14440
+ word-wrap: normal;
14370
14441
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
14371
14442
  font-size: 0.875rem;
14372
14443
  font-style: normal;
@@ -14393,7 +14464,7 @@ html:lang(ar) .zen-list-item__name {
14393
14464
  overflow: hidden;
14394
14465
  text-overflow: ellipsis;
14395
14466
  white-space: nowrap;
14396
- overflow-wrap: normal;
14467
+ word-wrap: normal;
14397
14468
  }
14398
14469
  html:lang(ar) .zen-list-item__secondary {
14399
14470
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -14442,7 +14513,7 @@ html:lang(ar) .zen-list-item__secondary {
14442
14513
  -webkit-line-clamp: 2;
14443
14514
  -webkit-box-orient: vertical;
14444
14515
  }
14445
- @media (width <= 640px) {
14516
+ @media (max-width: 640px) {
14446
14517
  .zen-list-item__identifier {
14447
14518
  flex-direction: column;
14448
14519
  align-items: initial;
@@ -14717,7 +14788,7 @@ html:lang(ar) .zen-filters-search-list__header-title {
14717
14788
  align-items: center;
14718
14789
  justify-content: center;
14719
14790
  content: "\00d7";
14720
- inset-block-start: 0;
14791
+ top: 0;
14721
14792
  inset-inline-end: 0.5rem;
14722
14793
  width: 1.25rem;
14723
14794
  height: 100%;
@@ -14924,13 +14995,14 @@ html:lang(ar) .zen-search-item-data-wrapper--mobile .zen-search-item-data__secon
14924
14995
  padding-inline: 1rem;
14925
14996
  align-items: center;
14926
14997
  height: 3.8125rem;
14927
- margin-inline: 0.25rem;
14998
+ margin-inline-end: 0.25rem;
14999
+ margin-inline-start: 0.25rem;
14928
15000
  }
14929
15001
  .zen-page-header__page-name {
14930
15002
  overflow: hidden;
14931
15003
  text-overflow: ellipsis;
14932
15004
  white-space: nowrap;
14933
- overflow-wrap: normal;
15005
+ word-wrap: normal;
14934
15006
  max-width: 41rem;
14935
15007
  padding: 0;
14936
15008
  margin: 0;
@@ -14962,7 +15034,8 @@ html:lang(ar) .zen-page-header__page-name {
14962
15034
  flex: 0 0 auto;
14963
15035
  }
14964
15036
  .zen-page-header__left-aligned-tool {
14965
- margin-inline: 0.375rem auto;
15037
+ margin-inline-end: auto;
15038
+ margin-inline-start: 0.375rem;
14966
15039
  }
14967
15040
  .zen-page-header__sub-line {
14968
15041
  align-items: flex-start;
@@ -15031,7 +15104,6 @@ html:lang(ar) .zen-page-header--new .zen-page-header__main-line {
15031
15104
  }
15032
15105
  .zen-page-header--mobile .zen-page-header__main-line {
15033
15106
  gap: 0.25rem;
15034
- justify-content: initial;
15035
15107
  }
15036
15108
  .zen-page-header--mobile .zen-page-header__page-name {
15037
15109
  max-width: 11.25rem;
@@ -15073,6 +15145,9 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
15073
15145
  text-transform: none;
15074
15146
  text-decoration: none;
15075
15147
  }
15148
+ .zen-page-header--mobile .zen-page-header__main-line {
15149
+ justify-content: initial;
15150
+ }
15076
15151
  .zen-tabs {
15077
15152
  box-sizing: border-box;
15078
15153
  width: 100%;
@@ -15096,8 +15171,8 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
15096
15171
  }
15097
15172
  .zen-tabs__scrollable {
15098
15173
  display: flex;
15099
- overflow-inline: auto;
15100
- overflow-block: hidden;
15174
+ overflow-x: auto;
15175
+ overflow-y: hidden;
15101
15176
  scrollbar-width: none;
15102
15177
  -ms-overflow-style: none;
15103
15178
  padding: 0.0625rem;
@@ -15192,11 +15267,6 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
15192
15267
  width: 2.875rem;
15193
15268
  height: 2.875rem;
15194
15269
  }
15195
- .zen-tabs .zen-tabs__scroller.zen-tabs__scroller--drive,
15196
- .zen-tabs .zen-tabs__scroller.zen-tabs__scroller--drive-tablet {
15197
- width: 3rem;
15198
- height: 3rem;
15199
- }
15200
15270
  .zen-tabs .zen-tabs__gradient.zen-tabs__gradient--mobile.zen-tabs__gradient--left::after {
15201
15271
  position: absolute;
15202
15272
  content: "";
@@ -15215,6 +15285,15 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
15215
15285
  inset-inline-end: calc(2.875rem - 0.5rem);
15216
15286
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
15217
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
+ }
15218
15297
  .zen-tabs .zen-tabs__gradient.zen-tabs__gradient--drive.zen-tabs__gradient--left::after,
15219
15298
  .zen-tabs .zen-tabs__gradient.zen-tabs__gradient--drive-tablet.zen-tabs__gradient--left::after {
15220
15299
  position: absolute;
@@ -15235,10 +15314,6 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
15235
15314
  inset-inline-end: calc(3rem - 0.5rem);
15236
15315
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
15237
15316
  }
15238
- .zen-tabs.zen-tabs--drive,
15239
- .zen-tabs.zen-tabs--drive-tablet {
15240
- height: 3rem;
15241
- }
15242
15317
  .zen-tab-item {
15243
15318
  box-sizing: border-box;
15244
15319
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -15253,7 +15328,7 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
15253
15328
  padding: 5px 16px 4px;
15254
15329
  height: 34px;
15255
15330
  border: none;
15256
- border-block-end: 3px solid transparent;
15331
+ border-bottom: 3px solid transparent;
15257
15332
  background-color: transparent;
15258
15333
  color: var(--text-secondary);
15259
15334
  fill: var(--text-secondary);
@@ -15267,13 +15342,13 @@ html:lang(ar) .zen-tab-item {
15267
15342
  }
15268
15343
  .zen-tab-item--active {
15269
15344
  color: var(--text-hyperlink);
15270
- border-block-end: 3px solid var(--borders-form-field--active);
15345
+ border-bottom: 3px solid var(--borders-form-field--active);
15271
15346
  }
15272
15347
  .zen-tab-item.zen-tab-item--disabled {
15273
15348
  cursor: default;
15274
15349
  color: var(--text-button-disabled);
15275
15350
  fill: var(--text-button-disabled);
15276
- border-block-end: 3px solid transparent;
15351
+ border-bottom: 3px solid transparent;
15277
15352
  }
15278
15353
  .zen-tab-item.zen-tab-item--disabled:hover,
15279
15354
  .zen-tab-item.zen-tab-item--disabled:focus {
@@ -15315,8 +15390,8 @@ html:lang(ar) .zen-tab-item {
15315
15390
  color: var(--text-reverse-primary);
15316
15391
  min-width: 16px;
15317
15392
  border-radius: 16px;
15318
- padding: 0 4px;
15319
- margin-inline-start: 8px;
15393
+ padding: 0px 4px;
15394
+ margin-left: 8px;
15320
15395
  }
15321
15396
  html:lang(ar) .zen-tab-item__content-quantity {
15322
15397
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -15324,7 +15399,7 @@ html:lang(ar) .zen-tab-item__content-quantity {
15324
15399
  .zen-tab-item__content-icon {
15325
15400
  display: flex;
15326
15401
  align-items: center;
15327
- margin-inline-end: 10px;
15402
+ margin-right: 10px;
15328
15403
  max-height: 16px;
15329
15404
  }
15330
15405
  .zen-tab-item__content-icon--active {
@@ -15342,7 +15417,7 @@ html:lang(ar) .zen-tab-item__content-quantity {
15342
15417
  overflow: hidden;
15343
15418
  text-overflow: ellipsis;
15344
15419
  white-space: nowrap;
15345
- overflow-wrap: normal;
15420
+ word-wrap: normal;
15346
15421
  max-width: 130px;
15347
15422
  }
15348
15423
  html:lang(ar) .zen-tab-item__content-text {
@@ -15464,8 +15539,8 @@ html:lang(ar) .zen-tab-item.zen-tab-item--mobile .zen-tab-item__content-text {
15464
15539
  }
15465
15540
  .zen-filters-toolbar__scrollable {
15466
15541
  display: flex;
15467
- overflow-inline: auto;
15468
- overflow-block: hidden;
15542
+ overflow-x: auto;
15543
+ overflow-y: hidden;
15469
15544
  height: 100%;
15470
15545
  scrollbar-width: none;
15471
15546
  -ms-overflow-style: none;
@@ -15507,7 +15582,7 @@ html:lang(ar) .zen-tab-item.zen-tab-item--mobile .zen-tab-item__content-text {
15507
15582
  content: "";
15508
15583
  margin-inline-start: -2.5rem;
15509
15584
  height: 100%;
15510
- inset-block-start: 0;
15585
+ top: 0;
15511
15586
  width: 2.5rem;
15512
15587
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
15513
15588
  }
@@ -15519,7 +15594,7 @@ html:lang(ar) .zen-tab-item.zen-tab-item--mobile .zen-tab-item__content-text {
15519
15594
  content: "";
15520
15595
  margin-inline-start: 2.5rem;
15521
15596
  height: 100%;
15522
- inset-block-start: 0;
15597
+ top: 0;
15523
15598
  width: 2.5rem;
15524
15599
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
15525
15600
  }
@@ -15619,7 +15694,7 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
15619
15694
  content: "";
15620
15695
  margin-inline-start: 3.5rem;
15621
15696
  height: 100%;
15622
- inset-block-start: 0;
15697
+ top: 0;
15623
15698
  width: 3.25rem;
15624
15699
  z-index: 1000;
15625
15700
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
@@ -15634,7 +15709,7 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
15634
15709
  content: "";
15635
15710
  margin-inline-start: -3.25rem;
15636
15711
  height: 100%;
15637
- inset-block-start: 0;
15712
+ top: 0;
15638
15713
  width: 3.25rem;
15639
15714
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
15640
15715
  }
@@ -15643,8 +15718,8 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
15643
15718
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
15644
15719
  }
15645
15720
  .zen-side-panel-parent--open {
15646
- max-height: 100vb;
15647
- overflow-block: hidden;
15721
+ max-height: 100vh;
15722
+ overflow-y: hidden;
15648
15723
  }
15649
15724
  .zen-filters-bar-dropdown {
15650
15725
  box-sizing: border-box;
@@ -15822,7 +15897,7 @@ html:lang(ar) .zen-range-field {
15822
15897
  text-decoration: none;
15823
15898
  color: var(--text-error-message);
15824
15899
  fill: var(--text-error-message);
15825
- margin-block-start: 0.25rem;
15900
+ margin-top: 0.25rem;
15826
15901
  }
15827
15902
  html:lang(ar) .zen-range-field__error {
15828
15903
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -15863,7 +15938,7 @@ html:lang(ar) .zen-range-field__label--mobile {
15863
15938
  }
15864
15939
  .zen-range-field__input::-webkit-inner-spin-button,
15865
15940
  .zen-range-field__input::-webkit-outer-spin-button {
15866
- appearance: none;
15941
+ -webkit-appearance: none;
15867
15942
  margin: 0;
15868
15943
  }
15869
15944
  .zen-range-field__input--mobile {
@@ -15882,7 +15957,7 @@ html:lang(ar) .zen-range-field__label--mobile {
15882
15957
  text-transform: none;
15883
15958
  text-decoration: none;
15884
15959
  color: var(--text-primary);
15885
- text-align: end;
15960
+ text-align: right;
15886
15961
  }
15887
15962
  html:lang(ar) .zen-range-field__sense {
15888
15963
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -15933,9 +16008,11 @@ html:lang(ar) .zen-range {
15933
16008
  min-width: 18.5rem;
15934
16009
  max-width: 20.5rem;
15935
16010
  display: grid;
15936
- place-items: center start;
16011
+ align-items: center;
16012
+ justify-items: start;
15937
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);
15938
- gap: 0.25rem 0.5rem;
16014
+ row-gap: 0.25rem;
16015
+ column-gap: 0.5rem;
15939
16016
  }
15940
16017
  .zen-range__fields-container--column {
15941
16018
  min-width: 12.5rem;
@@ -15944,7 +16021,8 @@ html:lang(ar) .zen-range {
15944
16021
  grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
15945
16022
  grid-template-rows: auto auto;
15946
16023
  gap: 0.25rem 0.5rem;
15947
- place-items: center start;
16024
+ align-items: center;
16025
+ justify-items: start;
15948
16026
  }
15949
16027
  .zen-range__trigger-button {
15950
16028
  max-width: 12.5rem;
@@ -15966,8 +16044,8 @@ html:lang(ar) .zen-range {
15966
16044
  text-transform: none;
15967
16045
  text-decoration: none;
15968
16046
  color: var(--text-secondary);
15969
- padding: 0.75rem 1rem 0.6875rem;
15970
- 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);
15971
16049
  }
15972
16050
  html:lang(ar) .zen-range__label {
15973
16051
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -15983,13 +16061,14 @@ html:lang(ar) .zen-range__label {
15983
16061
  .zen-range__footer {
15984
16062
  display: flex;
15985
16063
  justify-content: flex-start;
15986
- border-block-start: var(--border-width-default) solid var(--borders-general);
16064
+ border-top: var(--border-width-default) solid var(--borders-general);
15987
16065
  }
15988
16066
  .zen-range__clear-button,
15989
16067
  .zen-range__cancel-button,
15990
16068
  .zen-range__apply-button {
15991
16069
  margin-inline-end: 0.5rem;
15992
- margin-block: 0.5rem 0.25rem;
16070
+ margin-top: 0.5rem;
16071
+ margin-bottom: 0.25rem;
15993
16072
  }
15994
16073
  .zen-range__clear-button {
15995
16074
  margin-inline-start: 0.5rem;
@@ -16027,14 +16106,17 @@ html:lang(ar) .zen-range-popup.zen-range-popup {
16027
16106
  grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
16028
16107
  grid-template-rows: auto auto;
16029
16108
  gap: 0.25rem 0.5rem;
16030
- place-items: center start;
16109
+ align-items: center;
16110
+ justify-items: start;
16031
16111
  }
16032
16112
  .zen-filters-bar-side-panel-range__items-container--row {
16033
16113
  max-width: 18.5rem;
16034
16114
  display: grid;
16035
- place-items: center start;
16115
+ align-items: center;
16116
+ justify-items: start;
16036
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);
16037
- gap: 0.25rem 0.5rem;
16118
+ row-gap: 0.25rem;
16119
+ column-gap: 0.5rem;
16038
16120
  }
16039
16121
  .zen-filters-bar-side-panel-range__item--column {
16040
16122
  min-width: 8.5rem;
@@ -16064,10 +16146,11 @@ html:lang(ar) .zen-range-popup.zen-range-popup {
16064
16146
  }
16065
16147
  .zen-header-button--with-dropdown.zen-header-button--mobile .zen-caption__pre-content,
16066
16148
  .zen-header-button--with-dropdown.zen-header-button--hidden-name .zen-caption__pre-content {
16067
- margin-inline-end: 0;
16149
+ margin-right: 0;
16068
16150
  }
16069
16151
  .zen-header-button--with-dropdown.zen-header-button-with-dropdown--drive-tablet {
16070
- padding-block: 12px;
16152
+ padding-top: 12px;
16153
+ padding-bottom: 12px;
16071
16154
  }
16072
16155
  .zen-filters-saved-popup__content {
16073
16156
  margin: 1px;
@@ -16138,12 +16221,12 @@ html:lang(ar) .zen-filters-saved-popup__content {
16138
16221
  border: none;
16139
16222
  color: var(--text-primary);
16140
16223
  flex-grow: 1;
16141
- text-align: start;
16224
+ text-align: left;
16142
16225
  cursor: pointer;
16143
16226
  overflow: hidden;
16144
16227
  text-overflow: ellipsis;
16145
16228
  white-space: nowrap;
16146
- overflow-wrap: normal;
16229
+ word-wrap: normal;
16147
16230
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
16148
16231
  font-size: 0.875rem;
16149
16232
  font-style: normal;
@@ -16408,8 +16491,8 @@ html:lang(ar) .zen-side-panel-filters__title--mobile {
16408
16491
  fill: var(--text-primary);
16409
16492
  }
16410
16493
  .zen-side-panel-filters__content {
16411
- overflow-inline: hidden;
16412
- overflow-block: auto;
16494
+ overflow-x: hidden;
16495
+ overflow-y: auto;
16413
16496
  flex: 1 1 auto;
16414
16497
  }
16415
16498
  .zen-side-panel-filters__item {
@@ -16505,13 +16588,13 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
16505
16588
  display: flex;
16506
16589
  flex-direction: column;
16507
16590
  height: 100%;
16508
- overflow-block: hidden;
16591
+ overflow-y: hidden;
16509
16592
  }
16510
16593
  .zen-side-panel-filters.zen-side-panel-filters {
16511
16594
  min-width: 22.5rem;
16512
16595
  max-width: 22.5rem;
16513
16596
  }
16514
- @media (width <= 640px) {
16597
+ @media (max-width: 640px) {
16515
16598
  .zen-side-panel-filters.zen-side-panel-filters {
16516
16599
  width: 100%;
16517
16600
  max-width: 100%;
@@ -16523,7 +16606,7 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
16523
16606
  padding-inline: 1rem;
16524
16607
  width: 100%;
16525
16608
  box-sizing: border-box;
16526
- overflow-inline: auto;
16609
+ overflow-x: auto;
16527
16610
  flex-shrink: 0;
16528
16611
  }
16529
16612
  .zen-filters-select-compact__list {
@@ -16648,7 +16731,8 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
16648
16731
  padding: 0.0625rem;
16649
16732
  width: 100%;
16650
16733
  display: flex;
16651
- flex-flow: row nowrap;
16734
+ flex-direction: row;
16735
+ flex-wrap: nowrap;
16652
16736
  }
16653
16737
  .zen-filters-select__list-item-wrapper--expanded {
16654
16738
  z-index: 2;
@@ -16835,8 +16919,8 @@ html:lang(ar) .zen-side-panel-filters-bar__title {
16835
16919
  }
16836
16920
  .zen-side-panel-filters-bar__content {
16837
16921
  padding-block-start: 0.5rem;
16838
- overflow-inline: hidden;
16839
- overflow-block: auto;
16922
+ overflow-x: hidden;
16923
+ overflow-y: auto;
16840
16924
  flex: 1 1 auto;
16841
16925
  }
16842
16926
  .zen-side-panel-filters-bar__apply-button--desktop {
@@ -16866,13 +16950,13 @@ html:lang(ar) .zen-side-panel-filters-bar__title {
16866
16950
  display: flex;
16867
16951
  flex-direction: column;
16868
16952
  height: 100%;
16869
- overflow-block: hidden;
16953
+ overflow-y: hidden;
16870
16954
  }
16871
16955
  .zen-side-panel-filters-bar.zen-side-panel-filters-bar {
16872
16956
  min-width: 20rem;
16873
16957
  max-width: 20rem;
16874
16958
  }
16875
- @media (width <= 640px) {
16959
+ @media (max-width: 640px) {
16876
16960
  .zen-side-panel-filters-bar.zen-side-panel-filters-bar {
16877
16961
  width: 100%;
16878
16962
  max-width: 100%;
@@ -16927,7 +17011,7 @@ html:lang(ar) .zen-form-layout-title {
16927
17011
  min-width: fit-content;
16928
17012
  max-width: fit-content;
16929
17013
  }
16930
- @media (width >= 1025px) {
17014
+ @media (min-width: 1025px) {
16931
17015
  .zen-grid {
16932
17016
  display: grid;
16933
17017
  grid-template-columns: repeat(12, 1fr);
@@ -17050,14 +17134,14 @@ html:lang(ar) .zen-form-layout-title {
17050
17134
  max-width: fit-content;
17051
17135
  }
17052
17136
  }
17053
- @media (width >= 1440px) {
17137
+ @media (min-width: 1440px) {
17054
17138
  .zen-grid {
17055
17139
  margin: 0 auto;
17056
17140
  max-width: 1440px;
17057
17141
  width: 100%;
17058
17142
  }
17059
17143
  }
17060
- @media (width <= 1024px) {
17144
+ @media (max-width: 1024px) {
17061
17145
  .zen-grid {
17062
17146
  display: grid;
17063
17147
  grid-template-columns: repeat(8, 1fr);
@@ -17150,7 +17234,7 @@ html:lang(ar) .zen-form-layout-title {
17150
17234
  max-width: fit-content;
17151
17235
  }
17152
17236
  }
17153
- @media (width <= 640px) {
17237
+ @media (max-width: 640px) {
17154
17238
  .zen-grid {
17155
17239
  margin: 0 0.75rem;
17156
17240
  grid-template-columns: repeat(4, 1fr);
@@ -17252,17 +17336,13 @@ html:lang(ar) .zen-form-layout-secondary {
17252
17336
  .zen-form-layout {
17253
17337
  padding: 0;
17254
17338
  grid-template-rows: repeat(auto-fit, minmax(0, max-content));
17255
- height: max-content;
17256
17339
  }
17257
- .zen-form-layout--has-wrapper {
17258
- height: auto;
17340
+ .zen-form-layout:not(.zen-form-layout--has-wrapper) {
17341
+ height: max-content;
17259
17342
  }
17260
- .zen-form-layout-stepper {
17343
+ .zen-form-layout-stepper:not(.zen-form-layout-stepper--with-banner) {
17261
17344
  margin-block-end: 2.5rem;
17262
17345
  }
17263
- .zen-form-layout-stepper--with-banner {
17264
- margin-block-end: 0;
17265
- }
17266
17346
  .zen-form-separator {
17267
17347
  margin-block: 2rem;
17268
17348
  margin-inline: 0;
@@ -17386,7 +17466,7 @@ html:lang(ar) .zen-form-layout-secondary {
17386
17466
  .zen-mobile-search-control--expanded {
17387
17467
  display: flex;
17388
17468
  width: 100%;
17389
- padding: 6px 12px;
17469
+ padding: 6px 12px 6px;
17390
17470
  gap: 8px;
17391
17471
  }
17392
17472
  .zen-mobile-search-control__search {
@@ -17397,8 +17477,8 @@ html:lang(ar) .zen-form-layout-secondary {
17397
17477
  }
17398
17478
  .zen-mobile-filter-control__counter-wrapper {
17399
17479
  position: absolute;
17400
- inset-block-start: 0;
17401
- inset-inline-end: 0;
17480
+ top: 0;
17481
+ right: 0;
17402
17482
  }
17403
17483
  .zen-mobile-filter-control__counter {
17404
17484
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -17431,7 +17511,8 @@ html:lang(ar) .zen-mobile-filter-control__counter {
17431
17511
  display: flex;
17432
17512
  justify-content: space-between;
17433
17513
  gap: 4px;
17434
- place-items: center center;
17514
+ justify-items: center;
17515
+ align-items: center;
17435
17516
  height: 56px;
17436
17517
  width: 100%;
17437
17518
  }
@@ -17448,7 +17529,8 @@ html:lang(ar) .zen-mobile-filter-control__counter {
17448
17529
  gap: 8px;
17449
17530
  align-items: center;
17450
17531
  flex-shrink: 0;
17451
- padding-inline: 4px;
17532
+ padding-right: 4px;
17533
+ padding-left: 4px;
17452
17534
  height: 100%;
17453
17535
  }
17454
17536
  .zen-header__section--middle {
@@ -17549,25 +17631,16 @@ html:lang(ar) .zen-mobile-filter-control__counter {
17549
17631
  .zen-layout__middle-element {
17550
17632
  height: 0;
17551
17633
  }
17552
- .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"]) {
17553
17635
  display: none;
17554
17636
  }
17555
- .zen-layout .zen-layout__content--full-screen > .zen-layout__full-screen-element--visible {
17556
- display: block;
17557
- }
17558
- .zen-layout .zen-layout__content--full-screen > .zen-layout__full-screen-element--visible * {
17559
- display: initial;
17560
- }
17561
- .zen-layout .zen-layout__content--full-screen > [data-full-screen-parent="true"] {
17562
- display: block;
17563
- }
17564
17637
  .zen-layout .zen-layout__content:has(> :first-child > :first-child .zen-data-grid-actions),
17565
17638
  .zen-layout .zen-layout__content:has(> :first-child > :first-child.zen-data-grid-actions),
17566
17639
  .zen-layout .zen-layout__content--full-screen:has(.zen-layout__full-screen-element--visible .zen-data-grid-actions) {
17567
17640
  padding-block-start: 0;
17568
17641
  }
17569
17642
  .zen-layout.zen-layout--no-scroll .zen-layout__content {
17570
- overflow-block: auto;
17643
+ overflow-y: auto;
17571
17644
  }
17572
17645
  .zen-card-deck {
17573
17646
  box-sizing: border-box;
@@ -17583,7 +17656,8 @@ html:lang(ar) .zen-mobile-filter-control__counter {
17583
17656
  box-sizing: border-box;
17584
17657
  }
17585
17658
  .zen-card-deck--mobile {
17586
- padding-block: 0.125rem 0.0625rem;
17659
+ padding-block-start: 0.125rem;
17660
+ padding-block-end: 0.0625rem;
17587
17661
  padding-inline: 0.75rem;
17588
17662
  }
17589
17663
  .zen-card-deck__cards {
@@ -17628,7 +17702,8 @@ html:lang(ar) .zen-mobile-filter-control__counter {
17628
17702
  background-color: transparent;
17629
17703
  display: flex;
17630
17704
  justify-content: space-between;
17631
- flex-flow: row nowrap;
17705
+ flex-direction: row;
17706
+ flex-wrap: nowrap;
17632
17707
  align-items: flex-start;
17633
17708
  gap: 1.5rem;
17634
17709
  }
@@ -17644,7 +17719,8 @@ html:lang(ar) .zen-mobile-filter-control__counter {
17644
17719
  }
17645
17720
  .zen-page-header-component__actions {
17646
17721
  display: flex;
17647
- flex-flow: row nowrap;
17722
+ flex-direction: row;
17723
+ flex-wrap: nowrap;
17648
17724
  align-items: center;
17649
17725
  gap: 0.75rem;
17650
17726
  }
@@ -17673,9 +17749,10 @@ html:lang(ar) .zen-mobile-filter-control__counter {
17673
17749
  .zen-legend-list--flexible {
17674
17750
  display: flex;
17675
17751
  gap: 0.625rem;
17676
- flex-flow: row wrap;
17752
+ flex-direction: row;
17677
17753
  margin: 0;
17678
17754
  padding: 0;
17755
+ flex-wrap: wrap;
17679
17756
  }
17680
17757
  .zen-legend-list__item {
17681
17758
  display: flex;
@@ -17704,7 +17781,7 @@ html:lang(ar) .zen-mobile-filter-control__counter {
17704
17781
  font-size: 1rem;
17705
17782
  line-height: 1.125rem;
17706
17783
  }
17707
- @media (width <= 640px) {
17784
+ @media (max-width: 640px) {
17708
17785
  .zen-legend-list.zen-legend-list--drive .zen-legend-list__item-text {
17709
17786
  font-size: 0.875rem;
17710
17787
  }
@@ -17799,8 +17876,8 @@ html:lang(ar) .zen-mini-tabs {
17799
17876
  }
17800
17877
  .zen-nav__content {
17801
17878
  flex: 1 1 auto;
17802
- overflow-block: auto;
17803
- overflow-inline: hidden;
17879
+ overflow-y: auto;
17880
+ overflow-x: hidden;
17804
17881
  position: relative;
17805
17882
  }
17806
17883
  .zen-nav__content--has-scrollbar {
@@ -17859,7 +17936,7 @@ html:lang(ar) .zen-mini-tabs {
17859
17936
  .zen-nav--mobile {
17860
17937
  padding-block: var(--nav-top-bottom-mobile-padding);
17861
17938
  padding-inline: var(--nav-left-right-padding);
17862
- overflow-block: auto;
17939
+ overflow-y: auto;
17863
17940
  gap: 0.5rem;
17864
17941
  }
17865
17942
  .zen-nav--mobile .zen-nav__content {
@@ -17873,11 +17950,11 @@ html:lang(ar) .zen-mini-tabs {
17873
17950
  padding-block: 0.375rem;
17874
17951
  }
17875
17952
  .zen-nav--mobile-edit {
17876
- overflow-block: hidden;
17953
+ overflow-y: hidden;
17877
17954
  }
17878
17955
  .zen-nav--mobile-edit .zen-nav__content {
17879
17956
  flex: 1 1 auto;
17880
- overflow-block: auto;
17957
+ overflow-y: auto;
17881
17958
  }
17882
17959
  .zen-nav--collapsed {
17883
17960
  padding-inline: var(--nav-left-right-collapsed-padding);
@@ -17906,7 +17983,6 @@ html:lang(ar) .zen-mini-tabs {
17906
17983
  background-color: initial;
17907
17984
  }
17908
17985
  }
17909
- /* stylelint-disable-next-line selector-not-notation */
17910
17986
  .zen-nav-popup.zen-nav-popup:not(.zen-nav-popup .zen-nav-popup):not(.zen-nav-popup--mobile) {
17911
17987
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
17912
17988
  font-size: 0.875rem;
@@ -17916,7 +17992,7 @@ html:lang(ar) .zen-mini-tabs {
17916
17992
  line-height: 1rem;
17917
17993
  text-transform: none;
17918
17994
  text-decoration: none;
17919
- 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);
17920
17996
  border-radius: var(--border-radius-default);
17921
17997
  box-sizing: border-box;
17922
17998
  max-height: 50rem;
@@ -17999,14 +18075,13 @@ html:lang(ar) .zen-nav-popup.zen-nav-popup:not(.zen-nav-popup .zen-nav-popup):no
17999
18075
  html:lang(ar) .zen-nav-item--active .zen-nav-item__title-text {
18000
18076
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
18001
18077
  }
18002
- .zen-nav-item .zen-nav-item__main {
18078
+ .zen-nav-item:not(.zen-nav-item--collapsed) .zen-nav-item__main {
18003
18079
  min-height: 36px;
18004
18080
  }
18005
18081
  .zen-nav-item--collapsed {
18006
18082
  width: auto;
18007
18083
  }
18008
18084
  .zen-nav-item--collapsed .zen-nav-item__main {
18009
- min-height: auto;
18010
18085
  padding: 0;
18011
18086
  width: auto;
18012
18087
  display: inline-flex;
@@ -18019,8 +18094,8 @@ html:lang(ar) .zen-nav-item--active .zen-nav-item__title-text {
18019
18094
  .zen-nav-item--collapsed .zen-nav-item__icon--with-counter::before {
18020
18095
  content: "";
18021
18096
  position: absolute;
18022
- inset-block-start: 4px;
18023
- inset-inline-end: 4px;
18097
+ top: 4px;
18098
+ right: 4px;
18024
18099
  width: 8px;
18025
18100
  height: 8px;
18026
18101
  background-color: var(--action-destructive--default);
@@ -18033,12 +18108,12 @@ html:lang(ar) .zen-nav-item--active .zen-nav-item__title-text {
18033
18108
  .zen-nav-item--button .zen-nav-item__main {
18034
18109
  border: 0;
18035
18110
  background: transparent;
18036
- text-align: start;
18111
+ text-align: left;
18037
18112
  }
18038
18113
  .zen-nav-item--link .zen-nav-item__main {
18039
18114
  text-decoration: none;
18040
18115
  }
18041
- .zen-nav-item--nested .zen-nav-item__main {
18116
+ .zen-nav-item--nested:not(.zen-nav-item--mobile) .zen-nav-item__main {
18042
18117
  min-height: 32px;
18043
18118
  border-radius: 4px;
18044
18119
  padding: 4px;
@@ -18085,7 +18160,7 @@ html:lang(ar) .zen-nav-item__main {
18085
18160
  fill: var(--accents-general--detail);
18086
18161
  border-radius: 1rem;
18087
18162
  padding: 6px 8px;
18088
- margin-inline-end: 4px;
18163
+ margin-right: 4px;
18089
18164
  display: flex;
18090
18165
  align-items: center;
18091
18166
  flex: 0 0 auto;
@@ -18109,7 +18184,7 @@ html:lang(ar) .zen-nav-item__main {
18109
18184
  overflow: hidden;
18110
18185
  text-overflow: ellipsis;
18111
18186
  white-space: nowrap;
18112
- overflow-wrap: normal;
18187
+ word-wrap: normal;
18113
18188
  font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
18114
18189
  font-size: 0.875rem;
18115
18190
  font-style: normal;
@@ -18203,7 +18278,7 @@ html:lang(ar) .zen-nav-item__title-text {
18203
18278
  display: flex;
18204
18279
  align-items: center;
18205
18280
  flex: 1 1 100%;
18206
- margin-block-end: -3px;
18281
+ margin-bottom: -3px;
18207
18282
  /* Adjust for visual centering (compensate y letter shift) */
18208
18283
  }
18209
18284
  .zen-nav-header--collapsed {
@@ -18250,7 +18325,7 @@ html:lang(ar) .zen-nav-item__title-text {
18250
18325
  gap: 8px;
18251
18326
  padding: 3px 12px;
18252
18327
  background: var(--backgrounds-content-0);
18253
- border-block-start: 1px solid var(--borders-general);
18328
+ border-top: 1px solid var(--borders-general);
18254
18329
  }
18255
18330
  .zen-nav-edit-footer {
18256
18331
  display: flex;
@@ -18261,7 +18336,7 @@ html:lang(ar) .zen-nav-item__title-text {
18261
18336
  width: calc(50% - 4px);
18262
18337
  }
18263
18338
  .zen-nav-edit-footer__button--with-margin {
18264
- margin-block-end: 8px;
18339
+ margin-bottom: 8px;
18265
18340
  }
18266
18341
  .zen-nav-edit-footer--mobile {
18267
18342
  flex-direction: column;
@@ -18295,7 +18370,7 @@ html:lang(ar) .zen-nav-edit-list__header {
18295
18370
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
18296
18371
  }
18297
18372
  .zen-nav-edit-list__header--no-gap {
18298
- margin-block-end: calc(var(--nav-items-gap) * -1);
18373
+ margin-bottom: calc(var(--nav-items-gap) * -1);
18299
18374
  }
18300
18375
  .zen-nav-edit-list .zen-nav-edit-list__item--placeholder {
18301
18376
  list-style-type: none;
@@ -18316,7 +18391,7 @@ html:lang(ar) .zen-nav-edit-list__header {
18316
18391
  line-height: 1rem;
18317
18392
  text-transform: none;
18318
18393
  text-decoration: none;
18319
- 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);
18320
18395
  position: relative;
18321
18396
  display: flex;
18322
18397
  flex-direction: row;
@@ -18335,7 +18410,7 @@ html:lang(ar) .zen-push {
18335
18410
  .zen-push::before {
18336
18411
  content: "";
18337
18412
  position: absolute;
18338
- inset-block-start: 0;
18413
+ top: 0;
18339
18414
  inset-inline-start: -0.375rem;
18340
18415
  width: 0.4375rem;
18341
18416
  height: 100%;
@@ -18372,7 +18447,7 @@ html:lang(ar) .zen-push__header {
18372
18447
  text-transform: none;
18373
18448
  text-decoration: none;
18374
18449
  flex-grow: 1;
18375
- padding-block-start: 0.5rem;
18450
+ padding-top: 0.5rem;
18376
18451
  display: flex;
18377
18452
  flex-direction: column;
18378
18453
  }
@@ -18389,11 +18464,12 @@ html:lang(ar) .zen-push__body {
18389
18464
  }
18390
18465
  .zen-push__text {
18391
18466
  font-size: 0.75rem;
18392
- padding-block-end: 1rem;
18467
+ padding-bottom: 1rem;
18393
18468
  }
18394
18469
  .zen-push__title {
18395
18470
  font-style: normal;
18396
- padding-block: 0.125rem 0.5rem;
18471
+ padding-bottom: 0.5rem;
18472
+ padding-top: 0.125rem;
18397
18473
  }
18398
18474
  .zen-push__title--error {
18399
18475
  color: var(--accents-error--detail);
@@ -18585,7 +18661,7 @@ html:lang(ar) .zen-push__body {
18585
18661
  background-color: var(--accents-warning--detail);
18586
18662
  border-color: var(--accents-warning--detail);
18587
18663
  }
18588
- @media (width <= 540px) {
18664
+ @media (max-width: 540px) {
18589
18665
  .zen-push {
18590
18666
  min-width: 9.375rem;
18591
18667
  }
@@ -18679,7 +18755,7 @@ html:lang(ar) .zen-overview__label {
18679
18755
  color: var(--text-primary);
18680
18756
  align-items: center;
18681
18757
  justify-content: space-between;
18682
- padding: 0.25rem 0.75rem;
18758
+ padding: 0.25rem 0.75rem 0.25rem 0.75rem;
18683
18759
  border-radius: 1.875rem;
18684
18760
  background: var(--backgrounds-content-1);
18685
18761
  }
@@ -18753,7 +18829,7 @@ html:lang(ar) .zen-pill {
18753
18829
  fill: var(--accents-general--main);
18754
18830
  }
18755
18831
  .zen-pill--closable {
18756
- padding-inline-end: 0.25rem;
18832
+ padding-right: 0.25rem;
18757
18833
  }
18758
18834
  .zen-pill--long {
18759
18835
  min-width: 12.5rem;
@@ -18770,7 +18846,7 @@ html:lang(ar) .zen-pill {
18770
18846
  border-radius: 0.9375rem;
18771
18847
  padding: 0;
18772
18848
  margin: 0;
18773
- margin-inline-start: 8px;
18849
+ margin-left: 8px;
18774
18850
  cursor: pointer;
18775
18851
  }
18776
18852
  .zen-pill__close-button:active,
@@ -18790,8 +18866,8 @@ html:lang(ar) .zen-pill {
18790
18866
  }
18791
18867
  .zen-page-layout {
18792
18868
  box-sizing: border-box;
18793
- overflow-inline: hidden;
18794
- overflow-block: auto;
18869
+ overflow-x: hidden;
18870
+ overflow-y: auto;
18795
18871
  z-index: 1000;
18796
18872
  margin: 0;
18797
18873
  touch-action: manipulation;
@@ -18871,7 +18947,7 @@ html:lang(ar) .zen-page-section__title {
18871
18947
  color: var(--text-primary);
18872
18948
  align-items: center;
18873
18949
  justify-content: space-between;
18874
- padding: 0.25rem 0.75rem;
18950
+ padding: 0.25rem 0.75rem 0.25rem 0.75rem;
18875
18951
  border-radius: 1.875rem;
18876
18952
  background: var(--backgrounds-content-1);
18877
18953
  }
@@ -18880,12 +18956,12 @@ html:lang(ar) .zen-pill-actionable__block {
18880
18956
  }
18881
18957
  .zen-pill-actionable__icon {
18882
18958
  display: none;
18883
- margin-block-start: 2px;
18884
- margin-inline-end: 8px;
18959
+ margin-top: 2px;
18960
+ margin-right: 8px;
18885
18961
  }
18886
18962
  .zen-pill-actionable__input {
18887
18963
  position: absolute;
18888
- inset-inline-start: -5000px;
18964
+ left: -5000px;
18889
18965
  }
18890
18966
  .zen-pill-actionable__input:hover + .zen-pill-actionable__block--actionable {
18891
18967
  background-color: var(--backgrounds-content-2);
@@ -18948,6 +19024,7 @@ html:lang(ar) .zen-pill-actionable__block {
18948
19024
  .zen-sort-container__button {
18949
19025
  display: flex;
18950
19026
  padding: 0.4375rem 1rem;
19027
+ border-color: var(--borders-general);
18951
19028
  border: 1px solid var(--borders-general);
18952
19029
  border-radius: var(--border-radius-default);
18953
19030
  justify-content: center;
@@ -19075,12 +19152,9 @@ html:lang(ar) .zen-sort-container__text-block {
19075
19152
  html:lang(ar) .zen-stepper-field {
19076
19153
  font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
19077
19154
  }
19078
- .zen-stepper-field:hover .zen-stepper-field__controls {
19155
+ .zen-stepper-field:not(.zen-stepper-field--disabled):hover .zen-stepper-field__controls {
19079
19156
  visibility: visible;
19080
19157
  }
19081
- .zen-stepper-field--disabled:hover .zen-stepper-field__controls {
19082
- visibility: hidden;
19083
- }
19084
19158
  .zen-stepper-field__input-wrapper {
19085
19159
  position: relative;
19086
19160
  }
@@ -19095,7 +19169,7 @@ html:lang(ar) .zen-stepper-field {
19095
19169
  width: 1rem;
19096
19170
  height: 1rem;
19097
19171
  position: absolute;
19098
- inset-block-start: 0.375rem;
19172
+ top: 0.375rem;
19099
19173
  }
19100
19174
  .zen-stepper-field__controls:not(:hover),
19101
19175
  .zen-stepper-field__controls:not(:active) {
@@ -19113,11 +19187,11 @@ html:lang(ar) .zen-stepper-field {
19113
19187
  }
19114
19188
  .zen-stepper-field__input::-webkit-outer-spin-button,
19115
19189
  .zen-stepper-field__input::-webkit-inner-spin-button {
19116
- appearance: none;
19190
+ -webkit-appearance: none;
19117
19191
  margin: 0;
19118
19192
  }
19119
19193
  .zen-stepper-field__input[type="number"] {
19120
- appearance: textfield;
19194
+ -moz-appearance: textfield;
19121
19195
  }
19122
19196
  .zen-stepper-field__input:hover:not(:disabled) + .zen-stepper-field__controls,
19123
19197
  .zen-stepper-field__input:active:not(:disabled) + .zen-stepper-field__controls {
@@ -19157,12 +19231,15 @@ html:lang(ar) .zen-stepper-field {
19157
19231
  .zen-stepper-field.zen-stepper-field--drive-tablet .zen-stepper-field__controls {
19158
19232
  width: 1.25rem;
19159
19233
  height: 1.25rem;
19160
- inset-block-start: 0.875rem;
19161
19234
  }
19162
19235
  .zen-stepper-field.zen-stepper-field--drive .zen-stepper-field__input,
19163
19236
  .zen-stepper-field.zen-stepper-field--drive-tablet .zen-stepper-field__input {
19164
19237
  min-height: 3rem;
19165
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
+ }
19166
19243
  .zen-stepper-field.zen-stepper-field--drive.zen-stepper-field--drive .zen-text-input,
19167
19244
  .zen-stepper-field.zen-stepper-field--drive-tablet.zen-stepper-field--drive .zen-text-input {
19168
19245
  padding-inline-end: 1.625rem;
@@ -19187,31 +19264,38 @@ html:lang(ar) .zen-stepper-field.zen-stepper-field--mobile {
19187
19264
  .zen-stepper-field.zen-stepper-field--mobile .zen-stepper-field__controls {
19188
19265
  width: 1.25rem;
19189
19266
  height: 1.25rem;
19190
- inset-block-start: 0.875rem;
19191
19267
  }
19192
19268
  .zen-stepper-field.zen-stepper-field--mobile .zen-stepper-field__input {
19193
19269
  min-height: 3rem;
19194
19270
  }
19271
+ .zen-stepper-field.zen-stepper-field--mobile .zen-stepper-field__controls {
19272
+ top: 0.875rem;
19273
+ }
19195
19274
  .zen-stepper-field.zen-stepper-field--mobile.zen-stepper-field--mobile .zen-text-input {
19196
19275
  padding-inline-end: 1.625rem;
19197
19276
  }
19198
19277
  .zen-summaries__row {
19199
19278
  display: flex;
19200
19279
  align-items: top;
19201
- flex-flow: row wrap;
19202
- gap: 2rem 3.5rem;
19280
+ flex-direction: row;
19281
+ flex-wrap: wrap;
19282
+ row-gap: 2rem;
19283
+ column-gap: 3.5rem;
19203
19284
  }
19204
19285
  .zen-summaries__column,
19205
19286
  .zen-summaries__two-columns {
19206
19287
  display: flex;
19207
- flex-flow: column wrap;
19288
+ flex-direction: column;
19289
+ flex-wrap: wrap;
19208
19290
  align-items: flex-start;
19209
- gap: 2rem;
19210
- max-height: 100vb;
19291
+ row-gap: 2rem;
19292
+ column-gap: 2rem;
19293
+ max-height: 100vh;
19211
19294
  }
19212
19295
  .zen-summaries__two-columns-container {
19213
19296
  display: flex;
19214
- gap: 2rem;
19297
+ row-gap: 2rem;
19298
+ column-gap: 2rem;
19215
19299
  }
19216
19300
  .zen-tab-bar-content {
19217
19301
  box-sizing: border-box;
@@ -19268,7 +19352,7 @@ html:lang(ar) .zen-tab-bar-content {
19268
19352
  padding: 0.75rem;
19269
19353
  background-color: var(--backgrounds-content-1);
19270
19354
  width: 100%;
19271
- overflow-inline: hidden;
19355
+ overflow-x: hidden;
19272
19356
  }
19273
19357
  .zen-toolbar * {
19274
19358
  box-sizing: border-box;
@@ -19352,8 +19436,8 @@ html:lang(ar) .zen-toolbar__trigger-button {
19352
19436
  text-transform: none;
19353
19437
  text-decoration: none;
19354
19438
  box-sizing: border-box;
19355
- --background-switcher: var(--action-primary--default);
19356
- --background-runner: var(--backgrounds-main);
19439
+ --backgroundSwitcher: var(--action-primary--default);
19440
+ --backgroundRunner: var(--backgrounds-main);
19357
19441
  display: flex;
19358
19442
  align-items: center;
19359
19443
  }
@@ -19399,7 +19483,7 @@ html:lang(ar) .zen-two-options-switcher {
19399
19483
  min-height: 1rem;
19400
19484
  border-radius: 1rem;
19401
19485
  padding: 0.125rem;
19402
- background-color: var(--background-switcher);
19486
+ background-color: var(--backgroundSwitcher);
19403
19487
  overflow: visible;
19404
19488
  position: relative;
19405
19489
  cursor: pointer;
@@ -19413,8 +19497,8 @@ html:lang(ar) .zen-two-options-switcher {
19413
19497
  min-height: 1.625rem;
19414
19498
  border-radius: 50%;
19415
19499
  opacity: 0.4;
19416
- inset-block-start: -0.3125rem;
19417
- background-color: var(--background-switcher);
19500
+ top: -0.3125rem;
19501
+ background-color: var(--backgroundSwitcher);
19418
19502
  inset-inline-start: -0.3125rem;
19419
19503
  }
19420
19504
  .zen-two-options-switcher-control__runner {
@@ -19423,7 +19507,7 @@ html:lang(ar) .zen-two-options-switcher {
19423
19507
  height: 0.75rem;
19424
19508
  min-height: 0.75rem;
19425
19509
  border-radius: 50%;
19426
- background-color: var(--background-runner);
19510
+ background-color: var(--backgroundRunner);
19427
19511
  }
19428
19512
  .zen-two-options-switcher-control--disabled {
19429
19513
  opacity: 0.6;