@geotab/zenith 3.10.0-beta.4 → 3.10.0-beta.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (119) hide show
  1. package/README.md +0 -1
  2. package/dist/checkboxListWithAction/checkboxListWithAction.js +1 -2
  3. package/dist/commonStyles/pillStyles/pillContent.less +9 -9
  4. package/dist/commonStyles/pillStyles/pillStyles.less +2 -2
  5. package/dist/dataGrid/cell/cell.d.ts +1 -2
  6. package/dist/dataGrid/cell/cell.js +2 -2
  7. package/dist/dataGrid/dataGrid.js +4 -6
  8. package/dist/dataGrid/listColumn.d.ts +0 -2
  9. package/dist/dataGrid/row/row.js +7 -11
  10. package/dist/dataGrid/withFlexibleColumns/components/columnSettingsList.js +1 -2
  11. package/dist/dataGrid/withSelectableRows/components/bulkActions/bulkActions.d.ts +0 -4
  12. package/dist/dateRangeRaw/utils/parseLabel.js +1 -1
  13. package/dist/dropdown/dropdown.js +1 -1
  14. package/dist/dropdownRaw/dropdownList.d.ts +2 -3
  15. package/dist/dropdownRaw/dropdownList.js +34 -8
  16. package/dist/dropdownRaw/dropdownRaw.js +28 -19
  17. package/dist/dropdownRaw/stateReducer/stateReducer.d.ts +0 -1
  18. package/dist/dropdownRaw/stateReducer/stateReducer.js +14 -13
  19. package/dist/dropdownRaw/stateReducer/stateReducerHelper.d.ts +2 -1
  20. package/dist/dropdownRaw/stateReducer/stateReducerHelper.js +12 -5
  21. package/dist/filtersBar/filtersContainer/filtersContainer.js +4 -14
  22. package/dist/index.css +655 -720
  23. package/dist/radioGroupRaw/radioGroupRaw.js +1 -2
  24. package/dist/selectList/selectList.helpers.d.ts +1 -1
  25. package/dist/selectList/selectList.helpers.js +9 -30
  26. package/dist/selectList/selectList.js +1 -3
  27. package/dist/selectList/selectList.reducer.js +2 -1
  28. package/dist/sortControl/sortControl.js +2 -58
  29. package/dist/table/children/useTableChildren.d.ts +1 -1
  30. package/dist/table/children/useTableChildren.js +3 -3
  31. package/dist/table/flexible/columnsList.js +2 -4
  32. package/dist/table/selectable/useSelectableRows.d.ts +0 -8
  33. package/dist/table/selectable/useSelectableRows.js +6 -14
  34. package/dist/table/table.js +7 -1
  35. package/dist/utils/localization/translations/ar.json +1 -3
  36. package/dist/utils/localization/translations/cs.json +1 -3
  37. package/dist/utils/localization/translations/da-DK.json +1 -3
  38. package/dist/utils/localization/translations/de.json +1 -3
  39. package/dist/utils/localization/translations/en.json +1 -3
  40. package/dist/utils/localization/translations/es.json +1 -3
  41. package/dist/utils/localization/translations/fi-FI.json +1 -3
  42. package/dist/utils/localization/translations/fr-FR.json +1 -3
  43. package/dist/utils/localization/translations/fr.json +1 -3
  44. package/dist/utils/localization/translations/hu-HU.json +1 -3
  45. package/dist/utils/localization/translations/id.json +1 -3
  46. package/dist/utils/localization/translations/it.json +1 -3
  47. package/dist/utils/localization/translations/ja.json +1 -3
  48. package/dist/utils/localization/translations/ko-KR.json +1 -3
  49. package/dist/utils/localization/translations/ms.json +1 -3
  50. package/dist/utils/localization/translations/nb-NO.json +1 -3
  51. package/dist/utils/localization/translations/nl.json +1 -3
  52. package/dist/utils/localization/translations/pl.json +1 -3
  53. package/dist/utils/localization/translations/pt-BR.json +1 -3
  54. package/dist/utils/localization/translations/pt-PT.json +1 -3
  55. package/dist/utils/localization/translations/ro-RO.json +1 -3
  56. package/dist/utils/localization/translations/sk-SK.json +1 -3
  57. package/dist/utils/localization/translations/sv.json +1 -3
  58. package/dist/utils/localization/translations/th.json +1 -3
  59. package/dist/utils/localization/translations/tr.json +1 -3
  60. package/dist/utils/localization/translations/zh-Hans.json +1 -3
  61. package/dist/utils/localization/translations/zh-TW.json +1 -3
  62. package/esm/checkboxListWithAction/checkboxListWithAction.js +1 -2
  63. package/esm/dataGrid/cell/cell.d.ts +1 -2
  64. package/esm/dataGrid/cell/cell.js +2 -2
  65. package/esm/dataGrid/dataGrid.js +4 -6
  66. package/esm/dataGrid/listColumn.d.ts +0 -2
  67. package/esm/dataGrid/row/row.js +7 -11
  68. package/esm/dataGrid/withFlexibleColumns/components/columnSettingsList.js +1 -2
  69. package/esm/dataGrid/withSelectableRows/components/bulkActions/bulkActions.d.ts +0 -4
  70. package/esm/dateRangeRaw/utils/parseLabel.js +1 -1
  71. package/esm/dropdown/dropdown.js +1 -1
  72. package/esm/dropdownRaw/dropdownList.d.ts +2 -3
  73. package/esm/dropdownRaw/dropdownList.js +34 -8
  74. package/esm/dropdownRaw/dropdownRaw.js +29 -20
  75. package/esm/dropdownRaw/stateReducer/stateReducer.d.ts +0 -1
  76. package/esm/dropdownRaw/stateReducer/stateReducer.js +15 -14
  77. package/esm/dropdownRaw/stateReducer/stateReducerHelper.d.ts +2 -1
  78. package/esm/dropdownRaw/stateReducer/stateReducerHelper.js +10 -3
  79. package/esm/filtersBar/filtersContainer/filtersContainer.js +4 -14
  80. package/esm/radioGroupRaw/radioGroupRaw.js +1 -2
  81. package/esm/selectList/selectList.helpers.d.ts +1 -1
  82. package/esm/selectList/selectList.helpers.js +9 -30
  83. package/esm/selectList/selectList.js +1 -3
  84. package/esm/selectList/selectList.reducer.js +2 -1
  85. package/esm/sortControl/sortControl.js +2 -58
  86. package/esm/table/children/useTableChildren.d.ts +1 -1
  87. package/esm/table/children/useTableChildren.js +3 -3
  88. package/esm/table/flexible/columnsList.js +2 -4
  89. package/esm/table/selectable/useSelectableRows.d.ts +0 -8
  90. package/esm/table/selectable/useSelectableRows.js +6 -14
  91. package/esm/table/table.js +7 -1
  92. package/esm/utils/localization/translations/ar.json +1 -3
  93. package/esm/utils/localization/translations/cs.json +1 -3
  94. package/esm/utils/localization/translations/da-DK.json +1 -3
  95. package/esm/utils/localization/translations/de.json +1 -3
  96. package/esm/utils/localization/translations/en.json +1 -3
  97. package/esm/utils/localization/translations/es.json +1 -3
  98. package/esm/utils/localization/translations/fi-FI.json +1 -3
  99. package/esm/utils/localization/translations/fr-FR.json +1 -3
  100. package/esm/utils/localization/translations/fr.json +1 -3
  101. package/esm/utils/localization/translations/hu-HU.json +1 -3
  102. package/esm/utils/localization/translations/id.json +1 -3
  103. package/esm/utils/localization/translations/it.json +1 -3
  104. package/esm/utils/localization/translations/ja.json +1 -3
  105. package/esm/utils/localization/translations/ko-KR.json +1 -3
  106. package/esm/utils/localization/translations/ms.json +1 -3
  107. package/esm/utils/localization/translations/nb-NO.json +1 -3
  108. package/esm/utils/localization/translations/nl.json +1 -3
  109. package/esm/utils/localization/translations/pl.json +1 -3
  110. package/esm/utils/localization/translations/pt-BR.json +1 -3
  111. package/esm/utils/localization/translations/pt-PT.json +1 -3
  112. package/esm/utils/localization/translations/ro-RO.json +1 -3
  113. package/esm/utils/localization/translations/sk-SK.json +1 -3
  114. package/esm/utils/localization/translations/sv.json +1 -3
  115. package/esm/utils/localization/translations/th.json +1 -3
  116. package/esm/utils/localization/translations/tr.json +1 -3
  117. package/esm/utils/localization/translations/zh-Hans.json +1 -3
  118. package/esm/utils/localization/translations/zh-TW.json +1 -3
  119. package/package.json +1 -5
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: 32.875rem;
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: 2.625rem;
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: 17rem;
2617
- max-height: 5.125rem;
2618
- padding: 0.5rem;
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: 23rem;
2631
- padding: 0.75rem;
2630
+ max-width: 368px;
2631
+ padding: 12px;
2632
2632
  justify-content: space-between;
