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