@geotab/zenith 3.10.0-beta.4 → 3.10.0-beta.7
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 +1 -2
- package/dist/checkboxListWithAction/checkboxListWithAction.js +1 -2
- package/dist/commonStyles/pillStyles/pillContent.less +9 -9
- package/dist/commonStyles/pillStyles/pillStyles.less +2 -2
- package/dist/dataGrid/cell/cell.d.ts +1 -2
- package/dist/dataGrid/cell/cell.js +2 -2
- package/dist/dataGrid/dataGrid.js +4 -6
- package/dist/dataGrid/listColumn.d.ts +0 -2
- package/dist/dataGrid/row/row.js +7 -11
- package/dist/dataGrid/withFlexibleColumns/components/columnSettingsList.js +1 -2
- package/dist/dataGrid/withSelectableRows/components/bulkActions/bulkActions.d.ts +0 -4
- package/dist/dateRangeRaw/utils/parseLabel.js +1 -1
- package/dist/dropdown/dropdown.js +1 -1
- package/dist/dropdownRaw/dropdownList.d.ts +2 -3
- package/dist/dropdownRaw/dropdownList.js +34 -8
- package/dist/dropdownRaw/dropdownRaw.js +28 -19
- package/dist/dropdownRaw/stateReducer/stateReducer.d.ts +0 -1
- package/dist/dropdownRaw/stateReducer/stateReducer.js +14 -13
- package/dist/dropdownRaw/stateReducer/stateReducerHelper.d.ts +2 -1
- package/dist/dropdownRaw/stateReducer/stateReducerHelper.js +12 -5
- package/dist/filtersBar/filtersContainer/filtersContainer.js +4 -14
- package/dist/index.css +655 -720
- package/dist/radioGroupRaw/radioGroupRaw.js +1 -2
- package/dist/selectList/selectList.helpers.d.ts +1 -1
- package/dist/selectList/selectList.helpers.js +9 -30
- package/dist/selectList/selectList.js +1 -3
- package/dist/selectList/selectList.reducer.js +2 -1
- package/dist/sortControl/sortControl.js +2 -58
- package/dist/table/children/useTableChildren.d.ts +1 -1
- package/dist/table/children/useTableChildren.js +3 -3
- package/dist/table/flexible/columnsList.js +2 -4
- package/dist/table/selectable/useSelectableRows.d.ts +0 -8
- package/dist/table/selectable/useSelectableRows.js +6 -14
- package/dist/table/table.js +7 -1
- package/dist/utils/localization/translations/ar.json +1 -3
- package/dist/utils/localization/translations/cs.json +1 -3
- package/dist/utils/localization/translations/da-DK.json +1 -3
- package/dist/utils/localization/translations/de.json +1 -3
- package/dist/utils/localization/translations/en.json +1 -3
- package/dist/utils/localization/translations/es.json +1 -3
- package/dist/utils/localization/translations/fi-FI.json +1 -3
- package/dist/utils/localization/translations/fr-FR.json +1 -3
- package/dist/utils/localization/translations/fr.json +1 -3
- package/dist/utils/localization/translations/hu-HU.json +1 -3
- package/dist/utils/localization/translations/id.json +1 -3
- package/dist/utils/localization/translations/it.json +1 -3
- package/dist/utils/localization/translations/ja.json +1 -3
- package/dist/utils/localization/translations/ko-KR.json +1 -3
- package/dist/utils/localization/translations/ms.json +1 -3
- package/dist/utils/localization/translations/nb-NO.json +1 -3
- package/dist/utils/localization/translations/nl.json +1 -3
- package/dist/utils/localization/translations/pl.json +1 -3
- package/dist/utils/localization/translations/pt-BR.json +1 -3
- package/dist/utils/localization/translations/pt-PT.json +1 -3
- package/dist/utils/localization/translations/ro-RO.json +1 -3
- package/dist/utils/localization/translations/sk-SK.json +1 -3
- package/dist/utils/localization/translations/sv.json +1 -3
- package/dist/utils/localization/translations/th.json +1 -3
- package/dist/utils/localization/translations/tr.json +1 -3
- package/dist/utils/localization/translations/zh-Hans.json +1 -3
- package/dist/utils/localization/translations/zh-TW.json +1 -3
- package/esm/checkboxListWithAction/checkboxListWithAction.js +1 -2
- package/esm/dataGrid/cell/cell.d.ts +1 -2
- package/esm/dataGrid/cell/cell.js +2 -2
- package/esm/dataGrid/dataGrid.js +4 -6
- package/esm/dataGrid/listColumn.d.ts +0 -2
- package/esm/dataGrid/row/row.js +7 -11
- package/esm/dataGrid/withFlexibleColumns/components/columnSettingsList.js +1 -2
- package/esm/dataGrid/withSelectableRows/components/bulkActions/bulkActions.d.ts +0 -4
- package/esm/dateRangeRaw/utils/parseLabel.js +1 -1
- package/esm/dropdown/dropdown.js +1 -1
- package/esm/dropdownRaw/dropdownList.d.ts +2 -3
- package/esm/dropdownRaw/dropdownList.js +34 -8
- package/esm/dropdownRaw/dropdownRaw.js +29 -20
- package/esm/dropdownRaw/stateReducer/stateReducer.d.ts +0 -1
- package/esm/dropdownRaw/stateReducer/stateReducer.js +15 -14
- package/esm/dropdownRaw/stateReducer/stateReducerHelper.d.ts +2 -1
- package/esm/dropdownRaw/stateReducer/stateReducerHelper.js +10 -3
- package/esm/filtersBar/filtersContainer/filtersContainer.js +4 -14
- package/esm/radioGroupRaw/radioGroupRaw.js +1 -2
- package/esm/selectList/selectList.helpers.d.ts +1 -1
- package/esm/selectList/selectList.helpers.js +9 -30
- package/esm/selectList/selectList.js +1 -3
- package/esm/selectList/selectList.reducer.js +2 -1
- package/esm/sortControl/sortControl.js +2 -58
- package/esm/table/children/useTableChildren.d.ts +1 -1
- package/esm/table/children/useTableChildren.js +3 -3
- package/esm/table/flexible/columnsList.js +2 -4
- package/esm/table/selectable/useSelectableRows.d.ts +0 -8
- package/esm/table/selectable/useSelectableRows.js +6 -14
- package/esm/table/table.js +7 -1
- package/esm/utils/localization/translations/ar.json +1 -3
- package/esm/utils/localization/translations/cs.json +1 -3
- package/esm/utils/localization/translations/da-DK.json +1 -3
- package/esm/utils/localization/translations/de.json +1 -3
- package/esm/utils/localization/translations/en.json +1 -3
- package/esm/utils/localization/translations/es.json +1 -3
- package/esm/utils/localization/translations/fi-FI.json +1 -3
- package/esm/utils/localization/translations/fr-FR.json +1 -3
- package/esm/utils/localization/translations/fr.json +1 -3
- package/esm/utils/localization/translations/hu-HU.json +1 -3
- package/esm/utils/localization/translations/id.json +1 -3
- package/esm/utils/localization/translations/it.json +1 -3
- package/esm/utils/localization/translations/ja.json +1 -3
- package/esm/utils/localization/translations/ko-KR.json +1 -3
- package/esm/utils/localization/translations/ms.json +1 -3
- package/esm/utils/localization/translations/nb-NO.json +1 -3
- package/esm/utils/localization/translations/nl.json +1 -3
- package/esm/utils/localization/translations/pl.json +1 -3
- package/esm/utils/localization/translations/pt-BR.json +1 -3
- package/esm/utils/localization/translations/pt-PT.json +1 -3
- package/esm/utils/localization/translations/ro-RO.json +1 -3
- package/esm/utils/localization/translations/sk-SK.json +1 -3
- package/esm/utils/localization/translations/sv.json +1 -3
- package/esm/utils/localization/translations/th.json +1 -3
- package/esm/utils/localization/translations/tr.json +1 -3
- package/esm/utils/localization/translations/zh-Hans.json +1 -3
- package/esm/utils/localization/translations/zh-TW.json +1 -3
- package/package.json +1 -2
package/dist/index.css
CHANGED
|
@@ -2218,7 +2218,7 @@ html:lang(ar) .zen-accordion {
|
|
|
2218
2218
|
fill: var(--action-secondary--default);
|
|
2219
2219
|
}
|
|
2220
2220
|
.zen-advanced-groups-filter.zen-advanced-groups-filter {
|
|
2221
|
-
width:
|
|
2221
|
+
width: 526px;
|
|
2222
2222
|
}
|
|
2223
2223
|
.zen-advanced-groups-filter-prioritized-modal {
|
|
2224
2224
|
z-index: 11011;
|
|
@@ -2602,7 +2602,7 @@ html:lang(ar) .zen-banner__message--multiline.zen-banner__message--drive-tablet
|
|
|
2602
2602
|
color: var(--text-primary);
|
|
2603
2603
|
border: none;
|
|
2604
2604
|
border-radius: var(--border-radius-default);
|
|
2605
|
-
min-width:
|
|
2605
|
+
min-width: 42px;
|
|
2606
2606
|
width: auto;
|
|
2607
2607
|
z-index: 11100;
|
|
2608
2608
|
}
|
|
@@ -2613,9 +2613,9 @@ html:lang(ar) .zen-tooltip {
|
|
|
2613
2613
|
font-family: var(--arabic-font-family);
|
|
2614
2614
|
}
|
|
2615
2615
|
.zen-tooltip--auto {
|
|
2616
|
-
max-width:
|
|
2617
|
-
max-height:
|
|
2618
|
-
padding:
|
|
2616
|
+
max-width: 272px;
|
|
2617
|
+
max-height: 82px;
|
|
2618
|
+
padding: 8px;
|
|
2619
2619
|
}
|
|
2620
2620
|
.zen-tooltip--full-content {
|
|
2621
2621
|
max-height: none;
|
|
@@ -2627,14 +2627,15 @@ html:lang(ar) .zen-tooltip {
|
|
|
2627
2627
|
.zen-tooltip--mobile,
|
|
2628
2628
|
.zen-tooltip--drive {
|
|
2629
2629
|
width: auto;
|
|
2630
|
-
max-width:
|
|
2631
|
-
padding:
|
|
2630
|
+
max-width: 368px;
|
|
2631
|
+
padding: 12px;
|
|
2632
2632
|
justify-content: space-between;
|
|
2633
2633
|
align-items: center;
|
|
2634
|
-
|
|
2634
|
+
left: 10px;
|
|
2635
|
+
right: 10px;
|
|
2635
2636
|
}
|
|
2636
2637
|
.zen-tooltip--mobile {
|
|
2637
|
-
max-height:
|
|
2638
|
+
max-height: 112px;
|
|
2638
2639
|
}
|
|
2639
2640
|
.zen-tooltip--drive {
|
|
2640
2641
|
font-family: var(--main-font);
|
|
@@ -2645,7 +2646,7 @@ html:lang(ar) .zen-tooltip {
|
|
|
2645
2646
|
line-height: 20px;
|
|
2646
2647
|
text-transform: none;
|
|
2647
2648
|
text-decoration: none;
|
|
2648
|
-
max-height:
|
|
2649
|
+
max-height: 148px;
|
|
2649
2650
|
}
|
|
2650
2651
|
html:lang(ar) .zen-tooltip--drive {
|
|
2651
2652
|
font-family: var(--arabic-font-family);
|
|
@@ -2676,7 +2677,7 @@ html:lang(ar) .zen-tooltip--drive {
|
|
|
2676
2677
|
line-height: 16px;
|
|
2677
2678
|
text-transform: none;
|
|
2678
2679
|
text-decoration: none;
|
|
2679
|
-
margin-
|
|
2680
|
+
margin-bottom: 4px;
|
|
2680
2681
|
}
|
|
2681
2682
|
html:lang(ar) .zen-tooltip__title {
|
|
2682
2683
|
font-family: var(--arabic-font-family);
|
|
@@ -2710,38 +2711,30 @@ html:lang(ar) .zen-tooltip__title {
|
|
|
2710
2711
|
filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.2));
|
|
2711
2712
|
}
|
|
2712
2713
|
.zen-tooltip__arrow--top {
|
|
2713
|
-
|
|
2714
|
-
|
|
2714
|
+
top: 100%;
|
|
2715
|
+
left: 50%;
|
|
2715
2716
|
border-color: var(--backgrounds-content-1) transparent transparent transparent;
|
|
2716
2717
|
border-width: 6px 5px 0 5px;
|
|
2717
|
-
filter: drop-shadow(
|
|
2718
|
+
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));
|
|
2718
2719
|
}
|
|
2719
2720
|
.zen-tooltip__arrow--bottom {
|
|
2720
2721
|
bottom: 100%;
|
|
2721
|
-
|
|
2722
|
+
left: 14px;
|
|
2722
2723
|
border-color: transparent transparent var(--backgrounds-content-1) transparent;
|
|
2723
|
-
border-width:
|
|
2724
|
-
filter: drop-shadow(
|
|
2724
|
+
border-width: 0px 5px 6px 5px;
|
|
2725
|
+
filter: drop-shadow(0px -4px 4px rgba(0, 0, 0, 0.2));
|
|
2725
2726
|
}
|
|
2726
2727
|
.zen-tooltip__arrow--right {
|
|
2727
|
-
|
|
2728
|
+
right: 100%;
|
|
2728
2729
|
border-color: transparent var(--backgrounds-content-1) transparent transparent;
|
|
2729
|
-
border-width: 5px 6px 5px
|
|
2730
|
-
filter: drop-shadow(-4px
|
|
2731
|
-
}
|
|
2732
|
-
[dir="rtl"] .zen-tooltip__arrow--right {
|
|
2733
|
-
border-color: transparent transparent transparent var(--backgrounds-content-1);
|
|
2734
|
-
filter: drop-shadow(4px 0 4px rgba(0, 0, 0, 0.2));
|
|
2730
|
+
border-width: 5px 6px 5px 0px;
|
|
2731
|
+
filter: drop-shadow(-4px 0px 4px rgba(0, 0, 0, 0.2));
|
|
2735
2732
|
}
|
|
2736
2733
|
.zen-tooltip__arrow--left {
|
|
2737
|
-
|
|
2734
|
+
left: 100%;
|
|
2738
2735
|
border-color: transparent transparent transparent var(--backgrounds-content-1);
|
|
2739
|
-
border-width: 5px
|
|
2740
|
-
filter: drop-shadow(4px
|
|
2741
|
-
}
|
|
2742
|
-
[dir="rtl"] .zen-tooltip__arrow--left {
|
|
2743
|
-
border-color: transparent var(--backgrounds-content-1) transparent transparent;
|
|
2744
|
-
filter: drop-shadow(-4px 0 4px rgba(0, 0, 0, 0.2));
|
|
2736
|
+
border-width: 5px 0px 6px 5px;
|
|
2737
|
+
filter: drop-shadow(4px 0px 4px rgba(0, 0, 0, 0.2));
|
|
2745
2738
|
}
|
|
2746
2739
|
.zen-tooltip__trigger {
|
|
2747
2740
|
color: var(--text-secondary);
|
|
@@ -2789,16 +2782,16 @@ html:lang(ar) .zen-tooltip__title {
|
|
|
2789
2782
|
border: 0;
|
|
2790
2783
|
background: 0;
|
|
2791
2784
|
padding: 0;
|
|
2792
|
-
min-width:
|
|
2793
|
-
max-width:
|
|
2794
|
-
min-height:
|
|
2795
|
-
max-height:
|
|
2785
|
+
min-width: 16px;
|
|
2786
|
+
max-width: 16px;
|
|
2787
|
+
min-height: 16px;
|
|
2788
|
+
max-height: 16px;
|
|
2796
2789
|
}
|
|
2797
2790
|
.zen-tooltip-info--drive {
|
|
2798
|
-
min-width:
|
|
2799
|
-
max-width:
|
|
2800
|
-
min-height:
|
|
2801
|
-
max-height:
|
|
2791
|
+
min-width: 20px;
|
|
2792
|
+
max-width: 20px;
|
|
2793
|
+
min-height: 20px;
|
|
2794
|
+
max-height: 20px;
|
|
2802
2795
|
}
|
|
2803
2796
|
.zen-tooltip-info:focus,
|
|
2804
2797
|
.zen-tooltip-info:hover {
|
|
@@ -2813,7 +2806,7 @@ html:lang(ar) .zen-tooltip__title {
|
|
|
2813
2806
|
}
|
|
2814
2807
|
.zen-field-label {
|
|
2815
2808
|
display: flex;
|
|
2816
|
-
gap:
|
|
2809
|
+
gap: 4px;
|
|
2817
2810
|
}
|
|
2818
2811
|
.zen-field-label:not(.zen-field-label--review):not(.zen-form-list-label):not(.zen-form-field-label--top) {
|
|
2819
2812
|
align-self: center;
|
|
@@ -3453,12 +3446,12 @@ html:lang(ar) .zen-menu-button__action--drive-tablet {
|
|
|
3453
3446
|
border-radius: var(--border-radius-default);
|
|
3454
3447
|
box-sizing: border-box;
|
|
3455
3448
|
background-color: var(--backgrounds-main);
|
|
3456
|
-
padding:
|
|
3449
|
+
padding: 4px 0;
|
|
3457
3450
|
max-height: 90vh;
|
|
3458
3451
|
border: 0px;
|
|
3459
|
-
min-height:
|
|
3460
|
-
min-width:
|
|
3461
|
-
max-width:
|
|
3452
|
+
min-height: 30px;
|
|
3453
|
+
min-width: 170px;
|
|
3454
|
+
max-width: 420px;
|
|
3462
3455
|
}
|
|
3463
3456
|
.zen-popup * {
|
|
3464
3457
|
box-sizing: border-box;
|
|
@@ -3467,7 +3460,7 @@ html:lang(ar) .zen-popup {
|
|
|
3467
3460
|
font-family: var(--arabic-font-family);
|
|
3468
3461
|
}
|
|
3469
3462
|
.zen-popup--padding {
|
|
3470
|
-
padding:
|
|
3463
|
+
padding: 8px;
|
|
3471
3464
|
}
|
|
3472
3465
|
.zen-popup--no-padding {
|
|
3473
3466
|
padding: 0;
|
|
@@ -3477,7 +3470,7 @@ html:lang(ar) .zen-popup {
|
|
|
3477
3470
|
max-width: none;
|
|
3478
3471
|
}
|
|
3479
3472
|
.zen-popup--block {
|
|
3480
|
-
padding:
|
|
3473
|
+
padding: 4px 0;
|
|
3481
3474
|
box-shadow: 0px 2px 6px rgba(11, 32, 50, 0.2);
|
|
3482
3475
|
border-radius: var(--border-radius-default);
|
|
3483
3476
|
}
|
|
@@ -4029,15 +4022,15 @@ html:lang(ar) .zen-alert--drive .zen-alert__text {
|
|
|
4029
4022
|
}
|
|
4030
4023
|
.zen-mobile-sheet-footer {
|
|
4031
4024
|
box-sizing: border-box;
|
|
4032
|
-
border-
|
|
4025
|
+
border-top: 1px solid var(--borders-general);
|
|
4033
4026
|
display: grid;
|
|
4034
|
-
gap:
|
|
4027
|
+
gap: 12px;
|
|
4035
4028
|
}
|
|
4036
4029
|
.zen-mobile-sheet-footer * {
|
|
4037
4030
|
box-sizing: border-box;
|
|
4038
4031
|
}
|
|
4039
4032
|
.zen-mobile-sheet-footer--borderless {
|
|
4040
|
-
border-
|
|
4033
|
+
border-top-width: 0;
|
|
4041
4034
|
}
|
|
4042
4035
|
.zen-mobile-sheet-wrapper {
|
|
4043
4036
|
z-index: 11010;
|
|
@@ -4045,8 +4038,8 @@ html:lang(ar) .zen-alert--drive .zen-alert__text {
|
|
|
4045
4038
|
.zen-mobile-sheet-shield {
|
|
4046
4039
|
z-index: 11007;
|
|
4047
4040
|
position: fixed;
|
|
4048
|
-
|
|
4049
|
-
|
|
4041
|
+
top: 0;
|
|
4042
|
+
left: 0;
|
|
4050
4043
|
width: 100%;
|
|
4051
4044
|
height: 100%;
|
|
4052
4045
|
}
|
|
@@ -4071,9 +4064,7 @@ html:lang(ar) .zen-alert--drive .zen-alert__text {
|
|
|
4071
4064
|
text-transform: none;
|
|
4072
4065
|
text-decoration: none;
|
|
4073
4066
|
color: var(--text-secondary);
|
|
4074
|
-
padding
|
|
4075
|
-
padding-inline-start: 0.75rem;
|
|
4076
|
-
padding-inline-end: 0.5rem;
|
|
4067
|
+
padding: 12px 8px 12px 12px;
|
|
4077
4068
|
display: flex;
|
|
4078
4069
|
justify-content: space-between;
|
|
4079
4070
|
align-items: center;
|
|
@@ -4091,13 +4082,14 @@ html:lang(ar) .zen-mobile-sheet__title {
|
|
|
4091
4082
|
text-transform: none;
|
|
4092
4083
|
text-decoration: none;
|
|
4093
4084
|
padding: 0;
|
|
4094
|
-
padding-
|
|
4085
|
+
padding-left: 12px;
|
|
4095
4086
|
}
|
|
4096
4087
|
html:lang(ar) .zen-mobile-sheet__title.zen-mobile-sheet__title--drive {
|
|
4097
4088
|
font-family: var(--arabic-font-family);
|
|
4098
4089
|
}
|
|
4099
4090
|
.zen-mobile-sheet__title.zen-mobile-sheet__title--drive .zen-mobile-sheet__close-button {
|
|
4100
|
-
margin-
|
|
4091
|
+
margin-top: 0;
|
|
4092
|
+
margin-bottom: 0;
|
|
4101
4093
|
}
|
|
4102
4094
|
.zen-mobile-sheet__title.zen-mobile-sheet__title--drive-tablet {
|
|
4103
4095
|
font-family: var(--main-font);
|
|
@@ -4109,17 +4101,19 @@ html:lang(ar) .zen-mobile-sheet__title.zen-mobile-sheet__title--drive {
|
|
|
4109
4101
|
text-transform: none;
|
|
4110
4102
|
text-decoration: none;
|
|
4111
4103
|
padding: 0;
|
|
4112
|
-
padding-
|
|
4104
|
+
padding-left: 12px;
|
|
4113
4105
|
}
|
|
4114
4106
|
html:lang(ar) .zen-mobile-sheet__title.zen-mobile-sheet__title--drive-tablet {
|
|
4115
4107
|
font-family: var(--arabic-font-family);
|
|
4116
4108
|
}
|
|
4117
4109
|
.zen-mobile-sheet__title.zen-mobile-sheet__title--drive-tablet .zen-mobile-sheet__close-button {
|
|
4118
|
-
margin-
|
|
4110
|
+
margin-top: 0;
|
|
4111
|
+
margin-bottom: 0;
|
|
4119
4112
|
}
|
|
4120
4113
|
.zen-mobile-sheet__close-button {
|
|
4121
4114
|
width: auto;
|
|
4122
|
-
margin-
|
|
4115
|
+
margin-top: -6px;
|
|
4116
|
+
margin-bottom: -6px;
|
|
4123
4117
|
}
|
|
4124
4118
|
.zen-mobile-sheet__title-text {
|
|
4125
4119
|
display: -webkit-box;
|
|
@@ -4141,16 +4135,16 @@ html:lang(ar) .zen-mobile-sheet__title.zen-mobile-sheet__title--drive-tablet {
|
|
|
4141
4135
|
}
|
|
4142
4136
|
.zen-mobile-sheet-wrapper--drive.zen-mobile-sheet-wrapper--drive,
|
|
4143
4137
|
.zen-mobile-sheet-wrapper--drive-tablet.zen-mobile-sheet-wrapper--drive-tablet {
|
|
4144
|
-
max-width:
|
|
4145
|
-
min-width:
|
|
4146
|
-
|
|
4138
|
+
max-width: 520px;
|
|
4139
|
+
min-width: 520px;
|
|
4140
|
+
left: calc(50% - 260px);
|
|
4147
4141
|
}
|
|
4148
4142
|
@media (max-width: 520px) {
|
|
4149
4143
|
.zen-mobile-sheet-wrapper--drive.zen-mobile-sheet-wrapper--drive,
|
|
4150
4144
|
.zen-mobile-sheet-wrapper--drive-tablet.zen-mobile-sheet-wrapper--drive-tablet {
|
|
4151
4145
|
max-width: 100%;
|
|
4152
4146
|
min-width: 100%;
|
|
4153
|
-
|
|
4147
|
+
left: 0;
|
|
4154
4148
|
}
|
|
4155
4149
|
}
|
|
4156
4150
|
.zen-action-list {
|
|
@@ -4234,7 +4228,7 @@ html:lang(ar) .zen-mobile-sheet__title.zen-mobile-sheet__title--drive-tablet {
|
|
|
4234
4228
|
}
|
|
4235
4229
|
.zen-form-section {
|
|
4236
4230
|
display: grid;
|
|
4237
|
-
gap:
|
|
4231
|
+
gap: 24px;
|
|
4238
4232
|
height: 100%;
|
|
4239
4233
|
}
|
|
4240
4234
|
.zen-form-section--desktop.zen-form-section--one-column {
|
|
@@ -4894,12 +4888,10 @@ html:lang(ar) .zen-checkbox__label-text {
|
|
|
4894
4888
|
.zen-checkbox:has(.zen-checkbox__input:disabled) .zen-checkbox__label {
|
|
4895
4889
|
fill: var(--text-reverse-primary);
|
|
4896
4890
|
color: var(--text-button-disabled);
|
|
4897
|
-
cursor: default;
|
|
4898
4891
|
}
|
|
4899
4892
|
.zen-checkbox:has(.zen-checkbox__input:disabled) .zen-checkbox__box {
|
|
4900
4893
|
border-color: var(--borders-general);
|
|
4901
4894
|
background-color: var(--backgrounds-field-disabled);
|
|
4902
|
-
cursor: default;
|
|
4903
4895
|
}
|
|
4904
4896
|
.zen-checkbox:has(.zen-checkbox__input:disabled:checked) .zen-checkbox__box,
|
|
4905
4897
|
.zen-checkbox:has(.zen-checkbox__input:disabled:indeterminate) .zen-checkbox__box {
|
|
@@ -6273,10 +6265,10 @@ html:lang(ar) .zen-summary-tile {
|
|
|
6273
6265
|
display: flex;
|
|
6274
6266
|
align-items: center;
|
|
6275
6267
|
justify-content: center;
|
|
6276
|
-
min-width:
|
|
6277
|
-
min-height:
|
|
6278
|
-
max-width:
|
|
6279
|
-
max-height:
|
|
6268
|
+
min-width: 26px;
|
|
6269
|
+
min-height: 26px;
|
|
6270
|
+
max-width: 26px;
|
|
6271
|
+
max-height: 26px;
|
|
6280
6272
|
border-radius: 50%;
|
|
6281
6273
|
}
|
|
6282
6274
|
.zen-form-step {
|
|
@@ -6301,8 +6293,8 @@ html:lang(ar) .zen-form-step__item {
|
|
|
6301
6293
|
font-family: var(--arabic-font-family);
|
|
6302
6294
|
}
|
|
6303
6295
|
.zen-form-step__item .zen-form-step__label {
|
|
6304
|
-
max-width:
|
|
6305
|
-
min-width:
|
|
6296
|
+
max-width: 80px;
|
|
6297
|
+
min-width: 80px;
|
|
6306
6298
|
display: flex;
|
|
6307
6299
|
flex-direction: column;
|
|
6308
6300
|
align-items: center;
|
|
@@ -6342,25 +6334,25 @@ html:lang(ar) .zen-form-step__item {
|
|
|
6342
6334
|
line-height: 16px;
|
|
6343
6335
|
text-transform: none;
|
|
6344
6336
|
text-decoration: none;
|
|
6345
|
-
max-width:
|
|
6346
|
-
min-width:
|
|
6337
|
+
max-width: 80px;
|
|
6338
|
+
min-width: 80px;
|
|
6347
6339
|
text-align: center;
|
|
6348
6340
|
}
|
|
6349
6341
|
html:lang(ar) .zen-form-step__item .zen-form-step__label-secondary {
|
|
6350
6342
|
font-family: var(--arabic-font-family);
|
|
6351
6343
|
}
|
|
6352
6344
|
.zen-form-step__item .zen-form-step__marker {
|
|
6353
|
-
margin-
|
|
6345
|
+
margin-left: 24px;
|
|
6354
6346
|
display: flex;
|
|
6355
|
-
height:
|
|
6347
|
+
height: 32px;
|
|
6356
6348
|
border-radius: 50%;
|
|
6357
6349
|
align-items: center;
|
|
6358
6350
|
justify-content: center;
|
|
6359
|
-
margin-
|
|
6360
|
-
min-width:
|
|
6361
|
-
min-height:
|
|
6362
|
-
max-width:
|
|
6363
|
-
max-height:
|
|
6351
|
+
margin-bottom: 8px;
|
|
6352
|
+
min-width: 32px;
|
|
6353
|
+
min-height: 32px;
|
|
6354
|
+
max-width: 32px;
|
|
6355
|
+
max-height: 32px;
|
|
6364
6356
|
}
|
|
6365
6357
|
.zen-form-step__item .zen-form-step__marker--complete {
|
|
6366
6358
|
color: var(--text-reverse-primary);
|
|
@@ -6380,10 +6372,10 @@ html:lang(ar) .zen-form-step__item .zen-form-step__label-secondary {
|
|
|
6380
6372
|
display: flex;
|
|
6381
6373
|
align-items: center;
|
|
6382
6374
|
justify-content: center;
|
|
6383
|
-
min-width:
|
|
6384
|
-
min-height:
|
|
6385
|
-
max-width:
|
|
6386
|
-
max-height:
|
|
6375
|
+
min-width: 26px;
|
|
6376
|
+
min-height: 26px;
|
|
6377
|
+
max-width: 26px;
|
|
6378
|
+
max-height: 26px;
|
|
6387
6379
|
border-radius: 50%;
|
|
6388
6380
|
background-color: var(--borders-form-field--error);
|
|
6389
6381
|
color: var(--text-reverse-primary);
|
|
@@ -6400,10 +6392,10 @@ html:lang(ar) .zen-form-step__item .zen-form-step__label-secondary {
|
|
|
6400
6392
|
display: flex;
|
|
6401
6393
|
align-items: center;
|
|
6402
6394
|
justify-content: center;
|
|
6403
|
-
min-width:
|
|
6404
|
-
min-height:
|
|
6405
|
-
max-width:
|
|
6406
|
-
max-height:
|
|
6395
|
+
min-width: 26px;
|
|
6396
|
+
min-height: 26px;
|
|
6397
|
+
max-width: 26px;
|
|
6398
|
+
max-height: 26px;
|
|
6407
6399
|
border-radius: 50%;
|
|
6408
6400
|
background-color: var(--action-primary--default);
|
|
6409
6401
|
color: var(--text-reverse-primary);
|
|
@@ -6414,11 +6406,11 @@ html:lang(ar) .zen-form-step__item .zen-form-step__label-secondary {
|
|
|
6414
6406
|
color: var(--action-secondary--default);
|
|
6415
6407
|
}
|
|
6416
6408
|
.zen-form-step__item .zen-form-step__marker--mobile {
|
|
6417
|
-
min-width:
|
|
6418
|
-
min-height:
|
|
6419
|
-
max-width:
|
|
6420
|
-
max-height:
|
|
6421
|
-
margin-
|
|
6409
|
+
min-width: 10px;
|
|
6410
|
+
min-height: 10px;
|
|
6411
|
+
max-width: 10px;
|
|
6412
|
+
max-height: 10px;
|
|
6413
|
+
margin-left: 4px;
|
|
6422
6414
|
border: 0;
|
|
6423
6415
|
}
|
|
6424
6416
|
.zen-form-step__item .zen-form-step__marker--mobile.zen-form-step__marker--complete {
|
|
@@ -6449,9 +6441,9 @@ html:lang(ar) .zen-form-step__item .zen-form-step__label-secondary {
|
|
|
6449
6441
|
.zen-form-step__connector {
|
|
6450
6442
|
border-top: 2px solid;
|
|
6451
6443
|
flex-grow: 1;
|
|
6452
|
-
min-width:
|
|
6444
|
+
min-width: 11px;
|
|
6453
6445
|
width: 100%;
|
|
6454
|
-
margin-
|
|
6446
|
+
margin-top: 16px;
|
|
6455
6447
|
align-self: self-start;
|
|
6456
6448
|
border-radius: 10px;
|
|
6457
6449
|
}
|
|
@@ -6468,16 +6460,16 @@ html:lang(ar) .zen-form-step__item .zen-form-step__label-secondary {
|
|
|
6468
6460
|
border-color: var(--action-secondary--default);
|
|
6469
6461
|
}
|
|
6470
6462
|
.zen-form-step__connector--mobile {
|
|
6471
|
-
margin-
|
|
6472
|
-
margin-
|
|
6463
|
+
margin-top: 4px;
|
|
6464
|
+
margin-left: 4px;
|
|
6473
6465
|
}
|
|
6474
6466
|
.zen-form-stepper {
|
|
6475
6467
|
display: flex;
|
|
6476
6468
|
flex-direction: column;
|
|
6477
|
-
margin: 0
|
|
6469
|
+
margin: 0 4px;
|
|
6478
6470
|
}
|
|
6479
6471
|
.zen-form-stepper--mobile {
|
|
6480
|
-
margin: 0
|
|
6472
|
+
margin: 0 12px;
|
|
6481
6473
|
}
|
|
6482
6474
|
.zen-form-stepper__steps {
|
|
6483
6475
|
display: flex;
|
|
@@ -6502,7 +6494,7 @@ html:lang(ar) .zen-form-step__item .zen-form-step__label-secondary {
|
|
|
6502
6494
|
text-overflow: ellipsis;
|
|
6503
6495
|
overflow: hidden;
|
|
6504
6496
|
color: var(--text-primary);
|
|
6505
|
-
padding-
|
|
6497
|
+
padding-left: 4px;
|
|
6506
6498
|
}
|
|
6507
6499
|
html:lang(ar) .zen-form-stepper .zen-form-stepper__mobile-label {
|
|
6508
6500
|
font-family: var(--arabic-font-family);
|
|
@@ -6516,7 +6508,7 @@ html:lang(ar) .zen-form-stepper .zen-form-stepper__mobile-label {
|
|
|
6516
6508
|
line-height: 16px;
|
|
6517
6509
|
text-transform: none;
|
|
6518
6510
|
text-decoration: none;
|
|
6519
|
-
padding-
|
|
6511
|
+
padding-left: 4px;
|
|
6520
6512
|
display: -webkit-box;
|
|
6521
6513
|
-webkit-box-orient: vertical;
|
|
6522
6514
|
-webkit-line-clamp: 1;
|
|
@@ -6534,7 +6526,7 @@ html:lang(ar) .zen-form-stepper .zen-form-stepper__mobile-secondary-label {
|
|
|
6534
6526
|
display: block;
|
|
6535
6527
|
}
|
|
6536
6528
|
.zen-form-stepper .zen-form-stepper__mobile-counter {
|
|
6537
|
-
padding-
|
|
6529
|
+
padding-left: 4px;
|
|
6538
6530
|
font-family: var(--main-font);
|
|
6539
6531
|
font-size: 12px;
|
|
6540
6532
|
font-style: normal;
|
|
@@ -6551,14 +6543,14 @@ html:lang(ar) .zen-form-stepper .zen-form-stepper__mobile-counter {
|
|
|
6551
6543
|
.zen-form-step-buttons {
|
|
6552
6544
|
display: flex;
|
|
6553
6545
|
justify-content: space-between;
|
|
6554
|
-
margin: 0
|
|
6546
|
+
margin: 0 24px;
|
|
6555
6547
|
}
|
|
6556
6548
|
.zen-form-step-buttons--mobile {
|
|
6557
|
-
margin: 0
|
|
6549
|
+
margin: 0 12px;
|
|
6558
6550
|
}
|
|
6559
6551
|
.zen-form-step-buttons__right {
|
|
6560
6552
|
display: flex;
|
|
6561
|
-
gap:
|
|
6553
|
+
gap: 8px;
|
|
6562
6554
|
}
|
|
6563
6555
|
.zen-review-text-control {
|
|
6564
6556
|
color: var(--text-primary);
|
|
@@ -6593,7 +6585,7 @@ html:lang(ar) .zen-review-text-control {
|
|
|
6593
6585
|
display: grid;
|
|
6594
6586
|
flex-direction: column;
|
|
6595
6587
|
grid-template-columns: repeat(2, max-content);
|
|
6596
|
-
gap:
|
|
6588
|
+
gap: 8px;
|
|
6597
6589
|
align-items: start;
|
|
6598
6590
|
}
|
|
6599
6591
|
.zen-toggler-component {
|
|
@@ -6863,7 +6855,7 @@ html:lang(ar) .zen-toggler--drive-tablet .zen-toggler__label-text {
|
|
|
6863
6855
|
fill: var(--accents-general--main);
|
|
6864
6856
|
}
|
|
6865
6857
|
.zen-pill-non-actionable {
|
|
6866
|
-
padding:
|
|
6858
|
+
padding: 0px 8px;
|
|
6867
6859
|
}
|
|
6868
6860
|
.zen-pill-non-actionable__close-button {
|
|
6869
6861
|
justify-self: end;
|
|
@@ -6875,7 +6867,7 @@ html:lang(ar) .zen-toggler--drive-tablet .zen-toggler__label-text {
|
|
|
6875
6867
|
fill: var(--text-primary);
|
|
6876
6868
|
background-color: transparent;
|
|
6877
6869
|
border: none;
|
|
6878
|
-
padding:
|
|
6870
|
+
padding: 6px;
|
|
6879
6871
|
margin: 0;
|
|
6880
6872
|
cursor: pointer;
|
|
6881
6873
|
}
|
|
@@ -6885,15 +6877,15 @@ html:lang(ar) .zen-toggler--drive-tablet .zen-toggler__label-text {
|
|
|
6885
6877
|
outline: none;
|
|
6886
6878
|
}
|
|
6887
6879
|
.zen-pill-non-actionable__icon {
|
|
6888
|
-
min-width:
|
|
6880
|
+
min-width: 12px;
|
|
6889
6881
|
max-width: 12px;
|
|
6890
6882
|
}
|
|
6891
6883
|
.zen-pill-non-actionable--closable {
|
|
6892
|
-
padding: 0
|
|
6884
|
+
padding: 0 2px 0 8px;
|
|
6893
6885
|
}
|
|
6894
6886
|
.zen-pill-non-actionable.zen-pill-non-actionable--drive,
|
|
6895
6887
|
.zen-pill-non-actionable.zen-pill-non-actionable--drive-tablet {
|
|
6896
|
-
padding: 0
|
|
6888
|
+
padding: 0 12px;
|
|
6897
6889
|
}
|
|
6898
6890
|
.zen-pill-non-actionable.zen-pill-non-actionable--drive .zen-pill-non-actionable__close-button,
|
|
6899
6891
|
.zen-pill-non-actionable.zen-pill-non-actionable--drive-tablet .zen-pill-non-actionable__close-button {
|
|
@@ -6901,13 +6893,13 @@ html:lang(ar) .zen-toggler--drive-tablet .zen-toggler__label-text {
|
|
|
6901
6893
|
}
|
|
6902
6894
|
.zen-pill-non-actionable.zen-pill-non-actionable--drive .zen-pill-non-actionable__icon,
|
|
6903
6895
|
.zen-pill-non-actionable.zen-pill-non-actionable--drive-tablet .zen-pill-non-actionable__icon {
|
|
6904
|
-
min-width:
|
|
6896
|
+
min-width: 16px;
|
|
6905
6897
|
max-width: 16px;
|
|
6906
6898
|
height: 16px;
|
|
6907
6899
|
}
|
|
6908
6900
|
.zen-pill-non-actionable.zen-pill-non-actionable--drive.zen-pill-non-actionable--closable,
|
|
6909
6901
|
.zen-pill-non-actionable.zen-pill-non-actionable--drive-tablet.zen-pill-non-actionable--closable {
|
|
6910
|
-
padding: 0
|
|
6902
|
+
padding: 0 2px 0 10px;
|
|
6911
6903
|
}
|
|
6912
6904
|
.zen-pill-content {
|
|
6913
6905
|
font-family: var(--main-font);
|
|
@@ -6922,8 +6914,8 @@ html:lang(ar) .zen-toggler--drive-tablet .zen-toggler__label-text {
|
|
|
6922
6914
|
color: var(--text-primary);
|
|
6923
6915
|
align-items: center;
|
|
6924
6916
|
justify-content: space-between;
|
|
6925
|
-
padding:
|
|
6926
|
-
border-radius:
|
|
6917
|
+
padding: 4px 12px 4px 12px;
|
|
6918
|
+
border-radius: 30px;
|
|
6927
6919
|
background: var(--backgrounds-content-1);
|
|
6928
6920
|
}
|
|
6929
6921
|
html:lang(ar) .zen-pill-content {
|
|
@@ -6969,7 +6961,7 @@ html:lang(ar) .zen-pill-text-content.zen-pill-text-content--drive-tablet {
|
|
|
6969
6961
|
font-family: var(--arabic-font-family);
|
|
6970
6962
|
}
|
|
6971
6963
|
.zen-pill-actionable {
|
|
6972
|
-
padding: 0
|
|
6964
|
+
padding: 0 8px;
|
|
6973
6965
|
-webkit-touch-callout: none;
|
|
6974
6966
|
-webkit-user-select: none;
|
|
6975
6967
|
-khtml-user-select: none;
|
|
@@ -7022,7 +7014,7 @@ html:lang(ar) .zen-pill-text-content.zen-pill-text-content--drive-tablet {
|
|
|
7022
7014
|
}
|
|
7023
7015
|
.zen-pill-actionable.zen-pill-actionable--drive,
|
|
7024
7016
|
.zen-pill-actionable.zen-pill-actionable--drive-tablet {
|
|
7025
|
-
padding: 0
|
|
7017
|
+
padding: 0 12px;
|
|
7026
7018
|
}
|
|
7027
7019
|
.zen-pill-new-content {
|
|
7028
7020
|
font-family: var(--main-font);
|
|
@@ -7036,11 +7028,11 @@ html:lang(ar) .zen-pill-text-content.zen-pill-text-content--drive-tablet {
|
|
|
7036
7028
|
display: flex;
|
|
7037
7029
|
align-items: center;
|
|
7038
7030
|
justify-content: space-between;
|
|
7039
|
-
border-radius:
|
|
7031
|
+
border-radius: 30px;
|
|
7040
7032
|
height: 22px;
|
|
7041
7033
|
display: grid;
|
|
7042
7034
|
grid-auto-flow: column;
|
|
7043
|
-
gap:
|
|
7035
|
+
gap: 8px;
|
|
7044
7036
|
}
|
|
7045
7037
|
html:lang(ar) .zen-pill-new-content {
|
|
7046
7038
|
font-family: var(--arabic-font-family);
|
|
@@ -7059,10 +7051,10 @@ html:lang(ar) .zen-pill-new-content {
|
|
|
7059
7051
|
}
|
|
7060
7052
|
.zen-pill-new-content--closable.zen-pill-new-content--icon-left.zen-pill-new-content--empty {
|
|
7061
7053
|
grid-template-columns: 12px 18px;
|
|
7062
|
-
gap:
|
|
7054
|
+
gap: 8px;
|
|
7063
7055
|
}
|
|
7064
7056
|
.zen-pill-new-content--hidden {
|
|
7065
|
-
gap:
|
|
7057
|
+
gap: 4px;
|
|
7066
7058
|
}
|
|
7067
7059
|
.zen-pill-new-content.zen-pill-new-content--drive,
|
|
7068
7060
|
.zen-pill-new-content.zen-pill-new-content--drive-tablet {
|
|
@@ -7070,7 +7062,7 @@ html:lang(ar) .zen-pill-new-content {
|
|
|
7070
7062
|
}
|
|
7071
7063
|
.zen-pill-new-content.zen-pill-new-content--drive .zen-pill-non-actionable__icon,
|
|
7072
7064
|
.zen-pill-new-content.zen-pill-new-content--drive-tablet .zen-pill-non-actionable__icon {
|
|
7073
|
-
min-width:
|
|
7065
|
+
min-width: 16px;
|
|
7074
7066
|
max-width: 16px;
|
|
7075
7067
|
height: 16px;
|
|
7076
7068
|
}
|
|
@@ -7089,7 +7081,7 @@ html:lang(ar) .zen-pill-new-content {
|
|
|
7089
7081
|
.zen-pill-new-content.zen-pill-new-content--drive.zen-pill-new-content--closable.zen-pill-new-content--icon-left.zen-pill-new-content--empty,
|
|
7090
7082
|
.zen-pill-new-content.zen-pill-new-content--drive-tablet.zen-pill-new-content--closable.zen-pill-new-content--icon-left.zen-pill-new-content--empty {
|
|
7091
7083
|
grid-template-columns: 16px 22px;
|
|
7092
|
-
gap:
|
|
7084
|
+
gap: 8px;
|
|
7093
7085
|
}
|
|
7094
7086
|
.zen-pill-new-content.zen-pill-new-content--mobile {
|
|
7095
7087
|
height: 34px;
|
|
@@ -7106,7 +7098,7 @@ html:lang(ar) .zen-pill-new-content.zen-pill-new-content--mobile {
|
|
|
7106
7098
|
font-family: var(--arabic-font-family);
|
|
7107
7099
|
}
|
|
7108
7100
|
.zen-pill-new-content.zen-pill-new-content--mobile .zen-pill-non-actionable__icon {
|
|
7109
|
-
min-width:
|
|
7101
|
+
min-width: 16px;
|
|
7110
7102
|
max-width: 16px;
|
|
7111
7103
|
height: 16px;
|
|
7112
7104
|
}
|
|
@@ -7121,7 +7113,7 @@ html:lang(ar) .zen-pill-new-content.zen-pill-new-content--mobile {
|
|
|
7121
7113
|
}
|
|
7122
7114
|
.zen-pill-new-content.zen-pill-new-content--mobile.zen-pill-new-content--closable.zen-pill-new-content--icon-left.zen-pill-new-content--empty {
|
|
7123
7115
|
grid-template-columns: 16px 22px;
|
|
7124
|
-
gap:
|
|
7116
|
+
gap: 8px;
|
|
7125
7117
|
}
|
|
7126
7118
|
.zen-pill-new-content.zen-pill-new-content--drive {
|
|
7127
7119
|
font-family: var(--main-font);
|
|
@@ -7158,11 +7150,11 @@ html:lang(ar) .zen-pill-new-content.zen-pill-new-content--drive-tablet {
|
|
|
7158
7150
|
line-height: 16px;
|
|
7159
7151
|
text-transform: none;
|
|
7160
7152
|
text-decoration: none;
|
|
7161
|
-
border-radius:
|
|
7153
|
+
border-radius: 30px;
|
|
7162
7154
|
display: grid;
|
|
7163
7155
|
grid-auto-flow: column;
|
|
7164
7156
|
align-items: center;
|
|
7165
|
-
min-width:
|
|
7157
|
+
min-width: 30px;
|
|
7166
7158
|
}
|
|
7167
7159
|
html:lang(ar) .zen-pill-new {
|
|
7168
7160
|
font-family: var(--arabic-font-family);
|
|
@@ -7172,12 +7164,12 @@ html:lang(ar) .zen-pill-new {
|
|
|
7172
7164
|
width: fit-content;
|
|
7173
7165
|
}
|
|
7174
7166
|
.zen-pill-new--empty {
|
|
7175
|
-
gap:
|
|
7167
|
+
gap: 4px;
|
|
7176
7168
|
min-width: fit-content;
|
|
7177
7169
|
}
|
|
7178
7170
|
.zen-pill-new.zen-pill-new--drive,
|
|
7179
7171
|
.zen-pill-new.zen-pill-new--mobile {
|
|
7180
|
-
border-radius:
|
|
7172
|
+
border-radius: 50px;
|
|
7181
7173
|
}
|
|
7182
7174
|
.zen-review-list-toggle {
|
|
7183
7175
|
color: var(--text-primary);
|
|
@@ -7191,13 +7183,13 @@ html:lang(ar) .zen-pill-new {
|
|
|
7191
7183
|
text-decoration: none;
|
|
7192
7184
|
display: flex;
|
|
7193
7185
|
align-items: center;
|
|
7194
|
-
gap:
|
|
7186
|
+
gap: 4px;
|
|
7195
7187
|
}
|
|
7196
7188
|
html:lang(ar) .zen-review-list-toggle {
|
|
7197
7189
|
font-family: var(--arabic-font-family);
|
|
7198
7190
|
}
|
|
7199
7191
|
.zen-form-list-label {
|
|
7200
|
-
max-height:
|
|
7192
|
+
max-height: 32px;
|
|
7201
7193
|
display: flex;
|
|
7202
7194
|
align-items: center;
|
|
7203
7195
|
}
|
|
@@ -7216,8 +7208,7 @@ html:lang(ar) .zen-review-list-toggle {
|
|
|
7216
7208
|
padding: 0;
|
|
7217
7209
|
}
|
|
7218
7210
|
.zen-additional-sub-section__secondary {
|
|
7219
|
-
margin
|
|
7220
|
-
margin-inline: 0;
|
|
7211
|
+
margin: 16px 0;
|
|
7221
7212
|
font-family: var(--main-font);
|
|
7222
7213
|
font-size: 12px;
|
|
7223
7214
|
font-style: normal;
|
|
@@ -7232,13 +7223,13 @@ html:lang(ar) .zen-additional-sub-section__secondary {
|
|
|
7232
7223
|
font-family: var(--arabic-font-family);
|
|
7233
7224
|
}
|
|
7234
7225
|
.zen-additional-sub-section__content {
|
|
7235
|
-
padding:
|
|
7226
|
+
padding: 16px;
|
|
7236
7227
|
}
|
|
7237
7228
|
.zen-additional-sub-section .zen-accordion__content {
|
|
7238
7229
|
padding: 0;
|
|
7239
7230
|
}
|
|
7240
7231
|
.zen-form-field-error {
|
|
7241
|
-
margin-
|
|
7232
|
+
margin-top: 4px;
|
|
7242
7233
|
display: flex;
|
|
7243
7234
|
min-width: 0;
|
|
7244
7235
|
font-family: var(--main-font);
|
|
@@ -7256,7 +7247,7 @@ html:lang(ar) .zen-form-field-error {
|
|
|
7256
7247
|
font-family: var(--arabic-font-family);
|
|
7257
7248
|
}
|
|
7258
7249
|
.zen-form-field-error__error-text {
|
|
7259
|
-
margin-
|
|
7250
|
+
margin-left: 4px;
|
|
7260
7251
|
display: flex;
|
|
7261
7252
|
flex-direction: column;
|
|
7262
7253
|
overflow-wrap: break-word;
|
|
@@ -7265,14 +7256,12 @@ html:lang(ar) .zen-form-field-error {
|
|
|
7265
7256
|
flex: 0 0 auto;
|
|
7266
7257
|
}
|
|
7267
7258
|
.zen-form-field-error__icon-container {
|
|
7268
|
-
padding
|
|
7269
|
-
|
|
7270
|
-
padding-block-end: 0;
|
|
7271
|
-
height: 1rem;
|
|
7259
|
+
padding: 1px 2px 0;
|
|
7260
|
+
height: 16px;
|
|
7272
7261
|
}
|
|
7273
7262
|
.zen-form-field-error.zen-form-field-error--drive .zen-form-field-error__icon-container,
|
|
7274
7263
|
.zen-form-field-error.zen-form-field-error--drive-tablet .zen-form-field-error__icon-container {
|
|
7275
|
-
height:
|
|
7264
|
+
height: 18px;
|
|
7276
7265
|
}
|
|
7277
7266
|
.zen-form-field-error.zen-form-field-error--drive {
|
|
7278
7267
|
font-family: var(--main-font);
|
|
@@ -7319,13 +7308,13 @@ html:lang(ar) .zen-form-field-error.zen-form-field-error--drive-tablet {
|
|
|
7319
7308
|
display: inline-flex;
|
|
7320
7309
|
}
|
|
7321
7310
|
.zen-form-field--with-banner {
|
|
7322
|
-
gap:
|
|
7311
|
+
gap: 8px;
|
|
7323
7312
|
}
|
|
7324
7313
|
.zen-form-field--mobile.zen-form-field--with-banner {
|
|
7325
|
-
gap:
|
|
7314
|
+
gap: 4px;
|
|
7326
7315
|
}
|
|
7327
7316
|
.zen-form-field__secondary {
|
|
7328
|
-
margin-
|
|
7317
|
+
margin-top: 4px;
|
|
7329
7318
|
position: relative;
|
|
7330
7319
|
display: flex;
|
|
7331
7320
|
width: 100%;
|
|
@@ -7340,18 +7329,13 @@ html:lang(ar) .zen-form-field-error.zen-form-field-error--drive-tablet {
|
|
|
7340
7329
|
display: none;
|
|
7341
7330
|
}
|
|
7342
7331
|
.zen-form-field__input-container--with-trailing {
|
|
7343
|
-
gap:
|
|
7332
|
+
gap: 8px;
|
|
7344
7333
|
}
|
|
7345
7334
|
.zen-form-field__input-container--review {
|
|
7346
7335
|
grid-template-columns: max-content max-content;
|
|
7347
7336
|
}
|
|
7348
|
-
.zen-form-field__input-container:has(.zen-radio-group--horizontal) .zen-form-field__trailing-text {
|
|
7349
|
-
align-self: flex-start;
|
|
7350
|
-
margin-top: 0.75rem;
|
|
7351
|
-
}
|
|
7352
7337
|
.zen-form-field.zen-form-field--form-item .zen-radio {
|
|
7353
|
-
padding
|
|
7354
|
-
padding-inline-end: 1rem;
|
|
7338
|
+
padding: 0 16px 12px 0;
|
|
7355
7339
|
}
|
|
7356
7340
|
.zen-form-field__trailing-text {
|
|
7357
7341
|
display: flex;
|
|
@@ -7424,12 +7408,12 @@ html:lang(ar) .zen-form-field__text.zen-form-field__text--drive-tablet {
|
|
|
7424
7408
|
align-items: center;
|
|
7425
7409
|
}
|
|
7426
7410
|
.zen-form-field__error-icon {
|
|
7427
|
-
margin-
|
|
7411
|
+
margin-right: 6px;
|
|
7428
7412
|
flex: 0 0 auto;
|
|
7429
7413
|
}
|
|
7430
7414
|
.zen-form-field__error-text {
|
|
7431
7415
|
flex: 1 1 auto;
|
|
7432
|
-
padding-
|
|
7416
|
+
padding-top: 1px;
|
|
7433
7417
|
overflow: hidden;
|
|
7434
7418
|
text-overflow: ellipsis;
|
|
7435
7419
|
white-space: nowrap;
|
|
@@ -7453,24 +7437,24 @@ html:lang(ar) .zen-form-field__length {
|
|
|
7453
7437
|
}
|
|
7454
7438
|
.zen-form-field__label-wrapper {
|
|
7455
7439
|
display: grid;
|
|
7456
|
-
grid-template-rows: 1fr
|
|
7440
|
+
grid-template-rows: 1fr 20px;
|
|
7457
7441
|
}
|
|
7458
7442
|
.zen-form-field__trailing-wrapper {
|
|
7459
7443
|
display: grid;
|
|
7460
|
-
grid-template-rows: 1fr
|
|
7444
|
+
grid-template-rows: 1fr 20px;
|
|
7461
7445
|
}
|
|
7462
7446
|
.zen-form-field--label-left {
|
|
7463
7447
|
display: flex;
|
|
7464
7448
|
flex-direction: row;
|
|
7465
7449
|
align-items: center;
|
|
7466
|
-
gap:
|
|
7450
|
+
gap: 8px;
|
|
7467
7451
|
}
|
|
7468
7452
|
.zen-form-field--label-top {
|
|
7469
7453
|
display: flex;
|
|
7470
7454
|
flex-direction: column;
|
|
7471
7455
|
align-items: start;
|
|
7472
7456
|
justify-content: start;
|
|
7473
|
-
gap:
|
|
7457
|
+
gap: 8px;
|
|
7474
7458
|
}
|
|
7475
7459
|
.zen-dropdown {
|
|
7476
7460
|
box-sizing: border-box;
|
|
@@ -7629,11 +7613,6 @@ html:lang(ar) .zen-checkbox-list-with-action__label {
|
|
|
7629
7613
|
color: var(--text-hyperlink);
|
|
7630
7614
|
fill: var(--text-hyperlink);
|
|
7631
7615
|
}
|
|
7632
|
-
.zen-checkbox-list-with-action__label--action:disabled {
|
|
7633
|
-
cursor: default;
|
|
7634
|
-
color: var(--text-disabled);
|
|
7635
|
-
fill: var(--text-disabled);
|
|
7636
|
-
}
|
|
7637
7616
|
.zen-checkbox-list-with-action__label-text {
|
|
7638
7617
|
display: flex;
|
|
7639
7618
|
flex-grow: 1;
|
|
@@ -7849,8 +7828,8 @@ html:lang(ar) .zen-dropdown-list__label {
|
|
|
7849
7828
|
.zen-dropdown-list__item--interactive:not(:disabled) {
|
|
7850
7829
|
cursor: pointer;
|
|
7851
7830
|
}
|
|
7852
|
-
.zen-dropdown-list__item--interactive:not(:disabled):hover
|
|
7853
|
-
.zen-dropdown-list__item--interactive:not(:disabled):focus
|
|
7831
|
+
.zen-dropdown-list__item--interactive:not(:disabled):hover,
|
|
7832
|
+
.zen-dropdown-list__item--interactive:not(:disabled):focus {
|
|
7854
7833
|
color: var(--text-primary);
|
|
7855
7834
|
fill: var(--action-secondary--default);
|
|
7856
7835
|
outline: none;
|
|
@@ -7920,27 +7899,6 @@ html:lang(ar) .zen-dropdown-list__action-label {
|
|
|
7920
7899
|
.zen-dropdown-list__action-button:disabled svg {
|
|
7921
7900
|
fill: var(--text-button-disabled);
|
|
7922
7901
|
}
|
|
7923
|
-
.zen-dropdown-list__action-button--selected {
|
|
7924
|
-
background-color: var(--action-primary--default);
|
|
7925
|
-
}
|
|
7926
|
-
.zen-dropdown-list__action-button--selected.zen-dropdown-list__item--interactive:not(:disabled):hover,
|
|
7927
|
-
.zen-dropdown-list__action-button--selected.zen-dropdown-list__item--interactive:not(:disabled):focus {
|
|
7928
|
-
background-color: var(--action-primary--default);
|
|
7929
|
-
fill: var(--text-reverse-primary);
|
|
7930
|
-
color: var(--text-reverse-primary);
|
|
7931
|
-
}
|
|
7932
|
-
.zen-dropdown-list__action-button--selected.zen-dropdown-list__item--interactive:not(:disabled):focus-visible {
|
|
7933
|
-
border-color: var(--backgrounds-content-1);
|
|
7934
|
-
outline: 1px solid var(--borders-form-field--active);
|
|
7935
|
-
outline-offset: 2px;
|
|
7936
|
-
}
|
|
7937
|
-
.zen-dropdown-list__action-button--selected .zen-dropdown-list__icon {
|
|
7938
|
-
color: var(--text-reverse-primary);
|
|
7939
|
-
fill: var(--text-reverse-primary);
|
|
7940
|
-
}
|
|
7941
|
-
.zen-dropdown-list__action-button--selected .zen-dropdown-list__action-label {
|
|
7942
|
-
color: var(--text-reverse-primary);
|
|
7943
|
-
}
|
|
7944
7902
|
.zen-dropdown-list__footer {
|
|
7945
7903
|
display: flex;
|
|
7946
7904
|
justify-content: flex-start;
|
|
@@ -8072,7 +8030,7 @@ html:lang(ar) .zen-dropdown-list.zen-dropdown-list--drive-tablet .zen-dropdown-l
|
|
|
8072
8030
|
.zen-chip {
|
|
8073
8031
|
--chip-min-width-default: 40px;
|
|
8074
8032
|
--chip-max-width-default: 236px;
|
|
8075
|
-
--chip-border-radius:
|
|
8033
|
+
--chip-border-radius: 8px;
|
|
8076
8034
|
--chip-height: 32px;
|
|
8077
8035
|
--chip-height--drive: 40px;
|
|
8078
8036
|
--chip-height--mobile: 40px;
|
|
@@ -8095,7 +8053,7 @@ html:lang(ar) .zen-dropdown-list.zen-dropdown-list--drive-tablet .zen-dropdown-l
|
|
|
8095
8053
|
width: fit-content;
|
|
8096
8054
|
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
|
|
8097
8055
|
border-radius: var(--chip-border-radius);
|
|
8098
|
-
gap:
|
|
8056
|
+
gap: 2px;
|
|
8099
8057
|
}
|
|
8100
8058
|
.zen-chip * {
|
|
8101
8059
|
box-sizing: border-box;
|
|
@@ -8112,7 +8070,7 @@ html:lang(ar) .zen-chip {
|
|
|
8112
8070
|
width: fit-content;
|
|
8113
8071
|
}
|
|
8114
8072
|
.zen-chip.zen-chip--drive {
|
|
8115
|
-
border-radius:
|
|
8073
|
+
border-radius: 8px;
|
|
8116
8074
|
}
|
|
8117
8075
|
.zen-chip:not(.zen-chip--disabled):not(.zen-chip--readonly):hover {
|
|
8118
8076
|
cursor: pointer;
|
|
@@ -8126,7 +8084,7 @@ html:lang(ar) .zen-chip {
|
|
|
8126
8084
|
}
|
|
8127
8085
|
.zen-chip__content-wrapper {
|
|
8128
8086
|
margin: 0;
|
|
8129
|
-
gap:
|
|
8087
|
+
gap: 4px;
|
|
8130
8088
|
display: flex;
|
|
8131
8089
|
align-items: center;
|
|
8132
8090
|
justify-content: space-between;
|
|
@@ -8200,7 +8158,7 @@ html:lang(ar) .zen-chip {
|
|
|
8200
8158
|
cursor: pointer;
|
|
8201
8159
|
border: none;
|
|
8202
8160
|
background-color: transparent;
|
|
8203
|
-
border-radius:
|
|
8161
|
+
border-radius: 15px;
|
|
8204
8162
|
fill: var(--action-primary--active);
|
|
8205
8163
|
}
|
|
8206
8164
|
.zen-chip__close-button:hover,
|
|
@@ -8227,22 +8185,22 @@ html:lang(ar) .zen-chip {
|
|
|
8227
8185
|
text-decoration: none;
|
|
8228
8186
|
background-color: var(--action-primary--default);
|
|
8229
8187
|
color: var(--text-reverse-primary);
|
|
8230
|
-
min-width:
|
|
8231
|
-
border-radius:
|
|
8232
|
-
padding:
|
|
8188
|
+
min-width: 16px;
|
|
8189
|
+
border-radius: 16px;
|
|
8190
|
+
padding: 0px 4px;
|
|
8233
8191
|
}
|
|
8234
8192
|
html:lang(ar) .zen-chip__quantity {
|
|
8235
8193
|
font-family: var(--arabic-font-family);
|
|
8236
8194
|
}
|
|
8237
8195
|
.zen-chip.zen-chip--standard {
|
|
8238
|
-
padding:
|
|
8196
|
+
padding: 7px 8px;
|
|
8239
8197
|
}
|
|
8240
8198
|
.zen-chip.zen-chip--trigger .zen-chip__trigger {
|
|
8241
|
-
padding:
|
|
8199
|
+
padding: 8px;
|
|
8242
8200
|
outline: none;
|
|
8243
8201
|
}
|
|
8244
8202
|
.zen-chip.zen-chip--trigger .zen-chip__trigger--with-icon {
|
|
8245
|
-
padding:
|
|
8203
|
+
padding: 7px 0 7px 7px;
|
|
8246
8204
|
}
|
|
8247
8205
|
.zen-chip.zen-chip--trigger .zen-chip__close-button {
|
|
8248
8206
|
height: 30px;
|
|
@@ -8270,15 +8228,15 @@ html:lang(ar) .zen-chip.zen-chip--drive-tablet {
|
|
|
8270
8228
|
}
|
|
8271
8229
|
.zen-chip.zen-chip--drive.zen-chip--standard,
|
|
8272
8230
|
.zen-chip.zen-chip--drive-tablet.zen-chip--standard {
|
|
8273
|
-
padding:
|
|
8231
|
+
padding: 7px 12px;
|
|
8274
8232
|
}
|
|
8275
8233
|
.zen-chip.zen-chip--drive.zen-chip--trigger .zen-chip__trigger,
|
|
8276
8234
|
.zen-chip.zen-chip--drive-tablet.zen-chip--trigger .zen-chip__trigger {
|
|
8277
|
-
padding:
|
|
8235
|
+
padding: 5px 12px;
|
|
8278
8236
|
}
|
|
8279
8237
|
.zen-chip.zen-chip--drive.zen-chip--trigger .zen-chip__trigger--with-icon,
|
|
8280
8238
|
.zen-chip.zen-chip--drive-tablet.zen-chip--trigger .zen-chip__trigger--with-icon {
|
|
8281
|
-
padding:
|
|
8239
|
+
padding: 3px 0 3px 12px;
|
|
8282
8240
|
}
|
|
8283
8241
|
.zen-chip.zen-chip--drive.zen-chip--trigger .zen-chip__close-button,
|
|
8284
8242
|
.zen-chip.zen-chip--drive-tablet.zen-chip--trigger .zen-chip__close-button {
|
|
@@ -8287,9 +8245,9 @@ html:lang(ar) .zen-chip.zen-chip--drive-tablet {
|
|
|
8287
8245
|
}
|
|
8288
8246
|
.zen-chip.zen-chip--drive .zen-chip__quantity,
|
|
8289
8247
|
.zen-chip.zen-chip--drive-tablet .zen-chip__quantity {
|
|
8290
|
-
min-width:
|
|
8248
|
+
min-width: 30px;
|
|
8291
8249
|
height: 30px;
|
|
8292
|
-
padding:
|
|
8250
|
+
padding: 0px 8px;
|
|
8293
8251
|
}
|
|
8294
8252
|
.zen-chip.zen-chip--drive .zen-chip__close-button,
|
|
8295
8253
|
.zen-chip.zen-chip--drive-tablet .zen-chip__close-button {
|
|
@@ -8327,8 +8285,8 @@ html:lang(ar) .zen-chip.zen-chip--drive .zen-chip__quantity {
|
|
|
8327
8285
|
color: var(--text-primary);
|
|
8328
8286
|
align-items: center;
|
|
8329
8287
|
justify-content: space-between;
|
|
8330
|
-
padding:
|
|
8331
|
-
border-radius:
|
|
8288
|
+
padding: 4px 12px 4px 12px;
|
|
8289
|
+
border-radius: 8px;
|
|
8332
8290
|
background: var(--backgrounds-content-1);
|
|
8333
8291
|
}
|
|
8334
8292
|
.zen-chip-text-content {
|
|
@@ -8359,13 +8317,13 @@ html:lang(ar) .zen-chip--mobile {
|
|
|
8359
8317
|
font-family: var(--arabic-font-family);
|
|
8360
8318
|
}
|
|
8361
8319
|
.zen-chip--mobile.zen-chip--standard {
|
|
8362
|
-
padding:
|
|
8320
|
+
padding: 11px 8px;
|
|
8363
8321
|
}
|
|
8364
8322
|
.zen-chip--mobile.zen-chip--trigger .zen-chip__trigger {
|
|
8365
|
-
padding:
|
|
8323
|
+
padding: 12px 8px;
|
|
8366
8324
|
}
|
|
8367
8325
|
.zen-chip--mobile.zen-chip--trigger .zen-chip__trigger--with-icon {
|
|
8368
|
-
padding:
|
|
8326
|
+
padding: 11px 0 11px 8px;
|
|
8369
8327
|
}
|
|
8370
8328
|
.zen-chip--mobile.zen-chip--trigger .zen-chip__close-button {
|
|
8371
8329
|
width: 38px;
|
|
@@ -9230,15 +9188,15 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
|
|
|
9230
9188
|
box-sizing: border-box;
|
|
9231
9189
|
display: flex;
|
|
9232
9190
|
flex-direction: column;
|
|
9233
|
-
gap:
|
|
9234
|
-
padding:
|
|
9191
|
+
gap: 4px;
|
|
9192
|
+
padding: 12px;
|
|
9235
9193
|
}
|
|
9236
9194
|
.zen-footer-buttons * {
|
|
9237
9195
|
box-sizing: border-box;
|
|
9238
9196
|
}
|
|
9239
9197
|
.zen-footer-buttons .zen-footer-buttons__item {
|
|
9240
9198
|
flex-grow: 1;
|
|
9241
|
-
padding:
|
|
9199
|
+
padding: 11px 8px;
|
|
9242
9200
|
}
|
|
9243
9201
|
.zen-footer-buttons--sticky {
|
|
9244
9202
|
position: fixed;
|
|
@@ -9253,7 +9211,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
|
|
|
9253
9211
|
}
|
|
9254
9212
|
.zen-footer-buttons.zen-footer-buttons--drive .zen-footer-buttons__item,
|
|
9255
9213
|
.zen-footer-buttons.zen-footer-buttons--drive-tablet .zen-footer-buttons__item {
|
|
9256
|
-
padding:
|
|
9214
|
+
padding: 15px 12px;
|
|
9257
9215
|
}
|
|
9258
9216
|
.zen-advanced-groups-filter-form {
|
|
9259
9217
|
font-family: var(--main-font);
|
|
@@ -9269,7 +9227,7 @@ html:lang(ar) .zen-advanced-groups-filter-form {
|
|
|
9269
9227
|
font-family: var(--arabic-font-family);
|
|
9270
9228
|
}
|
|
9271
9229
|
.zen-advanced-groups-filter-form__description {
|
|
9272
|
-
margin-
|
|
9230
|
+
margin-bottom: 12px;
|
|
9273
9231
|
}
|
|
9274
9232
|
.zen-advanced-groups-filter-form__sections {
|
|
9275
9233
|
margin: 0;
|
|
@@ -9278,13 +9236,13 @@ html:lang(ar) .zen-advanced-groups-filter-form {
|
|
|
9278
9236
|
.zen-advanced-groups-filter-form__section-switcher {
|
|
9279
9237
|
display: flex;
|
|
9280
9238
|
justify-content: center;
|
|
9281
|
-
margin-
|
|
9239
|
+
margin-bottom: 12px;
|
|
9282
9240
|
}
|
|
9283
9241
|
.zen-advanced-groups-filter-form__section {
|
|
9284
9242
|
list-style: none;
|
|
9285
9243
|
}
|
|
9286
9244
|
.zen-advanced-groups-filter-form__main-section {
|
|
9287
|
-
margin-
|
|
9245
|
+
margin-bottom: 12px;
|
|
9288
9246
|
border: var(--border-width-default) solid var(--borders-general);
|
|
9289
9247
|
border-radius: var(--border-radius-default);
|
|
9290
9248
|
display: flex;
|
|
@@ -9292,14 +9250,14 @@ html:lang(ar) .zen-advanced-groups-filter-form {
|
|
|
9292
9250
|
.zen-advanced-groups-filter-form__inter-section-switcher {
|
|
9293
9251
|
display: flex;
|
|
9294
9252
|
justify-content: center;
|
|
9295
|
-
margin-
|
|
9253
|
+
margin-bottom: 12px;
|
|
9296
9254
|
}
|
|
9297
9255
|
.zen-advanced-groups-filter-form__section-column {
|
|
9298
|
-
padding:
|
|
9256
|
+
padding: 16px;
|
|
9299
9257
|
}
|
|
9300
9258
|
.zen-advanced-groups-filter-form__section-column--left {
|
|
9301
9259
|
flex: 0 0 30%;
|
|
9302
|
-
border-
|
|
9260
|
+
border-right: var(--border-width-default) solid var(--borders-general);
|
|
9303
9261
|
}
|
|
9304
9262
|
.zen-advanced-groups-filter-form__section-column--right {
|
|
9305
9263
|
flex: 1 1 70%;
|
|
@@ -9310,22 +9268,22 @@ html:lang(ar) .zen-advanced-groups-filter-form {
|
|
|
9310
9268
|
overflow: hidden;
|
|
9311
9269
|
}
|
|
9312
9270
|
.zen-advanced-groups-filter-form__section-label {
|
|
9313
|
-
margin-
|
|
9271
|
+
margin-bottom: 8px;
|
|
9314
9272
|
display: block;
|
|
9315
9273
|
}
|
|
9316
9274
|
.zen-advanced-groups-filter-form__operator-section {
|
|
9317
9275
|
display: flex;
|
|
9318
9276
|
}
|
|
9319
9277
|
.zen-advanced-groups-filter-form__operator-label {
|
|
9320
|
-
margin-
|
|
9278
|
+
margin-right: 4px;
|
|
9321
9279
|
}
|
|
9322
9280
|
.zen-advanced-groups-filter-form__add-button {
|
|
9323
9281
|
display: inline-flex;
|
|
9324
9282
|
align-items: center;
|
|
9325
9283
|
}
|
|
9326
9284
|
.zen-advanced-groups-filter-form__remove-button {
|
|
9327
|
-
margin-
|
|
9328
|
-
padding:
|
|
9285
|
+
margin-bottom: 8px;
|
|
9286
|
+
padding: 4px;
|
|
9329
9287
|
color: var(--text-hyperlink);
|
|
9330
9288
|
fill: var(--text-hyperlink);
|
|
9331
9289
|
border-color: transparent;
|
|
@@ -9347,7 +9305,7 @@ html:lang(ar) .zen-advanced-groups-filter-form {
|
|
|
9347
9305
|
overflow: hidden;
|
|
9348
9306
|
}
|
|
9349
9307
|
.zen-advanced-groups-filter-form__combo-box {
|
|
9350
|
-
margin-
|
|
9308
|
+
margin-bottom: 20px;
|
|
9351
9309
|
}
|
|
9352
9310
|
.zen-advanced-groups-filter-form__popup.zen-advanced-groups-filter-form__popup {
|
|
9353
9311
|
z-index: 11001;
|
|
@@ -9519,7 +9477,7 @@ html:lang(ar) .zen-group-button--mobile {
|
|
|
9519
9477
|
box-sizing: border-box;
|
|
9520
9478
|
display: flex;
|
|
9521
9479
|
align-items: baseline;
|
|
9522
|
-
gap:
|
|
9480
|
+
gap: 8px;
|
|
9523
9481
|
}
|
|
9524
9482
|
.zen-pill-box * {
|
|
9525
9483
|
box-sizing: border-box;
|
|
@@ -9528,7 +9486,7 @@ html:lang(ar) .zen-group-button--mobile {
|
|
|
9528
9486
|
display: flex;
|
|
9529
9487
|
align-items: center;
|
|
9530
9488
|
align-content: center;
|
|
9531
|
-
gap:
|
|
9489
|
+
gap: 8px;
|
|
9532
9490
|
flex-wrap: wrap;
|
|
9533
9491
|
}
|
|
9534
9492
|
.zen-pill-box__label {
|
|
@@ -9577,7 +9535,10 @@ html:lang(ar) .zen-pill-box.zen-pill-box--drive-tablet {
|
|
|
9577
9535
|
position: absolute;
|
|
9578
9536
|
width: 100%;
|
|
9579
9537
|
height: 100%;
|
|
9580
|
-
|
|
9538
|
+
top: 0;
|
|
9539
|
+
bottom: 0;
|
|
9540
|
+
left: 0;
|
|
9541
|
+
right: 0;
|
|
9581
9542
|
display: flex;
|
|
9582
9543
|
align-items: center;
|
|
9583
9544
|
justify-content: center;
|
|
@@ -9588,7 +9549,10 @@ html:lang(ar) .zen-pill-box.zen-pill-box--drive-tablet {
|
|
|
9588
9549
|
.zen-modal__shield {
|
|
9589
9550
|
box-sizing: border-box;
|
|
9590
9551
|
position: absolute;
|
|
9591
|
-
|
|
9552
|
+
top: 0;
|
|
9553
|
+
bottom: 0;
|
|
9554
|
+
left: 0;
|
|
9555
|
+
right: 0;
|
|
9592
9556
|
z-index: 11000;
|
|
9593
9557
|
background-color: var(--backgrounds-hover);
|
|
9594
9558
|
opacity: 0.5;
|
|
@@ -9621,14 +9585,13 @@ html:lang(ar) .zen-pill-box.zen-pill-box--drive-tablet {
|
|
|
9621
9585
|
justify-content: space-between;
|
|
9622
9586
|
align-items: center;
|
|
9623
9587
|
flex-wrap: nowrap;
|
|
9624
|
-
padding
|
|
9625
|
-
|
|
9626
|
-
min-height: 4.5rem;
|
|
9588
|
+
padding: 24px 24px 16px 24px;
|
|
9589
|
+
min-height: 72px;
|
|
9627
9590
|
}
|
|
9628
9591
|
.zen-modal-content__header-title {
|
|
9629
9592
|
display: flex;
|
|
9630
9593
|
align-items: center;
|
|
9631
|
-
gap:
|
|
9594
|
+
gap: 4px;
|
|
9632
9595
|
flex-grow: 2;
|
|
9633
9596
|
}
|
|
9634
9597
|
.zen-modal-content__header-close-button.zen-modal-content__header-close-button {
|
|
@@ -9637,37 +9600,35 @@ html:lang(ar) .zen-pill-box.zen-pill-box--drive-tablet {
|
|
|
9637
9600
|
justify-content: center;
|
|
9638
9601
|
flex-shrink: 0;
|
|
9639
9602
|
border: none;
|
|
9603
|
+
padding: 0;
|
|
9640
9604
|
cursor: pointer;
|
|
9641
9605
|
align-self: flex-start;
|
|
9642
|
-
padding:
|
|
9606
|
+
padding: 8px;
|
|
9643
9607
|
}
|
|
9644
9608
|
.zen-modal-content__body {
|
|
9645
9609
|
overflow: auto;
|
|
9646
|
-
padding
|
|
9647
|
-
padding-block-end: 2rem;
|
|
9648
|
-
padding-inline-start: 1.5rem;
|
|
9649
|
-
padding-inline-end: 1.5rem;
|
|
9610
|
+
padding: 12px 24px 32px 24px;
|
|
9650
9611
|
}
|
|
9651
9612
|
.zen-modal-content__body--no-footer {
|
|
9652
|
-
padding-
|
|
9613
|
+
padding-bottom: 16px;
|
|
9653
9614
|
}
|
|
9654
9615
|
.zen-modal-content__footer {
|
|
9655
9616
|
display: flex;
|
|
9656
9617
|
justify-content: space-between;
|
|
9657
|
-
padding:
|
|
9658
|
-
min-height:
|
|
9618
|
+
padding: 16px 24px;
|
|
9619
|
+
min-height: 59px;
|
|
9659
9620
|
background-color: var(--backgrounds-content-0);
|
|
9660
9621
|
}
|
|
9661
9622
|
.zen-modal-content__footer--mobile {
|
|
9662
9623
|
display: flex;
|
|
9663
9624
|
flex-direction: column-reverse;
|
|
9664
|
-
gap:
|
|
9625
|
+
gap: 8px;
|
|
9665
9626
|
}
|
|
9666
9627
|
.zen-modal-content__footer--mobile .zen-modal-content__icon-button {
|
|
9667
9628
|
justify-content: center;
|
|
9668
9629
|
}
|
|
9669
9630
|
.zen-modal-content__footer--mobile .zen-modal-content__icon-button .zen-caption__content {
|
|
9670
|
-
margin-
|
|
9631
|
+
margin-right: 0;
|
|
9671
9632
|
}
|
|
9672
9633
|
.zen-modal-content__footer-left {
|
|
9673
9634
|
display: flex;
|
|
@@ -9680,13 +9641,13 @@ html:lang(ar) .zen-pill-box.zen-pill-box--drive-tablet {
|
|
|
9680
9641
|
.zen-modal-content__footer-right {
|
|
9681
9642
|
display: flex;
|
|
9682
9643
|
align-items: center;
|
|
9683
|
-
gap:
|
|
9644
|
+
gap: 8px;
|
|
9684
9645
|
}
|
|
9685
9646
|
.zen-modal-content__footer-right--mobile {
|
|
9686
9647
|
display: flex;
|
|
9687
9648
|
align-items: unset;
|
|
9688
9649
|
flex-direction: column;
|
|
9689
|
-
gap:
|
|
9650
|
+
gap: 8px;
|
|
9690
9651
|
}
|
|
9691
9652
|
.zen-modal-content__left-button {
|
|
9692
9653
|
width: 100%;
|
|
@@ -9694,8 +9655,8 @@ html:lang(ar) .zen-pill-box.zen-pill-box--drive-tablet {
|
|
|
9694
9655
|
.zen-modal-content__icon {
|
|
9695
9656
|
display: flex;
|
|
9696
9657
|
align-items: center;
|
|
9697
|
-
margin-
|
|
9698
|
-
padding:
|
|
9658
|
+
margin-right: 4px;
|
|
9659
|
+
padding: 4px;
|
|
9699
9660
|
border-radius: 99px;
|
|
9700
9661
|
}
|
|
9701
9662
|
.zen-modal-content__icon--default {
|
|
@@ -9723,10 +9684,10 @@ html:lang(ar) .zen-pill-box.zen-pill-box--drive-tablet {
|
|
|
9723
9684
|
background-color: var(--accents-error--main);
|
|
9724
9685
|
}
|
|
9725
9686
|
.zen-modal-content--small {
|
|
9726
|
-
max-width:
|
|
9687
|
+
max-width: 400px;
|
|
9727
9688
|
}
|
|
9728
9689
|
.zen-modal-content--normal {
|
|
9729
|
-
max-width:
|
|
9690
|
+
max-width: 600px;
|
|
9730
9691
|
}
|
|
9731
9692
|
.zen-status-pill {
|
|
9732
9693
|
box-sizing: border-box;
|
|
@@ -9737,7 +9698,7 @@ html:lang(ar) .zen-pill-box.zen-pill-box--drive-tablet {
|
|
|
9737
9698
|
.zen-status-pill__pill-container {
|
|
9738
9699
|
display: flex;
|
|
9739
9700
|
align-items: center;
|
|
9740
|
-
gap:
|
|
9701
|
+
gap: 4px;
|
|
9741
9702
|
position: relative;
|
|
9742
9703
|
cursor: pointer;
|
|
9743
9704
|
}
|
|
@@ -9770,8 +9731,8 @@ html:lang(ar) .zen-pill-box.zen-pill-box--drive-tablet {
|
|
|
9770
9731
|
text-decoration: none;
|
|
9771
9732
|
display: flex;
|
|
9772
9733
|
align-items: center;
|
|
9773
|
-
padding:
|
|
9774
|
-
border-radius:
|
|
9734
|
+
padding: 4px 8px;
|
|
9735
|
+
border-radius: 999px;
|
|
9775
9736
|
background-color: var(--backgrounds-content-1);
|
|
9776
9737
|
border: var(--border-width-default) solid transparent;
|
|
9777
9738
|
color: var(--text-primary);
|
|
@@ -9789,7 +9750,7 @@ html:lang(ar) .zen-status-pill__container {
|
|
|
9789
9750
|
line-height: 20px;
|
|
9790
9751
|
text-transform: none;
|
|
9791
9752
|
text-decoration: none;
|
|
9792
|
-
padding:
|
|
9753
|
+
padding: 8px;
|
|
9793
9754
|
}
|
|
9794
9755
|
html:lang(ar) .zen-status-pill__container--drive {
|
|
9795
9756
|
font-family: var(--arabic-font-family);
|
|
@@ -9803,7 +9764,7 @@ html:lang(ar) .zen-status-pill__container--drive {
|
|
|
9803
9764
|
line-height: 22px;
|
|
9804
9765
|
text-transform: none;
|
|
9805
9766
|
text-decoration: none;
|
|
9806
|
-
padding:
|
|
9767
|
+
padding: 8px;
|
|
9807
9768
|
}
|
|
9808
9769
|
html:lang(ar) .zen-status-pill__container--drive-tablet {
|
|
9809
9770
|
font-family: var(--arabic-font-family);
|
|
@@ -9964,7 +9925,7 @@ html:lang(ar) .zen-status-pill__container--drive-tablet {
|
|
|
9964
9925
|
}
|
|
9965
9926
|
.zen-status-pill-popup {
|
|
9966
9927
|
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
|
|
9967
|
-
border-radius:
|
|
9928
|
+
border-radius: 4px;
|
|
9968
9929
|
background-color: white;
|
|
9969
9930
|
max-height: 560px;
|
|
9970
9931
|
overflow: hidden;
|
|
@@ -9973,8 +9934,8 @@ html:lang(ar) .zen-status-pill__container--drive-tablet {
|
|
|
9973
9934
|
.zen-status-pill-popup__container {
|
|
9974
9935
|
display: flex;
|
|
9975
9936
|
flex-direction: column;
|
|
9976
|
-
padding:
|
|
9977
|
-
gap:
|
|
9937
|
+
padding: 12px 8px;
|
|
9938
|
+
gap: 16px;
|
|
9978
9939
|
overflow-y: auto;
|
|
9979
9940
|
max-height: 480px;
|
|
9980
9941
|
}
|
|
@@ -9990,8 +9951,8 @@ html:lang(ar) .zen-status-pill__container--drive-tablet {
|
|
|
9990
9951
|
.zen-status-pill-popup__title-item {
|
|
9991
9952
|
display: flex;
|
|
9992
9953
|
align-items: center;
|
|
9993
|
-
padding:
|
|
9994
|
-
gap:
|
|
9954
|
+
padding: 12px 8px;
|
|
9955
|
+
gap: 16px;
|
|
9995
9956
|
border-bottom: 1px solid var(--borders-general);
|
|
9996
9957
|
}
|
|
9997
9958
|
.zen-status-pill-popup__title-item-text {
|
|
@@ -10019,7 +9980,7 @@ html:lang(ar) .zen-status-pill-popup__title-item-text {
|
|
|
10019
9980
|
.zen-status-pill-popup__children {
|
|
10020
9981
|
display: flex;
|
|
10021
9982
|
flex-direction: column;
|
|
10022
|
-
gap:
|
|
9983
|
+
gap: 8px;
|
|
10023
9984
|
}
|
|
10024
9985
|
.zen-status-pill-popup__content-header {
|
|
10025
9986
|
display: flex;
|
|
@@ -10113,7 +10074,7 @@ html:lang(ar) .zen-status-pill-popup__description--drive-tablet {
|
|
|
10113
10074
|
.zen-status-pill-popup__actions {
|
|
10114
10075
|
display: flex;
|
|
10115
10076
|
flex-direction: column;
|
|
10116
|
-
gap:
|
|
10077
|
+
gap: 4px;
|
|
10117
10078
|
}
|
|
10118
10079
|
.zen-status-pill-popup__divider.zen-divider {
|
|
10119
10080
|
background-color: var(--borders-general);
|
|
@@ -10122,7 +10083,7 @@ html:lang(ar) .zen-status-pill-popup__description--drive-tablet {
|
|
|
10122
10083
|
border-bottom: 1px solid var(--borders-general);
|
|
10123
10084
|
}
|
|
10124
10085
|
.zen-status-pill-popup--mobile .zen-mobile-sheet__content {
|
|
10125
|
-
padding:
|
|
10086
|
+
padding: 16px;
|
|
10126
10087
|
max-height: 90vh;
|
|
10127
10088
|
overflow-y: auto;
|
|
10128
10089
|
}
|
|
@@ -10143,13 +10104,13 @@ html:lang(ar) .zen-status-pill-popup__mobile-title {
|
|
|
10143
10104
|
.zen-status-pill-popup__mobile-content {
|
|
10144
10105
|
display: flex;
|
|
10145
10106
|
flex-direction: column;
|
|
10146
|
-
gap:
|
|
10107
|
+
gap: 16px;
|
|
10147
10108
|
}
|
|
10148
10109
|
.zen-status-pill-popup__view-more-button {
|
|
10149
10110
|
display: flex;
|
|
10150
10111
|
align-items: center;
|
|
10151
10112
|
justify-content: center;
|
|
10152
|
-
gap:
|
|
10113
|
+
gap: 8px;
|
|
10153
10114
|
margin: 16px 8px 8px;
|
|
10154
10115
|
}
|
|
10155
10116
|
.zen-status-pill-popup__view-more-badge {
|
|
@@ -10164,10 +10125,10 @@ html:lang(ar) .zen-status-pill-popup__mobile-title {
|
|
|
10164
10125
|
display: inline-flex;
|
|
10165
10126
|
align-items: center;
|
|
10166
10127
|
justify-content: center;
|
|
10167
|
-
min-width:
|
|
10128
|
+
min-width: 22px;
|
|
10168
10129
|
height: 22px;
|
|
10169
|
-
padding: 0
|
|
10170
|
-
border-radius:
|
|
10130
|
+
padding: 0 6px;
|
|
10131
|
+
border-radius: 999px;
|
|
10171
10132
|
background-color: var(--action-primary--default);
|
|
10172
10133
|
color: var(--text-reverse-primary);
|
|
10173
10134
|
line-height: 1;
|
|
@@ -10296,7 +10257,7 @@ html:lang(ar) .zen-calendar {
|
|
|
10296
10257
|
align-items: center;
|
|
10297
10258
|
}
|
|
10298
10259
|
.zen-calendar__year--limited {
|
|
10299
|
-
max-width: calc(100% -
|
|
10260
|
+
max-width: calc(100% - 126px);
|
|
10300
10261
|
}
|
|
10301
10262
|
.zen-calendar__year-name {
|
|
10302
10263
|
flex: 0 1 auto;
|
|
@@ -10309,20 +10270,20 @@ html:lang(ar) .zen-calendar {
|
|
|
10309
10270
|
text-transform: none;
|
|
10310
10271
|
text-decoration: none;
|
|
10311
10272
|
color: var(--text-primary);
|
|
10312
|
-
margin-
|
|
10273
|
+
margin-left: 32px;
|
|
10313
10274
|
}
|
|
10314
10275
|
html:lang(ar) .zen-calendar__year-name {
|
|
10315
10276
|
font-family: var(--arabic-font-family);
|
|
10316
10277
|
}
|
|
10317
10278
|
.zen-calendar__year-name--left {
|
|
10318
|
-
margin-
|
|
10279
|
+
margin-left: 12px;
|
|
10319
10280
|
}
|
|
10320
10281
|
.zen-calendar__year-trigger {
|
|
10321
|
-
margin-
|
|
10282
|
+
margin-left: 4px;
|
|
10322
10283
|
}
|
|
10323
10284
|
.zen-calendar__months {
|
|
10324
10285
|
display: flex;
|
|
10325
|
-
gap:
|
|
10286
|
+
gap: 12px;
|
|
10326
10287
|
}
|
|
10327
10288
|
.zen-calendar__table {
|
|
10328
10289
|
width: 100%;
|
|
@@ -10349,58 +10310,59 @@ html:lang(ar) .zen-calendar__year-name {
|
|
|
10349
10310
|
text-decoration: none;
|
|
10350
10311
|
color: var(--text-primary);
|
|
10351
10312
|
width: 14%;
|
|
10352
|
-
height:
|
|
10353
|
-
padding:
|
|
10313
|
+
height: 16px;
|
|
10314
|
+
padding: 12px 0;
|
|
10354
10315
|
text-align: center;
|
|
10355
10316
|
}
|
|
10356
10317
|
html:lang(ar) .zen-calendar__column {
|
|
10357
10318
|
font-family: var(--arabic-font-family);
|
|
10358
10319
|
}
|
|
10359
10320
|
.zen-calendar__cell {
|
|
10360
|
-
padding:
|
|
10361
|
-
margin:
|
|
10362
|
-
border:
|
|
10321
|
+
padding: 0px;
|
|
10322
|
+
margin: 0px;
|
|
10323
|
+
border: 0px;
|
|
10363
10324
|
}
|
|
10364
10325
|
.zen-calendar__day-wrapper {
|
|
10365
10326
|
color: var(--text-primary);
|
|
10366
|
-
margin:
|
|
10327
|
+
margin: 0px;
|
|
10367
10328
|
box-sizing: border-box;
|
|
10368
|
-
height:
|
|
10329
|
+
height: 24px;
|
|
10369
10330
|
width: 100%;
|
|
10370
10331
|
position: relative;
|
|
10371
10332
|
cursor: pointer;
|
|
10372
10333
|
background-color: transparent;
|
|
10373
10334
|
border: none;
|
|
10374
10335
|
outline: none;
|
|
10375
|
-
margin-
|
|
10336
|
+
margin-bottom: 12px;
|
|
10376
10337
|
display: flex;
|
|
10377
10338
|
justify-content: center;
|
|
10378
10339
|
}
|
|
10379
10340
|
.zen-calendar__left-border,
|
|
10380
10341
|
.zen-calendar__right-border {
|
|
10381
|
-
height:
|
|
10342
|
+
height: 24px;
|
|
10382
10343
|
width: 50%;
|
|
10383
|
-
border
|
|
10384
|
-
border-
|
|
10385
|
-
border-
|
|
10344
|
+
border: 1px solid transparent;
|
|
10345
|
+
border-left: 0px;
|
|
10346
|
+
border-right: 0px;
|
|
10347
|
+
border-radius: 0px;
|
|
10386
10348
|
position: absolute;
|
|
10387
|
-
padding:
|
|
10388
|
-
margin:
|
|
10389
|
-
top:
|
|
10349
|
+
padding: 0px;
|
|
10350
|
+
margin: 0px;
|
|
10351
|
+
top: 0px;
|
|
10390
10352
|
z-index: 1;
|
|
10391
10353
|
border-color: var(--action-primary--default);
|
|
10392
10354
|
background-color: var(--accents-general--main);
|
|
10393
10355
|
}
|
|
10394
10356
|
.zen-calendar__week-start,
|
|
10395
10357
|
.zen-calendar__week-end {
|
|
10396
|
-
height:
|
|
10358
|
+
height: 24px;
|
|
10397
10359
|
border: 1px solid var(--action-primary--default);
|
|
10398
10360
|
background-color: var(--accents-general--main);
|
|
10399
10361
|
position: absolute;
|
|
10400
10362
|
top: 0;
|
|
10401
10363
|
z-index: 1;
|
|
10402
|
-
width:
|
|
10403
|
-
border-radius:
|
|
10364
|
+
width: 32px;
|
|
10365
|
+
border-radius: 24px;
|
|
10404
10366
|
}
|
|
10405
10367
|
.zen-calendar__week-start {
|
|
10406
10368
|
clip-path: xywh(0 0 50% 100%);
|
|
@@ -10411,33 +10373,28 @@ html:lang(ar) .zen-calendar__column {
|
|
|
10411
10373
|
.zen-calendar__month-start,
|
|
10412
10374
|
.zen-calendar__month-end {
|
|
10413
10375
|
position: absolute;
|
|
10414
|
-
height:
|
|
10376
|
+
height: 24px;
|
|
10415
10377
|
top: 0;
|
|
10416
|
-
width:
|
|
10378
|
+
width: 16px;
|
|
10417
10379
|
z-index: 1;
|
|
10418
|
-
border
|
|
10419
|
-
border-
|
|
10380
|
+
border: 1px solid var(--action-primary--default);
|
|
10381
|
+
border-left: none;
|
|
10382
|
+
border-right: none;
|
|
10420
10383
|
background-color: var(--accents-general--main);
|
|
10421
10384
|
}
|
|
10422
10385
|
.zen-calendar__month-start {
|
|
10423
10386
|
mask-image: linear-gradient(to left, #000000, transparent);
|
|
10424
|
-
|
|
10425
|
-
}
|
|
10426
|
-
[dir="rtl"] .zen-calendar__month-start {
|
|
10427
|
-
mask-image: linear-gradient(to right, #000000, transparent);
|
|
10387
|
+
left: calc(50% - 16px);
|
|
10428
10388
|
}
|
|
10429
10389
|
.zen-calendar__month-end {
|
|
10430
10390
|
mask-image: linear-gradient(to right, #000000, transparent);
|
|
10431
|
-
|
|
10432
|
-
}
|
|
10433
|
-
[dir="rtl"] .zen-calendar__month-end {
|
|
10434
|
-
mask-image: linear-gradient(to left, #000000, transparent);
|
|
10391
|
+
left: 50%;
|
|
10435
10392
|
}
|
|
10436
10393
|
.zen-calendar__left-border {
|
|
10437
|
-
|
|
10394
|
+
left: 0px;
|
|
10438
10395
|
}
|
|
10439
10396
|
.zen-calendar__right-border {
|
|
10440
|
-
|
|
10397
|
+
right: 0px;
|
|
10441
10398
|
}
|
|
10442
10399
|
.zen-calendar__day {
|
|
10443
10400
|
font-family: var(--main-font);
|
|
@@ -10452,8 +10409,8 @@ html:lang(ar) .zen-calendar__column {
|
|
|
10452
10409
|
justify-content: center;
|
|
10453
10410
|
align-items: center;
|
|
10454
10411
|
color: var(--text-primary);
|
|
10455
|
-
width:
|
|
10456
|
-
height:
|
|
10412
|
+
width: 32px;
|
|
10413
|
+
height: 24px;
|
|
10457
10414
|
text-align: center;
|
|
10458
10415
|
position: absolute;
|
|
10459
10416
|
top: 0;
|
|
@@ -10472,7 +10429,8 @@ html:lang(ar) .zen-calendar__day {
|
|
|
10472
10429
|
.zen-calendar__day--in-range {
|
|
10473
10430
|
background-color: var(--accents-general--main);
|
|
10474
10431
|
border-color: var(--action-primary--default);
|
|
10475
|
-
border-
|
|
10432
|
+
border-left: 0px;
|
|
10433
|
+
border-right: 0px;
|
|
10476
10434
|
}
|
|
10477
10435
|
.zen-calendar__day-wrapper--hover .zen-calendar__day,
|
|
10478
10436
|
.zen-calendar__day-wrapper:hover .zen-calendar__day,
|
|
@@ -10480,7 +10438,7 @@ html:lang(ar) .zen-calendar__day {
|
|
|
10480
10438
|
color: var(--text-hyperlink);
|
|
10481
10439
|
background-color: var(--accents-general--main);
|
|
10482
10440
|
border: 1px solid var(--action-primary--default);
|
|
10483
|
-
border-radius:
|
|
10441
|
+
border-radius: 24px;
|
|
10484
10442
|
outline: none;
|
|
10485
10443
|
}
|
|
10486
10444
|
.zen-calendar__day-wrapper:disabled .zen-calendar__day {
|
|
@@ -10494,12 +10452,12 @@ html:lang(ar) .zen-calendar__day {
|
|
|
10494
10452
|
color: var(--text-reverse-primary);
|
|
10495
10453
|
background-color: var(--action-primary--default);
|
|
10496
10454
|
border: 1px solid var(--action-primary--default);
|
|
10497
|
-
border-radius:
|
|
10455
|
+
border-radius: 24px;
|
|
10498
10456
|
}
|
|
10499
10457
|
.zen-calendar__day-wrapper--ready-to-change.zen-calendar__day-wrapper--ready-to-change .zen-calendar__day {
|
|
10500
10458
|
color: var(--text-reverse-primary);
|
|
10501
10459
|
border: 1px solid var(--action-primary--active);
|
|
10502
|
-
border-radius:
|
|
10460
|
+
border-radius: 24px;
|
|
10503
10461
|
background-color: var(--action-primary--active);
|
|
10504
10462
|
}
|
|
10505
10463
|
.zen-calendar__day-wrapper--active:hover .zen-calendar__day,
|
|
@@ -10509,60 +10467,60 @@ html:lang(ar) .zen-calendar__day {
|
|
|
10509
10467
|
border: 1px solid var(--action-primary--hover);
|
|
10510
10468
|
}
|
|
10511
10469
|
.zen-calendar .zen-calendar__body--mobile-view .zen-calendar__day-wrapper {
|
|
10512
|
-
height:
|
|
10470
|
+
height: 32px;
|
|
10513
10471
|
}
|
|
10514
10472
|
.zen-calendar .zen-calendar__body--mobile-view .zen-calendar__left-border,
|
|
10515
10473
|
.zen-calendar .zen-calendar__body--mobile-view .zen-calendar__right-border {
|
|
10516
|
-
height:
|
|
10474
|
+
height: 32px;
|
|
10517
10475
|
}
|
|
10518
10476
|
.zen-calendar .zen-calendar__body--mobile-view .zen-calendar__week-start,
|
|
10519
10477
|
.zen-calendar .zen-calendar__body--mobile-view .zen-calendar__week-end {
|
|
10520
|
-
height:
|
|
10521
|
-
border-radius:
|
|
10478
|
+
height: 32px;
|
|
10479
|
+
border-radius: 32px;
|
|
10522
10480
|
}
|
|
10523
10481
|
.zen-calendar .zen-calendar__body--mobile-view .zen-calendar__month-start,
|
|
10524
10482
|
.zen-calendar .zen-calendar__body--mobile-view .zen-calendar__month-end {
|
|
10525
|
-
height:
|
|
10483
|
+
height: 32px;
|
|
10526
10484
|
}
|
|
10527
10485
|
.zen-calendar .zen-calendar__body--mobile-view .zen-calendar__day {
|
|
10528
|
-
height:
|
|
10486
|
+
height: 32px;
|
|
10529
10487
|
}
|
|
10530
10488
|
.zen-calendar .zen-calendar__body--mobile-view .zen-calendar__day-wrapper--hover .zen-calendar__day,
|
|
10531
10489
|
.zen-calendar .zen-calendar__body--mobile-view .zen-calendar__day-wrapper:hover .zen-calendar__day,
|
|
10532
10490
|
.zen-calendar .zen-calendar__body--mobile-view .zen-calendar__day-wrapper:focus .zen-calendar__day {
|
|
10533
|
-
border-radius:
|
|
10491
|
+
border-radius: 32px;
|
|
10534
10492
|
}
|
|
10535
10493
|
.zen-calendar .zen-calendar__body--mobile-view .zen-calendar__day-wrapper--active .zen-calendar__day {
|
|
10536
|
-
border-radius:
|
|
10494
|
+
border-radius: 32px;
|
|
10537
10495
|
}
|
|
10538
10496
|
.zen-calendar.zen-calendar--drive .zen-calendar__day-wrapper,
|
|
10539
10497
|
.zen-calendar.zen-calendar--drive-tablet .zen-calendar__day-wrapper {
|
|
10540
|
-
height:
|
|
10498
|
+
height: 40px;
|
|
10541
10499
|
}
|
|
10542
10500
|
.zen-calendar.zen-calendar--drive .zen-calendar__left-border,
|
|
10543
10501
|
.zen-calendar.zen-calendar--drive-tablet .zen-calendar__left-border,
|
|
10544
10502
|
.zen-calendar.zen-calendar--drive .zen-calendar__right-border,
|
|
10545
10503
|
.zen-calendar.zen-calendar--drive-tablet .zen-calendar__right-border {
|
|
10546
|
-
height:
|
|
10504
|
+
height: 40px;
|
|
10547
10505
|
}
|
|
10548
10506
|
.zen-calendar.zen-calendar--drive .zen-calendar__week-start,
|
|
10549
10507
|
.zen-calendar.zen-calendar--drive-tablet .zen-calendar__week-start,
|
|
10550
10508
|
.zen-calendar.zen-calendar--drive .zen-calendar__week-end,
|
|
10551
10509
|
.zen-calendar.zen-calendar--drive-tablet .zen-calendar__week-end {
|
|
10552
|
-
height:
|
|
10553
|
-
border-radius:
|
|
10554
|
-
width:
|
|
10510
|
+
height: 40px;
|
|
10511
|
+
border-radius: 40px;
|
|
10512
|
+
width: 40px;
|
|
10555
10513
|
}
|
|
10556
10514
|
.zen-calendar.zen-calendar--drive .zen-calendar__month-start,
|
|
10557
10515
|
.zen-calendar.zen-calendar--drive-tablet .zen-calendar__month-start,
|
|
10558
10516
|
.zen-calendar.zen-calendar--drive .zen-calendar__month-end,
|
|
10559
10517
|
.zen-calendar.zen-calendar--drive-tablet .zen-calendar__month-end {
|
|
10560
|
-
height:
|
|
10518
|
+
height: 40px;
|
|
10561
10519
|
}
|
|
10562
10520
|
.zen-calendar.zen-calendar--drive .zen-calendar__day,
|
|
10563
10521
|
.zen-calendar.zen-calendar--drive-tablet .zen-calendar__day {
|
|
10564
|
-
height:
|
|
10565
|
-
width:
|
|
10522
|
+
height: 40px;
|
|
10523
|
+
width: 40px;
|
|
10566
10524
|
}
|
|
10567
10525
|
.zen-calendar.zen-calendar--drive .zen-calendar__day-wrapper--hover .zen-calendar__day,
|
|
10568
10526
|
.zen-calendar.zen-calendar--drive-tablet .zen-calendar__day-wrapper--hover .zen-calendar__day,
|
|
@@ -10570,19 +10528,19 @@ html:lang(ar) .zen-calendar__day {
|
|
|
10570
10528
|
.zen-calendar.zen-calendar--drive-tablet .zen-calendar__day-wrapper:hover .zen-calendar__day,
|
|
10571
10529
|
.zen-calendar.zen-calendar--drive .zen-calendar__day-wrapper:focus .zen-calendar__day,
|
|
10572
10530
|
.zen-calendar.zen-calendar--drive-tablet .zen-calendar__day-wrapper:focus .zen-calendar__day {
|
|
10573
|
-
border-radius:
|
|
10531
|
+
border-radius: 40px;
|
|
10574
10532
|
}
|
|
10575
10533
|
.zen-calendar.zen-calendar--drive .zen-calendar__day-wrapper--active.zen-calendar__day-wrapper--active .zen-calendar__day,
|
|
10576
10534
|
.zen-calendar.zen-calendar--drive-tablet .zen-calendar__day-wrapper--active.zen-calendar__day-wrapper--active .zen-calendar__day {
|
|
10577
|
-
border-radius:
|
|
10535
|
+
border-radius: 40px;
|
|
10578
10536
|
}
|
|
10579
10537
|
.zen-calendar.zen-calendar--drive .zen-calendar__year-name,
|
|
10580
10538
|
.zen-calendar.zen-calendar--drive-tablet .zen-calendar__year-name {
|
|
10581
|
-
margin-
|
|
10539
|
+
margin-left: 12px;
|
|
10582
10540
|
}
|
|
10583
10541
|
.zen-calendar.zen-calendar--drive .zen-calendar__year,
|
|
10584
10542
|
.zen-calendar.zen-calendar--drive .zen-calendar__year--limited {
|
|
10585
|
-
max-width: calc(100% -
|
|
10543
|
+
max-width: calc(100% - 163px);
|
|
10586
10544
|
}
|
|
10587
10545
|
.zen-calendar.zen-calendar--drive .zen-calendar__year-name {
|
|
10588
10546
|
font-family: var(--main-font);
|
|
@@ -10625,7 +10583,7 @@ html:lang(ar) .zen-calendar.zen-calendar--drive .zen-calendar__day {
|
|
|
10625
10583
|
}
|
|
10626
10584
|
.zen-calendar.zen-calendar--drive-tablet .zen-calendar__year,
|
|
10627
10585
|
.zen-calendar.zen-calendar--drive-tablet .zen-calendar__year--limited {
|
|
10628
|
-
max-width: calc(100% -
|
|
10586
|
+
max-width: calc(100% - 173px);
|
|
10629
10587
|
}
|
|
10630
10588
|
.zen-calendar.zen-calendar--drive-tablet .zen-calendar__year-name {
|
|
10631
10589
|
font-family: var(--main-font);
|
|
@@ -10668,10 +10626,10 @@ html:lang(ar) .zen-calendar.zen-calendar--drive-tablet .zen-calendar__day {
|
|
|
10668
10626
|
}
|
|
10669
10627
|
@media (max-width: 520px) {
|
|
10670
10628
|
.zen-calendar .zen-calendar__year {
|
|
10671
|
-
max-width: calc(100% -
|
|
10629
|
+
max-width: calc(100% - 126px);
|
|
10672
10630
|
}
|
|
10673
10631
|
.zen-calendar.zen-calendar--drive .zen-calendar__year {
|
|
10674
|
-
max-width: calc(100% -
|
|
10632
|
+
max-width: calc(100% - 163px);
|
|
10675
10633
|
}
|
|
10676
10634
|
}
|
|
10677
10635
|
.zen-parallel-selection {
|
|
@@ -10681,7 +10639,7 @@ html:lang(ar) .zen-calendar.zen-calendar--drive-tablet .zen-calendar__day {
|
|
|
10681
10639
|
box-sizing: border-box;
|
|
10682
10640
|
}
|
|
10683
10641
|
.zen-parallel-selection__select {
|
|
10684
|
-
max-height:
|
|
10642
|
+
max-height: 200px;
|
|
10685
10643
|
}
|
|
10686
10644
|
.zen-parallel-selection-popup.zen-parallel-selection-popup {
|
|
10687
10645
|
z-index: 11002;
|
|
@@ -11403,9 +11361,9 @@ html:lang(ar) .zen-chart-axis__value {
|
|
|
11403
11361
|
text-transform: none;
|
|
11404
11362
|
text-decoration: none;
|
|
11405
11363
|
width: 100%;
|
|
11406
|
-
padding:
|
|
11407
|
-
border:
|
|
11408
|
-
border-radius:
|
|
11364
|
+
padding: 12px 16px;
|
|
11365
|
+
border: 0px;
|
|
11366
|
+
border-radius: 0px;
|
|
11409
11367
|
}
|
|
11410
11368
|
html:lang(ar) .zen-columns-filter__item {
|
|
11411
11369
|
font-family: var(--arabic-font-family);
|
|
@@ -11414,7 +11372,7 @@ html:lang(ar) .zen-columns-filter__item {
|
|
|
11414
11372
|
text-align: start;
|
|
11415
11373
|
}
|
|
11416
11374
|
.zen-columns-filter__item--header {
|
|
11417
|
-
border-
|
|
11375
|
+
border-top: 1px solid var(--borders-general);
|
|
11418
11376
|
}
|
|
11419
11377
|
.zen-arrow-nav-button--invisible.zen-arrow-nav-button--invisible {
|
|
11420
11378
|
display: none;
|
|
@@ -11586,17 +11544,15 @@ html:lang(ar) .zen-columns-list__title {
|
|
|
11586
11544
|
z-index: 11002;
|
|
11587
11545
|
}
|
|
11588
11546
|
.zen-date-input-popup {
|
|
11589
|
-
width:
|
|
11590
|
-
min-width:
|
|
11547
|
+
width: 280px;
|
|
11548
|
+
min-width: 280px;
|
|
11591
11549
|
overflow-x: hidden;
|
|
11592
11550
|
}
|
|
11593
11551
|
.zen-date-input-popup__button-clear {
|
|
11594
|
-
margin
|
|
11595
|
-
margin-inline: 0.25rem auto;
|
|
11552
|
+
margin: 8px auto 4px 4px;
|
|
11596
11553
|
}
|
|
11597
11554
|
.zen-date-input-popup__button-apply {
|
|
11598
|
-
margin
|
|
11599
|
-
margin-inline: 0;
|
|
11555
|
+
margin: 8px 0px 4px 0px;
|
|
11600
11556
|
}
|
|
11601
11557
|
.zen-date-input-popup__header {
|
|
11602
11558
|
font-family: var(--main-font);
|
|
@@ -11608,8 +11564,8 @@ html:lang(ar) .zen-columns-list__title {
|
|
|
11608
11564
|
text-transform: none;
|
|
11609
11565
|
text-decoration: none;
|
|
11610
11566
|
color: var(--text-secondary);
|
|
11611
|
-
padding:
|
|
11612
|
-
border-
|
|
11567
|
+
padding: 12px 16px;
|
|
11568
|
+
border-bottom: 1px solid var(--backgrounds-content-1);
|
|
11613
11569
|
}
|
|
11614
11570
|
html:lang(ar) .zen-date-input-popup__header {
|
|
11615
11571
|
font-family: var(--arabic-font-family);
|
|
@@ -11618,12 +11574,12 @@ html:lang(ar) .zen-date-input-popup__header {
|
|
|
11618
11574
|
display: flex;
|
|
11619
11575
|
flex-direction: row;
|
|
11620
11576
|
justify-content: flex-end;
|
|
11621
|
-
padding: 0
|
|
11622
|
-
border-
|
|
11577
|
+
padding: 0 8px;
|
|
11578
|
+
border-top: 1px solid var(--backgrounds-content-1);
|
|
11623
11579
|
}
|
|
11624
11580
|
.zen-date-input-popup.zen-date-input-popup--drive-tablet {
|
|
11625
|
-
width:
|
|
11626
|
-
min-width:
|
|
11581
|
+
width: 320px;
|
|
11582
|
+
min-width: 320px;
|
|
11627
11583
|
}
|
|
11628
11584
|
.zen-date-input-popup.zen-date-input-popup--drive .zen-date-input-popup__header {
|
|
11629
11585
|
font-family: var(--main-font);
|
|
@@ -11652,13 +11608,13 @@ html:lang(ar) .zen-date-input-popup.zen-date-input-popup--drive-tablet .zen-date
|
|
|
11652
11608
|
font-family: var(--arabic-font-family);
|
|
11653
11609
|
}
|
|
11654
11610
|
.zen-date-input-mobile-sheet .zen-mobile-sheet__title {
|
|
11655
|
-
border-
|
|
11611
|
+
border-bottom: none;
|
|
11656
11612
|
}
|
|
11657
11613
|
.zen-date-input-inner__calendar {
|
|
11658
|
-
padding:
|
|
11614
|
+
padding: 0px 8px;
|
|
11659
11615
|
}
|
|
11660
11616
|
.zen-date-input-inner__calendar-wrapper {
|
|
11661
|
-
min-width:
|
|
11617
|
+
min-width: 280px;
|
|
11662
11618
|
}
|
|
11663
11619
|
.zen-date-input-inner__label {
|
|
11664
11620
|
font-family: var(--main-font);
|
|
@@ -11675,7 +11631,7 @@ html:lang(ar) .zen-date-input-inner__label {
|
|
|
11675
11631
|
font-family: var(--arabic-font-family);
|
|
11676
11632
|
}
|
|
11677
11633
|
.zen-date-input-inner__controls-block {
|
|
11678
|
-
padding:
|
|
11634
|
+
padding: 16px 16px;
|
|
11679
11635
|
}
|
|
11680
11636
|
.zen-date-input-inner__control-block {
|
|
11681
11637
|
font-family: var(--main-font);
|
|
@@ -11692,11 +11648,11 @@ html:lang(ar) .zen-date-input-inner__control-block {
|
|
|
11692
11648
|
}
|
|
11693
11649
|
.zen-date-input-inner__separator {
|
|
11694
11650
|
width: 100%;
|
|
11695
|
-
height:
|
|
11651
|
+
height: 16px;
|
|
11696
11652
|
}
|
|
11697
11653
|
.zen-date-input-inner__inputs-block {
|
|
11698
11654
|
display: flex;
|
|
11699
|
-
margin-
|
|
11655
|
+
margin-top: 8px;
|
|
11700
11656
|
flex-direction: row;
|
|
11701
11657
|
}
|
|
11702
11658
|
.zen-date-input-inner__inputs-block-item {
|
|
@@ -11705,12 +11661,12 @@ html:lang(ar) .zen-date-input-inner__control-block {
|
|
|
11705
11661
|
align-items: flex-start;
|
|
11706
11662
|
justify-content: space-between;
|
|
11707
11663
|
flex-grow: 1;
|
|
11708
|
-
margin-
|
|
11709
|
-
width:
|
|
11664
|
+
margin-right: 8px;
|
|
11665
|
+
width: 0px;
|
|
11710
11666
|
flex-basis: 50%;
|
|
11711
11667
|
}
|
|
11712
11668
|
.zen-date-input-inner__inputs-block-item:last-child {
|
|
11713
|
-
margin-
|
|
11669
|
+
margin-right: 0px;
|
|
11714
11670
|
}
|
|
11715
11671
|
.zen-date-input-inner__text-input {
|
|
11716
11672
|
width: 100%;
|
|
@@ -11724,8 +11680,8 @@ html:lang(ar) .zen-date-input-inner__control-block {
|
|
|
11724
11680
|
border: 1px solid var(--text-error-message);
|
|
11725
11681
|
}
|
|
11726
11682
|
.zen-date-input-inner__assistive-text {
|
|
11727
|
-
padding-
|
|
11728
|
-
padding-
|
|
11683
|
+
padding-top: 4px;
|
|
11684
|
+
padding-left: 8px;
|
|
11729
11685
|
}
|
|
11730
11686
|
.zen-date-input-inner.zen-date-input-inner--drive .zen-date-input-inner__label {
|
|
11731
11687
|
font-family: var(--main-font);
|
|
@@ -11754,7 +11710,7 @@ html:lang(ar) .zen-date-input-inner.zen-date-input-inner--drive-tablet .zen-date
|
|
|
11754
11710
|
font-family: var(--arabic-font-family);
|
|
11755
11711
|
}
|
|
11756
11712
|
.zen-date-input-inner--mobile-view .zen-date-input-inner__controls-block {
|
|
11757
|
-
padding:
|
|
11713
|
+
padding: 16px 12px;
|
|
11758
11714
|
}
|
|
11759
11715
|
.zen-date-input-inner__inputs-block-item input.zen-date-input-inner__text-input--active:not(:active) {
|
|
11760
11716
|
border: var(--border-width-default) solid var(--borders-form-field--active);
|
|
@@ -11776,10 +11732,10 @@ html:lang(ar) .zen-date-input-inner.zen-date-input-inner--drive-tablet .zen-date
|
|
|
11776
11732
|
.zen-time-picker-select__wrapper {
|
|
11777
11733
|
display: flex;
|
|
11778
11734
|
justify-content: space-between;
|
|
11779
|
-
padding-
|
|
11735
|
+
padding-bottom: 6px;
|
|
11780
11736
|
}
|
|
11781
11737
|
.zen-time-picker-select__divider.zen-divider {
|
|
11782
|
-
width:
|
|
11738
|
+
width: 1px;
|
|
11783
11739
|
height: auto;
|
|
11784
11740
|
background: linear-gradient(0deg, rgba(199, 203, 210, 0) 0, var(--borders-general) 24.48%, var(--borders-general) 51.04%, var(--borders-general) 75.52%, rgba(199, 203, 210, 0) 100%);
|
|
11785
11741
|
}
|
|
@@ -11788,12 +11744,12 @@ html:lang(ar) .zen-date-input-inner.zen-date-input-inner--drive-tablet .zen-date
|
|
|
11788
11744
|
justify-content: space-between;
|
|
11789
11745
|
flex-direction: row;
|
|
11790
11746
|
align-items: center;
|
|
11791
|
-
border-
|
|
11792
|
-
padding: 0
|
|
11793
|
-
height:
|
|
11747
|
+
border-top: 1px solid var(--borders-general);
|
|
11748
|
+
padding: 0 12px;
|
|
11749
|
+
height: 48px;
|
|
11794
11750
|
}
|
|
11795
11751
|
.zen-popup.zen-time-picker__popup {
|
|
11796
|
-
min-width:
|
|
11752
|
+
min-width: 152px;
|
|
11797
11753
|
z-index: 11002;
|
|
11798
11754
|
}
|
|
11799
11755
|
.zen-popup.zen-time-picker__popup--mobile {
|
|
@@ -11812,7 +11768,7 @@ html:lang(ar) .zen-date-input-inner.zen-date-input-inner--drive-tablet .zen-date
|
|
|
11812
11768
|
.zen-time-picker-select__footer {
|
|
11813
11769
|
flex-direction: column;
|
|
11814
11770
|
height: 100%;
|
|
11815
|
-
padding:
|
|
11771
|
+
padding: 12px;
|
|
11816
11772
|
}
|
|
11817
11773
|
.zen-time-picker-select__footer-button {
|
|
11818
11774
|
width: 100%;
|
|
@@ -11822,7 +11778,7 @@ html:lang(ar) .zen-date-input-inner.zen-date-input-inner--drive-tablet .zen-date
|
|
|
11822
11778
|
.zen-date-range-wrapper {
|
|
11823
11779
|
display: flex;
|
|
11824
11780
|
flex-wrap: nowrap;
|
|
11825
|
-
width:
|
|
11781
|
+
width: 226px;
|
|
11826
11782
|
}
|
|
11827
11783
|
.zen-date-range-wrapper .zen-date-range__stepper {
|
|
11828
11784
|
display: flex;
|
|
@@ -11832,19 +11788,19 @@ html:lang(ar) .zen-date-input-inner.zen-date-input-inner--drive-tablet .zen-date
|
|
|
11832
11788
|
align-items: center;
|
|
11833
11789
|
background: var(--backgrounds-main);
|
|
11834
11790
|
fill: var(--action-secondary--default);
|
|
11835
|
-
width:
|
|
11791
|
+
width: 32px;
|
|
11836
11792
|
cursor: pointer;
|
|
11837
11793
|
flex-shrink: 0;
|
|
11838
11794
|
}
|
|
11839
11795
|
.zen-date-range-wrapper .zen-date-range__stepper--left {
|
|
11840
|
-
margin-
|
|
11841
|
-
border-
|
|
11842
|
-
border-
|
|
11796
|
+
margin-right: -1px;
|
|
11797
|
+
border-top-right-radius: 0;
|
|
11798
|
+
border-bottom-right-radius: 0;
|
|
11843
11799
|
}
|
|
11844
11800
|
.zen-date-range-wrapper .zen-date-range__stepper--right {
|
|
11845
|
-
border-
|
|
11846
|
-
border-
|
|
11847
|
-
margin-
|
|
11801
|
+
border-top-left-radius: 0;
|
|
11802
|
+
border-bottom-left-radius: 0;
|
|
11803
|
+
margin-left: -1px;
|
|
11848
11804
|
}
|
|
11849
11805
|
.zen-date-range-wrapper .zen-date-range__stepper:hover:not(.zen-date-range__stepper:disabled),
|
|
11850
11806
|
.zen-date-range-wrapper .zen-date-range__stepper:focus {
|
|
@@ -11869,25 +11825,25 @@ html:lang(ar) .zen-date-input-inner.zen-date-input-inner--drive-tablet .zen-date
|
|
|
11869
11825
|
cursor: default;
|
|
11870
11826
|
}
|
|
11871
11827
|
.zen-date-range-wrapper.zen-date-range-wrapper--drive {
|
|
11872
|
-
width:
|
|
11828
|
+
width: 296px;
|
|
11873
11829
|
}
|
|
11874
11830
|
.zen-date-range-wrapper.zen-date-range-wrapper--drive .zen-date-range__stepper {
|
|
11875
|
-
height:
|
|
11876
|
-
width:
|
|
11831
|
+
height: 44px;
|
|
11832
|
+
width: 44px;
|
|
11877
11833
|
}
|
|
11878
11834
|
.zen-date-range-wrapper.zen-date-range-wrapper--drive-tablet {
|
|
11879
|
-
width:
|
|
11835
|
+
width: 296px;
|
|
11880
11836
|
}
|
|
11881
11837
|
.zen-date-range-wrapper.zen-date-range-wrapper--drive-tablet .zen-date-range__stepper {
|
|
11882
|
-
height:
|
|
11883
|
-
width:
|
|
11838
|
+
height: 46px;
|
|
11839
|
+
width: 46px;
|
|
11884
11840
|
}
|
|
11885
11841
|
.zen-date-range-wrapper.zen-date-range-wrapper--mobile {
|
|
11886
|
-
width:
|
|
11842
|
+
width: 296px;
|
|
11887
11843
|
}
|
|
11888
11844
|
.zen-date-range-wrapper.zen-date-range-wrapper--mobile .zen-date-range__stepper {
|
|
11889
|
-
height:
|
|
11890
|
-
width:
|
|
11845
|
+
height: 44px;
|
|
11846
|
+
width: 44px;
|
|
11891
11847
|
}
|
|
11892
11848
|
.zen-date-range {
|
|
11893
11849
|
box-sizing: border-box;
|
|
@@ -11924,21 +11880,18 @@ html:lang(ar) .zen-date-input-inner.zen-date-input-inner--drive-tablet .zen-date
|
|
|
11924
11880
|
z-index: 11002;
|
|
11925
11881
|
}
|
|
11926
11882
|
.zen-date-range-popup {
|
|
11927
|
-
width:
|
|
11928
|
-
min-width:
|
|
11883
|
+
width: 280px;
|
|
11884
|
+
min-width: 280px;
|
|
11929
11885
|
overflow-x: hidden;
|
|
11930
11886
|
}
|
|
11931
11887
|
.zen-date-range-popup__button-clear {
|
|
11932
|
-
margin
|
|
11933
|
-
margin-inline: 0.25rem auto;
|
|
11888
|
+
margin: 8px auto 4px 4px;
|
|
11934
11889
|
}
|
|
11935
11890
|
.zen-date-range-popup__button-reset {
|
|
11936
|
-
margin
|
|
11937
|
-
margin-inline: 0 0.5rem;
|
|
11891
|
+
margin: 8px 8px 4px 0px;
|
|
11938
11892
|
}
|
|
11939
11893
|
.zen-date-range-popup__button-apply {
|
|
11940
|
-
margin
|
|
11941
|
-
margin-inline: 0;
|
|
11894
|
+
margin: 8px 0px 4px 0px;
|
|
11942
11895
|
}
|
|
11943
11896
|
.zen-date-range-popup__header {
|
|
11944
11897
|
font-family: var(--main-font);
|
|
@@ -11950,8 +11903,8 @@ html:lang(ar) .zen-date-input-inner.zen-date-input-inner--drive-tablet .zen-date
|
|
|
11950
11903
|
text-transform: none;
|
|
11951
11904
|
text-decoration: none;
|
|
11952
11905
|
color: var(--text-secondary);
|
|
11953
|
-
padding:
|
|
11954
|
-
border-
|
|
11906
|
+
padding: 12px 16px;
|
|
11907
|
+
border-bottom: 1px solid var(--backgrounds-content-1);
|
|
11955
11908
|
}
|
|
11956
11909
|
html:lang(ar) .zen-date-range-popup__header {
|
|
11957
11910
|
font-family: var(--arabic-font-family);
|
|
@@ -11960,13 +11913,13 @@ html:lang(ar) .zen-date-range-popup__header {
|
|
|
11960
11913
|
display: flex;
|
|
11961
11914
|
flex-direction: row;
|
|
11962
11915
|
justify-content: flex-end;
|
|
11963
|
-
padding: 0
|
|
11964
|
-
border-
|
|
11916
|
+
padding: 0 8px;
|
|
11917
|
+
border-top: 1px solid var(--backgrounds-content-1);
|
|
11965
11918
|
}
|
|
11966
11919
|
.zen-date-range-popup.zen-date-range-popup--drive,
|
|
11967
11920
|
.zen-date-range-popup.zen-date-range-popup--drive-tablet {
|
|
11968
|
-
width:
|
|
11969
|
-
min-width:
|
|
11921
|
+
width: 320px;
|
|
11922
|
+
min-width: 320px;
|
|
11970
11923
|
}
|
|
11971
11924
|
.zen-date-range-popup.zen-date-range-popup--drive .zen-date-range-popup__header {
|
|
11972
11925
|
font-family: var(--main-font);
|
|
@@ -11995,7 +11948,7 @@ html:lang(ar) .zen-date-range-popup.zen-date-range-popup--drive-tablet .zen-date
|
|
|
11995
11948
|
font-family: var(--arabic-font-family);
|
|
11996
11949
|
}
|
|
11997
11950
|
.zen-date-range-mobile-sheet .zen-mobile-sheet__title {
|
|
11998
|
-
border-
|
|
11951
|
+
border-bottom: none;
|
|
11999
11952
|
}
|
|
12000
11953
|
.zen-date-range-inner {
|
|
12001
11954
|
box-sizing: border-box;
|
|
@@ -12013,13 +11966,13 @@ html:lang(ar) .zen-date-range-popup.zen-date-range-popup--drive-tablet .zen-date
|
|
|
12013
11966
|
text-transform: none;
|
|
12014
11967
|
text-decoration: none;
|
|
12015
11968
|
color: var(--text-primary);
|
|
12016
|
-
padding:
|
|
11969
|
+
padding: 12px;
|
|
12017
11970
|
}
|
|
12018
11971
|
html:lang(ar) .zen-date-range-inner__header {
|
|
12019
11972
|
font-family: var(--arabic-font-family);
|
|
12020
11973
|
}
|
|
12021
11974
|
.zen-date-range-inner__calendar-wrapper {
|
|
12022
|
-
min-width:
|
|
11975
|
+
min-width: 280px;
|
|
12023
11976
|
}
|
|
12024
11977
|
.zen-date-range-inner__range-label {
|
|
12025
11978
|
font-family: var(--main-font);
|
|
@@ -12053,10 +12006,10 @@ html:lang(ar) .zen-date-range-inner__label-secondary {
|
|
|
12053
12006
|
.zen-date-range-inner__footer {
|
|
12054
12007
|
display: flex;
|
|
12055
12008
|
justify-content: flex-end;
|
|
12056
|
-
padding: 0
|
|
12009
|
+
padding: 0 16px;
|
|
12057
12010
|
}
|
|
12058
12011
|
.zen-date-range-inner__button-today {
|
|
12059
|
-
margin:
|
|
12012
|
+
margin: 8px;
|
|
12060
12013
|
}
|
|
12061
12014
|
.zen-date-range-inner__mobile-custom-label {
|
|
12062
12015
|
font-family: var(--main-font);
|
|
@@ -12088,13 +12041,13 @@ html:lang(ar) .zen-date-range-inner__mobile-custom-label {
|
|
|
12088
12041
|
fill: var(--text-hyperlink);
|
|
12089
12042
|
}
|
|
12090
12043
|
.zen-date-range-inner__mobile-custom-label--no-secondary {
|
|
12091
|
-
height:
|
|
12044
|
+
height: 16px;
|
|
12092
12045
|
}
|
|
12093
12046
|
.zen-date-range-inner__mobile-custom-icon-wrapper {
|
|
12094
12047
|
height: 100%;
|
|
12095
12048
|
}
|
|
12096
12049
|
.zen-date-range-inner__radio-group--with-custom .zen-radio-group__item:last-of-type .zen-radio__label {
|
|
12097
|
-
padding-
|
|
12050
|
+
padding-right: 8px;
|
|
12098
12051
|
}
|
|
12099
12052
|
.zen-radio {
|
|
12100
12053
|
box-sizing: border-box;
|
|
@@ -12256,9 +12209,6 @@ html:lang(ar) .zen-radio--drive-tablet .zen-radio__label {
|
|
|
12256
12209
|
.zen-radio__input:checked::before {
|
|
12257
12210
|
transform: scale(1);
|
|
12258
12211
|
}
|
|
12259
|
-
.zen-radio--align-start .zen-radio__wrapper {
|
|
12260
|
-
align-items: flex-start;
|
|
12261
|
-
}
|
|
12262
12212
|
.zen-radio--interactive:hover:not(.zen-radio--disabled) {
|
|
12263
12213
|
background-color: var(--backgrounds-hover);
|
|
12264
12214
|
}
|
|
@@ -12297,7 +12247,6 @@ html:lang(ar) .zen-radio--drive-tablet .zen-radio__label {
|
|
|
12297
12247
|
}
|
|
12298
12248
|
.zen-radio-group--horizontal .zen-radio-group__wrapper {
|
|
12299
12249
|
flex-direction: row;
|
|
12300
|
-
align-items: flex-start;
|
|
12301
12250
|
}
|
|
12302
12251
|
.zen-radio-group--vertical .zen-radio-group__wrapper {
|
|
12303
12252
|
flex-direction: column;
|
|
@@ -12310,16 +12259,16 @@ html:lang(ar) .zen-radio--drive-tablet .zen-radio__label {
|
|
|
12310
12259
|
}
|
|
12311
12260
|
.zen-date-selection__buttons {
|
|
12312
12261
|
display: flex;
|
|
12313
|
-
padding:
|
|
12314
|
-
gap:
|
|
12262
|
+
padding: 12px;
|
|
12263
|
+
gap: 8px;
|
|
12315
12264
|
}
|
|
12316
12265
|
.zen-date-selection__buttons-spacer {
|
|
12317
12266
|
flex: 1 1 auto;
|
|
12318
12267
|
}
|
|
12319
12268
|
.zen-date-selection__delimiter {
|
|
12320
|
-
padding
|
|
12321
|
-
margin: 0
|
|
12322
|
-
border-
|
|
12269
|
+
padding: 8px 0 0 0;
|
|
12270
|
+
margin: 0 12px;
|
|
12271
|
+
border-bottom: 1px solid var(--borders-general);
|
|
12323
12272
|
}
|
|
12324
12273
|
.zen-dialog {
|
|
12325
12274
|
box-sizing: border-box;
|
|
@@ -12849,7 +12798,7 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
12849
12798
|
}
|
|
12850
12799
|
}
|
|
12851
12800
|
.zen-filters {
|
|
12852
|
-
max-width:
|
|
12801
|
+
max-width: 640px;
|
|
12853
12802
|
box-sizing: border-box;
|
|
12854
12803
|
}
|
|
12855
12804
|
.zen-filters * {
|
|
@@ -12870,7 +12819,7 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
12870
12819
|
background-color: var(--backgrounds-content-0);
|
|
12871
12820
|
}
|
|
12872
12821
|
.zen-filters__main-row--mobile {
|
|
12873
|
-
margin:
|
|
12822
|
+
margin: 8px;
|
|
12874
12823
|
}
|
|
12875
12824
|
.zen-filters__main-row--initial {
|
|
12876
12825
|
view-transition-name: expand-panel;
|
|
@@ -12878,16 +12827,16 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
12878
12827
|
.zen-filters__select-trigger {
|
|
12879
12828
|
width: auto;
|
|
12880
12829
|
flex-shrink: 0;
|
|
12881
|
-
border-
|
|
12882
|
-
border-
|
|
12883
|
-
padding:
|
|
12830
|
+
border-top-right-radius: 0;
|
|
12831
|
+
border-bottom-right-radius: 0;
|
|
12832
|
+
padding: 7px 8px;
|
|
12884
12833
|
border: var(--border-width-default) solid transparent;
|
|
12885
|
-
border-
|
|
12834
|
+
border-right: var(--border-width-default) solid var(--borders-general);
|
|
12886
12835
|
}
|
|
12887
12836
|
.zen-filters__select-trigger:hover {
|
|
12888
12837
|
background-color: var(--backgrounds-content-0);
|
|
12889
12838
|
border: var(--border-width-default) solid transparent;
|
|
12890
|
-
border-
|
|
12839
|
+
border-right: var(--border-width-default) solid var(--borders-general);
|
|
12891
12840
|
}
|
|
12892
12841
|
.zen-filters__select-trigger:focus-visible {
|
|
12893
12842
|
outline: none;
|
|
@@ -12909,26 +12858,27 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
12909
12858
|
.zen-filters__select-caption {
|
|
12910
12859
|
width: auto;
|
|
12911
12860
|
flex-shrink: 0;
|
|
12912
|
-
border-
|
|
12913
|
-
border-
|
|
12914
|
-
padding:
|
|
12915
|
-
min-width:
|
|
12861
|
+
border-top-right-radius: 0;
|
|
12862
|
+
border-bottom-right-radius: 0;
|
|
12863
|
+
padding: 7px 8px;
|
|
12864
|
+
min-width: 56px;
|
|
12916
12865
|
border: var(--border-width-default) solid transparent;
|
|
12917
|
-
border-
|
|
12866
|
+
border-right: var(--border-width-default) solid var(--borders-general);
|
|
12918
12867
|
}
|
|
12919
12868
|
.zen-filters__search {
|
|
12920
12869
|
flex-grow: 1;
|
|
12921
12870
|
}
|
|
12922
12871
|
.zen-filters__search .zen-search-input__input {
|
|
12923
12872
|
border: none;
|
|
12924
|
-
padding-
|
|
12925
|
-
|
|
12926
|
-
border-
|
|
12873
|
+
padding-right: 1px;
|
|
12874
|
+
padding-left: 0;
|
|
12875
|
+
border-bottom-left-radius: 0;
|
|
12876
|
+
border-top-left-radius: 0;
|
|
12927
12877
|
}
|
|
12928
12878
|
.zen-filters-popup.zen-filters-popup:not(.zen-filters-popup--mobile) {
|
|
12929
12879
|
box-sizing: border-box;
|
|
12930
|
-
width:
|
|
12931
|
-
max-width:
|
|
12880
|
+
width: 640px;
|
|
12881
|
+
max-width: 640px;
|
|
12932
12882
|
view-transition-name: expand-panel;
|
|
12933
12883
|
}
|
|
12934
12884
|
.zen-filters-popup.zen-filters-popup:not(.zen-filters-popup--mobile) * {
|
|
@@ -12938,18 +12888,18 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
12938
12888
|
display: flex;
|
|
12939
12889
|
justify-content: space-between;
|
|
12940
12890
|
align-items: center;
|
|
12941
|
-
gap:
|
|
12891
|
+
gap: 8px;
|
|
12942
12892
|
padding: 0;
|
|
12943
12893
|
}
|
|
12944
12894
|
.zen-filters-popup__first-row--mobile {
|
|
12945
|
-
padding:
|
|
12895
|
+
padding: 8px 16px;
|
|
12946
12896
|
}
|
|
12947
12897
|
.zen-filters-popup__second-row {
|
|
12948
|
-
border-
|
|
12949
|
-
padding:
|
|
12898
|
+
border-top: var(--border-width-default) solid var(--borders-general);
|
|
12899
|
+
padding: 16px 0;
|
|
12950
12900
|
}
|
|
12951
12901
|
.zen-filters-popup__second-row--mobile {
|
|
12952
|
-
border-
|
|
12902
|
+
border-top: none;
|
|
12953
12903
|
padding: 0;
|
|
12954
12904
|
}
|
|
12955
12905
|
.zen-filters-popup__content {
|
|
@@ -12958,19 +12908,19 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
12958
12908
|
.zen-filters-popup__content .zen-filters-popup__left-panel {
|
|
12959
12909
|
display: flex;
|
|
12960
12910
|
flex-direction: column;
|
|
12961
|
-
width:
|
|
12911
|
+
width: 123px;
|
|
12962
12912
|
min-height: 100%;
|
|
12963
12913
|
height: auto;
|
|
12964
12914
|
justify-content: stretch;
|
|
12965
|
-
border-
|
|
12915
|
+
border-right: var(--border-width-default) solid var(--borders-general);
|
|
12966
12916
|
}
|
|
12967
12917
|
.zen-filters-popup__content .zen-filters-popup__left-panel .zen-filters__select-trigger {
|
|
12968
|
-
width:
|
|
12918
|
+
width: 123px;
|
|
12969
12919
|
}
|
|
12970
12920
|
.zen-filters-popup__content .zen-filters-popup__right-panel {
|
|
12971
12921
|
flex-grow: 1;
|
|
12972
12922
|
height: 100%;
|
|
12973
|
-
max-width: calc(100% -
|
|
12923
|
+
max-width: calc(100% - 123px);
|
|
12974
12924
|
}
|
|
12975
12925
|
.zen-filters-popup.zen-filters-popup--mobile {
|
|
12976
12926
|
width: 100%;
|
|
@@ -12984,9 +12934,9 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
12984
12934
|
display: flex;
|
|
12985
12935
|
flex-direction: row;
|
|
12986
12936
|
flex-wrap: wrap;
|
|
12987
|
-
gap:
|
|
12988
|
-
margin-
|
|
12989
|
-
padding:
|
|
12937
|
+
gap: 4px;
|
|
12938
|
+
margin-top: 8px;
|
|
12939
|
+
padding: 8px 0;
|
|
12990
12940
|
}
|
|
12991
12941
|
.zen-filters-container__removal-chip .zen-chip__icon {
|
|
12992
12942
|
border: 1px solid var(--action-primary--active);
|
|
@@ -12999,13 +12949,13 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
12999
12949
|
padding: 0;
|
|
13000
12950
|
}
|
|
13001
12951
|
.zen-filters-container__mobile-scroll-wrapper {
|
|
13002
|
-
margin-
|
|
13003
|
-
padding:
|
|
12952
|
+
margin-left: 8px;
|
|
12953
|
+
padding: 2px;
|
|
13004
12954
|
display: flex;
|
|
13005
12955
|
flex-direction: row;
|
|
13006
12956
|
flex-wrap: nowrap;
|
|
13007
12957
|
align-items: center;
|
|
13008
|
-
gap:
|
|
12958
|
+
gap: 8px;
|
|
13009
12959
|
width: 100%;
|
|
13010
12960
|
overflow: auto;
|
|
13011
12961
|
-ms-overflow-style: none;
|
|
@@ -13020,10 +12970,10 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13020
12970
|
flex-shrink: 0;
|
|
13021
12971
|
}
|
|
13022
12972
|
.zen-filters-container__mobile-scroll-wrapper:last-child {
|
|
13023
|
-
margin-
|
|
12973
|
+
margin-right: 8px;
|
|
13024
12974
|
}
|
|
13025
12975
|
.zen-filters-container.zen-filters__container--no-search {
|
|
13026
|
-
margin-
|
|
12976
|
+
margin-top: 0;
|
|
13027
12977
|
padding: 0;
|
|
13028
12978
|
}
|
|
13029
12979
|
::view-transition-group(expand-panel) {
|
|
@@ -13033,27 +12983,27 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13033
12983
|
.zen-side-panel-filters__dropdown-item-chips-container {
|
|
13034
12984
|
display: flex;
|
|
13035
12985
|
flex-wrap: wrap;
|
|
13036
|
-
gap:
|
|
12986
|
+
gap: 8px;
|
|
13037
12987
|
}
|
|
13038
12988
|
.zen-side-panel-filters__date-popup--full-width.zen-side-panel-filters__date-popup--full-width {
|
|
13039
|
-
width:
|
|
12989
|
+
width: 328px;
|
|
13040
12990
|
}
|
|
13041
12991
|
.zen-side-panel-filters__groups-popup--full-width.zen-side-panel-filters__groups-popup--full-width {
|
|
13042
|
-
width:
|
|
12992
|
+
width: 328px;
|
|
13043
12993
|
}
|
|
13044
12994
|
.zen-groups-filter-menu {
|
|
13045
12995
|
box-sizing: border-box;
|
|
13046
|
-
min-width:
|
|
12996
|
+
min-width: 255px;
|
|
13047
12997
|
width: 100%;
|
|
13048
|
-
max-width:
|
|
13049
|
-
min-height:
|
|
12998
|
+
max-width: 360px;
|
|
12999
|
+
min-height: 80px;
|
|
13050
13000
|
position: relative;
|
|
13051
13001
|
}
|
|
13052
13002
|
.zen-groups-filter-menu * {
|
|
13053
13003
|
box-sizing: border-box;
|
|
13054
13004
|
}
|
|
13055
13005
|
.zen-groups-filter-menu__main-container {
|
|
13056
|
-
min-height:
|
|
13006
|
+
min-height: 333px;
|
|
13057
13007
|
display: flex;
|
|
13058
13008
|
flex-direction: column;
|
|
13059
13009
|
justify-content: space-between;
|
|
@@ -13065,7 +13015,7 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13065
13015
|
overflow: visible;
|
|
13066
13016
|
}
|
|
13067
13017
|
.zen-groups-filter-menu__divider.zen-divider {
|
|
13068
|
-
width: calc(100% -
|
|
13018
|
+
width: calc(100% - 32px);
|
|
13069
13019
|
margin: auto;
|
|
13070
13020
|
}
|
|
13071
13021
|
.zen-groups-filter-menu__divider--footer.zen-divider {
|
|
@@ -13077,20 +13027,20 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13077
13027
|
flex-wrap: nowrap;
|
|
13078
13028
|
align-items: center;
|
|
13079
13029
|
justify-content: flex-end;
|
|
13080
|
-
height:
|
|
13030
|
+
height: 48px;
|
|
13081
13031
|
}
|
|
13082
13032
|
.zen-groups-filter-menu__groups-box {
|
|
13083
13033
|
overflow-y: auto;
|
|
13084
13034
|
overflow-x: hidden;
|
|
13085
|
-
max-height:
|
|
13035
|
+
max-height: 260px;
|
|
13086
13036
|
}
|
|
13087
13037
|
.zen-groups-filter-menu__groups-list--no-space,
|
|
13088
13038
|
.zen-groups-filter-menu .zen-groups-filter-menu__groups-list--no-space {
|
|
13089
|
-
margin-
|
|
13039
|
+
margin-bottom: 0;
|
|
13090
13040
|
}
|
|
13091
13041
|
.zen-groups-filter-menu__additional-info {
|
|
13092
|
-
padding:
|
|
13093
|
-
margin:
|
|
13042
|
+
padding: 12px 16px;
|
|
13043
|
+
margin: 12px auto;
|
|
13094
13044
|
text-align: center;
|
|
13095
13045
|
}
|
|
13096
13046
|
.zen-groups-filter-menu__additional-info--faded {
|
|
@@ -13100,16 +13050,17 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13100
13050
|
display: inline-flex;
|
|
13101
13051
|
flex-grow: 1;
|
|
13102
13052
|
justify-content: flex-end;
|
|
13103
|
-
margin-
|
|
13053
|
+
margin-right: 8px;
|
|
13104
13054
|
}
|
|
13105
13055
|
.zen-groups-filter-menu__reset-button,
|
|
13106
13056
|
.zen-groups-filter-menu__cancel-button,
|
|
13107
13057
|
.zen-groups-filter-menu__apply-button {
|
|
13108
|
-
margin-
|
|
13109
|
-
margin-
|
|
13058
|
+
margin-right: 8px;
|
|
13059
|
+
margin-top: 8px;
|
|
13060
|
+
margin-bottom: 4px;
|
|
13110
13061
|
}
|
|
13111
13062
|
.zen-groups-filter-menu__reset-button {
|
|
13112
|
-
margin-
|
|
13063
|
+
margin-left: 8px;
|
|
13113
13064
|
}
|
|
13114
13065
|
.zen-groups-filter-menu__mobile-sheet .zen-groups-filter-menu__reset-button,
|
|
13115
13066
|
.zen-groups-filter-menu__mobile-sheet .zen-groups-filter-menu__cancel-button,
|
|
@@ -13128,10 +13079,10 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13128
13079
|
align-items: center;
|
|
13129
13080
|
background-color: transparent;
|
|
13130
13081
|
width: 100%;
|
|
13131
|
-
height:
|
|
13082
|
+
height: 40px;
|
|
13132
13083
|
font-weight: 400;
|
|
13133
13084
|
border: none;
|
|
13134
|
-
padding:
|
|
13085
|
+
padding: 7px 16px;
|
|
13135
13086
|
border-radius: 0;
|
|
13136
13087
|
}
|
|
13137
13088
|
.zen-groups-filter-menu__item--interactive {
|
|
@@ -13163,7 +13114,7 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13163
13114
|
justify-content: flex-end;
|
|
13164
13115
|
}
|
|
13165
13116
|
.zen-groups-filter-menu__item--action {
|
|
13166
|
-
padding-
|
|
13117
|
+
padding-right: 0;
|
|
13167
13118
|
}
|
|
13168
13119
|
.zen-groups-filter-menu__item--underlined {
|
|
13169
13120
|
border-bottom: 1px solid;
|
|
@@ -13172,22 +13123,22 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13172
13123
|
display: inline-block;
|
|
13173
13124
|
}
|
|
13174
13125
|
.zen-groups-filter-menu__currently-selected-button {
|
|
13175
|
-
padding-
|
|
13126
|
+
padding-right: 8px;
|
|
13176
13127
|
fill: var(--borders-form-field--hover);
|
|
13177
13128
|
}
|
|
13178
13129
|
.zen-groups-filter-menu__currently-selected {
|
|
13179
13130
|
display: flex;
|
|
13180
13131
|
flex-wrap: nowrap;
|
|
13181
13132
|
align-items: center;
|
|
13182
|
-
padding:
|
|
13183
|
-
height:
|
|
13133
|
+
padding: 7px 16px;
|
|
13134
|
+
height: 40px;
|
|
13184
13135
|
}
|
|
13185
13136
|
.zen-groups-filter-menu__toggle-label {
|
|
13186
13137
|
display: flex;
|
|
13187
13138
|
flex-wrap: nowrap;
|
|
13188
13139
|
}
|
|
13189
13140
|
.zen-groups-filter-menu__action-button {
|
|
13190
|
-
height:
|
|
13141
|
+
height: 40px;
|
|
13191
13142
|
border: none;
|
|
13192
13143
|
margin: 0;
|
|
13193
13144
|
}
|
|
@@ -13198,11 +13149,11 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13198
13149
|
fill: var(--text-reverse-primary);
|
|
13199
13150
|
}
|
|
13200
13151
|
.zen-groups-filter-menu__advanced-button {
|
|
13201
|
-
min-width:
|
|
13152
|
+
min-width: 110px;
|
|
13202
13153
|
color: var(--text-primary);
|
|
13203
13154
|
}
|
|
13204
13155
|
.zen-groups-filter-menu__advanced-neighbor {
|
|
13205
|
-
max-width: calc(100% -
|
|
13156
|
+
max-width: calc(100% - 110px);
|
|
13206
13157
|
}
|
|
13207
13158
|
.zen-groups-filter-menu__advanced-neighbor .zen-toggler__label {
|
|
13208
13159
|
max-width: 100%;
|
|
@@ -13226,7 +13177,7 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13226
13177
|
fill: var(--text-reverse-primary);
|
|
13227
13178
|
}
|
|
13228
13179
|
.zen-groups-filter-menu__action-icon {
|
|
13229
|
-
margin-
|
|
13180
|
+
margin-right: 5px;
|
|
13230
13181
|
}
|
|
13231
13182
|
.zen-groups-filter-menu__action-label {
|
|
13232
13183
|
color: var(--text-primary);
|
|
@@ -13235,7 +13186,7 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13235
13186
|
}
|
|
13236
13187
|
.zen-groups-filter-menu__action-label--limited {
|
|
13237
13188
|
display: block;
|
|
13238
|
-
max-width:
|
|
13189
|
+
max-width: 200px;
|
|
13239
13190
|
}
|
|
13240
13191
|
.zen-groups-filter-menu__select-filters {
|
|
13241
13192
|
color: var(--text-primary);
|
|
@@ -13259,24 +13210,25 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13259
13210
|
.zen-groups-filter__icon {
|
|
13260
13211
|
color: var(--action-secondary--default);
|
|
13261
13212
|
fill: var(--action-secondary--default);
|
|
13262
|
-
min-width:
|
|
13263
|
-
min-height:
|
|
13213
|
+
min-width: 16px;
|
|
13214
|
+
min-height: 16px;
|
|
13264
13215
|
}
|
|
13265
13216
|
.zen-groups-filter__search-container {
|
|
13266
13217
|
display: flex;
|
|
13267
13218
|
align-items: center;
|
|
13268
|
-
height:
|
|
13219
|
+
height: 32px;
|
|
13269
13220
|
outline: none;
|
|
13270
|
-
margin-
|
|
13271
|
-
|
|
13221
|
+
margin-top: 0;
|
|
13222
|
+
margin-bottom: 0;
|
|
13223
|
+
padding: 7px 9px;
|
|
13272
13224
|
flex: 1 1 auto;
|
|
13273
13225
|
background-color: var(--backgrounds-main);
|
|
13274
13226
|
border: var(--border-width-default) solid var(--borders-general);
|
|
13275
|
-
min-width:
|
|
13276
|
-
max-width:
|
|
13227
|
+
min-width: 120px;
|
|
13228
|
+
max-width: 180px;
|
|
13277
13229
|
border-radius: var(--border-radius-default);
|
|
13278
|
-
border-
|
|
13279
|
-
border-
|
|
13230
|
+
border-top-right-radius: 0;
|
|
13231
|
+
border-bottom-right-radius: 0;
|
|
13280
13232
|
fill: var(--action-secondary--default);
|
|
13281
13233
|
}
|
|
13282
13234
|
.zen-groups-filter__search-container--full-size {
|
|
@@ -13299,26 +13251,26 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13299
13251
|
align-items: center;
|
|
13300
13252
|
}
|
|
13301
13253
|
.zen-groups-filter__search-input--post {
|
|
13302
|
-
padding-
|
|
13254
|
+
padding-left: 8px;
|
|
13303
13255
|
}
|
|
13304
13256
|
.zen-groups-filter__input-container {
|
|
13305
13257
|
height: 100%;
|
|
13306
13258
|
width: 100%;
|
|
13307
|
-
min-height:
|
|
13259
|
+
min-height: 24px;
|
|
13308
13260
|
}
|
|
13309
13261
|
.zen-groups-filter__chip-input .zen-input-adornments {
|
|
13310
13262
|
border-radius: 0;
|
|
13311
13263
|
border: none;
|
|
13312
|
-
border-
|
|
13264
|
+
border-bottom: var(--border-width-default) solid var(--borders-general);
|
|
13313
13265
|
}
|
|
13314
13266
|
.zen-groups-filter .zen-groups-filter__input {
|
|
13315
|
-
min-width:
|
|
13267
|
+
min-width: 85px;
|
|
13316
13268
|
height: 100%;
|
|
13317
13269
|
width: 100%;
|
|
13318
|
-
font-size:
|
|
13270
|
+
font-size: 12px;
|
|
13319
13271
|
border: none;
|
|
13320
13272
|
outline: none;
|
|
13321
|
-
padding
|
|
13273
|
+
padding: 0 5px 0 0;
|
|
13322
13274
|
-webkit-appearance: none;
|
|
13323
13275
|
appearance: none;
|
|
13324
13276
|
background-color: inherit;
|
|
@@ -13360,10 +13312,10 @@ html:lang(ar) .zen-groups-filter .zen-groups-filter__input::placeholder {
|
|
|
13360
13312
|
align-items: center;
|
|
13361
13313
|
background: var(--backgrounds-main);
|
|
13362
13314
|
fill: var(--action-secondary--default);
|
|
13363
|
-
width:
|
|
13364
|
-
border-
|
|
13365
|
-
border-
|
|
13366
|
-
margin-
|
|
13315
|
+
width: 32px;
|
|
13316
|
+
border-top-left-radius: 0;
|
|
13317
|
+
border-bottom-left-radius: 0;
|
|
13318
|
+
margin-left: -1px;
|
|
13367
13319
|
cursor: pointer;
|
|
13368
13320
|
flex-shrink: 0;
|
|
13369
13321
|
}
|
|
@@ -13378,18 +13330,18 @@ html:lang(ar) .zen-groups-filter .zen-groups-filter__input::placeholder {
|
|
|
13378
13330
|
background-color: var(--backgrounds-hover);
|
|
13379
13331
|
}
|
|
13380
13332
|
.zen-groups-filter.zen-groups-filter--mobile .zen-groups-filter__search-container {
|
|
13381
|
-
height:
|
|
13333
|
+
height: 44px;
|
|
13382
13334
|
}
|
|
13383
13335
|
.zen-groups-filter.zen-groups-filter--mobile .zen-groups-filter__popup-trigger {
|
|
13384
|
-
width:
|
|
13336
|
+
width: 44px;
|
|
13385
13337
|
}
|
|
13386
13338
|
.zen-groups-filter .zen-groups-filter__search-container--error {
|
|
13387
13339
|
border: 1px solid var(--text-error-message);
|
|
13388
13340
|
}
|
|
13389
13341
|
.zen-groups-filter .zen-groups-filter__popup-trigger--error {
|
|
13390
|
-
border-
|
|
13391
|
-
border-
|
|
13392
|
-
border-
|
|
13342
|
+
border-top: 1px solid var(--text-error-message);
|
|
13343
|
+
border-right: 1px solid var(--text-error-message);
|
|
13344
|
+
border-bottom: 1px solid var(--text-error-message);
|
|
13393
13345
|
}
|
|
13394
13346
|
.zen-groups-filter:focus-within .zen-groups-filter__search-container:not(.zen-groups-filter__search-container--error),
|
|
13395
13347
|
.zen-groups-filter:focus-within .zen-groups-filter__popup-trigger:not(.zen-groups-filter__popup-trigger--error) {
|
|
@@ -13397,15 +13349,15 @@ html:lang(ar) .zen-groups-filter .zen-groups-filter__input::placeholder {
|
|
|
13397
13349
|
}
|
|
13398
13350
|
.zen-groups-filter__label-element {
|
|
13399
13351
|
color: var(--text-primary);
|
|
13400
|
-
margin-
|
|
13352
|
+
margin-right: 6px;
|
|
13401
13353
|
display: flex;
|
|
13402
13354
|
white-space: nowrap;
|
|
13403
13355
|
}
|
|
13404
13356
|
.zen-groups-filter__label-element--last {
|
|
13405
|
-
margin-
|
|
13357
|
+
margin-right: 0;
|
|
13406
13358
|
}
|
|
13407
13359
|
.zen-groups-filter__label-element--first {
|
|
13408
|
-
margin-
|
|
13360
|
+
margin-left: 6px;
|
|
13409
13361
|
}
|
|
13410
13362
|
.zen-groups-filter__label-element--no-shrink {
|
|
13411
13363
|
flex-shrink: 0;
|
|
@@ -13416,11 +13368,11 @@ html:lang(ar) .zen-groups-filter .zen-groups-filter__input::placeholder {
|
|
|
13416
13368
|
color: var(--text-reverse-primary);
|
|
13417
13369
|
border-radius: 9px;
|
|
13418
13370
|
display: flex;
|
|
13419
|
-
min-width:
|
|
13420
|
-
height:
|
|
13371
|
+
min-width: 16px;
|
|
13372
|
+
height: 16px;
|
|
13421
13373
|
justify-content: center;
|
|
13422
13374
|
align-items: center;
|
|
13423
|
-
padding:
|
|
13375
|
+
padding: 2px 4px;
|
|
13424
13376
|
}
|
|
13425
13377
|
.zen-groups-filter__popup.zen-groups-filter__popup {
|
|
13426
13378
|
z-index: 11001;
|
|
@@ -14300,19 +14252,18 @@ html:lang(ar) .zen-list-item--mobile .zen-list-item__secondary {
|
|
|
14300
14252
|
justify-content: center;
|
|
14301
14253
|
}
|
|
14302
14254
|
.zen-filters-search-list {
|
|
14303
|
-
max-height:
|
|
14304
|
-
min-height:
|
|
14255
|
+
max-height: 345px;
|
|
14256
|
+
min-height: 340px;
|
|
14305
14257
|
}
|
|
14306
14258
|
.zen-filters-search-list--mobile {
|
|
14307
|
-
padding:
|
|
14259
|
+
padding: 16px 0;
|
|
14308
14260
|
overflow-y: auto;
|
|
14309
14261
|
}
|
|
14310
14262
|
.zen-filters-search-list__header {
|
|
14311
14263
|
display: flex;
|
|
14312
14264
|
align-items: center;
|
|
14313
14265
|
justify-content: space-between;
|
|
14314
|
-
margin
|
|
14315
|
-
margin-inline: 0.5rem;
|
|
14266
|
+
margin: 0 8px 8px;
|
|
14316
14267
|
}
|
|
14317
14268
|
.zen-filters-search-list__header-title {
|
|
14318
14269
|
font-family: var(--main-font);
|
|
@@ -14330,7 +14281,7 @@ html:lang(ar) .zen-filters-search-list__header-title {
|
|
|
14330
14281
|
}
|
|
14331
14282
|
.zen-filters-search-list__data {
|
|
14332
14283
|
padding: 1px;
|
|
14333
|
-
max-height:
|
|
14284
|
+
max-height: 296px;
|
|
14334
14285
|
}
|
|
14335
14286
|
.zen-filters-search-list .zen-filters-search-list__header--drive .zen-filters-search-list__header-title {
|
|
14336
14287
|
font-family: var(--main-font);
|
|
@@ -14381,24 +14332,23 @@ html:lang(ar) .zen-filters-search-list .zen-filters-search-list__header--drive-t
|
|
|
14381
14332
|
border-color: var(--backgrounds-content-1);
|
|
14382
14333
|
}
|
|
14383
14334
|
.zen-search-item-wrapper--clickable {
|
|
14384
|
-
padding-
|
|
14335
|
+
padding-right: 12px;
|
|
14385
14336
|
}
|
|
14386
14337
|
.zen-search-item-wrapper:focus-within:not(.zen-search-item-data__close) {
|
|
14387
14338
|
border: 1px solid var(--borders-form-field--active);
|
|
14388
14339
|
}
|
|
14389
14340
|
.zen-search-item-data {
|
|
14390
|
-
padding
|
|
14391
|
-
padding-inline: 0.75rem;
|
|
14341
|
+
padding: 12px 12px 11px 12px;
|
|
14392
14342
|
display: flex;
|
|
14393
14343
|
flex-direction: row;
|
|
14394
|
-
gap:
|
|
14344
|
+
gap: 8px;
|
|
14395
14345
|
flex-grow: 1;
|
|
14396
14346
|
}
|
|
14397
14347
|
.zen-search-item-data__icon {
|
|
14398
14348
|
flex: 0 0 auto;
|
|
14399
|
-
width:
|
|
14400
|
-
height:
|
|
14401
|
-
padding:
|
|
14349
|
+
width: 32px;
|
|
14350
|
+
height: 32px;
|
|
14351
|
+
padding: 4px;
|
|
14402
14352
|
background-color: var(--accents-general--main);
|
|
14403
14353
|
color: var(--text-secondary);
|
|
14404
14354
|
fill: var(--text-secondary);
|
|
@@ -14408,8 +14358,7 @@ html:lang(ar) .zen-filters-search-list .zen-filters-search-list__header--drive-t
|
|
|
14408
14358
|
justify-content: center;
|
|
14409
14359
|
}
|
|
14410
14360
|
.zen-search-item-data--with-close-button {
|
|
14411
|
-
padding
|
|
14412
|
-
padding-inline: 0.75rem 0;
|
|
14361
|
+
padding: 12px 0 11px 12px;
|
|
14413
14362
|
}
|
|
14414
14363
|
.zen-search-item-data:focus-visible {
|
|
14415
14364
|
outline: none;
|
|
@@ -14438,10 +14387,10 @@ html:lang(ar) .zen-filters-search-list .zen-filters-search-list__header--drive-t
|
|
|
14438
14387
|
justify-content: center;
|
|
14439
14388
|
content: "\00d7";
|
|
14440
14389
|
top: 0;
|
|
14441
|
-
|
|
14442
|
-
width:
|
|
14390
|
+
right: 8px;
|
|
14391
|
+
width: 20px;
|
|
14443
14392
|
height: 100%;
|
|
14444
|
-
font-size:
|
|
14393
|
+
font-size: 20px;
|
|
14445
14394
|
font-weight: 300;
|
|
14446
14395
|
line-height: 1;
|
|
14447
14396
|
}
|
|
@@ -14449,14 +14398,14 @@ html:lang(ar) .zen-filters-search-list .zen-filters-search-list__header--drive-t
|
|
|
14449
14398
|
flex: 1 1 auto;
|
|
14450
14399
|
display: flex;
|
|
14451
14400
|
flex-direction: row;
|
|
14452
|
-
gap:
|
|
14401
|
+
gap: 12px;
|
|
14453
14402
|
min-width: 0;
|
|
14454
14403
|
width: 100%;
|
|
14455
14404
|
align-items: center;
|
|
14456
14405
|
}
|
|
14457
14406
|
.zen-search-item-data__main-data {
|
|
14458
14407
|
display: flex;
|
|
14459
|
-
gap:
|
|
14408
|
+
gap: 8px;
|
|
14460
14409
|
align-items: center;
|
|
14461
14410
|
flex: 1 1 auto;
|
|
14462
14411
|
min-width: 0;
|
|
@@ -14520,7 +14469,7 @@ html:lang(ar) .zen-search-item-data__secondary {
|
|
|
14520
14469
|
font-family: var(--arabic-font-family);
|
|
14521
14470
|
}
|
|
14522
14471
|
.zen-search-item-data__close {
|
|
14523
|
-
height:
|
|
14472
|
+
height: 32px;
|
|
14524
14473
|
fill: var(--text-secondary);
|
|
14525
14474
|
}
|
|
14526
14475
|
.zen-search-item-data__close:hover {
|
|
@@ -14529,7 +14478,7 @@ html:lang(ar) .zen-search-item-data__secondary {
|
|
|
14529
14478
|
}
|
|
14530
14479
|
.zen-search-item-data__input {
|
|
14531
14480
|
position: absolute;
|
|
14532
|
-
|
|
14481
|
+
left: -5000px;
|
|
14533
14482
|
}
|
|
14534
14483
|
.zen-search-item-data-wrapper--drive .zen-search-item-data__name {
|
|
14535
14484
|
font-family: var(--main-font);
|
|
@@ -14558,15 +14507,15 @@ html:lang(ar) .zen-search-item-data-wrapper--drive .zen-search-item-data__second
|
|
|
14558
14507
|
font-family: var(--arabic-font-family);
|
|
14559
14508
|
}
|
|
14560
14509
|
.zen-search-item-data-wrapper--drive .zen-search-item-data__close {
|
|
14561
|
-
height:
|
|
14562
|
-
width:
|
|
14510
|
+
height: 44px;
|
|
14511
|
+
width: 44px;
|
|
14563
14512
|
display: flex;
|
|
14564
14513
|
align-items: center;
|
|
14565
14514
|
justify-content: center;
|
|
14566
14515
|
}
|
|
14567
14516
|
.zen-search-item-data-wrapper--drive .zen-search-item-data__icon {
|
|
14568
|
-
width:
|
|
14569
|
-
height:
|
|
14517
|
+
width: 44px;
|
|
14518
|
+
height: 44px;
|
|
14570
14519
|
}
|
|
14571
14520
|
.zen-search-item-data-wrapper--drive-tablet .zen-search-item-data__name {
|
|
14572
14521
|
font-family: var(--main-font);
|
|
@@ -14595,15 +14544,15 @@ html:lang(ar) .zen-search-item-data-wrapper--drive-tablet .zen-search-item-data_
|
|
|
14595
14544
|
font-family: var(--arabic-font-family);
|
|
14596
14545
|
}
|
|
14597
14546
|
.zen-search-item-data-wrapper--drive-tablet .zen-search-item-data__close {
|
|
14598
|
-
height:
|
|
14599
|
-
width:
|
|
14547
|
+
height: 44px;
|
|
14548
|
+
width: 44px;
|
|
14600
14549
|
display: flex;
|
|
14601
14550
|
align-items: center;
|
|
14602
14551
|
justify-content: center;
|
|
14603
14552
|
}
|
|
14604
14553
|
.zen-search-item-data-wrapper--drive-tablet .zen-search-item-data__icon {
|
|
14605
|
-
width:
|
|
14606
|
-
height:
|
|
14554
|
+
width: 44px;
|
|
14555
|
+
height: 44px;
|
|
14607
14556
|
}
|
|
14608
14557
|
.zen-search-item-data-wrapper--mobile .zen-search-item-data__name {
|
|
14609
14558
|
font-family: var(--main-font);
|
|
@@ -14632,15 +14581,15 @@ html:lang(ar) .zen-search-item-data-wrapper--mobile .zen-search-item-data__secon
|
|
|
14632
14581
|
font-family: var(--arabic-font-family);
|
|
14633
14582
|
}
|
|
14634
14583
|
.zen-search-item-data-wrapper--mobile .zen-search-item-data__close {
|
|
14635
|
-
height:
|
|
14636
|
-
width:
|
|
14584
|
+
height: 44px;
|
|
14585
|
+
width: 44px;
|
|
14637
14586
|
display: flex;
|
|
14638
14587
|
align-items: center;
|
|
14639
14588
|
justify-content: center;
|
|
14640
14589
|
}
|
|
14641
14590
|
.zen-search-item-data-wrapper--mobile .zen-search-item-data__icon {
|
|
14642
|
-
width:
|
|
14643
|
-
height:
|
|
14591
|
+
width: 44px;
|
|
14592
|
+
height: 44px;
|
|
14644
14593
|
}
|
|
14645
14594
|
.zen-page-header {
|
|
14646
14595
|
box-sizing: border-box;
|
|
@@ -15182,13 +15131,13 @@ html:lang(ar) .zen-tab-item.zen-tab-item--drive-tablet .zen-tab-item__content-te
|
|
|
15182
15131
|
box-sizing: border-box;
|
|
15183
15132
|
display: flex;
|
|
15184
15133
|
justify-content: flex-start;
|
|
15185
|
-
height:
|
|
15134
|
+
height: 56px;
|
|
15186
15135
|
align-items: center;
|
|
15187
|
-
border-
|
|
15136
|
+
border-bottom: 1px solid var(--borders-general);
|
|
15188
15137
|
background-color: var(--backgrounds-main);
|
|
15189
|
-
padding: 0
|
|
15138
|
+
padding: 0 20px;
|
|
15190
15139
|
position: relative;
|
|
15191
|
-
gap:
|
|
15140
|
+
gap: 8px;
|
|
15192
15141
|
}
|
|
15193
15142
|
.zen-filters-toolbar * {
|
|
15194
15143
|
box-sizing: border-box;
|
|
@@ -15202,13 +15151,14 @@ html:lang(ar) .zen-tab-item.zen-tab-item--drive-tablet .zen-tab-item__content-te
|
|
|
15202
15151
|
position: relative;
|
|
15203
15152
|
}
|
|
15204
15153
|
.zen-filters-toolbar__filters-container--none .zen-filters-toolbar__filters {
|
|
15205
|
-
margin-
|
|
15154
|
+
margin-left: 4px;
|
|
15155
|
+
margin-right: 4px;
|
|
15206
15156
|
}
|
|
15207
15157
|
.zen-filters-toolbar__filters-container--start .zen-filters-toolbar__filters .zen-filters-toolbar__filters-item:last-of-type {
|
|
15208
|
-
padding-
|
|
15158
|
+
padding-right: 4px;
|
|
15209
15159
|
}
|
|
15210
15160
|
.zen-filters-toolbar__filters-container--end .zen-filters-toolbar__filters {
|
|
15211
|
-
margin-
|
|
15161
|
+
margin-left: 4px;
|
|
15212
15162
|
}
|
|
15213
15163
|
.zen-filters-toolbar__scrollable {
|
|
15214
15164
|
display: flex;
|
|
@@ -15217,14 +15167,15 @@ html:lang(ar) .zen-tab-item.zen-tab-item--drive-tablet .zen-tab-item__content-te
|
|
|
15217
15167
|
height: 100%;
|
|
15218
15168
|
scrollbar-width: none;
|
|
15219
15169
|
-ms-overflow-style: none;
|
|
15220
|
-
transition: margin-
|
|
15221
|
-
margin-
|
|
15170
|
+
transition: margin-left 300ms ease-in-out, margin-right 300ms ease-in-out;
|
|
15171
|
+
margin-left: 0;
|
|
15172
|
+
margin-right: 0;
|
|
15222
15173
|
}
|
|
15223
15174
|
.zen-filters-toolbar__scrollable.has-left-scroller {
|
|
15224
|
-
margin-
|
|
15175
|
+
margin-left: 48px;
|
|
15225
15176
|
}
|
|
15226
15177
|
.zen-filters-toolbar__scrollable.has-right-scroller {
|
|
15227
|
-
margin-
|
|
15178
|
+
margin-right: 48px;
|
|
15228
15179
|
}
|
|
15229
15180
|
.zen-filters-toolbar__scrollable::-webkit-scrollbar {
|
|
15230
15181
|
display: none;
|
|
@@ -15233,9 +15184,9 @@ html:lang(ar) .zen-tab-item.zen-tab-item--drive-tablet .zen-tab-item__content-te
|
|
|
15233
15184
|
flex: 0 0 auto;
|
|
15234
15185
|
align-items: center;
|
|
15235
15186
|
justify-content: center;
|
|
15236
|
-
width:
|
|
15237
|
-
height:
|
|
15238
|
-
padding:
|
|
15187
|
+
width: 32px;
|
|
15188
|
+
height: 32px;
|
|
15189
|
+
padding: 8px;
|
|
15239
15190
|
opacity: 0;
|
|
15240
15191
|
transition: opacity 300ms ease;
|
|
15241
15192
|
position: absolute;
|
|
@@ -15253,27 +15204,21 @@ html:lang(ar) .zen-tab-item.zen-tab-item--drive-tablet .zen-tab-item__content-te
|
|
|
15253
15204
|
.zen-filters-toolbar__gradient--right::before {
|
|
15254
15205
|
position: absolute;
|
|
15255
15206
|
content: "";
|
|
15256
|
-
margin-
|
|
15207
|
+
margin-left: -40px;
|
|
15257
15208
|
height: 100%;
|
|
15258
15209
|
top: 0;
|
|
15259
|
-
width:
|
|
15210
|
+
width: 40px;
|
|
15260
15211
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
|
|
15261
15212
|
}
|
|
15262
|
-
[dir="rtl"] .zen-filters-toolbar__gradient--right::before {
|
|
15263
|
-
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
|
|
15264
|
-
}
|
|
15265
15213
|
.zen-filters-toolbar__gradient--left::after {
|
|
15266
15214
|
position: absolute;
|
|
15267
15215
|
content: "";
|
|
15268
|
-
margin-
|
|
15216
|
+
margin-left: 40px;
|
|
15269
15217
|
height: 100%;
|
|
15270
15218
|
top: 0;
|
|
15271
|
-
width:
|
|
15219
|
+
width: 40px;
|
|
15272
15220
|
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
|
|
15273
15221
|
}
|
|
15274
|
-
[dir="rtl"] .zen-filters-toolbar__gradient--left::after {
|
|
15275
|
-
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
|
|
15276
|
-
}
|
|
15277
15222
|
.zen-filters-toolbar__gradient--visible {
|
|
15278
15223
|
display: block;
|
|
15279
15224
|
opacity: 1;
|
|
@@ -15282,18 +15227,23 @@ html:lang(ar) .zen-tab-item.zen-tab-item--drive-tablet .zen-tab-item__content-te
|
|
|
15282
15227
|
display: none;
|
|
15283
15228
|
}
|
|
15284
15229
|
.zen-filters-toolbar__start {
|
|
15285
|
-
margin-inline:
|
|
15286
|
-
|
|
15230
|
+
margin-inline-end: 8px;
|
|
15231
|
+
margin-left: 4px;
|
|
15232
|
+
left: 0;
|
|
15233
|
+
}
|
|
15234
|
+
.zen-filters-toolbar__start-icon {
|
|
15235
|
+
transform: rotate(180deg);
|
|
15287
15236
|
}
|
|
15288
15237
|
.zen-filters-toolbar__end {
|
|
15289
|
-
margin-inline:
|
|
15290
|
-
|
|
15238
|
+
margin-inline-start: 8px;
|
|
15239
|
+
margin-right: 4px;
|
|
15240
|
+
right: 0;
|
|
15291
15241
|
}
|
|
15292
15242
|
.zen-filters-toolbar__filters {
|
|
15293
15243
|
display: flex;
|
|
15294
15244
|
flex-shrink: 1;
|
|
15295
15245
|
align-items: center;
|
|
15296
|
-
gap:
|
|
15246
|
+
gap: 8px;
|
|
15297
15247
|
}
|
|
15298
15248
|
.zen-filters-toolbar__filters-item {
|
|
15299
15249
|
flex-shrink: 0;
|
|
@@ -15304,7 +15254,7 @@ html:lang(ar) .zen-tab-item.zen-tab-item--drive-tablet .zen-tab-item__content-te
|
|
|
15304
15254
|
.zen-filters-toolbar__actions {
|
|
15305
15255
|
flex-shrink: 0;
|
|
15306
15256
|
display: flex;
|
|
15307
|
-
gap:
|
|
15257
|
+
gap: 8px;
|
|
15308
15258
|
}
|
|
15309
15259
|
.zen-filters-toolbar__action-label {
|
|
15310
15260
|
font-family: var(--main-font);
|
|
@@ -15328,12 +15278,12 @@ html:lang(ar) .zen-filters-toolbar__action-label {
|
|
|
15328
15278
|
line-height: 16px;
|
|
15329
15279
|
text-transform: none;
|
|
15330
15280
|
text-decoration: none;
|
|
15331
|
-
min-width:
|
|
15281
|
+
min-width: 16px;
|
|
15332
15282
|
border-radius: 16px;
|
|
15333
15283
|
background-color: var(--action-primary--default);
|
|
15334
15284
|
color: var(--text-reverse-primary);
|
|
15335
|
-
margin-
|
|
15336
|
-
padding:
|
|
15285
|
+
margin-left: 6px;
|
|
15286
|
+
padding: 0px 4px;
|
|
15337
15287
|
}
|
|
15338
15288
|
html:lang(ar) .zen-filters-toolbar__action-quantity {
|
|
15339
15289
|
font-family: var(--arabic-font-family);
|
|
@@ -15358,38 +15308,30 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
|
|
|
15358
15308
|
}
|
|
15359
15309
|
.zen-filters-toolbar__scroller.zen-filters-toolbar__scroller--drive,
|
|
15360
15310
|
.zen-filters-toolbar__scroller.zen-filters-toolbar__scroller--drive-tablet {
|
|
15361
|
-
width:
|
|
15362
|
-
height:
|
|
15311
|
+
width: 46px;
|
|
15312
|
+
height: 46px;
|
|
15363
15313
|
}
|
|
15364
15314
|
.zen-filters-toolbar__gradient.zen-filters-toolbar__gradient--drive.zen-filters-toolbar__gradient--left::after,
|
|
15365
15315
|
.zen-filters-toolbar__gradient.zen-filters-toolbar__gradient--drive-tablet.zen-filters-toolbar__gradient--left::after {
|
|
15366
15316
|
position: absolute;
|
|
15367
15317
|
content: "";
|
|
15368
|
-
margin-
|
|
15318
|
+
margin-left: calc(52px + 4px);
|
|
15369
15319
|
height: 100%;
|
|
15370
15320
|
top: 0;
|
|
15371
|
-
width:
|
|
15321
|
+
width: 52px;
|
|
15372
15322
|
z-index: 1000;
|
|
15373
15323
|
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
|
|
15374
15324
|
}
|
|
15375
|
-
[dir="rtl"] .zen-filters-toolbar__gradient.zen-filters-toolbar__gradient--drive.zen-filters-toolbar__gradient--left::after,
|
|
15376
|
-
[dir="rtl"] .zen-filters-toolbar__gradient.zen-filters-toolbar__gradient--drive-tablet.zen-filters-toolbar__gradient--left::after {
|
|
15377
|
-
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
|
|
15378
|
-
}
|
|
15379
15325
|
.zen-filters-toolbar__gradient.zen-filters-toolbar__gradient--drive.zen-filters-toolbar__gradient--right::before,
|
|
15380
15326
|
.zen-filters-toolbar__gradient.zen-filters-toolbar__gradient--drive-tablet.zen-filters-toolbar__gradient--right::before {
|
|
15381
15327
|
position: absolute;
|
|
15382
15328
|
content: "";
|
|
15383
|
-
margin-
|
|
15329
|
+
margin-left: -52px;
|
|
15384
15330
|
height: 100%;
|
|
15385
15331
|
top: 0;
|
|
15386
|
-
width:
|
|
15332
|
+
width: 52px;
|
|
15387
15333
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
|
|
15388
15334
|
}
|
|
15389
|
-
[dir="rtl"] .zen-filters-toolbar__gradient.zen-filters-toolbar__gradient--drive.zen-filters-toolbar__gradient--right::before,
|
|
15390
|
-
[dir="rtl"] .zen-filters-toolbar__gradient.zen-filters-toolbar__gradient--drive-tablet.zen-filters-toolbar__gradient--right::before {
|
|
15391
|
-
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
|
|
15392
|
-
}
|
|
15393
15335
|
.zen-side-panel-parent--open {
|
|
15394
15336
|
max-height: 100vh;
|
|
15395
15337
|
overflow-y: hidden;
|
|
@@ -15404,10 +15346,10 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
|
|
|
15404
15346
|
max-width: 100%;
|
|
15405
15347
|
}
|
|
15406
15348
|
.zen-filters-bar-dropdown--toolbar {
|
|
15407
|
-
max-width:
|
|
15349
|
+
max-width: 180px;
|
|
15408
15350
|
}
|
|
15409
15351
|
.zen-filters-bar-dropdown__pill-box {
|
|
15410
|
-
margin-
|
|
15352
|
+
margin-top: 8px;
|
|
15411
15353
|
}
|
|
15412
15354
|
.zen-side-panel-radio-group {
|
|
15413
15355
|
box-sizing: border-box;
|
|
@@ -15419,10 +15361,10 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
|
|
|
15419
15361
|
padding: 0;
|
|
15420
15362
|
}
|
|
15421
15363
|
.zen-side-panel-radio-group .zen-radio-group__item {
|
|
15422
|
-
padding:
|
|
15364
|
+
padding: 8px 0;
|
|
15423
15365
|
}
|
|
15424
15366
|
.zen-side-panel-radio-group .zen-radio__label {
|
|
15425
|
-
margin-
|
|
15367
|
+
margin-left: 8px;
|
|
15426
15368
|
}
|
|
15427
15369
|
.zen-side-panel-checkbox-group {
|
|
15428
15370
|
box-sizing: border-box;
|
|
@@ -15431,13 +15373,13 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
|
|
|
15431
15373
|
box-sizing: border-box;
|
|
15432
15374
|
}
|
|
15433
15375
|
.zen-side-panel-checkbox-group__checkbox {
|
|
15434
|
-
padding:
|
|
15376
|
+
padding: 8px 0;
|
|
15435
15377
|
}
|
|
15436
15378
|
.zen-side-panel-checkbox-group .zen-checkbox__label-text {
|
|
15437
|
-
margin-
|
|
15379
|
+
margin-left: 8px;
|
|
15438
15380
|
}
|
|
15439
15381
|
.zen-filters-bar-groups-filter--side-panel .zen-side-panel-cell__content {
|
|
15440
|
-
max-width:
|
|
15382
|
+
max-width: 420px;
|
|
15441
15383
|
}
|
|
15442
15384
|
.zen-range-field {
|
|
15443
15385
|
box-sizing: border-box;
|
|
@@ -15773,8 +15715,8 @@ html:lang(ar) .zen-range-popup.zen-range-popup {
|
|
|
15773
15715
|
display: grid;
|
|
15774
15716
|
}
|
|
15775
15717
|
.zen-filters-bar-side-panel-range__items-container--column {
|
|
15776
|
-
min-width:
|
|
15777
|
-
max-width:
|
|
15718
|
+
min-width: 136px;
|
|
15719
|
+
max-width: 258px;
|
|
15778
15720
|
display: grid;
|
|
15779
15721
|
grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
|
|
15780
15722
|
grid-template-rows: auto auto;
|
|
@@ -15783,7 +15725,7 @@ html:lang(ar) .zen-range-popup.zen-range-popup {
|
|
|
15783
15725
|
justify-items: start;
|
|
15784
15726
|
}
|
|
15785
15727
|
.zen-filters-bar-side-panel-range__items-container--row {
|
|
15786
|
-
max-width:
|
|
15728
|
+
max-width: 296px;
|
|
15787
15729
|
display: grid;
|
|
15788
15730
|
align-items: center;
|
|
15789
15731
|
justify-items: start;
|
|
@@ -15792,14 +15734,14 @@ html:lang(ar) .zen-range-popup.zen-range-popup {
|
|
|
15792
15734
|
column-gap: 0.5rem;
|
|
15793
15735
|
}
|
|
15794
15736
|
.zen-filters-bar-side-panel-range__item--column {
|
|
15795
|
-
min-width:
|
|
15796
|
-
min-height:
|
|
15797
|
-
max-width:
|
|
15737
|
+
min-width: 136px;
|
|
15738
|
+
min-height: 32px;
|
|
15739
|
+
max-width: 258px;
|
|
15798
15740
|
}
|
|
15799
15741
|
.zen-filters-bar-side-panel-range__item--row {
|
|
15800
|
-
min-width:
|
|
15801
|
-
min-height:
|
|
15802
|
-
max-width:
|
|
15742
|
+
min-width: 128px;
|
|
15743
|
+
min-height: 32px;
|
|
15744
|
+
max-width: 144px;
|
|
15803
15745
|
}
|
|
15804
15746
|
.zen-filters-bar-date-input {
|
|
15805
15747
|
box-sizing: border-box;
|
|
@@ -15815,7 +15757,7 @@ html:lang(ar) .zen-range-popup.zen-range-popup {
|
|
|
15815
15757
|
margin: 0;
|
|
15816
15758
|
}
|
|
15817
15759
|
.zen-filters-bar-date-input__popup--full-width.zen-filters-bar-date-input__popup--full-width {
|
|
15818
|
-
width:
|
|
15760
|
+
width: 288px;
|
|
15819
15761
|
}
|
|
15820
15762
|
.zen-header-button--with-dropdown.zen-header-button--mobile .zen-caption__pre-content,
|
|
15821
15763
|
.zen-header-button--with-dropdown.zen-header-button--hidden-name .zen-caption__pre-content {
|
|
@@ -15844,15 +15786,15 @@ html:lang(ar) .zen-filters-saved-popup__content {
|
|
|
15844
15786
|
display: flex;
|
|
15845
15787
|
flex-wrap: nowrap;
|
|
15846
15788
|
align-items: center;
|
|
15847
|
-
height:
|
|
15848
|
-
padding:
|
|
15789
|
+
height: 40px;
|
|
15790
|
+
padding: 12px;
|
|
15849
15791
|
cursor: pointer;
|
|
15850
15792
|
background-color: transparent;
|
|
15851
15793
|
color: var(--text-primary);
|
|
15852
15794
|
fill: var(--text-primary);
|
|
15853
15795
|
border: none;
|
|
15854
|
-
gap:
|
|
15855
|
-
border-
|
|
15796
|
+
gap: 8px;
|
|
15797
|
+
border-bottom: var(--border-width-default) solid var(--borders-general);
|
|
15856
15798
|
}
|
|
15857
15799
|
.zen-filters-saved-popup__content .zen-filters-saved-popup__action-button:focus-visible {
|
|
15858
15800
|
outline: 1px solid var(--borders-form-field--active);
|
|
@@ -15870,8 +15812,8 @@ html:lang(ar) .zen-filters-saved-popup__content {
|
|
|
15870
15812
|
flex-wrap: nowrap;
|
|
15871
15813
|
align-items: center;
|
|
15872
15814
|
justify-content: space-between;
|
|
15873
|
-
height:
|
|
15874
|
-
padding
|
|
15815
|
+
height: 40px;
|
|
15816
|
+
padding: 0 6px 0 0;
|
|
15875
15817
|
position: relative;
|
|
15876
15818
|
margin: 1px;
|
|
15877
15819
|
}
|
|
@@ -15883,7 +15825,7 @@ html:lang(ar) .zen-filters-saved-popup__content {
|
|
|
15883
15825
|
border-radius: var(--border-radius-default);
|
|
15884
15826
|
}
|
|
15885
15827
|
.zen-filters-saved-popup__content .zen-filters-saved-popup__close-button {
|
|
15886
|
-
height:
|
|
15828
|
+
height: 32px;
|
|
15887
15829
|
fill: var(--text-secondary);
|
|
15888
15830
|
}
|
|
15889
15831
|
.zen-filters-saved-popup__content .zen-filters-saved-popup__close-button:focus-visible {
|
|
@@ -15909,7 +15851,7 @@ html:lang(ar) .zen-filters-saved-popup__content {
|
|
|
15909
15851
|
text-transform: none;
|
|
15910
15852
|
text-decoration: none;
|
|
15911
15853
|
height: 100%;
|
|
15912
|
-
padding:
|
|
15854
|
+
padding: 6px;
|
|
15913
15855
|
display: flex;
|
|
15914
15856
|
align-items: center;
|
|
15915
15857
|
outline: none;
|
|
@@ -15927,7 +15869,7 @@ html:lang(ar) .zen-filters-saved-popup__content .zen-filters-saved-popup__name {
|
|
|
15927
15869
|
background-color: transparent;
|
|
15928
15870
|
}
|
|
15929
15871
|
.zen-filters-saved-popup__content .zen-filters-saved-popup__name .zen-filters-saved-popup__action {
|
|
15930
|
-
padding:
|
|
15872
|
+
padding: 6px;
|
|
15931
15873
|
flex-shrink: 0;
|
|
15932
15874
|
display: flex;
|
|
15933
15875
|
align-items: center;
|
|
@@ -15953,8 +15895,8 @@ html:lang(ar) .zen-filters-saved-popup__content.zen-filters-saved-popup__content
|
|
|
15953
15895
|
}
|
|
15954
15896
|
.zen-filters-saved-popup__content.zen-filters-saved-popup__content--drive .zen-filters-saved-popup__action-button,
|
|
15955
15897
|
.zen-filters-saved-popup__content.zen-filters-saved-popup__content--drive-tablet .zen-filters-saved-popup__action-button {
|
|
15956
|
-
height:
|
|
15957
|
-
padding:
|
|
15898
|
+
height: 60px;
|
|
15899
|
+
padding: 16px;
|
|
15958
15900
|
font-family: var(--main-font);
|
|
15959
15901
|
font-size: 16px;
|
|
15960
15902
|
font-style: normal;
|
|
@@ -15970,16 +15912,15 @@ html:lang(ar) .zen-filters-saved-popup__content.zen-filters-saved-popup__content
|
|
|
15970
15912
|
}
|
|
15971
15913
|
.zen-filters-saved-popup__content.zen-filters-saved-popup__content--drive .zen-filters-saved-popup__item,
|
|
15972
15914
|
.zen-filters-saved-popup__content.zen-filters-saved-popup__content--drive-tablet .zen-filters-saved-popup__item {
|
|
15973
|
-
height:
|
|
15915
|
+
height: 60px;
|
|
15974
15916
|
}
|
|
15975
15917
|
.zen-filters-saved-popup__content.zen-filters-saved-popup__content--drive .zen-filters-saved-popup__name,
|
|
15976
15918
|
.zen-filters-saved-popup__content.zen-filters-saved-popup__content--drive-tablet .zen-filters-saved-popup__name {
|
|
15977
|
-
padding
|
|
15978
|
-
padding-inline: 1rem 0.625rem;
|
|
15919
|
+
padding: 10px 10px 10px 16px;
|
|
15979
15920
|
}
|
|
15980
15921
|
.zen-filters-saved-popup__content.zen-filters-saved-popup__content--drive .zen-filters-saved-popup__close-button,
|
|
15981
15922
|
.zen-filters-saved-popup__content.zen-filters-saved-popup__content--drive-tablet .zen-filters-saved-popup__close-button {
|
|
15982
|
-
height:
|
|
15923
|
+
height: 44px;
|
|
15983
15924
|
}
|
|
15984
15925
|
.zen-filters-saved-popup__content.zen-filters-saved-popup__content--mobile {
|
|
15985
15926
|
font-family: var(--main-font);
|
|
@@ -15995,8 +15936,8 @@ html:lang(ar) .zen-filters-saved-popup__content.zen-filters-saved-popup__content
|
|
|
15995
15936
|
font-family: var(--arabic-font-family);
|
|
15996
15937
|
}
|
|
15997
15938
|
.zen-filters-saved-popup__content.zen-filters-saved-popup__content--mobile .zen-filters-saved-popup__action-button {
|
|
15998
|
-
height:
|
|
15999
|
-
padding:
|
|
15939
|
+
height: 60px;
|
|
15940
|
+
padding: 16px;
|
|
16000
15941
|
font-family: var(--main-font);
|
|
16001
15942
|
font-size: 14px;
|
|
16002
15943
|
font-style: normal;
|
|
@@ -16010,20 +15951,19 @@ html:lang(ar) .zen-filters-saved-popup__content.zen-filters-saved-popup__content
|
|
|
16010
15951
|
font-family: var(--arabic-font-family);
|
|
16011
15952
|
}
|
|
16012
15953
|
.zen-filters-saved-popup__content.zen-filters-saved-popup__content--mobile .zen-filters-saved-popup__item {
|
|
16013
|
-
height:
|
|
15954
|
+
height: 60px;
|
|
16014
15955
|
}
|
|
16015
15956
|
.zen-filters-saved-popup__content.zen-filters-saved-popup__content--mobile .zen-filters-saved-popup__name {
|
|
16016
|
-
padding
|
|
16017
|
-
padding-inline: 1rem 0.625rem;
|
|
15957
|
+
padding: 10px 10px 10px 16px;
|
|
16018
15958
|
}
|
|
16019
15959
|
.zen-filters-saved-popup__content.zen-filters-saved-popup__content--mobile .zen-filters-saved-popup__close-button {
|
|
16020
|
-
height:
|
|
15960
|
+
height: 44px;
|
|
16021
15961
|
}
|
|
16022
15962
|
.zen-filters-modal__content {
|
|
16023
15963
|
display: flex;
|
|
16024
15964
|
flex-direction: column;
|
|
16025
|
-
gap:
|
|
16026
|
-
padding:
|
|
15965
|
+
gap: 16px;
|
|
15966
|
+
padding: 16px;
|
|
16027
15967
|
}
|
|
16028
15968
|
.zen-filters-prioritized-modal {
|
|
16029
15969
|
z-index: 11011;
|
|
@@ -16035,25 +15975,25 @@ html:lang(ar) .zen-filters-saved-popup__content.zen-filters-saved-popup__content
|
|
|
16035
15975
|
position: relative;
|
|
16036
15976
|
max-width: 100%;
|
|
16037
15977
|
flex-grow: 1;
|
|
16038
|
-
margin: 0
|
|
15978
|
+
margin: 0 12px;
|
|
16039
15979
|
}
|
|
16040
15980
|
.zen-filters-search__selected {
|
|
16041
15981
|
display: flex;
|
|
16042
|
-
gap:
|
|
15982
|
+
gap: 8px;
|
|
16043
15983
|
flex-wrap: nowrap;
|
|
16044
15984
|
align-items: center;
|
|
16045
|
-
margin-
|
|
15985
|
+
margin-left: 8px;
|
|
16046
15986
|
overflow: hidden;
|
|
16047
15987
|
}
|
|
16048
15988
|
.zen-filters-search__selected-item {
|
|
16049
|
-
max-width:
|
|
15989
|
+
max-width: 181px;
|
|
16050
15990
|
}
|
|
16051
15991
|
.zen-filters-search__selected-item--more {
|
|
16052
15992
|
flex-shrink: 0;
|
|
16053
15993
|
}
|
|
16054
15994
|
.zen-filters-search.zen-filters-popup__search-with-pills.zen-filters-search--mobile {
|
|
16055
15995
|
margin: 0;
|
|
16056
|
-
padding: 0
|
|
15996
|
+
padding: 0 12px;
|
|
16057
15997
|
border: var(--border-width-default) solid var(--borders-general);
|
|
16058
15998
|
border-radius: var(--border-radius-default);
|
|
16059
15999
|
}
|
|
@@ -16071,19 +16011,19 @@ html:lang(ar) .zen-filters-saved-popup__content.zen-filters-saved-popup__content
|
|
|
16071
16011
|
display: flex;
|
|
16072
16012
|
justify-content: space-between;
|
|
16073
16013
|
align-items: center;
|
|
16074
|
-
height:
|
|
16075
|
-
padding:
|
|
16014
|
+
height: 64px;
|
|
16015
|
+
padding: 16px;
|
|
16076
16016
|
}
|
|
16077
16017
|
.zen-side-panel-filters__header-buttons {
|
|
16078
16018
|
display: flex;
|
|
16079
|
-
gap:
|
|
16019
|
+
gap: 4px;
|
|
16080
16020
|
align-items: center;
|
|
16081
16021
|
justify-content: flex-end;
|
|
16082
16022
|
}
|
|
16083
16023
|
.zen-side-panel-filters__header-button {
|
|
16084
16024
|
cursor: pointer;
|
|
16085
16025
|
border: none;
|
|
16086
|
-
padding:
|
|
16026
|
+
padding: 8px;
|
|
16087
16027
|
display: flex;
|
|
16088
16028
|
align-items: center;
|
|
16089
16029
|
justify-content: center;
|
|
@@ -16104,15 +16044,15 @@ html:lang(ar) .zen-filters-saved-popup__content.zen-filters-saved-popup__content
|
|
|
16104
16044
|
background-color: var(--action-primary--active);
|
|
16105
16045
|
}
|
|
16106
16046
|
.zen-side-panel-filters__header-buttons--mobile .zen-side-panel-filters__header-button {
|
|
16107
|
-
padding:
|
|
16047
|
+
padding: 12px;
|
|
16108
16048
|
}
|
|
16109
16049
|
.zen-side-panel-filters__title-wrapper {
|
|
16110
16050
|
display: flex;
|
|
16111
16051
|
flex-wrap: nowrap;
|
|
16112
|
-
gap:
|
|
16052
|
+
gap: 16px;
|
|
16113
16053
|
}
|
|
16114
16054
|
.zen-side-panel-filters__title {
|
|
16115
|
-
padding:
|
|
16055
|
+
padding: 8px 0;
|
|
16116
16056
|
font-family: var(--main-font);
|
|
16117
16057
|
font-size: 14px;
|
|
16118
16058
|
font-style: normal;
|
|
@@ -16150,13 +16090,13 @@ html:lang(ar) .zen-side-panel-filters__title--mobile {
|
|
|
16150
16090
|
}
|
|
16151
16091
|
.zen-side-panel-filters__item {
|
|
16152
16092
|
max-width: 100%;
|
|
16153
|
-
width:
|
|
16093
|
+
width: 328px;
|
|
16154
16094
|
}
|
|
16155
16095
|
.zen-side-panel-filters__item-popup {
|
|
16156
16096
|
z-index: 11002;
|
|
16157
16097
|
}
|
|
16158
16098
|
.zen-side-panel-filters__dropdown-skeleton {
|
|
16159
|
-
gap:
|
|
16099
|
+
gap: 8px;
|
|
16160
16100
|
padding: 0;
|
|
16161
16101
|
}
|
|
16162
16102
|
.zen-side-panel-filters__item-element.zen-side-panel-filters__item-element:not(.zen-side-panel-filters__item-element--custom) {
|
|
@@ -16169,7 +16109,7 @@ html:lang(ar) .zen-side-panel-filters__title--mobile {
|
|
|
16169
16109
|
margin: 0;
|
|
16170
16110
|
}
|
|
16171
16111
|
.zen-side-panel-filters__item-label {
|
|
16172
|
-
margin-
|
|
16112
|
+
margin-bottom: 4px;
|
|
16173
16113
|
font-family: var(--main-font);
|
|
16174
16114
|
font-size: 12px;
|
|
16175
16115
|
font-style: normal;
|
|
@@ -16183,7 +16123,7 @@ html:lang(ar) .zen-side-panel-filters__item-label {
|
|
|
16183
16123
|
font-family: var(--arabic-font-family);
|
|
16184
16124
|
}
|
|
16185
16125
|
.zen-side-panel-filters__item-label--mobile {
|
|
16186
|
-
margin-
|
|
16126
|
+
margin-bottom: 8px;
|
|
16187
16127
|
font-family: var(--main-font);
|
|
16188
16128
|
font-size: 14px;
|
|
16189
16129
|
font-style: normal;
|
|
@@ -16197,16 +16137,16 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
|
|
|
16197
16137
|
font-family: var(--arabic-font-family);
|
|
16198
16138
|
}
|
|
16199
16139
|
.zen-side-panel-filters__tab-header {
|
|
16200
|
-
padding: 0
|
|
16140
|
+
padding: 0 16px;
|
|
16201
16141
|
}
|
|
16202
16142
|
.zen-side-panel-filters__tab-header .zen-side-panel-filters__tab-header {
|
|
16203
16143
|
padding: 0;
|
|
16204
16144
|
}
|
|
16205
16145
|
.zen-side-panel-filters__tab-content {
|
|
16206
|
-
padding:
|
|
16146
|
+
padding: 16px;
|
|
16207
16147
|
display: flex;
|
|
16208
16148
|
flex-direction: column;
|
|
16209
|
-
gap:
|
|
16149
|
+
gap: 32px;
|
|
16210
16150
|
}
|
|
16211
16151
|
.zen-side-panel-filters__tab-content--hidden {
|
|
16212
16152
|
display: none;
|
|
@@ -16215,14 +16155,14 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
|
|
|
16215
16155
|
display: flex;
|
|
16216
16156
|
}
|
|
16217
16157
|
.zen-side-panel-filters__apply-button--desktop {
|
|
16218
|
-
margin-inline-start:
|
|
16158
|
+
margin-inline-start: 16px;
|
|
16219
16159
|
}
|
|
16220
16160
|
.zen-side-panel-filters__footer {
|
|
16221
16161
|
display: flex;
|
|
16222
16162
|
justify-content: space-between;
|
|
16223
16163
|
align-items: center;
|
|
16224
|
-
border-
|
|
16225
|
-
padding:
|
|
16164
|
+
border-top: 1px solid var(--borders-general);
|
|
16165
|
+
padding: 14px 28px;
|
|
16226
16166
|
height: auto;
|
|
16227
16167
|
flex: 0 0 auto;
|
|
16228
16168
|
}
|
|
@@ -16231,10 +16171,10 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
|
|
|
16231
16171
|
display: block;
|
|
16232
16172
|
}
|
|
16233
16173
|
.zen-side-panel-filters__footer--long-text {
|
|
16234
|
-
padding:
|
|
16174
|
+
padding: 14px 16px;
|
|
16235
16175
|
}
|
|
16236
16176
|
.zen-side-panel-filters__footer--long-text .zen-side-panel-filters__apply-button--desktop {
|
|
16237
|
-
margin-inline-start:
|
|
16177
|
+
margin-inline-start: 8px;
|
|
16238
16178
|
}
|
|
16239
16179
|
.zen-side-panel-filters-wrapper {
|
|
16240
16180
|
position: relative;
|
|
@@ -16244,8 +16184,8 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
|
|
|
16244
16184
|
overflow-y: hidden;
|
|
16245
16185
|
}
|
|
16246
16186
|
.zen-side-panel-filters.zen-side-panel-filters {
|
|
16247
|
-
min-width:
|
|
16248
|
-
max-width:
|
|
16187
|
+
min-width: 360px;
|
|
16188
|
+
max-width: 360px;
|
|
16249
16189
|
}
|
|
16250
16190
|
@media (max-width: 640px) {
|
|
16251
16191
|
.zen-side-panel-filters.zen-side-panel-filters {
|
|
@@ -16255,7 +16195,7 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
|
|
|
16255
16195
|
}
|
|
16256
16196
|
}
|
|
16257
16197
|
.zen-filters-select-compact {
|
|
16258
|
-
padding:
|
|
16198
|
+
padding: 4px 16px;
|
|
16259
16199
|
width: 100%;
|
|
16260
16200
|
overflow-x: auto;
|
|
16261
16201
|
-ms-overflow-style: none;
|
|
@@ -16269,14 +16209,14 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
|
|
|
16269
16209
|
.zen-filters-select-compact__list {
|
|
16270
16210
|
display: flex;
|
|
16271
16211
|
flex-wrap: nowrap;
|
|
16272
|
-
gap:
|
|
16212
|
+
gap: 8px;
|
|
16273
16213
|
align-items: center;
|
|
16274
16214
|
}
|
|
16275
16215
|
.zen-filters-select-compact__pill-item:not(.zen-filters-select-compact__list-item--not-expandable) {
|
|
16276
16216
|
opacity: 0;
|
|
16277
|
-
padding-
|
|
16217
|
+
padding-left: 0;
|
|
16278
16218
|
transform: translateX(-30%);
|
|
16279
|
-
transition: transform 0.3s ease-in-out, opacity 0.2s ease-in, padding-
|
|
16219
|
+
transition: transform 0.3s ease-in-out, opacity 0.2s ease-in, padding-left 0.3s ease;
|
|
16280
16220
|
}
|
|
16281
16221
|
.zen-filters-select-compact__item-content {
|
|
16282
16222
|
min-width: 0;
|
|
@@ -16289,8 +16229,8 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
|
|
|
16289
16229
|
display: flex;
|
|
16290
16230
|
align-items: center;
|
|
16291
16231
|
width: max-content;
|
|
16292
|
-
padding-
|
|
16293
|
-
transition: padding-
|
|
16232
|
+
padding-left: 0;
|
|
16233
|
+
transition: padding-left 0.3s ease;
|
|
16294
16234
|
}
|
|
16295
16235
|
.zen-filters-select-compact__unfolding-pill-item {
|
|
16296
16236
|
flex-shrink: 0;
|
|
@@ -16321,9 +16261,9 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
|
|
|
16321
16261
|
}
|
|
16322
16262
|
.zen-filters-select-compact__unfolding-pill-item--expanded .zen-filters-select-compact__pill-item {
|
|
16323
16263
|
opacity: 1;
|
|
16324
|
-
padding-
|
|
16264
|
+
padding-left: 8px;
|
|
16325
16265
|
transform: translateX(0);
|
|
16326
|
-
transition: transform 0.3s ease-in-out, opacity 0.2s ease-in, padding-
|
|
16266
|
+
transition: transform 0.3s ease-in-out, opacity 0.2s ease-in, padding-left 0.3s ease;
|
|
16327
16267
|
}
|
|
16328
16268
|
.zen-filters-select-compact .zen-filters-select-compact__pill-item:nth-child(1) {
|
|
16329
16269
|
transition-delay: 0.05s;
|
|
@@ -16347,27 +16287,27 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
|
|
|
16347
16287
|
transition-delay: 0.05s;
|
|
16348
16288
|
}
|
|
16349
16289
|
.zen-filters-select {
|
|
16350
|
-
border-
|
|
16351
|
-
padding-
|
|
16290
|
+
border-top: var(--border-width-default) solid var(--borders-general);
|
|
16291
|
+
padding-top: 1px;
|
|
16352
16292
|
}
|
|
16353
16293
|
.zen-filters-select__list-item-title {
|
|
16354
|
-
padding:
|
|
16294
|
+
padding: 8px;
|
|
16355
16295
|
display: flex;
|
|
16356
16296
|
align-items: center;
|
|
16357
16297
|
justify-content: space-between;
|
|
16358
16298
|
flex-grow: 1;
|
|
16359
|
-
gap:
|
|
16299
|
+
gap: 8px;
|
|
16360
16300
|
}
|
|
16361
16301
|
.zen-filters-select__item-active-indicator {
|
|
16362
|
-
width:
|
|
16363
|
-
height:
|
|
16302
|
+
width: 8px;
|
|
16303
|
+
height: 8px;
|
|
16364
16304
|
border-radius: 50%;
|
|
16365
16305
|
background-color: var(--action-primary--default);
|
|
16366
|
-
margin-
|
|
16306
|
+
margin-left: 8px;
|
|
16367
16307
|
}
|
|
16368
16308
|
.zen-filters-select__item-button {
|
|
16369
|
-
width:
|
|
16370
|
-
height:
|
|
16309
|
+
width: 32px;
|
|
16310
|
+
height: 32px;
|
|
16371
16311
|
overflow: visible;
|
|
16372
16312
|
}
|
|
16373
16313
|
.zen-filters-select__item-button:hover {
|
|
@@ -16377,7 +16317,7 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
|
|
|
16377
16317
|
}
|
|
16378
16318
|
.zen-filters-select__item-icon {
|
|
16379
16319
|
fill: var(--action-secondary--default);
|
|
16380
|
-
margin-
|
|
16320
|
+
margin-left: auto;
|
|
16381
16321
|
}
|
|
16382
16322
|
.zen-filters-select__item-icon.zen-filters-select__item-icon--rotated {
|
|
16383
16323
|
transform: rotate(180deg);
|
|
@@ -16385,7 +16325,7 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
|
|
|
16385
16325
|
.zen-filters-select__list-item-wrapper {
|
|
16386
16326
|
z-index: 3;
|
|
16387
16327
|
position: relative;
|
|
16388
|
-
padding:
|
|
16328
|
+
padding: 1px;
|
|
16389
16329
|
width: 100%;
|
|
16390
16330
|
display: flex;
|
|
16391
16331
|
flex-direction: row;
|
|
@@ -16409,12 +16349,12 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
|
|
|
16409
16349
|
.zen-filters-select__list-item {
|
|
16410
16350
|
width: 100%;
|
|
16411
16351
|
display: flex;
|
|
16412
|
-
height:
|
|
16352
|
+
height: 32px;
|
|
16413
16353
|
align-items: center;
|
|
16414
16354
|
justify-content: space-between;
|
|
16415
16355
|
background-color: transparent;
|
|
16416
16356
|
border: 1px solid transparent;
|
|
16417
|
-
padding-inline:
|
|
16357
|
+
padding-inline: 0px;
|
|
16418
16358
|
border-radius: var(--border-radius-default);
|
|
16419
16359
|
cursor: pointer;
|
|
16420
16360
|
color: var(--text-primary);
|
|
@@ -16434,7 +16374,7 @@ html:lang(ar) .zen-filters-select__list-item {
|
|
|
16434
16374
|
outline: none;
|
|
16435
16375
|
}
|
|
16436
16376
|
.zen-filters-select__list-item.zen-filters-select__sub-item {
|
|
16437
|
-
padding:
|
|
16377
|
+
padding: 8px;
|
|
16438
16378
|
background-color: var(--backgrounds-content-1);
|
|
16439
16379
|
color: var(--accents-general--detail);
|
|
16440
16380
|
border-color: var(--backgrounds-content-1);
|
|
@@ -16445,7 +16385,7 @@ html:lang(ar) .zen-filters-select__list-item {
|
|
|
16445
16385
|
border-color: var(--accents-general--main);
|
|
16446
16386
|
}
|
|
16447
16387
|
.zen-filters-select__list-item--not-expandable {
|
|
16448
|
-
padding:
|
|
16388
|
+
padding: 8px;
|
|
16449
16389
|
}
|
|
16450
16390
|
.zen-filters-select__list-item:hover {
|
|
16451
16391
|
background-color: var(--backgrounds-hover);
|
|
@@ -16465,7 +16405,7 @@ html:lang(ar) .zen-filters-select__list-item {
|
|
|
16465
16405
|
min-height: 0;
|
|
16466
16406
|
background-color: var(--backgrounds-content-1);
|
|
16467
16407
|
opacity: 0;
|
|
16468
|
-
transform: translateY(-
|
|
16408
|
+
transform: translateY(-10px);
|
|
16469
16409
|
transition: opacity 0.1s ease-in, transform 0.2s ease-out;
|
|
16470
16410
|
}
|
|
16471
16411
|
.zen-filters-select__item-content--expanded .zen-filters-select__item-content-inner {
|
|
@@ -16488,13 +16428,13 @@ html:lang(ar) .zen-filters-select__list-item {
|
|
|
16488
16428
|
max-width: 100%;
|
|
16489
16429
|
}
|
|
16490
16430
|
.zen-filters-bar-dropdown-with-checkbox--toolbar {
|
|
16491
|
-
max-width:
|
|
16431
|
+
max-width: 180px;
|
|
16492
16432
|
}
|
|
16493
16433
|
.zen-filters-bar-dropdown-with-checkbox__side-panel-checkbox {
|
|
16494
|
-
margin-
|
|
16434
|
+
margin-top: 8px;
|
|
16495
16435
|
}
|
|
16496
16436
|
.zen-filters-bar-dropdown-with-checkbox__pill-box {
|
|
16497
|
-
margin-
|
|
16437
|
+
margin-top: 8px;
|
|
16498
16438
|
}
|
|
16499
16439
|
.zen-filters-bar-period-picker {
|
|
16500
16440
|
box-sizing: border-box;
|
|
@@ -16503,16 +16443,13 @@ html:lang(ar) .zen-filters-select__list-item {
|
|
|
16503
16443
|
box-sizing: border-box;
|
|
16504
16444
|
}
|
|
16505
16445
|
.zen-filters-bar-period-picker__button-clear {
|
|
16506
|
-
margin
|
|
16507
|
-
margin-inline: 0.25rem auto;
|
|
16446
|
+
margin: 8px auto 4px 4px;
|
|
16508
16447
|
}
|
|
16509
16448
|
.zen-filters-bar-period-picker__button-reset {
|
|
16510
|
-
margin
|
|
16511
|
-
margin-inline: 0 0.5rem;
|
|
16449
|
+
margin: 8px 8px 4px 0px;
|
|
16512
16450
|
}
|
|
16513
16451
|
.zen-filters-bar-period-picker__button-apply {
|
|
16514
|
-
margin
|
|
16515
|
-
margin-inline: 0;
|
|
16452
|
+
margin: 8px 0px 4px 0px;
|
|
16516
16453
|
}
|
|
16517
16454
|
.zen-filters-bar-period-picker--full-width {
|
|
16518
16455
|
width: 100%;
|
|
@@ -16522,11 +16459,10 @@ html:lang(ar) .zen-filters-select__list-item {
|
|
|
16522
16459
|
margin: 0;
|
|
16523
16460
|
}
|
|
16524
16461
|
.zen-filters-bar-period-picker__popup--full-width.zen-filters-bar-period-picker__popup--full-width {
|
|
16525
|
-
width:
|
|
16462
|
+
width: 288px;
|
|
16526
16463
|
}
|
|
16527
16464
|
.zen-filters-bar-period-picker__error {
|
|
16528
|
-
margin
|
|
16529
|
-
margin-inline: 1rem;
|
|
16465
|
+
margin: 12px 16px 0;
|
|
16530
16466
|
}
|
|
16531
16467
|
.zen-filters-bar-period-picker .zen-filters-bar-period-picker-wrapper.zen-date-range-wrapper {
|
|
16532
16468
|
width: 100%;
|
|
@@ -16542,17 +16478,17 @@ html:lang(ar) .zen-filters-select__list-item {
|
|
|
16542
16478
|
display: flex;
|
|
16543
16479
|
justify-content: space-between;
|
|
16544
16480
|
align-items: center;
|
|
16545
|
-
border-
|
|
16546
|
-
height:
|
|
16547
|
-
padding:
|
|
16481
|
+
border-bottom: 1px solid var(--borders-general);
|
|
16482
|
+
height: 64px;
|
|
16483
|
+
padding: 16px;
|
|
16548
16484
|
}
|
|
16549
16485
|
.zen-side-panel-filters-bar__title-wrapper {
|
|
16550
16486
|
display: flex;
|
|
16551
16487
|
flex-wrap: nowrap;
|
|
16552
|
-
gap:
|
|
16488
|
+
gap: 16px;
|
|
16553
16489
|
}
|
|
16554
16490
|
.zen-side-panel-filters-bar__title {
|
|
16555
|
-
padding:
|
|
16491
|
+
padding: 8px 0;
|
|
16556
16492
|
font-family: var(--main-font);
|
|
16557
16493
|
font-size: 14px;
|
|
16558
16494
|
font-style: normal;
|
|
@@ -16567,28 +16503,28 @@ html:lang(ar) .zen-side-panel-filters-bar__title {
|
|
|
16567
16503
|
font-family: var(--arabic-font-family);
|
|
16568
16504
|
}
|
|
16569
16505
|
.zen-side-panel-filters-bar__title-pill {
|
|
16570
|
-
padding:
|
|
16506
|
+
padding: 4px 0;
|
|
16571
16507
|
}
|
|
16572
16508
|
.zen-side-panel-filters-bar__close-button {
|
|
16573
16509
|
fill: var(--text-primary);
|
|
16574
16510
|
position: absolute;
|
|
16575
|
-
|
|
16511
|
+
right: 16px;
|
|
16576
16512
|
}
|
|
16577
16513
|
.zen-side-panel-filters-bar__content {
|
|
16578
|
-
padding-
|
|
16514
|
+
padding-top: 8px;
|
|
16579
16515
|
overflow-x: hidden;
|
|
16580
16516
|
overflow-y: auto;
|
|
16581
16517
|
flex: 1 1 auto;
|
|
16582
16518
|
}
|
|
16583
16519
|
.zen-side-panel-filters-bar__apply-button--desktop {
|
|
16584
|
-
margin-inline-start:
|
|
16520
|
+
margin-inline-start: 16px;
|
|
16585
16521
|
}
|
|
16586
16522
|
.zen-side-panel-filters-bar__footer {
|
|
16587
16523
|
display: flex;
|
|
16588
16524
|
justify-content: space-between;
|
|
16589
16525
|
align-items: center;
|
|
16590
|
-
border-
|
|
16591
|
-
padding:
|
|
16526
|
+
border-top: 1px solid var(--borders-general);
|
|
16527
|
+
padding: 14px 28px;
|
|
16592
16528
|
height: auto;
|
|
16593
16529
|
flex: 0 0 auto;
|
|
16594
16530
|
}
|
|
@@ -16597,10 +16533,10 @@ html:lang(ar) .zen-side-panel-filters-bar__title {
|
|
|
16597
16533
|
display: block;
|
|
16598
16534
|
}
|
|
16599
16535
|
.zen-side-panel-filters-bar__footer--long-text {
|
|
16600
|
-
padding:
|
|
16536
|
+
padding: 14px 16px;
|
|
16601
16537
|
}
|
|
16602
16538
|
.zen-side-panel-filters-bar__footer--long-text .zen-side-panel-filters-bar__apply-button--desktop {
|
|
16603
|
-
margin-inline-start:
|
|
16539
|
+
margin-inline-start: 8px;
|
|
16604
16540
|
}
|
|
16605
16541
|
.zen-side-panel-filters-bar-wrapper {
|
|
16606
16542
|
position: relative;
|
|
@@ -16610,8 +16546,8 @@ html:lang(ar) .zen-side-panel-filters-bar__title {
|
|
|
16610
16546
|
overflow-y: hidden;
|
|
16611
16547
|
}
|
|
16612
16548
|
.zen-side-panel-filters-bar.zen-side-panel-filters-bar {
|
|
16613
|
-
min-width:
|
|
16614
|
-
max-width:
|
|
16549
|
+
min-width: 320px;
|
|
16550
|
+
max-width: 320px;
|
|
16615
16551
|
}
|
|
16616
16552
|
@media (max-width: 640px) {
|
|
16617
16553
|
.zen-side-panel-filters-bar.zen-side-panel-filters-bar {
|
|
@@ -16635,7 +16571,7 @@ html:lang(ar) .zen-form-section-default-title {
|
|
|
16635
16571
|
}
|
|
16636
16572
|
.zen-form-section-card-content {
|
|
16637
16573
|
display: grid;
|
|
16638
|
-
gap:
|
|
16574
|
+
gap: 16px;
|
|
16639
16575
|
}
|
|
16640
16576
|
.zen-form-section-error-banner {
|
|
16641
16577
|
height: fit-content;
|
|
@@ -16967,14 +16903,14 @@ html:lang(ar) .zen-form-layout-title {
|
|
|
16967
16903
|
line-height: 24px;
|
|
16968
16904
|
text-transform: none;
|
|
16969
16905
|
text-decoration: none;
|
|
16970
|
-
height:
|
|
16906
|
+
height: 24px;
|
|
16971
16907
|
}
|
|
16972
16908
|
html:lang(ar) .zen-form-layout-column-title {
|
|
16973
16909
|
font-family: var(--arabic-font-family);
|
|
16974
16910
|
}
|
|
16975
16911
|
.zen-form-layout-column {
|
|
16976
16912
|
display: grid;
|
|
16977
|
-
gap:
|
|
16913
|
+
gap: 16px;
|
|
16978
16914
|
}
|
|
16979
16915
|
.zen-form-layout-secondary {
|
|
16980
16916
|
font-family: var(--main-font);
|
|
@@ -16998,20 +16934,19 @@ html:lang(ar) .zen-form-layout-secondary {
|
|
|
16998
16934
|
height: max-content;
|
|
16999
16935
|
}
|
|
17000
16936
|
.zen-form-layout-stepper:not(.zen-form-layout-stepper--with-banner) {
|
|
17001
|
-
margin-
|
|
16937
|
+
margin-bottom: 40px;
|
|
17002
16938
|
}
|
|
17003
16939
|
.zen-form-separator {
|
|
17004
|
-
margin
|
|
17005
|
-
margin-inline: 0;
|
|
16940
|
+
margin: 32px 0;
|
|
17006
16941
|
}
|
|
17007
16942
|
.zen-form-layout-wrapper {
|
|
17008
16943
|
display: grid;
|
|
17009
16944
|
grid-template-rows: auto 1fr auto;
|
|
17010
16945
|
height: 100%;
|
|
17011
|
-
gap:
|
|
16946
|
+
gap: 40px;
|
|
17012
16947
|
}
|
|
17013
16948
|
.zen-form-layout-wrapper--mobile {
|
|
17014
|
-
gap:
|
|
16949
|
+
gap: 24px;
|
|
17015
16950
|
}
|
|
17016
16951
|
.zen-main-header {
|
|
17017
16952
|
position: sticky;
|
|
@@ -17864,7 +17799,7 @@ html:lang(ar) .zen-nav-item__title-text {
|
|
|
17864
17799
|
.zen-nav-item__content-left {
|
|
17865
17800
|
display: flex;
|
|
17866
17801
|
align-items: center;
|
|
17867
|
-
gap:
|
|
17802
|
+
gap: 4px;
|
|
17868
17803
|
flex: 1 1 auto;
|
|
17869
17804
|
min-width: 0;
|
|
17870
17805
|
}
|
|
@@ -18408,8 +18343,8 @@ html:lang(ar) .zen-overview__label {
|
|
|
18408
18343
|
color: var(--text-primary);
|
|
18409
18344
|
align-items: center;
|
|
18410
18345
|
justify-content: space-between;
|
|
18411
|
-
padding:
|
|
18412
|
-
border-radius:
|
|
18346
|
+
padding: 4px 12px 4px 12px;
|
|
18347
|
+
border-radius: 30px;
|
|
18413
18348
|
background: var(--backgrounds-content-1);
|
|
18414
18349
|
}
|
|
18415
18350
|
.zen-pill * {
|
|
@@ -18482,10 +18417,10 @@ html:lang(ar) .zen-pill {
|
|
|
18482
18417
|
fill: var(--accents-general--main);
|
|
18483
18418
|
}
|
|
18484
18419
|
.zen-pill--closable {
|
|
18485
|
-
padding-right:
|
|
18420
|
+
padding-right: 4px;
|
|
18486
18421
|
}
|
|
18487
18422
|
.zen-pill--long {
|
|
18488
|
-
min-width:
|
|
18423
|
+
min-width: 200px;
|
|
18489
18424
|
}
|
|
18490
18425
|
.zen-pill__close-button {
|
|
18491
18426
|
display: flex;
|
|
@@ -18496,7 +18431,7 @@ html:lang(ar) .zen-pill {
|
|
|
18496
18431
|
fill: var(--text-primary);
|
|
18497
18432
|
background-color: transparent;
|
|
18498
18433
|
border: none;
|
|
18499
|
-
border-radius:
|
|
18434
|
+
border-radius: 15px;
|
|
18500
18435
|
padding: 0;
|
|
18501
18436
|
margin: 0;
|
|
18502
18437
|
margin-left: 8px;
|
|
@@ -18510,7 +18445,7 @@ html:lang(ar) .zen-pill {
|
|
|
18510
18445
|
}
|
|
18511
18446
|
.zen-pill--small {
|
|
18512
18447
|
line-height: 12px;
|
|
18513
|
-
padding:
|
|
18448
|
+
padding: 2px 4px;
|
|
18514
18449
|
max-height: 16px;
|
|
18515
18450
|
}
|
|
18516
18451
|
.zen-pill--small .zen-pill__close-button {
|
|
@@ -18600,8 +18535,8 @@ html:lang(ar) .zen-page-section__title {
|
|
|
18600
18535
|
color: var(--text-primary);
|
|
18601
18536
|
align-items: center;
|
|
18602
18537
|
justify-content: space-between;
|
|
18603
|
-
padding:
|
|
18604
|
-
border-radius:
|
|
18538
|
+
padding: 4px 12px 4px 12px;
|
|
18539
|
+
border-radius: 30px;
|
|
18605
18540
|
background: var(--backgrounds-content-1);
|
|
18606
18541
|
}
|
|
18607
18542
|
html:lang(ar) .zen-pill-actionable__block {
|