2633
2633
  align-items: center;
2634
- inset-inline: 0.625rem;
2634
+ left: 10px;
2635
+ right: 10px;
2635
2636
  }
2636
2637
  .zen-tooltip--mobile {
2637
- max-height: 7rem;
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: 9.25rem;
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-block-end: 0.25rem;
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
- inset-block-start: 100%;
2714
- inset-inline-start: 50%;
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(0 4px 4px rgba(0, 0, 0, 0.2));
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
- inset-inline-start: 0.875rem;
2722
+ left: 14px;
2722
2723
  border-color: transparent transparent var(--backgrounds-content-1) transparent;
2723
- border-width: 0 5px 6px 5px;
2724
- filter: drop-shadow(0 -4px 4px rgba(0, 0, 0, 0.2));
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
- inset-inline-end: 100%;
2728
+ right: 100%;
2728
2729
  border-color: transparent var(--backgrounds-content-1) transparent transparent;
2729
- border-width: 5px 6px 5px 0;
2730
- filter: drop-shadow(-4px 0 4px rgba(0, 0, 0, 0.2));
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
- inset-inline-start: 100%;
2734
+ left: 100%;
2738
2735
  border-color: transparent transparent transparent var(--backgrounds-content-1);
2739
- border-width: 5px 0 6px 5px;
2740
- filter: drop-shadow(4px 0 4px rgba(0, 0, 0, 0.2));
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: 1rem;
2793
- max-width: 1rem;
2794
- min-height: 1rem;
2795
- max-height: 1rem;
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: 1.25rem;
2799
- max-width: 1.25rem;
2800
- min-height: 1.25rem;
2801
- max-height: 1.25rem;
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: 0.25rem;
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: 0.25rem 0;
3449
+ padding: 4px 0;
3457
3450
  max-height: 90vh;
3458
3451
  border: 0px;
3459
- min-height: 1.875rem;
3460
- min-width: 10.625rem;
3461
- max-width: 26.25rem;
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: 0.5rem;
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: 0.25rem 0;
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-block-start: 1px solid var(--borders-general);
4025
+ border-top: 1px solid var(--borders-general);
4033
4026
  display: grid;
4034
- gap: 0.75rem;
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-block-start-width: 0;
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
- inset-block-start: 0;
4049
- inset-inline-start: 0;
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-block: 0.75rem;
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-inline-start: 0.75rem;
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-block: 0;
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-inline-start: 0.75rem;
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-block: 0;
4110
+ margin-top: 0;
4111
+ margin-bottom: 0;
4119
4112
  }
4120
4113
  .zen-mobile-sheet__close-button {
4121
4114
  width: auto;
4122
- margin-block: -0.375rem;
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: 32.5rem;
4145
- min-width: 32.5rem;
4146
- inset-inline-start: calc(50% - (260 / 16rem));
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
- inset-inline-start: 0;
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: 1.5rem;
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: 1.625rem;
6277
- min-height: 1.625rem;
6278
- max-width: 1.625rem;
6279
- max-height: 1.625rem;
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: 5rem;
6305
- min-width: 5rem;
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: 5rem;
6346
- min-width: 5rem;
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-inline-start: 1.5rem;
6345
+ margin-left: 24px;
6354
6346
  display: flex;
6355
- height: 2rem;
6347
+ height: 32px;
6356
6348
  border-radius: 50%;
6357
6349
  align-items: center;
6358
6350
  justify-content: center;
6359
- margin-block-end: 0.5rem;
6360
- min-width: 2rem;
6361
- min-height: 2rem;
6362
- max-width: 2rem;
6363
- max-height: 2rem;
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: 1.625rem;
6384
- min-height: 1.625rem;
6385
- max-width: 1.625rem;
6386
- max-height: 1.625rem;
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: 1.625rem;
6404
- min-height: 1.625rem;
6405
- max-width: 1.625rem;
6406
- max-height: 1.625rem;
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: 0.625rem;
6418
- min-height: 0.625rem;
6419
- max-width: 0.625rem;
6420
- max-height: 0.625rem;
6421
- margin-inline-start: 0.25rem;
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: 0.6875rem;
6444
+ min-width: 11px;
6453
6445
  width: 100%;
6454
- margin-block-start: 1rem;
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-block-start: 0.25rem;
6472
- margin-inline-start: 0.25rem;
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 0.25rem;
6469
+ margin: 0 4px;
6478
6470
  }
6479
6471
  .zen-form-stepper--mobile {
6480
- margin: 0 0.75rem;
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-inline-start: 0.25rem;
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-inline-start: 0.25rem;
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-inline-start: 0.25rem;
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 1.5rem;
6546
+ margin: 0 24px;
6555
6547
  }
6556
6548
  .zen-form-step-buttons--mobile {
6557
- margin: 0 0.75rem;
6549
+ margin: 0 12px;
6558
6550
  }
6559
6551
  .zen-form-step-buttons__right {
6560
6552
  display: flex;
6561
- gap: 0.5rem;
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: 0.5rem;
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: 0 0.5rem;
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: 0.375rem;
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: 0.75rem;
6880
+ min-width: 12px;
6889
6881
  max-width: 12px;
6890
6882
  }
6891
6883
  .zen-pill-non-actionable--closable {
6892
- padding: 0 0.125rem 0 0.5rem;
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 0.75rem;
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: 1rem;
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 0.125rem 0 0.625rem;
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: 0.25rem 0.75rem 0.25rem 0.75rem;
6926
- border-radius: 1.875rem;
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 0.5rem;
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 0.75rem;
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: 1.875rem;
7031
+ border-radius: 30px;
7040
7032
  height: 22px;
7041
7033
  display: grid;
7042
7034
  grid-auto-flow: column;
7043
- gap: 0.5rem;
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: 0.5rem;
7054
+ gap: 8px;
7063
7055
  }
7064
7056
  .zen-pill-new-content--hidden {
7065
- gap: 0.25rem;
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: 1rem;
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: 0.5rem;
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: 1rem;
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: 0.5rem;
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: 1.875rem;
7153
+ border-radius: 30px;
7162
7154
  display: grid;
7163
7155
  grid-auto-flow: column;
7164
7156
  align-items: center;
7165
- min-width: 1.875rem;
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: 0.25rem;
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: 3.125rem;
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: 0.25rem;
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: 2rem;
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-block: 1rem;
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: 1rem;
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-block-start: 0.25rem;
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-inline-start: 0.25rem;
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-block-start: 0.0625rem;
7269
- padding-inline: 0.125rem;
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: 1.125rem;
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: 0.5rem;
7311
+ gap: 8px;
7323
7312
  }
7324
7313
  .zen-form-field--mobile.zen-form-field--with-banner {
7325
- gap: 0.25rem;
7314
+ gap: 4px;
7326
7315
  }
7327
7316
  .zen-form-field__secondary {
7328
- margin-block-start: 0.25rem;
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: 0.5rem;
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-block-end: 0.75rem;
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-inline-end: 0.375rem;
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-block-start: 0.0625rem;
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 1.25rem;
7440
+ grid-template-rows: 1fr 20px;
7457
7441
  }
7458
7442
  .zen-form-field__trailing-wrapper {
7459
7443
  display: grid;
7460
- grid-template-rows: 1fr 1.25rem;
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: 0.5rem;
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: 0.5rem;
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:not(.zen-dropdown-list__action-button--selected),
7853
- .zen-dropdown-list__item--interactive:not(:disabled):focus:not(.zen-dropdown-list__action-button--selected) {
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: 0.5rem;
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: 0.125rem;
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: 0.5rem;
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: 0.25rem;
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: 0.9375rem;
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: 1rem;
8231
- border-radius: 1rem;
8232
- padding: 0 0.25rem;
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: 0.4375rem 0.5rem;
8196
+ padding: 7px 8px;
8239
8197
  }
8240
8198
  .zen-chip.zen-chip--trigger .zen-chip__trigger {
8241
- padding: 0.5rem;
8199
+ padding: 8px;
8242
8200
  outline: none;
8243
8201
  }
8244
8202
  .zen-chip.zen-chip--trigger .zen-chip__trigger--with-icon {
8245
- padding: 0.4375rem 0 0.4375rem 0.4375rem;
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: 0.4375rem 0.75rem;
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: 0.3125rem 0.75rem;
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: 0.1875rem 0 0.1875rem 0.75rem;
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: 1.875rem;
8248
+ min-width: 30px;
8291
8249
  height: 30px;
8292
- padding: 0 0.5rem;
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: 0.25rem 0.75rem 0.25rem 0.75rem;
8331
- border-radius: 0.5rem;
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: 0.6875rem 0.5rem;
8320
+ padding: 11px 8px;
8363
8321
  }
8364
8322
  .zen-chip--mobile.zen-chip--trigger .zen-chip__trigger {
8365
- padding: 0.75rem 0.5rem;
8323
+ padding: 12px 8px;
8366
8324
  }
8367
8325
  .zen-chip--mobile.zen-chip--trigger .zen-chip__trigger--with-icon {
8368
- padding: 0.6875rem 0 0.6875rem 0.5rem;
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: 0.25rem;
9234
- padding: 0.75rem;
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: 0.6875rem 0.5rem;
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: 0.9375rem 0.75rem;
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-block-end: 0.75rem;
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-block-end: 0.75rem;
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-block-end: 0.75rem;
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-block-end: 0.75rem;
9253
+ margin-bottom: 12px;
9296
9254
  }
9297
9255
  .zen-advanced-groups-filter-form__section-column {
9298
- padding: 1rem;
9256
+ padding: 16px;
9299
9257
  }
9300
9258
  .zen-advanced-groups-filter-form__section-column--left {
9301
9259
  flex: 0 0 30%;
9302
- border-inline-end: var(--border-width-default) solid var(--borders-general);
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-block-end: 0.5rem;
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-inline-end: 0.25rem;
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-block-end: 0.5rem;
9328
- padding: 0.25rem;
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-block-end: 1.25rem;
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: 0.5rem;
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: 0.5rem;
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
- inset: 0;
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
- inset: 0;
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-block: 1.5rem 1rem;
9625
- padding-inline: 1.5rem;
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: 0.25rem;
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: 0.5rem;
9606
+ padding: 8px;
9643
9607
  }
9644
9608
  .zen-modal-content__body {
9645
9609
  overflow: auto;
9646
- padding-block-start: 0.75rem;
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-block-end: 1rem;
9613
+ padding-bottom: 16px;
9653
9614
  }
9654
9615
  .zen-modal-content__footer {
9655
9616
  display: flex;
9656
9617
  justify-content: space-between;
9657
- padding: 1rem 1.5rem;
9658
- min-height: 3.6875rem;
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: 0.5rem;
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-inline-end: 0;
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: 0.5rem;
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: 0.5rem;
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-inline-end: 0.25rem;
9698
- padding: 0.25rem;
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: 25rem;
9687
+ max-width: 400px;
9727
9688
  }
9728
9689
  .zen-modal-content--normal {
9729
- max-width: 37.5rem;
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: 0.25rem;
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: 0.25rem 0.5rem;
9774
- border-radius: 62.4375rem;
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: 0.5rem;
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: 0.5rem;
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: 0.25rem;
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: 0.75rem 0.5rem;
9977
- gap: 1rem;
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: 0.75rem 0.5rem;
9994
- gap: 1rem;
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: 0.5rem;
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: 0.25rem;
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: 1rem;
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: 1rem;
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: 0.5rem;
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: 1.375rem;
10128
+ min-width: 22px;
10168
10129
  height: 22px;
10169
- padding: 0 0.375rem;
10170
- border-radius: 62.4375rem;
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% - 7.875rem);
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-inline-start: 2rem;
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-inline-start: 0.75rem;
10279
+ margin-left: 12px;
10319
10280
  }
10320
10281
  .zen-calendar__year-trigger {
10321
- margin-inline-start: 0.25rem;
10282
+ margin-left: 4px;
10322
10283
  }
10323
10284
  .zen-calendar__months {
10324
10285
  display: flex;
10325
- gap: 0.75rem;
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: 1rem;
10353
- padding: 0.75rem 0;
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: 0;
10361
- margin: 0;
10362
- border: 0;
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: 0;
10327
+ margin: 0px;
10367
10328
  box-sizing: border-box;
10368
- height: 1.5rem;
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-block-end: 0.75rem;
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: 1.5rem;
10342
+ height: 24px;
10382
10343
  width: 50%;
10383
- border-block: 1px solid transparent;
10384
- border-inline: 0;
10385
- border-radius: 0;
10344
+ border: 1px solid transparent;
10345
+ border-left: 0px;
10346
+ border-right: 0px;
10347
+ border-radius: 0px;
10386
10348
  position: absolute;
10387
- padding: 0;
10388
- margin: 0;
10389
- top: 0;
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: 1.5rem;
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: 2rem;
10403
- border-radius: 1.5rem;
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: 1.5rem;
10376
+ height: 24px;
10415
10377
  top: 0;
10416
- width: 1rem;
10378
+ width: 16px;
10417
10379
  z-index: 1;
10418
- border-block: 1px solid var(--action-primary--default);
10419
- border-inline: 0;
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
- inset-inline-start: calc(50% - 1rem);
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
- inset-inline-start: 50%;
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
- inset-inline-start: 0;
10394
+ left: 0px;
10438
10395
  }
10439
10396
  .zen-calendar__right-border {
10440
- inset-inline-end: 0;
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: 2rem;
10456
- height: 1.5rem;
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-inline: 0;
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: 1.5rem;
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: 1.5rem;
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: 1.5rem;
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: 2rem;
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: 2rem;
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: 2rem;
10521
- border-radius: 2rem;
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: 2rem;
10483
+ height: 32px;
10526
10484
  }
10527
10485
  .zen-calendar .zen-calendar__body--mobile-view .zen-calendar__day {
10528
- height: 2rem;
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: 2rem;
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: 2rem;
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: 2.5rem;
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: 2.5rem;
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: 2.5rem;
10553
- border-radius: 2.5rem;
10554
- width: 2.5rem;
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: 2.5rem;
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: 2.5rem;
10565
- width: 2.5rem;
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: 2.5rem;
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: 2.5rem;
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-inline-start: 0.75rem;
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% - 10.1875rem);
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% - 10.8125rem);
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% - 7.875rem);
10629
+ max-width: calc(100% - 126px);
10672
10630
  }
10673
10631
  .zen-calendar.zen-calendar--drive .zen-calendar__year {
10674
- max-width: calc(100% - 10.1875rem);
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: 12.5rem;
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: 0.75rem 1rem;
11407
- border: 0;
11408
- border-radius: 0;
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-block-start: 1px solid var(--borders-general);
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: 17.5rem;
11590
- min-width: 17.5rem;
11547
+ width: 280px;
11548
+ min-width: 280px;
11591
11549
  overflow-x: hidden;
11592
11550
  }
11593
11551
  .zen-date-input-popup__button-clear {
11594
- margin-block: 0.5rem 0.25rem;
11595
- margin-inline: 0.25rem auto;
11552
+ margin: 8px auto 4px 4px;
11596
11553
  }
11597
11554
  .zen-date-input-popup__button-apply {
11598
- margin-block: 0.5rem 0.25rem;
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: 0.75rem 1rem;
11612
- border-block-end: 1px solid var(--backgrounds-content-1);
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 0.5rem;
11622
- border-block-start: 1px solid var(--backgrounds-content-1);
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: 20rem;
11626
- min-width: 20rem;
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-block-end: none;
11611
+ border-bottom: none;
11656
11612
  }
11657
11613
  .zen-date-input-inner__calendar {
11658
- padding: 0 0.5rem;
11614
+ padding: 0px 8px;
11659
11615
  }
11660
11616
  .zen-date-input-inner__calendar-wrapper {
11661
- min-width: 17.5rem;
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: 1rem;
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: 1rem;
11651
+ height: 16px;
11696
11652
  }
11697
11653
  .zen-date-input-inner__inputs-block {
11698
11654
  display: flex;
11699
- margin-block-start: 0.5rem;
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-inline-end: 0.5rem;
11709
- width: 0;
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-inline-end: 0;
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-block-start: 0.25rem;
11728
- padding-inline-start: 0.5rem;
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: 1rem 0.75rem;
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-block-end: 0.375rem;
11735
+ padding-bottom: 6px;
11780
11736
  }
11781
11737
  .zen-time-picker-select__divider.zen-divider {
11782
- width: 0.0625rem;
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-block-start: 1px solid var(--borders-general);
11792
- padding: 0 0.75rem;
11793
- height: 3rem;
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: 9.5rem;
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: 0.75rem;
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: 14.125rem;
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: 2rem;
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-inline-end: -1px;
11841
- border-start-end-radius: 0;
11842
- border-end-end-radius: 0;
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-start-start-radius: 0;
11846
- border-end-start-radius: 0;
11847
- margin-inline-start: -1px;
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: 18.5rem;
11828
+ width: 296px;
11873
11829
  }
11874
11830
  .zen-date-range-wrapper.zen-date-range-wrapper--drive .zen-date-range__stepper {
11875
- height: 2.75rem;
11876
- width: 2.75rem;
11831
+ height: 44px;
11832
+ width: 44px;
11877
11833
  }
11878
11834
  .zen-date-range-wrapper.zen-date-range-wrapper--drive-tablet {
11879
- width: 18.5rem;
11835
+ width: 296px;
11880
11836
  }
11881
11837
  .zen-date-range-wrapper.zen-date-range-wrapper--drive-tablet .zen-date-range__stepper {
11882
- height: 2.875rem;
11883
- width: 2.875rem;
11838
+ height: 46px;
11839
+ width: 46px;
11884
11840
  }
11885
11841
  .zen-date-range-wrapper.zen-date-range-wrapper--mobile {
11886
- width: 18.5rem;
11842
+ width: 296px;
11887
11843
  }
11888
11844
  .zen-date-range-wrapper.zen-date-range-wrapper--mobile .zen-date-range__stepper {
11889
- height: 2.75rem;
11890
- width: 2.75rem;
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: 17.5rem;
11928
- min-width: 17.5rem;
11883
+ width: 280px;
11884
+ min-width: 280px;
11929
11885
  overflow-x: hidden;
11930
11886
  }
11931
11887
  .zen-date-range-popup__button-clear {
11932
- margin-block: 0.5rem 0.25rem;
11933
- margin-inline: 0.25rem auto;
11888
+ margin: 8px auto 4px 4px;
11934
11889
  }
11935
11890
  .zen-date-range-popup__button-reset {
11936
- margin-block: 0.5rem 0.25rem;
11937
- margin-inline: 0 0.5rem;
11891
+ margin: 8px 8px 4px 0px;
11938
11892
  }
11939
11893
  .zen-date-range-popup__button-apply {
11940
- margin-block: 0.5rem 0.25rem;
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: 0.75rem 1rem;
11954
- border-block-end: 1px solid var(--backgrounds-content-1);
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 0.5rem;
11964
- border-block-start: 1px solid var(--backgrounds-content-1);
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: 20rem;
11969
- min-width: 20rem;
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-block-end: none;
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: 0.75rem;
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: 17.5rem;
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 1rem;
12009
+ padding: 0 16px;
12057
12010
  }
12058
12011
  .zen-date-range-inner__button-today {
12059
- margin: 0.5rem;
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: 1rem;
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-inline-end: 0.5rem;
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: 0.75rem;
12314
- gap: 0.5rem;
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-block-start: 0.5rem;
12321
- margin: 0 0.75rem;
12322
- border-block-end: 1px solid var(--borders-general);
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: 40rem;
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: 0.5rem;
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-start-end-radius: 0;
12882
- border-end-end-radius: 0;
12883
- padding: 0.4375rem 0.5rem;
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-inline-end: var(--border-width-default) solid var(--borders-general);
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-inline-end: var(--border-width-default) solid var(--borders-general);
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-start-end-radius: 0;
12913
- border-end-end-radius: 0;
12914
- padding: 0.4375rem 0.5rem;
12915
- min-width: 3.5rem;
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-inline-end: var(--border-width-default) solid var(--borders-general);
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-inline: 0 0.0625rem;
12925
- border-end-start-radius: 0;
12926
- border-start-start-radius: 0;
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: 40rem;
12931
- max-width: 40rem;
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: 0.5rem;
12891
+ gap: 8px;
12942
12892
  padding: 0;
12943
12893
  }
12944
12894
  .zen-filters-popup__first-row--mobile {
12945
- padding: 0.5rem 1rem;
12895
+ padding: 8px 16px;
12946
12896
  }
12947
12897
  .zen-filters-popup__second-row {
12948
- border-block-start: var(--border-width-default) solid var(--borders-general);
12949
- padding: 1rem 0;
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-block-start: none;
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: 7.6875rem;
12911
+ width: 123px;
12962
12912
  min-height: 100%;
12963
12913
  height: auto;
12964
12914
  justify-content: stretch;
12965
- border-inline-end: var(--border-width-default) solid var(--borders-general);
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: 7.6875rem;
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% - 7.6875rem);
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: 0.25rem;
12988
- margin-block-start: 0.5rem;
12989
- padding: 0.5rem 0;
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-inline-start: 0.5rem;
13003
- padding: 0.125rem;
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: 0.5rem;
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-inline-end: 0.5rem;
12973
+ margin-right: 8px;
13024
12974
  }
13025
12975
  .zen-filters-container.zen-filters__container--no-search {
13026
- margin-block-start: 0;
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: 0.5rem;
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: 20.5rem;
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: 20.5rem;
12992
+ width: 328px;
13043
12993
  }
13044
12994
  .zen-groups-filter-menu {
13045
12995
  box-sizing: border-box;
13046
- min-width: 15.9375rem;
12996
+ min-width: 255px;
13047
12997
  width: 100%;
13048
- max-width: 22.5rem;
13049
- min-height: 5rem;
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: 20.8125rem;
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% - 2rem);
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: 3rem;
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: 16.25rem;
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-block-end: 0;
13039
+ margin-bottom: 0;
13090
13040
  }
13091
13041
  .zen-groups-filter-menu__additional-info {
13092
- padding: 0.75rem 1rem;
13093
- margin: 0.75rem auto;
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-inline-end: 0.5rem;
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-inline-end: 0.5rem;
13109
- margin-block: 0.5rem 0.25rem;
13058
+ margin-right: 8px;
13059
+ margin-top: 8px;
13060
+ margin-bottom: 4px;
13110
13061
  }
13111
13062
  .zen-groups-filter-menu__reset-button {
13112
- margin-inline-start: 0.5rem;
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: 2.5rem;
13082
+ height: 40px;
13132
13083
  font-weight: 400;
13133
13084
  border: none;
13134
- padding: 0.4375rem 1rem;
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-inline-end: 0;
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-inline-end: 0.5rem;
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: 0.4375rem 1rem;
13183
- height: 2.5rem;
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: 2.5rem;
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: 6.875rem;
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% - 6.875rem);
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-inline-end: 0.3125rem;
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: 12.5rem;
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: 1rem;
13263
- min-height: 1rem;
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: 2rem;
13219
+ height: 32px;
13269
13220
  outline: none;
13270
- margin-block: 0;
13271
- padding: 0.4375rem 0.5625rem;
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: 7.5rem;
13276
- max-width: 11.25rem;
13227
+ min-width: 120px;
13228
+ max-width: 180px;
13277
13229
  border-radius: var(--border-radius-default);
13278
- border-start-end-radius: 0;
13279
- border-end-end-radius: 0;
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-inline-start: 0.5rem;
13254
+ padding-left: 8px;
13303
13255
  }
13304
13256
  .zen-groups-filter__input-container {
13305
13257
  height: 100%;
13306
13258
  width: 100%;
13307
- min-height: 1.5rem;
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-block-end: var(--border-width-default) solid var(--borders-general);
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: 5.3125rem;
13267
+ min-width: 85px;
13316
13268
  height: 100%;
13317
13269
  width: 100%;
13318
- font-size: 0.75rem;
13270
+ font-size: 12px;
13319
13271
  border: none;
13320
13272
  outline: none;
13321
- padding-inline-end: 0.3125rem;
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: 2rem;
13364
- border-start-start-radius: 0;
13365
- border-end-start-radius: 0;
13366
- margin-inline-start: -1px;
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: 2.75rem;
13333
+ height: 44px;
13382
13334
  }
13383
13335
  .zen-groups-filter.zen-groups-filter--mobile .zen-groups-filter__popup-trigger {
13384
- width: 2.75rem;
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-block-start: 1px solid var(--text-error-message);
13391
- border-inline-end: 1px solid var(--text-error-message);
13392
- border-block-end: 1px solid var(--text-error-message);
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-inline-end: 0.375rem;
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-inline-end: 0;
13357
+ margin-right: 0;
13406
13358
  }
13407
13359
  .zen-groups-filter__label-element--first {
13408
- margin-inline-start: 0.375rem;
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: 1rem;
13420
- height: 1rem;
13371
+ min-width: 16px;
13372
+ height: 16px;
13421
13373
  justify-content: center;
13422
13374
  align-items: center;
13423
- padding: 0.125rem 0.25rem;
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: 21.5625rem;
14304
- min-height: 21.25rem;
14255
+ max-height: 345px;
14256
+ min-height: 340px;
14305
14257
  }
14306
14258
  .zen-filters-search-list--mobile {
14307
- padding: 1rem 0;
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-block: 0 0.5rem;
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: 18.5rem;
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-inline-end: 0.75rem;
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-block: 0.75rem 0.6875rem;
14391
- padding-inline: 0.75rem;
14341
+ padding: 12px 12px 11px 12px;
14392
14342
  display: flex;
14393
14343
  flex-direction: row;
14394
- gap: 0.5rem;
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: 2rem;
14400
- height: 2rem;
14401
- padding: 0.25rem;
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-block: 0.75rem 0.6875rem;
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
- inset-inline-end: 0.5rem;
14442
- width: 1.25rem;
14390
+ right: 8px;
14391
+ width: 20px;
14443
14392
  height: 100%;
14444
- font-size: 1.25rem;
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: 0.75rem;
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: 0.5rem;
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: 2rem;
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
- inset-inline-start: -5000px;
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: 2.75rem;
14562
- width: 2.75rem;
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: 2.75rem;
14569
- height: 2.75rem;
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: 2.75rem;
14599
- width: 2.75rem;
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: 2.75rem;
14606
- height: 2.75rem;
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: 2.75rem;
14636
- width: 2.75rem;
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: 2.75rem;
14643
- height: 2.75rem;
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: 3.5rem;
15134
+ height: 56px;
15186
15135
  align-items: center;
15187
- border-block-end: 1px solid var(--borders-general);
15136
+ border-bottom: 1px solid var(--borders-general);
15188
15137
  background-color: var(--backgrounds-main);
15189
- padding: 0 1.25rem;
15138
+ padding: 0 20px;
15190
15139
  position: relative;
15191
- gap: 0.5rem;
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-inline: 0.25rem;
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-inline-end: 0.25rem;
15158
+ padding-right: 4px;
15209
15159
  }
15210
15160
  .zen-filters-toolbar__filters-container--end .zen-filters-toolbar__filters {
15211
- margin-inline-start: 0.25rem;
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-inline-start 300ms ease-in-out, margin-inline-end 300ms ease-in-out;
15221
- margin-inline: 0;
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-inline-start: 3rem;
15175
+ margin-left: 48px;
15225
15176
  }
15226
15177
  .zen-filters-toolbar__scrollable.has-right-scroller {
15227
- margin-inline-end: 3rem;
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: 2rem;
15237
- height: 2rem;
15238
- padding: 0.5rem;
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-inline-start: -2.5rem;
15207
+ margin-left: -40px;
15257
15208
  height: 100%;
15258
15209
  top: 0;
15259
- width: 2.5rem;
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-inline-start: 2.5rem;
15216
+ margin-left: 40px;
15269
15217
  height: 100%;
15270
15218
  top: 0;
15271
- width: 2.5rem;
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: 0.25rem 0.5rem;
15286
- inset-inline-start: 0;
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: 0.5rem 0.25rem;
15290
- inset-inline-end: 0;
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: 0.5rem;
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: 0.5rem;
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: 1rem;
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-inline-start: 0.375rem;
15336
- padding: 0 0.25rem;
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: 2.875rem;
15362
- height: 2.875rem;
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-inline-start: 3.5rem;
15318
+ margin-left: calc(52px + 4px);
15369
15319
  height: 100%;
15370
15320
  top: 0;
15371
- width: 3.25rem;
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-inline-start: -3.25rem;
15329
+ margin-left: -52px;
15384
15330
  height: 100%;
15385
15331
  top: 0;
15386
- width: 3.25rem;
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: 11.25rem;
15349
+ max-width: 180px;
15408
15350
  }
15409
15351
  .zen-filters-bar-dropdown__pill-box {
15410
- margin-block-start: 0.5rem;
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: 0.5rem 0;
15364
+ padding: 8px 0;
15423
15365
  }
15424
15366
  .zen-side-panel-radio-group .zen-radio__label {
15425
- margin-inline-start: 0.5rem;
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: 0.5rem 0;
15376
+ padding: 8px 0;
15435
15377
  }
15436
15378
  .zen-side-panel-checkbox-group .zen-checkbox__label-text {
15437
- margin-inline-start: 0.5rem;
15379
+ margin-left: 8px;
15438
15380
  }
15439
15381
  .zen-filters-bar-groups-filter--side-panel .zen-side-panel-cell__content {
15440
- max-width: 26.25rem;
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: 8.5rem;
15777
- max-width: 16.125rem;
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: 18.5rem;
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: 8.5rem;
15796
- min-height: 2rem;
15797
- max-width: 16.125rem;
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: 8rem;
15801
- min-height: 2rem;
15802
- max-width: 9rem;
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: 18rem;
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: 2.5rem;
15848
- padding: 0.75rem;
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: 0.5rem;
15855
- border-block-end: var(--border-width-default) solid var(--borders-general);
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: 2.5rem;
15874
- padding-inline-end: 0.375rem;
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: 2rem;
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: 0.375rem;
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: 0.375rem;
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: 3.75rem;
15957
- padding: 1rem;
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: 3.75rem;
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-block: 0.625rem;
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: 2.75rem;
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: 3.75rem;
15999
- padding: 1rem;
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: 3.75rem;
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-block: 0.625rem;
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: 2.75rem;
15960
+ height: 44px;
16021
15961
  }
16022
15962
  .zen-filters-modal__content {
16023
15963
  display: flex;
16024
15964
  flex-direction: column;
16025
- gap: 1rem;
16026
- padding: 1rem;
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 0.75rem;
15978
+ margin: 0 12px;
16039
15979
  }
16040
15980
  .zen-filters-search__selected {
16041
15981
  display: flex;
16042
- gap: 0.5rem;
15982
+ gap: 8px;
16043
15983
  flex-wrap: nowrap;
16044
15984
  align-items: center;
16045
- margin-inline-start: 0.5rem;
15985
+ margin-left: 8px;
16046
15986
  overflow: hidden;
16047
15987
  }
16048
15988
  .zen-filters-search__selected-item {
16049
- max-width: 11.3125rem;
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 0.75rem;
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: 4rem;
16075
- padding: 1rem;
16014
+ height: 64px;
16015
+ padding: 16px;
16076
16016
  }
16077
16017
  .zen-side-panel-filters__header-buttons {
16078
16018
  display: flex;
16079
- gap: 0.25rem;
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: 0.5rem;
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: 0.75rem;
16047
+ padding: 12px;
16108
16048
  }
16109
16049
  .zen-side-panel-filters__title-wrapper {
16110
16050
  display: flex;
16111
16051
  flex-wrap: nowrap;
16112
- gap: 1rem;
16052
+ gap: 16px;
16113
16053
  }
16114
16054
  .zen-side-panel-filters__title {
16115
- padding: 0.5rem 0;
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: 20.5rem;
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: 0.5rem;
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-block-end: 0.25rem;
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-block-end: 0.5rem;
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 1rem;
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: 1rem;
16146
+ padding: 16px;
16207
16147
  display: flex;
16208
16148
  flex-direction: column;
16209
- gap: 2rem;
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: 1rem;
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-block-start: 1px solid var(--borders-general);
16225
- padding: 0.875rem 1.75rem;
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: 0.875rem 1rem;
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: 0.5rem;
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: 22.5rem;
16248
- max-width: 22.5rem;
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: 0.25rem 1rem;
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: 0.5rem;
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-inline-start: 0;
16217
+ padding-left: 0;
16278
16218
  transform: translateX(-30%);
16279
- transition: transform 0.3s ease-in-out, opacity 0.2s ease-in, padding-inline-start 0.3s ease;
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-inline-start: 0;
16293
- transition: padding-inline-start 0.3s ease;
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-inline-start: 0.5rem;
16264
+ padding-left: 8px;
16325
16265
  transform: translateX(0);
16326
- transition: transform 0.3s ease-in-out, opacity 0.2s ease-in, padding-inline-start 0.3s ease;
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-block-start: var(--border-width-default) solid var(--borders-general);
16351
- padding-block-start: 0.0625rem;
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: 0.5rem;
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: 0.5rem;
16299
+ gap: 8px;
16360
16300
  }
16361
16301
  .zen-filters-select__item-active-indicator {
16362
- width: 0.5rem;
16363
- height: 0.5rem;
16302
+ width: 8px;
16303
+ height: 8px;
16364
16304
  border-radius: 50%;
16365
16305
  background-color: var(--action-primary--default);
16366
- margin-inline-start: 0.5rem;
16306
+ margin-left: 8px;
16367
16307
  }
16368
16308
  .zen-filters-select__item-button {
16369
- width: 2rem;
16370
- height: 2rem;
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-inline-start: auto;
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: 0.0625rem;
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: 2rem;
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: 0;
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: 0.5rem;
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: 0.5rem;
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(-0.625rem);
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: 11.25rem;
16431
+ max-width: 180px;
16492
16432
  }
16493
16433
  .zen-filters-bar-dropdown-with-checkbox__side-panel-checkbox {
16494
- margin-block-start: 0.5rem;
16434
+ margin-top: 8px;
16495
16435
  }
16496
16436
  .zen-filters-bar-dropdown-with-checkbox__pill-box {
16497
- margin-block-start: 0.5rem;
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-block: 0.5rem 0.25rem;
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-block: 0.5rem 0.25rem;
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-block: 0.5rem 0.25rem;
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: 18rem;
16462
+ width: 288px;
16526
16463
  }
16527
16464
  .zen-filters-bar-period-picker__error {
16528
- margin-block: 0.75rem 0;
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-block-end: 1px solid var(--borders-general);
16546
- height: 4rem;
16547
- padding: 1rem;
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: 1rem;
16488
+ gap: 16px;
16553
16489
  }
16554
16490
  .zen-side-panel-filters-bar__title {
16555
- padding: 0.5rem 0;
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: 0.25rem 0;
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
- inset-inline-end: 1rem;
16511
+ right: 16px;
16576
16512
  }
16577
16513
  .zen-side-panel-filters-bar__content {
16578
- padding-block-start: 0.5rem;
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: 1rem;
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-block-start: 1px solid var(--borders-general);
16591
- padding: 0.875rem 1.75rem;
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: 0.875rem 1rem;
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: 0.5rem;
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: 20rem;
16614
- max-width: 20rem;
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: 1rem;
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: 1.5rem;
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: 1rem;
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-block-end: 2.5rem;
16937
+ margin-bottom: 40px;
17002
16938
  }
17003
16939
  .zen-form-separator {
17004
- margin-block: 2rem;
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: 2.5rem;
16946
+ gap: 40px;
17012
16947
  }
17013
16948
  .zen-form-layout-wrapper--mobile {
17014
- gap: 1.5rem;
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: 8px;
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: 0.25rem 0.75rem 0.25rem 0.75rem;
18412
- border-radius: 1.875rem;
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: 0.25rem;
18420
+ padding-right: 4px;
18486
18421
  }
18487
18422
  .zen-pill--long {
18488
- min-width: 12.5rem;
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: 0.9375rem;
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: 0.125rem 0.25rem;
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: 0.25rem 0.75rem 0.25rem 0.75rem;
18604
- border-radius: 1.875rem;
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 {