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

package/dist/index.css

@@ -2218,7 +2218,7 @@ html:lang(ar) .zen-accordion {
   fill: var(--action-secondary--default);
 }
 .zen-advanced-groups-filter.zen-advanced-groups-filter {
-  width: 526px;
+  width: 32.875rem;
 }
 .zen-advanced-groups-filter-prioritized-modal {
   z-index: 11011;
@@ -2602,7 +2602,7 @@ html:lang(ar) .zen-banner__message--multiline.zen-banner__message--drive-tablet
   color: var(--text-primary);
   border: none;
   border-radius: var(--border-radius-default);
-  min-width: 42px;
+  min-width: 2.625rem;
   width: auto;
   z-index: 11100;
 }
@@ -2613,9 +2613,9 @@ html:lang(ar) .zen-tooltip {
   font-family: var(--arabic-font-family);
 }
 .zen-tooltip--auto {
-  max-width: 272px;
-  max-height: 82px;
-  padding: 8px;
+  max-width: 17rem;
+  max-height: 5.125rem;
+  padding: 0.5rem;
 }
 .zen-tooltip--full-content {
   max-height: none;
@@ -2627,15 +2627,14 @@ html:lang(ar) .zen-tooltip {
 .zen-tooltip--mobile,
 .zen-tooltip--drive {
   width: auto;
-  max-width: 368px;
-  padding: 12px;
+  max-width: 23rem;
+  padding: 0.75rem;
   justify-content: space-between;
   align-items: center;
-  left: 10px;
-  right: 10px;
+  inset-inline: 0.625rem;
 }
 .zen-tooltip--mobile {
-  max-height: 112px;
+  max-height: 7rem;
 }
 .zen-tooltip--drive {
   font-family: var(--main-font);
@@ -2646,7 +2645,7 @@ html:lang(ar) .zen-tooltip {
   line-height: 20px;
   text-transform: none;
   text-decoration: none;
-  max-height: 148px;
+  max-height: 9.25rem;
 }
 html:lang(ar) .zen-tooltip--drive {
   font-family: var(--arabic-font-family);
@@ -2677,7 +2676,7 @@ html:lang(ar) .zen-tooltip--drive {
   line-height: 16px;
   text-transform: none;
   text-decoration: none;
-  margin-bottom: 4px;
+  margin-block-end: 0.25rem;
 }
 html:lang(ar) .zen-tooltip__title {
   font-family: var(--arabic-font-family);
@@ -2711,30 +2710,38 @@ html:lang(ar) .zen-tooltip__title {
   filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.2));
 }
 .zen-tooltip__arrow--top {
-  top: 100%;
-  left: 50%;
+  inset-block-start: 100%;
+  inset-inline-start: 50%;
   border-color: var(--backgrounds-content-1) transparent transparent transparent;
   border-width: 6px 5px 0 5px;
-  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));
+  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.2));
 }
 .zen-tooltip__arrow--bottom {
   bottom: 100%;
-  left: 14px;
+  inset-inline-start: 0.875rem;
   border-color: transparent transparent var(--backgrounds-content-1) transparent;
-  border-width: 0px 5px 6px 5px;
-  filter: drop-shadow(0px -4px 4px rgba(0, 0, 0, 0.2));
+  border-width: 0 5px 6px 5px;
+  filter: drop-shadow(0 -4px 4px rgba(0, 0, 0, 0.2));
 }
 .zen-tooltip__arrow--right {
-  right: 100%;
+  inset-inline-end: 100%;
   border-color: transparent var(--backgrounds-content-1) transparent transparent;
-  border-width: 5px 6px 5px 0px;
-  filter: drop-shadow(-4px 0px 4px rgba(0, 0, 0, 0.2));
+  border-width: 5px 6px 5px 0;
+  filter: drop-shadow(-4px 0 4px rgba(0, 0, 0, 0.2));
+}
+[dir="rtl"] .zen-tooltip__arrow--right {
+  border-color: transparent transparent transparent var(--backgrounds-content-1);
+  filter: drop-shadow(4px 0 4px rgba(0, 0, 0, 0.2));
 }
 .zen-tooltip__arrow--left {
-  left: 100%;
+  inset-inline-start: 100%;
   border-color: transparent transparent transparent var(--backgrounds-content-1);
-  border-width: 5px 0px 6px 5px;
-  filter: drop-shadow(4px 0px 4px rgba(0, 0, 0, 0.2));
+  border-width: 5px 0 6px 5px;
+  filter: drop-shadow(4px 0 4px rgba(0, 0, 0, 0.2));
+}
+[dir="rtl"] .zen-tooltip__arrow--left {
+  border-color: transparent var(--backgrounds-content-1) transparent transparent;
+  filter: drop-shadow(-4px 0 4px rgba(0, 0, 0, 0.2));
 }
 .zen-tooltip__trigger {
   color: var(--text-secondary);
@@ -2782,16 +2789,16 @@ html:lang(ar) .zen-tooltip__title {
   border: 0;
   background: 0;
   padding: 0;
-  min-width: 16px;
-  max-width: 16px;
-  min-height: 16px;
-  max-height: 16px;
+  min-width: 1rem;
+  max-width: 1rem;
+  min-height: 1rem;
+  max-height: 1rem;
 }
 .zen-tooltip-info--drive {
-  min-width: 20px;
-  max-width: 20px;
-  min-height: 20px;
-  max-height: 20px;
+  min-width: 1.25rem;
+  max-width: 1.25rem;
+  min-height: 1.25rem;
+  max-height: 1.25rem;
 }
 .zen-tooltip-info:focus,
 .zen-tooltip-info:hover {
@@ -2806,7 +2813,7 @@ html:lang(ar) .zen-tooltip__title {
 }
 .zen-field-label {
   display: flex;
-  gap: 4px;
+  gap: 0.25rem;
 }
 .zen-field-label:not(.zen-field-label--review):not(.zen-form-list-label):not(.zen-form-field-label--top) {
   align-self: center;
@@ -3446,12 +3453,12 @@ html:lang(ar) .zen-menu-button__action--drive-tablet {
   border-radius: var(--border-radius-default);
   box-sizing: border-box;
   background-color: var(--backgrounds-main);
-  padding: 4px 0;
+  padding: 0.25rem 0;
   max-height: 90vh;
   border: 0px;
-  min-height: 30px;
-  min-width: 170px;
-  max-width: 420px;
+  min-height: 1.875rem;
+  min-width: 10.625rem;
+  max-width: 26.25rem;
 }
 .zen-popup * {
   box-sizing: border-box;
@@ -3460,7 +3467,7 @@ html:lang(ar) .zen-popup {
   font-family: var(--arabic-font-family);
 }
 .zen-popup--padding {
-  padding: 8px;
+  padding: 0.5rem;
 }
 .zen-popup--no-padding {
   padding: 0;
@@ -3470,7 +3477,7 @@ html:lang(ar) .zen-popup {
   max-width: none;
 }
 .zen-popup--block {
-  padding: 4px 0;
+  padding: 0.25rem 0;
   box-shadow: 0px 2px 6px rgba(11, 32, 50, 0.2);
   border-radius: var(--border-radius-default);
 }
@@ -4022,15 +4029,15 @@ html:lang(ar) .zen-alert--drive .zen-alert__text {
 }
 .zen-mobile-sheet-footer {
   box-sizing: border-box;
-  border-top: 1px solid var(--borders-general);
+  border-block-start: 1px solid var(--borders-general);
   display: grid;
-  gap: 12px;
+  gap: 0.75rem;
 }
 .zen-mobile-sheet-footer * {
   box-sizing: border-box;
 }
 .zen-mobile-sheet-footer--borderless {
-  border-top-width: 0;
+  border-block-start-width: 0;
 }
 .zen-mobile-sheet-wrapper {
   z-index: 11010;
@@ -4038,8 +4045,8 @@ html:lang(ar) .zen-alert--drive .zen-alert__text {
 .zen-mobile-sheet-shield {
   z-index: 11007;
   position: fixed;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   width: 100%;
   height: 100%;
 }
@@ -4064,7 +4071,9 @@ html:lang(ar) .zen-alert--drive .zen-alert__text {
   text-transform: none;
   text-decoration: none;
   color: var(--text-secondary);
-  padding: 12px 8px 12px 12px;
+  padding-block: 0.75rem;
+  padding-inline-start: 0.75rem;
+  padding-inline-end: 0.5rem;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -4082,14 +4091,13 @@ html:lang(ar) .zen-mobile-sheet__title {
   text-transform: none;
   text-decoration: none;
   padding: 0;
-  padding-left: 12px;
+  padding-inline-start: 0.75rem;
 }
 html:lang(ar) .zen-mobile-sheet__title.zen-mobile-sheet__title--drive {
   font-family: var(--arabic-font-family);
 }
 .zen-mobile-sheet__title.zen-mobile-sheet__title--drive .zen-mobile-sheet__close-button {
-  margin-top: 0;
-  margin-bottom: 0;
+  margin-block: 0;
 }
 .zen-mobile-sheet__title.zen-mobile-sheet__title--drive-tablet {
   font-family: var(--main-font);
@@ -4101,19 +4109,17 @@ html:lang(ar) .zen-mobile-sheet__title.zen-mobile-sheet__title--drive {
   text-transform: none;
   text-decoration: none;
   padding: 0;
-  padding-left: 12px;
+  padding-inline-start: 0.75rem;
 }
 html:lang(ar) .zen-mobile-sheet__title.zen-mobile-sheet__title--drive-tablet {
   font-family: var(--arabic-font-family);
 }
 .zen-mobile-sheet__title.zen-mobile-sheet__title--drive-tablet .zen-mobile-sheet__close-button {
-  margin-top: 0;
-  margin-bottom: 0;
+  margin-block: 0;
 }
 .zen-mobile-sheet__close-button {
   width: auto;
-  margin-top: -6px;
-  margin-bottom: -6px;
+  margin-block: -0.375rem;
 }
 .zen-mobile-sheet__title-text {
   display: -webkit-box;
@@ -4135,16 +4141,16 @@ html:lang(ar) .zen-mobile-sheet__title.zen-mobile-sheet__title--drive-tablet {
 }
 .zen-mobile-sheet-wrapper--drive.zen-mobile-sheet-wrapper--drive,
 .zen-mobile-sheet-wrapper--drive-tablet.zen-mobile-sheet-wrapper--drive-tablet {
-  max-width: 520px;
-  min-width: 520px;
-  left: calc(50% - 260px);
+  max-width: 32.5rem;
+  min-width: 32.5rem;
+  inset-inline-start: calc(50% - (260 / 16rem));
 }
 @media (max-width: 520px) {
   .zen-mobile-sheet-wrapper--drive.zen-mobile-sheet-wrapper--drive,
   .zen-mobile-sheet-wrapper--drive-tablet.zen-mobile-sheet-wrapper--drive-tablet {
     max-width: 100%;
     min-width: 100%;
-    left: 0;
+    inset-inline-start: 0;
   }
 }
 .zen-action-list {
@@ -4228,7 +4234,7 @@ html:lang(ar) .zen-mobile-sheet__title.zen-mobile-sheet__title--drive-tablet {
 }
 .zen-form-section {
   display: grid;
-  gap: 24px;
+  gap: 1.5rem;
   height: 100%;
 }
 .zen-form-section--desktop.zen-form-section--one-column {
@@ -6267,10 +6273,10 @@ html:lang(ar) .zen-summary-tile {
   display: flex;
   align-items: center;
   justify-content: center;
-  min-width: 26px;
-  min-height: 26px;
-  max-width: 26px;
-  max-height: 26px;
+  min-width: 1.625rem;
+  min-height: 1.625rem;
+  max-width: 1.625rem;
+  max-height: 1.625rem;
   border-radius: 50%;
 }
 .zen-form-step {
@@ -6295,8 +6301,8 @@ html:lang(ar) .zen-form-step__item {
   font-family: var(--arabic-font-family);
 }
 .zen-form-step__item .zen-form-step__label {
-  max-width: 80px;
-  min-width: 80px;
+  max-width: 5rem;
+  min-width: 5rem;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -6336,25 +6342,25 @@ html:lang(ar) .zen-form-step__item {
   line-height: 16px;
   text-transform: none;
   text-decoration: none;
-  max-width: 80px;
-  min-width: 80px;
+  max-width: 5rem;
+  min-width: 5rem;
   text-align: center;
 }
 html:lang(ar) .zen-form-step__item .zen-form-step__label-secondary {
   font-family: var(--arabic-font-family);
 }
 .zen-form-step__item .zen-form-step__marker {
-  margin-left: 24px;
+  margin-inline-start: 1.5rem;
   display: flex;
-  height: 32px;
+  height: 2rem;
   border-radius: 50%;
   align-items: center;
   justify-content: center;
-  margin-bottom: 8px;
-  min-width: 32px;
-  min-height: 32px;
-  max-width: 32px;
-  max-height: 32px;
+  margin-block-end: 0.5rem;
+  min-width: 2rem;
+  min-height: 2rem;
+  max-width: 2rem;
+  max-height: 2rem;
 }
 .zen-form-step__item .zen-form-step__marker--complete {
   color: var(--text-reverse-primary);
@@ -6374,10 +6380,10 @@ html:lang(ar) .zen-form-step__item .zen-form-step__label-secondary {
   display: flex;
   align-items: center;
   justify-content: center;
-  min-width: 26px;
-  min-height: 26px;
-  max-width: 26px;
-  max-height: 26px;
+  min-width: 1.625rem;
+  min-height: 1.625rem;
+  max-width: 1.625rem;
+  max-height: 1.625rem;
   border-radius: 50%;
   background-color: var(--borders-form-field--error);
   color: var(--text-reverse-primary);
@@ -6394,10 +6400,10 @@ html:lang(ar) .zen-form-step__item .zen-form-step__label-secondary {
   display: flex;
   align-items: center;
   justify-content: center;
-  min-width: 26px;
-  min-height: 26px;
-  max-width: 26px;
-  max-height: 26px;
+  min-width: 1.625rem;
+  min-height: 1.625rem;
+  max-width: 1.625rem;
+  max-height: 1.625rem;
   border-radius: 50%;
   background-color: var(--action-primary--default);
   color: var(--text-reverse-primary);
@@ -6408,11 +6414,11 @@ html:lang(ar) .zen-form-step__item .zen-form-step__label-secondary {
   color: var(--action-secondary--default);
 }
 .zen-form-step__item .zen-form-step__marker--mobile {
-  min-width: 10px;
-  min-height: 10px;
-  max-width: 10px;
-  max-height: 10px;
-  margin-left: 4px;
+  min-width: 0.625rem;
+  min-height: 0.625rem;
+  max-width: 0.625rem;
+  max-height: 0.625rem;
+  margin-inline-start: 0.25rem;
   border: 0;
 }
 .zen-form-step__item .zen-form-step__marker--mobile.zen-form-step__marker--complete {
@@ -6443,9 +6449,9 @@ html:lang(ar) .zen-form-step__item .zen-form-step__label-secondary {
 .zen-form-step__connector {
   border-top: 2px solid;
   flex-grow: 1;
-  min-width: 11px;
+  min-width: 0.6875rem;
   width: 100%;
-  margin-top: 16px;
+  margin-block-start: 1rem;
   align-self: self-start;
   border-radius: 10px;
 }
@@ -6462,16 +6468,16 @@ html:lang(ar) .zen-form-step__item .zen-form-step__label-secondary {
   border-color: var(--action-secondary--default);
 }
 .zen-form-step__connector--mobile {
-  margin-top: 4px;
-  margin-left: 4px;
+  margin-block-start: 0.25rem;
+  margin-inline-start: 0.25rem;
 }
 .zen-form-stepper {
   display: flex;
   flex-direction: column;
-  margin: 0 4px;
+  margin: 0 0.25rem;
 }
 .zen-form-stepper--mobile {
-  margin: 0 12px;
+  margin: 0 0.75rem;
 }
 .zen-form-stepper__steps {
   display: flex;
@@ -6496,7 +6502,7 @@ html:lang(ar) .zen-form-step__item .zen-form-step__label-secondary {
   text-overflow: ellipsis;
   overflow: hidden;
   color: var(--text-primary);
-  padding-left: 4px;
+  padding-inline-start: 0.25rem;
 }
 html:lang(ar) .zen-form-stepper .zen-form-stepper__mobile-label {
   font-family: var(--arabic-font-family);
@@ -6510,7 +6516,7 @@ html:lang(ar) .zen-form-stepper .zen-form-stepper__mobile-label {
   line-height: 16px;
   text-transform: none;
   text-decoration: none;
-  padding-left: 4px;
+  padding-inline-start: 0.25rem;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
@@ -6528,7 +6534,7 @@ html:lang(ar) .zen-form-stepper .zen-form-stepper__mobile-secondary-label {
   display: block;
 }
 .zen-form-stepper .zen-form-stepper__mobile-counter {
-  padding-left: 4px;
+  padding-inline-start: 0.25rem;
   font-family: var(--main-font);
   font-size: 12px;
   font-style: normal;
@@ -6545,14 +6551,14 @@ html:lang(ar) .zen-form-stepper .zen-form-stepper__mobile-counter {
 .zen-form-step-buttons {
   display: flex;
   justify-content: space-between;
-  margin: 0 24px;
+  margin: 0 1.5rem;
 }
 .zen-form-step-buttons--mobile {
-  margin: 0 12px;
+  margin: 0 0.75rem;
 }
 .zen-form-step-buttons__right {
   display: flex;
-  gap: 8px;
+  gap: 0.5rem;
 }
 .zen-review-text-control {
   color: var(--text-primary);
@@ -6587,7 +6593,7 @@ html:lang(ar) .zen-review-text-control {
   display: grid;
   flex-direction: column;
   grid-template-columns: repeat(2, max-content);
-  gap: 8px;
+  gap: 0.5rem;
   align-items: start;
 }
 .zen-toggler-component {
@@ -6857,7 +6863,7 @@ html:lang(ar) .zen-toggler--drive-tablet .zen-toggler__label-text {
   fill: var(--accents-general--main);
 }
 .zen-pill-non-actionable {
-  padding: 0px 8px;
+  padding: 0 0.5rem;
 }
 .zen-pill-non-actionable__close-button {
   justify-self: end;
@@ -6869,7 +6875,7 @@ html:lang(ar) .zen-toggler--drive-tablet .zen-toggler__label-text {
   fill: var(--text-primary);
   background-color: transparent;
   border: none;
-  padding: 6px;
+  padding: 0.375rem;
   margin: 0;
   cursor: pointer;
 }
@@ -6879,15 +6885,15 @@ html:lang(ar) .zen-toggler--drive-tablet .zen-toggler__label-text {
   outline: none;
 }
 .zen-pill-non-actionable__icon {
-  min-width: 12px;
+  min-width: 0.75rem;
   max-width: 12px;
 }
 .zen-pill-non-actionable--closable {
-  padding: 0 2px 0 8px;
+  padding: 0 0.125rem 0 0.5rem;
 }
 .zen-pill-non-actionable.zen-pill-non-actionable--drive,
 .zen-pill-non-actionable.zen-pill-non-actionable--drive-tablet {
-  padding: 0 12px;
+  padding: 0 0.75rem;
 }
 .zen-pill-non-actionable.zen-pill-non-actionable--drive .zen-pill-non-actionable__close-button,
 .zen-pill-non-actionable.zen-pill-non-actionable--drive-tablet .zen-pill-non-actionable__close-button {
@@ -6895,13 +6901,13 @@ html:lang(ar) .zen-toggler--drive-tablet .zen-toggler__label-text {
 }
 .zen-pill-non-actionable.zen-pill-non-actionable--drive .zen-pill-non-actionable__icon,
 .zen-pill-non-actionable.zen-pill-non-actionable--drive-tablet .zen-pill-non-actionable__icon {
-  min-width: 16px;
+  min-width: 1rem;
   max-width: 16px;
   height: 16px;
 }
 .zen-pill-non-actionable.zen-pill-non-actionable--drive.zen-pill-non-actionable--closable,
 .zen-pill-non-actionable.zen-pill-non-actionable--drive-tablet.zen-pill-non-actionable--closable {
-  padding: 0 2px 0 10px;
+  padding: 0 0.125rem 0 0.625rem;
 }
 .zen-pill-content {
   font-family: var(--main-font);
@@ -6916,8 +6922,8 @@ html:lang(ar) .zen-toggler--drive-tablet .zen-toggler__label-text {
   color: var(--text-primary);
   align-items: center;
   justify-content: space-between;
-  padding: 4px 12px 4px 12px;
-  border-radius: 30px;
+  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
+  border-radius: 1.875rem;
   background: var(--backgrounds-content-1);
 }
 html:lang(ar) .zen-pill-content {
@@ -6963,7 +6969,7 @@ html:lang(ar) .zen-pill-text-content.zen-pill-text-content--drive-tablet {
   font-family: var(--arabic-font-family);
 }
 .zen-pill-actionable {
-  padding: 0 8px;
+  padding: 0 0.5rem;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
@@ -7016,7 +7022,7 @@ html:lang(ar) .zen-pill-text-content.zen-pill-text-content--drive-tablet {
 }
 .zen-pill-actionable.zen-pill-actionable--drive,
 .zen-pill-actionable.zen-pill-actionable--drive-tablet {
-  padding: 0 12px;
+  padding: 0 0.75rem;
 }
 .zen-pill-new-content {
   font-family: var(--main-font);
@@ -7030,11 +7036,11 @@ html:lang(ar) .zen-pill-text-content.zen-pill-text-content--drive-tablet {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  border-radius: 30px;
+  border-radius: 1.875rem;
   height: 22px;
   display: grid;
   grid-auto-flow: column;
-  gap: 8px;
+  gap: 0.5rem;
 }
 html:lang(ar) .zen-pill-new-content {
   font-family: var(--arabic-font-family);
@@ -7053,10 +7059,10 @@ html:lang(ar) .zen-pill-new-content {
 }
 .zen-pill-new-content--closable.zen-pill-new-content--icon-left.zen-pill-new-content--empty {
   grid-template-columns: 12px 18px;
-  gap: 8px;
+  gap: 0.5rem;
 }
 .zen-pill-new-content--hidden {
-  gap: 4px;
+  gap: 0.25rem;
 }
 .zen-pill-new-content.zen-pill-new-content--drive,
 .zen-pill-new-content.zen-pill-new-content--drive-tablet {
@@ -7064,7 +7070,7 @@ html:lang(ar) .zen-pill-new-content {
 }
 .zen-pill-new-content.zen-pill-new-content--drive .zen-pill-non-actionable__icon,
 .zen-pill-new-content.zen-pill-new-content--drive-tablet .zen-pill-non-actionable__icon {
-  min-width: 16px;
+  min-width: 1rem;
   max-width: 16px;
   height: 16px;
 }
@@ -7083,7 +7089,7 @@ html:lang(ar) .zen-pill-new-content {
 .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,
 .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 {
   grid-template-columns: 16px 22px;
-  gap: 8px;
+  gap: 0.5rem;
 }
 .zen-pill-new-content.zen-pill-new-content--mobile {
   height: 34px;
@@ -7100,7 +7106,7 @@ html:lang(ar) .zen-pill-new-content.zen-pill-new-content--mobile {
   font-family: var(--arabic-font-family);
 }
 .zen-pill-new-content.zen-pill-new-content--mobile .zen-pill-non-actionable__icon {
-  min-width: 16px;
+  min-width: 1rem;
   max-width: 16px;
   height: 16px;
 }
@@ -7115,7 +7121,7 @@ html:lang(ar) .zen-pill-new-content.zen-pill-new-content--mobile {
 }
 .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 {
   grid-template-columns: 16px 22px;
-  gap: 8px;
+  gap: 0.5rem;
 }
 .zen-pill-new-content.zen-pill-new-content--drive {
   font-family: var(--main-font);
@@ -7152,11 +7158,11 @@ html:lang(ar) .zen-pill-new-content.zen-pill-new-content--drive-tablet {
   line-height: 16px;
   text-transform: none;
   text-decoration: none;
-  border-radius: 30px;
+  border-radius: 1.875rem;
   display: grid;
   grid-auto-flow: column;
   align-items: center;
-  min-width: 30px;
+  min-width: 1.875rem;
 }
 html:lang(ar) .zen-pill-new {
   font-family: var(--arabic-font-family);
@@ -7166,12 +7172,12 @@ html:lang(ar) .zen-pill-new {
   width: fit-content;
 }
 .zen-pill-new--empty {
-  gap: 4px;
+  gap: 0.25rem;
   min-width: fit-content;
 }
 .zen-pill-new.zen-pill-new--drive,
 .zen-pill-new.zen-pill-new--mobile {
-  border-radius: 50px;
+  border-radius: 3.125rem;
 }
 .zen-review-list-toggle {
   color: var(--text-primary);
@@ -7185,13 +7191,13 @@ html:lang(ar) .zen-pill-new {
   text-decoration: none;
   display: flex;
   align-items: center;
-  gap: 4px;
+  gap: 0.25rem;
 }
 html:lang(ar) .zen-review-list-toggle {
   font-family: var(--arabic-font-family);
 }
 .zen-form-list-label {
-  max-height: 32px;
+  max-height: 2rem;
   display: flex;
   align-items: center;
 }
@@ -7210,7 +7216,8 @@ html:lang(ar) .zen-review-list-toggle {
   padding: 0;
 }
 .zen-additional-sub-section__secondary {
-  margin: 16px 0;
+  margin-block: 1rem;
+  margin-inline: 0;
   font-family: var(--main-font);
   font-size: 12px;
   font-style: normal;
@@ -7225,13 +7232,13 @@ html:lang(ar) .zen-additional-sub-section__secondary {
   font-family: var(--arabic-font-family);
 }
 .zen-additional-sub-section__content {
-  padding: 16px;
+  padding: 1rem;
 }
 .zen-additional-sub-section .zen-accordion__content {
   padding: 0;
 }
 .zen-form-field-error {
-  margin-top: 4px;
+  margin-block-start: 0.25rem;
   display: flex;
   min-width: 0;
   font-family: var(--main-font);
@@ -7249,7 +7256,7 @@ html:lang(ar) .zen-form-field-error {
   font-family: var(--arabic-font-family);
 }
 .zen-form-field-error__error-text {
-  margin-left: 4px;
+  margin-inline-start: 0.25rem;
   display: flex;
   flex-direction: column;
   overflow-wrap: break-word;
@@ -7258,12 +7265,14 @@ html:lang(ar) .zen-form-field-error {
   flex: 0 0 auto;
 }
 .zen-form-field-error__icon-container {
-  padding: 1px 2px 0;
-  height: 16px;
+  padding-block-start: 0.0625rem;
+  padding-inline: 0.125rem;
+  padding-block-end: 0;
+  height: 1rem;
 }
 .zen-form-field-error.zen-form-field-error--drive .zen-form-field-error__icon-container,
 .zen-form-field-error.zen-form-field-error--drive-tablet .zen-form-field-error__icon-container {
-  height: 18px;
+  height: 1.125rem;
 }
 .zen-form-field-error.zen-form-field-error--drive {
   font-family: var(--main-font);
@@ -7310,13 +7319,13 @@ html:lang(ar) .zen-form-field-error.zen-form-field-error--drive-tablet {
   display: inline-flex;
 }
 .zen-form-field--with-banner {
-  gap: 8px;
+  gap: 0.5rem;
 }
 .zen-form-field--mobile.zen-form-field--with-banner {
-  gap: 4px;
+  gap: 0.25rem;
 }
 .zen-form-field__secondary {
-  margin-top: 4px;
+  margin-block-start: 0.25rem;
   position: relative;
   display: flex;
   width: 100%;
@@ -7331,13 +7340,18 @@ html:lang(ar) .zen-form-field-error.zen-form-field-error--drive-tablet {
   display: none;
 }
 .zen-form-field__input-container--with-trailing {
-  gap: 8px;
+  gap: 0.5rem;
 }
 .zen-form-field__input-container--review {
   grid-template-columns: max-content max-content;
 }
+.zen-form-field__input-container:has(.zen-radio-group--horizontal) .zen-form-field__trailing-text {
+  align-self: flex-start;
+  margin-top: 0.75rem;
+}
 .zen-form-field.zen-form-field--form-item .zen-radio {
-  padding: 0 16px 12px 0;
+  padding-block-end: 0.75rem;
+  padding-inline-end: 1rem;
 }
 .zen-form-field__trailing-text {
   display: flex;
@@ -7410,12 +7424,12 @@ html:lang(ar) .zen-form-field__text.zen-form-field__text--drive-tablet {
   align-items: center;
 }
 .zen-form-field__error-icon {
-  margin-right: 6px;
+  margin-inline-end: 0.375rem;
   flex: 0 0 auto;
 }
 .zen-form-field__error-text {
   flex: 1 1 auto;
-  padding-top: 1px;
+  padding-block-start: 0.0625rem;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -7439,24 +7453,24 @@ html:lang(ar) .zen-form-field__length {
 }
 .zen-form-field__label-wrapper {
   display: grid;
-  grid-template-rows: 1fr 20px;
+  grid-template-rows: 1fr 1.25rem;
 }
 .zen-form-field__trailing-wrapper {
   display: grid;
-  grid-template-rows: 1fr 20px;
+  grid-template-rows: 1fr 1.25rem;
 }
 .zen-form-field--label-left {
   display: flex;
   flex-direction: row;
   align-items: center;
-  gap: 8px;
+  gap: 0.5rem;
 }
 .zen-form-field--label-top {
   display: flex;
   flex-direction: column;
   align-items: start;
   justify-content: start;
-  gap: 8px;
+  gap: 0.5rem;
 }
 .zen-dropdown {
   box-sizing: border-box;
@@ -8058,7 +8072,7 @@ html:lang(ar) .zen-dropdown-list.zen-dropdown-list--drive-tablet .zen-dropdown-l
 .zen-chip {
   --chip-min-width-default: 40px;
   --chip-max-width-default: 236px;
-  --chip-border-radius: 8px;
+  --chip-border-radius: 0.5rem;
   --chip-height: 32px;
   --chip-height--drive: 40px;
   --chip-height--mobile: 40px;
@@ -8081,7 +8095,7 @@ html:lang(ar) .zen-dropdown-list.zen-dropdown-list--drive-tablet .zen-dropdown-l
   width: fit-content;
   box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
   border-radius: var(--chip-border-radius);
-  gap: 2px;
+  gap: 0.125rem;
 }
 .zen-chip * {
   box-sizing: border-box;
@@ -8098,7 +8112,7 @@ html:lang(ar) .zen-chip {
   width: fit-content;
 }
 .zen-chip.zen-chip--drive {
-  border-radius: 8px;
+  border-radius: 0.5rem;
 }
 .zen-chip:not(.zen-chip--disabled):not(.zen-chip--readonly):hover {
   cursor: pointer;
@@ -8112,7 +8126,7 @@ html:lang(ar) .zen-chip {
 }
 .zen-chip__content-wrapper {
   margin: 0;
-  gap: 4px;
+  gap: 0.25rem;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -8186,7 +8200,7 @@ html:lang(ar) .zen-chip {
   cursor: pointer;
   border: none;
   background-color: transparent;
-  border-radius: 15px;
+  border-radius: 0.9375rem;
   fill: var(--action-primary--active);
 }
 .zen-chip__close-button:hover,
@@ -8213,22 +8227,22 @@ html:lang(ar) .zen-chip {
   text-decoration: none;
   background-color: var(--action-primary--default);
   color: var(--text-reverse-primary);
-  min-width: 16px;
-  border-radius: 16px;
-  padding: 0px 4px;
+  min-width: 1rem;
+  border-radius: 1rem;
+  padding: 0 0.25rem;
 }
 html:lang(ar) .zen-chip__quantity {
   font-family: var(--arabic-font-family);
 }
 .zen-chip.zen-chip--standard {
-  padding: 7px 8px;
+  padding: 0.4375rem 0.5rem;
 }
 .zen-chip.zen-chip--trigger .zen-chip__trigger {
-  padding: 8px;
+  padding: 0.5rem;
   outline: none;
 }
 .zen-chip.zen-chip--trigger .zen-chip__trigger--with-icon {
-  padding: 7px 0 7px 7px;
+  padding: 0.4375rem 0 0.4375rem 0.4375rem;
 }
 .zen-chip.zen-chip--trigger .zen-chip__close-button {
   height: 30px;
@@ -8256,15 +8270,15 @@ html:lang(ar) .zen-chip.zen-chip--drive-tablet {
 }
 .zen-chip.zen-chip--drive.zen-chip--standard,
 .zen-chip.zen-chip--drive-tablet.zen-chip--standard {
-  padding: 7px 12px;
+  padding: 0.4375rem 0.75rem;
 }
 .zen-chip.zen-chip--drive.zen-chip--trigger .zen-chip__trigger,
 .zen-chip.zen-chip--drive-tablet.zen-chip--trigger .zen-chip__trigger {
-  padding: 5px 12px;
+  padding: 0.3125rem 0.75rem;
 }
 .zen-chip.zen-chip--drive.zen-chip--trigger .zen-chip__trigger--with-icon,
 .zen-chip.zen-chip--drive-tablet.zen-chip--trigger .zen-chip__trigger--with-icon {
-  padding: 3px 0 3px 12px;
+  padding: 0.1875rem 0 0.1875rem 0.75rem;
 }
 .zen-chip.zen-chip--drive.zen-chip--trigger .zen-chip__close-button,
 .zen-chip.zen-chip--drive-tablet.zen-chip--trigger .zen-chip__close-button {
@@ -8273,9 +8287,9 @@ html:lang(ar) .zen-chip.zen-chip--drive-tablet {
 }
 .zen-chip.zen-chip--drive .zen-chip__quantity,
 .zen-chip.zen-chip--drive-tablet .zen-chip__quantity {
-  min-width: 30px;
+  min-width: 1.875rem;
   height: 30px;
-  padding: 0px 8px;
+  padding: 0 0.5rem;
 }
 .zen-chip.zen-chip--drive .zen-chip__close-button,
 .zen-chip.zen-chip--drive-tablet .zen-chip__close-button {
@@ -8313,8 +8327,8 @@ html:lang(ar) .zen-chip.zen-chip--drive .zen-chip__quantity {
   color: var(--text-primary);
   align-items: center;
   justify-content: space-between;
-  padding: 4px 12px 4px 12px;
-  border-radius: 8px;
+  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
+  border-radius: 0.5rem;
   background: var(--backgrounds-content-1);
 }
 .zen-chip-text-content {
@@ -8345,13 +8359,13 @@ html:lang(ar) .zen-chip--mobile {
   font-family: var(--arabic-font-family);
 }
 .zen-chip--mobile.zen-chip--standard {
-  padding: 11px 8px;
+  padding: 0.6875rem 0.5rem;
 }
 .zen-chip--mobile.zen-chip--trigger .zen-chip__trigger {
-  padding: 12px 8px;
+  padding: 0.75rem 0.5rem;
 }
 .zen-chip--mobile.zen-chip--trigger .zen-chip__trigger--with-icon {
-  padding: 11px 0 11px 8px;
+  padding: 0.6875rem 0 0.6875rem 0.5rem;
 }
 .zen-chip--mobile.zen-chip--trigger .zen-chip__close-button {
   width: 38px;
@@ -9216,15 +9230,15 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
-  gap: 4px;
-  padding: 12px;
+  gap: 0.25rem;
+  padding: 0.75rem;
 }
 .zen-footer-buttons * {
   box-sizing: border-box;
 }
 .zen-footer-buttons .zen-footer-buttons__item {
   flex-grow: 1;
-  padding: 11px 8px;
+  padding: 0.6875rem 0.5rem;
 }
 .zen-footer-buttons--sticky {
   position: fixed;
@@ -9239,7 +9253,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
 }
 .zen-footer-buttons.zen-footer-buttons--drive .zen-footer-buttons__item,
 .zen-footer-buttons.zen-footer-buttons--drive-tablet .zen-footer-buttons__item {
-  padding: 15px 12px;
+  padding: 0.9375rem 0.75rem;
 }
 .zen-advanced-groups-filter-form {
   font-family: var(--main-font);
@@ -9255,7 +9269,7 @@ html:lang(ar) .zen-advanced-groups-filter-form {
   font-family: var(--arabic-font-family);
 }
 .zen-advanced-groups-filter-form__description {
-  margin-bottom: 12px;
+  margin-block-end: 0.75rem;
 }
 .zen-advanced-groups-filter-form__sections {
   margin: 0;
@@ -9264,13 +9278,13 @@ html:lang(ar) .zen-advanced-groups-filter-form {
 .zen-advanced-groups-filter-form__section-switcher {
   display: flex;
   justify-content: center;
-  margin-bottom: 12px;
+  margin-block-end: 0.75rem;
 }
 .zen-advanced-groups-filter-form__section {
   list-style: none;
 }
 .zen-advanced-groups-filter-form__main-section {
-  margin-bottom: 12px;
+  margin-block-end: 0.75rem;
   border: var(--border-width-default) solid var(--borders-general);
   border-radius: var(--border-radius-default);
   display: flex;
@@ -9278,14 +9292,14 @@ html:lang(ar) .zen-advanced-groups-filter-form {
 .zen-advanced-groups-filter-form__inter-section-switcher {
   display: flex;
   justify-content: center;
-  margin-bottom: 12px;
+  margin-block-end: 0.75rem;
 }
 .zen-advanced-groups-filter-form__section-column {
-  padding: 16px;
+  padding: 1rem;
 }
 .zen-advanced-groups-filter-form__section-column--left {
   flex: 0 0 30%;
-  border-right: var(--border-width-default) solid var(--borders-general);
+  border-inline-end: var(--border-width-default) solid var(--borders-general);
 }
 .zen-advanced-groups-filter-form__section-column--right {
   flex: 1 1 70%;
@@ -9296,22 +9310,22 @@ html:lang(ar) .zen-advanced-groups-filter-form {
   overflow: hidden;
 }
 .zen-advanced-groups-filter-form__section-label {
-  margin-bottom: 8px;
+  margin-block-end: 0.5rem;
   display: block;
 }
 .zen-advanced-groups-filter-form__operator-section {
   display: flex;
 }
 .zen-advanced-groups-filter-form__operator-label {
-  margin-right: 4px;
+  margin-inline-end: 0.25rem;
 }
 .zen-advanced-groups-filter-form__add-button {
   display: inline-flex;
   align-items: center;
 }
 .zen-advanced-groups-filter-form__remove-button {
-  margin-bottom: 8px;
-  padding: 4px;
+  margin-block-end: 0.5rem;
+  padding: 0.25rem;
   color: var(--text-hyperlink);
   fill: var(--text-hyperlink);
   border-color: transparent;
@@ -9333,7 +9347,7 @@ html:lang(ar) .zen-advanced-groups-filter-form {
   overflow: hidden;
 }
 .zen-advanced-groups-filter-form__combo-box {
-  margin-bottom: 20px;
+  margin-block-end: 1.25rem;
 }
 .zen-advanced-groups-filter-form__popup.zen-advanced-groups-filter-form__popup {
   z-index: 11001;
@@ -9505,7 +9519,7 @@ html:lang(ar) .zen-group-button--mobile {
   box-sizing: border-box;
   display: flex;
   align-items: baseline;
-  gap: 8px;
+  gap: 0.5rem;
 }
 .zen-pill-box * {
   box-sizing: border-box;
@@ -9514,7 +9528,7 @@ html:lang(ar) .zen-group-button--mobile {
   display: flex;
   align-items: center;
   align-content: center;
-  gap: 8px;
+  gap: 0.5rem;
   flex-wrap: wrap;
 }
 .zen-pill-box__label {
@@ -9563,10 +9577,7 @@ html:lang(ar) .zen-pill-box.zen-pill-box--drive-tablet {
   position: absolute;
   width: 100%;
   height: 100%;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
+  inset: 0;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -9577,10 +9588,7 @@ html:lang(ar) .zen-pill-box.zen-pill-box--drive-tablet {
 .zen-modal__shield {
   box-sizing: border-box;
   position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
+  inset: 0;
   z-index: 11000;
   background-color: var(--backgrounds-hover);
   opacity: 0.5;
@@ -9613,13 +9621,14 @@ html:lang(ar) .zen-pill-box.zen-pill-box--drive-tablet {
   justify-content: space-between;
   align-items: center;
   flex-wrap: nowrap;
-  padding: 24px 24px 16px 24px;
-  min-height: 72px;
+  padding-block: 1.5rem 1rem;
+  padding-inline: 1.5rem;
+  min-height: 4.5rem;
 }
 .zen-modal-content__header-title {
   display: flex;
   align-items: center;
-  gap: 4px;
+  gap: 0.25rem;
   flex-grow: 2;
 }
 .zen-modal-content__header-close-button.zen-modal-content__header-close-button {
@@ -9628,35 +9637,37 @@ html:lang(ar) .zen-pill-box.zen-pill-box--drive-tablet {
   justify-content: center;
   flex-shrink: 0;
   border: none;
-  padding: 0;
   cursor: pointer;
   align-self: flex-start;
-  padding: 8px;
+  padding: 0.5rem;
 }
 .zen-modal-content__body {
   overflow: auto;
-  padding: 12px 24px 32px 24px;
+  padding-block-start: 0.75rem;
+  padding-block-end: 2rem;
+  padding-inline-start: 1.5rem;
+  padding-inline-end: 1.5rem;
 }
 .zen-modal-content__body--no-footer {
-  padding-bottom: 16px;
+  padding-block-end: 1rem;
 }
 .zen-modal-content__footer {
   display: flex;
   justify-content: space-between;
-  padding: 16px 24px;
-  min-height: 59px;
+  padding: 1rem 1.5rem;
+  min-height: 3.6875rem;
   background-color: var(--backgrounds-content-0);
 }
 .zen-modal-content__footer--mobile {
   display: flex;
   flex-direction: column-reverse;
-  gap: 8px;
+  gap: 0.5rem;
 }
 .zen-modal-content__footer--mobile .zen-modal-content__icon-button {
   justify-content: center;
 }
 .zen-modal-content__footer--mobile .zen-modal-content__icon-button .zen-caption__content {
-  margin-right: 0;
+  margin-inline-end: 0;
 }
 .zen-modal-content__footer-left {
   display: flex;
@@ -9669,13 +9680,13 @@ html:lang(ar) .zen-pill-box.zen-pill-box--drive-tablet {
 .zen-modal-content__footer-right {
   display: flex;
   align-items: center;
-  gap: 8px;
+  gap: 0.5rem;
 }
 .zen-modal-content__footer-right--mobile {
   display: flex;
   align-items: unset;
   flex-direction: column;
-  gap: 8px;
+  gap: 0.5rem;
 }
 .zen-modal-content__left-button {
   width: 100%;
@@ -9683,8 +9694,8 @@ html:lang(ar) .zen-pill-box.zen-pill-box--drive-tablet {
 .zen-modal-content__icon {
   display: flex;
   align-items: center;
-  margin-right: 4px;
-  padding: 4px;
+  margin-inline-end: 0.25rem;
+  padding: 0.25rem;
   border-radius: 99px;
 }
 .zen-modal-content__icon--default {
@@ -9712,10 +9723,10 @@ html:lang(ar) .zen-pill-box.zen-pill-box--drive-tablet {
   background-color: var(--accents-error--main);
 }
 .zen-modal-content--small {
-  max-width: 400px;
+  max-width: 25rem;
 }
 .zen-modal-content--normal {
-  max-width: 600px;
+  max-width: 37.5rem;
 }
 .zen-status-pill {
   box-sizing: border-box;
@@ -9726,7 +9737,7 @@ html:lang(ar) .zen-pill-box.zen-pill-box--drive-tablet {
 .zen-status-pill__pill-container {
   display: flex;
   align-items: center;
-  gap: 4px;
+  gap: 0.25rem;
   position: relative;
   cursor: pointer;
 }
@@ -9759,8 +9770,8 @@ html:lang(ar) .zen-pill-box.zen-pill-box--drive-tablet {
   text-decoration: none;
   display: flex;
   align-items: center;
-  padding: 4px 8px;
-  border-radius: 999px;
+  padding: 0.25rem 0.5rem;
+  border-radius: 62.4375rem;
   background-color: var(--backgrounds-content-1);
   border: var(--border-width-default) solid transparent;
   color: var(--text-primary);
@@ -9778,7 +9789,7 @@ html:lang(ar) .zen-status-pill__container {
   line-height: 20px;
   text-transform: none;
   text-decoration: none;
-  padding: 8px;
+  padding: 0.5rem;
 }
 html:lang(ar) .zen-status-pill__container--drive {
   font-family: var(--arabic-font-family);
@@ -9792,7 +9803,7 @@ html:lang(ar) .zen-status-pill__container--drive {
   line-height: 22px;
   text-transform: none;
   text-decoration: none;
-  padding: 8px;
+  padding: 0.5rem;
 }
 html:lang(ar) .zen-status-pill__container--drive-tablet {
   font-family: var(--arabic-font-family);
@@ -9953,7 +9964,7 @@ html:lang(ar) .zen-status-pill__container--drive-tablet {
 }
 .zen-status-pill-popup {
   box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
-  border-radius: 4px;
+  border-radius: 0.25rem;
   background-color: white;
   max-height: 560px;
   overflow: hidden;
@@ -9962,8 +9973,8 @@ html:lang(ar) .zen-status-pill__container--drive-tablet {
 .zen-status-pill-popup__container {
   display: flex;
   flex-direction: column;
-  padding: 12px 8px;
-  gap: 16px;
+  padding: 0.75rem 0.5rem;
+  gap: 1rem;
   overflow-y: auto;
   max-height: 480px;
 }
@@ -9979,8 +9990,8 @@ html:lang(ar) .zen-status-pill__container--drive-tablet {
 .zen-status-pill-popup__title-item {
   display: flex;
   align-items: center;
-  padding: 12px 8px;
-  gap: 16px;
+  padding: 0.75rem 0.5rem;
+  gap: 1rem;
   border-bottom: 1px solid var(--borders-general);
 }
 .zen-status-pill-popup__title-item-text {
@@ -10008,7 +10019,7 @@ html:lang(ar) .zen-status-pill-popup__title-item-text {
 .zen-status-pill-popup__children {
   display: flex;
   flex-direction: column;
-  gap: 8px;
+  gap: 0.5rem;
 }
 .zen-status-pill-popup__content-header {
   display: flex;
@@ -10102,7 +10113,7 @@ html:lang(ar) .zen-status-pill-popup__description--drive-tablet {
 .zen-status-pill-popup__actions {
   display: flex;
   flex-direction: column;
-  gap: 4px;
+  gap: 0.25rem;
 }
 .zen-status-pill-popup__divider.zen-divider {
   background-color: var(--borders-general);
@@ -10111,7 +10122,7 @@ html:lang(ar) .zen-status-pill-popup__description--drive-tablet {
   border-bottom: 1px solid var(--borders-general);
 }
 .zen-status-pill-popup--mobile .zen-mobile-sheet__content {
-  padding: 16px;
+  padding: 1rem;
   max-height: 90vh;
   overflow-y: auto;
 }
@@ -10132,13 +10143,13 @@ html:lang(ar) .zen-status-pill-popup__mobile-title {
 .zen-status-pill-popup__mobile-content {
   display: flex;
   flex-direction: column;
-  gap: 16px;
+  gap: 1rem;
 }
 .zen-status-pill-popup__view-more-button {
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 8px;
+  gap: 0.5rem;
   margin: 16px 8px 8px;
 }
 .zen-status-pill-popup__view-more-badge {
@@ -10153,10 +10164,10 @@ html:lang(ar) .zen-status-pill-popup__mobile-title {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  min-width: 22px;
+  min-width: 1.375rem;
   height: 22px;
-  padding: 0 6px;
-  border-radius: 999px;
+  padding: 0 0.375rem;
+  border-radius: 62.4375rem;
   background-color: var(--action-primary--default);
   color: var(--text-reverse-primary);
   line-height: 1;
@@ -10285,7 +10296,7 @@ html:lang(ar) .zen-calendar {
   align-items: center;
 }
 .zen-calendar__year--limited {
-  max-width: calc(100% - 126px);
+  max-width: calc(100% - 7.875rem);
 }
 .zen-calendar__year-name {
   flex: 0 1 auto;
@@ -10298,20 +10309,20 @@ html:lang(ar) .zen-calendar {
   text-transform: none;
   text-decoration: none;
   color: var(--text-primary);
-  margin-left: 32px;
+  margin-inline-start: 2rem;
 }
 html:lang(ar) .zen-calendar__year-name {
   font-family: var(--arabic-font-family);
 }
 .zen-calendar__year-name--left {
-  margin-left: 12px;
+  margin-inline-start: 0.75rem;
 }
 .zen-calendar__year-trigger {
-  margin-left: 4px;
+  margin-inline-start: 0.25rem;
 }
 .zen-calendar__months {
   display: flex;
-  gap: 12px;
+  gap: 0.75rem;
 }
 .zen-calendar__table {
   width: 100%;
@@ -10338,59 +10349,58 @@ html:lang(ar) .zen-calendar__year-name {
   text-decoration: none;
   color: var(--text-primary);
   width: 14%;
-  height: 16px;
-  padding: 12px 0;
+  height: 1rem;
+  padding: 0.75rem 0;
   text-align: center;
 }
 html:lang(ar) .zen-calendar__column {
   font-family: var(--arabic-font-family);
 }
 .zen-calendar__cell {
-  padding: 0px;
-  margin: 0px;
-  border: 0px;
+  padding: 0;
+  margin: 0;
+  border: 0;
 }
 .zen-calendar__day-wrapper {
   color: var(--text-primary);
-  margin: 0px;
+  margin: 0;
   box-sizing: border-box;
-  height: 24px;
+  height: 1.5rem;
   width: 100%;
   position: relative;
   cursor: pointer;
   background-color: transparent;
   border: none;
   outline: none;
-  margin-bottom: 12px;
+  margin-block-end: 0.75rem;
   display: flex;
   justify-content: center;
 }
 .zen-calendar__left-border,
 .zen-calendar__right-border {
-  height: 24px;
+  height: 1.5rem;
   width: 50%;
-  border: 1px solid transparent;
-  border-left: 0px;
-  border-right: 0px;
-  border-radius: 0px;
+  border-block: 1px solid transparent;
+  border-inline: 0;
+  border-radius: 0;
   position: absolute;
-  padding: 0px;
-  margin: 0px;
-  top: 0px;
+  padding: 0;
+  margin: 0;
+  top: 0;
   z-index: 1;
   border-color: var(--action-primary--default);
   background-color: var(--accents-general--main);
 }
 .zen-calendar__week-start,
 .zen-calendar__week-end {
-  height: 24px;
+  height: 1.5rem;
   border: 1px solid var(--action-primary--default);
   background-color: var(--accents-general--main);
   position: absolute;
   top: 0;
   z-index: 1;
-  width: 32px;
-  border-radius: 24px;
+  width: 2rem;
+  border-radius: 1.5rem;
 }
 .zen-calendar__week-start {
   clip-path: xywh(0 0 50% 100%);
@@ -10401,28 +10411,33 @@ html:lang(ar) .zen-calendar__column {
 .zen-calendar__month-start,
 .zen-calendar__month-end {
   position: absolute;
-  height: 24px;
+  height: 1.5rem;
   top: 0;
-  width: 16px;
+  width: 1rem;
   z-index: 1;
-  border: 1px solid var(--action-primary--default);
-  border-left: none;
-  border-right: none;
+  border-block: 1px solid var(--action-primary--default);
+  border-inline: 0;
   background-color: var(--accents-general--main);
 }
 .zen-calendar__month-start {
   mask-image: linear-gradient(to left, #000000, transparent);
-  left: calc(50% - 16px);
+  inset-inline-start: calc(50% - 1rem);
+}
+[dir="rtl"] .zen-calendar__month-start {
+  mask-image: linear-gradient(to right, #000000, transparent);
 }
 .zen-calendar__month-end {
   mask-image: linear-gradient(to right, #000000, transparent);
-  left: 50%;
+  inset-inline-start: 50%;
+}
+[dir="rtl"] .zen-calendar__month-end {
+  mask-image: linear-gradient(to left, #000000, transparent);
 }
 .zen-calendar__left-border {
-  left: 0px;
+  inset-inline-start: 0;
 }
 .zen-calendar__right-border {
-  right: 0px;
+  inset-inline-end: 0;
 }
 .zen-calendar__day {
   font-family: var(--main-font);
@@ -10437,8 +10452,8 @@ html:lang(ar) .zen-calendar__column {
   justify-content: center;
   align-items: center;
   color: var(--text-primary);
-  width: 32px;
-  height: 24px;
+  width: 2rem;
+  height: 1.5rem;
   text-align: center;
   position: absolute;
   top: 0;
@@ -10457,8 +10472,7 @@ html:lang(ar) .zen-calendar__day {
 .zen-calendar__day--in-range {
   background-color: var(--accents-general--main);
   border-color: var(--action-primary--default);
-  border-left: 0px;
-  border-right: 0px;
+  border-inline: 0;
 }
 .zen-calendar__day-wrapper--hover .zen-calendar__day,
 .zen-calendar__day-wrapper:hover .zen-calendar__day,
@@ -10466,7 +10480,7 @@ html:lang(ar) .zen-calendar__day {
   color: var(--text-hyperlink);
   background-color: var(--accents-general--main);
   border: 1px solid var(--action-primary--default);
-  border-radius: 24px;
+  border-radius: 1.5rem;
   outline: none;
 }
 .zen-calendar__day-wrapper:disabled .zen-calendar__day {
@@ -10480,12 +10494,12 @@ html:lang(ar) .zen-calendar__day {
   color: var(--text-reverse-primary);
   background-color: var(--action-primary--default);
   border: 1px solid var(--action-primary--default);
-  border-radius: 24px;
+  border-radius: 1.5rem;
 }
 .zen-calendar__day-wrapper--ready-to-change.zen-calendar__day-wrapper--ready-to-change .zen-calendar__day {
   color: var(--text-reverse-primary);
   border: 1px solid var(--action-primary--active);
-  border-radius: 24px;
+  border-radius: 1.5rem;
   background-color: var(--action-primary--active);
 }
 .zen-calendar__day-wrapper--active:hover .zen-calendar__day,
@@ -10495,60 +10509,60 @@ html:lang(ar) .zen-calendar__day {
   border: 1px solid var(--action-primary--hover);
 }
 .zen-calendar .zen-calendar__body--mobile-view .zen-calendar__day-wrapper {
-  height: 32px;
+  height: 2rem;
 }
 .zen-calendar .zen-calendar__body--mobile-view .zen-calendar__left-border,
 .zen-calendar .zen-calendar__body--mobile-view .zen-calendar__right-border {
-  height: 32px;
+  height: 2rem;
 }
 .zen-calendar .zen-calendar__body--mobile-view .zen-calendar__week-start,
 .zen-calendar .zen-calendar__body--mobile-view .zen-calendar__week-end {
-  height: 32px;
-  border-radius: 32px;
+  height: 2rem;
+  border-radius: 2rem;
 }
 .zen-calendar .zen-calendar__body--mobile-view .zen-calendar__month-start,
 .zen-calendar .zen-calendar__body--mobile-view .zen-calendar__month-end {
-  height: 32px;
+  height: 2rem;
 }
 .zen-calendar .zen-calendar__body--mobile-view .zen-calendar__day {
-  height: 32px;
+  height: 2rem;
 }
 .zen-calendar .zen-calendar__body--mobile-view .zen-calendar__day-wrapper--hover .zen-calendar__day,
 .zen-calendar .zen-calendar__body--mobile-view .zen-calendar__day-wrapper:hover .zen-calendar__day,
 .zen-calendar .zen-calendar__body--mobile-view .zen-calendar__day-wrapper:focus .zen-calendar__day {
-  border-radius: 32px;
+  border-radius: 2rem;
 }
 .zen-calendar .zen-calendar__body--mobile-view .zen-calendar__day-wrapper--active .zen-calendar__day {
-  border-radius: 32px;
+  border-radius: 2rem;
 }
 .zen-calendar.zen-calendar--drive .zen-calendar__day-wrapper,
 .zen-calendar.zen-calendar--drive-tablet .zen-calendar__day-wrapper {
-  height: 40px;
+  height: 2.5rem;
 }
 .zen-calendar.zen-calendar--drive .zen-calendar__left-border,
 .zen-calendar.zen-calendar--drive-tablet .zen-calendar__left-border,
 .zen-calendar.zen-calendar--drive .zen-calendar__right-border,
 .zen-calendar.zen-calendar--drive-tablet .zen-calendar__right-border {
-  height: 40px;
+  height: 2.5rem;
 }
 .zen-calendar.zen-calendar--drive .zen-calendar__week-start,
 .zen-calendar.zen-calendar--drive-tablet .zen-calendar__week-start,
 .zen-calendar.zen-calendar--drive .zen-calendar__week-end,
 .zen-calendar.zen-calendar--drive-tablet .zen-calendar__week-end {
-  height: 40px;
-  border-radius: 40px;
-  width: 40px;
+  height: 2.5rem;
+  border-radius: 2.5rem;
+  width: 2.5rem;
 }
 .zen-calendar.zen-calendar--drive .zen-calendar__month-start,
 .zen-calendar.zen-calendar--drive-tablet .zen-calendar__month-start,
 .zen-calendar.zen-calendar--drive .zen-calendar__month-end,
 .zen-calendar.zen-calendar--drive-tablet .zen-calendar__month-end {
-  height: 40px;
+  height: 2.5rem;
 }
 .zen-calendar.zen-calendar--drive .zen-calendar__day,
 .zen-calendar.zen-calendar--drive-tablet .zen-calendar__day {
-  height: 40px;
-  width: 40px;
+  height: 2.5rem;
+  width: 2.5rem;
 }
 .zen-calendar.zen-calendar--drive .zen-calendar__day-wrapper--hover .zen-calendar__day,
 .zen-calendar.zen-calendar--drive-tablet .zen-calendar__day-wrapper--hover .zen-calendar__day,
@@ -10556,19 +10570,19 @@ html:lang(ar) .zen-calendar__day {
 .zen-calendar.zen-calendar--drive-tablet .zen-calendar__day-wrapper:hover .zen-calendar__day,
 .zen-calendar.zen-calendar--drive .zen-calendar__day-wrapper:focus .zen-calendar__day,
 .zen-calendar.zen-calendar--drive-tablet .zen-calendar__day-wrapper:focus .zen-calendar__day {
-  border-radius: 40px;
+  border-radius: 2.5rem;
 }
 .zen-calendar.zen-calendar--drive .zen-calendar__day-wrapper--active.zen-calendar__day-wrapper--active .zen-calendar__day,
 .zen-calendar.zen-calendar--drive-tablet .zen-calendar__day-wrapper--active.zen-calendar__day-wrapper--active .zen-calendar__day {
-  border-radius: 40px;
+  border-radius: 2.5rem;
 }
 .zen-calendar.zen-calendar--drive .zen-calendar__year-name,
 .zen-calendar.zen-calendar--drive-tablet .zen-calendar__year-name {
-  margin-left: 12px;
+  margin-inline-start: 0.75rem;
 }
 .zen-calendar.zen-calendar--drive .zen-calendar__year,
 .zen-calendar.zen-calendar--drive .zen-calendar__year--limited {
-  max-width: calc(100% - 163px);
+  max-width: calc(100% - 10.1875rem);
 }
 .zen-calendar.zen-calendar--drive .zen-calendar__year-name {
   font-family: var(--main-font);
@@ -10611,7 +10625,7 @@ html:lang(ar) .zen-calendar.zen-calendar--drive .zen-calendar__day {
 }
 .zen-calendar.zen-calendar--drive-tablet .zen-calendar__year,
 .zen-calendar.zen-calendar--drive-tablet .zen-calendar__year--limited {
-  max-width: calc(100% - 173px);
+  max-width: calc(100% - 10.8125rem);
 }
 .zen-calendar.zen-calendar--drive-tablet .zen-calendar__year-name {
   font-family: var(--main-font);
@@ -10654,10 +10668,10 @@ html:lang(ar) .zen-calendar.zen-calendar--drive-tablet .zen-calendar__day {
 }
 @media (max-width: 520px) {
   .zen-calendar .zen-calendar__year {
-    max-width: calc(100% - 126px);
+    max-width: calc(100% - 7.875rem);
   }
   .zen-calendar.zen-calendar--drive .zen-calendar__year {
-    max-width: calc(100% - 163px);
+    max-width: calc(100% - 10.1875rem);
   }
 }
 .zen-parallel-selection {
@@ -10667,7 +10681,7 @@ html:lang(ar) .zen-calendar.zen-calendar--drive-tablet .zen-calendar__day {
   box-sizing: border-box;
 }
 .zen-parallel-selection__select {
-  max-height: 200px;
+  max-height: 12.5rem;
 }
 .zen-parallel-selection-popup.zen-parallel-selection-popup {
   z-index: 11002;
@@ -11389,9 +11403,9 @@ html:lang(ar) .zen-chart-axis__value {
   text-transform: none;
   text-decoration: none;
   width: 100%;
-  padding: 12px 16px;
-  border: 0px;
-  border-radius: 0px;
+  padding: 0.75rem 1rem;
+  border: 0;
+  border-radius: 0;
 }
 html:lang(ar) .zen-columns-filter__item {
   font-family: var(--arabic-font-family);
@@ -11400,7 +11414,7 @@ html:lang(ar) .zen-columns-filter__item {
   text-align: start;
 }
 .zen-columns-filter__item--header {
-  border-top: 1px solid var(--borders-general);
+  border-block-start: 1px solid var(--borders-general);
 }
 .zen-arrow-nav-button--invisible.zen-arrow-nav-button--invisible {
   display: none;
@@ -11572,15 +11586,17 @@ html:lang(ar) .zen-columns-list__title {
   z-index: 11002;
 }
 .zen-date-input-popup {
-  width: 280px;
-  min-width: 280px;
+  width: 17.5rem;
+  min-width: 17.5rem;
   overflow-x: hidden;
 }
 .zen-date-input-popup__button-clear {
-  margin: 8px auto 4px 4px;
+  margin-block: 0.5rem 0.25rem;
+  margin-inline: 0.25rem auto;
 }
 .zen-date-input-popup__button-apply {
-  margin: 8px 0px 4px 0px;
+  margin-block: 0.5rem 0.25rem;
+  margin-inline: 0;
 }
 .zen-date-input-popup__header {
   font-family: var(--main-font);
@@ -11592,8 +11608,8 @@ html:lang(ar) .zen-columns-list__title {
   text-transform: none;
   text-decoration: none;
   color: var(--text-secondary);
-  padding: 12px 16px;
-  border-bottom: 1px solid var(--backgrounds-content-1);
+  padding: 0.75rem 1rem;
+  border-block-end: 1px solid var(--backgrounds-content-1);
 }
 html:lang(ar) .zen-date-input-popup__header {
   font-family: var(--arabic-font-family);
@@ -11602,12 +11618,12 @@ html:lang(ar) .zen-date-input-popup__header {
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
-  padding: 0 8px;
-  border-top: 1px solid var(--backgrounds-content-1);
+  padding: 0 0.5rem;
+  border-block-start: 1px solid var(--backgrounds-content-1);
 }
 .zen-date-input-popup.zen-date-input-popup--drive-tablet {
-  width: 320px;
-  min-width: 320px;
+  width: 20rem;
+  min-width: 20rem;
 }
 .zen-date-input-popup.zen-date-input-popup--drive .zen-date-input-popup__header {
   font-family: var(--main-font);
@@ -11636,13 +11652,13 @@ html:lang(ar) .zen-date-input-popup.zen-date-input-popup--drive-tablet .zen-date
   font-family: var(--arabic-font-family);
 }
 .zen-date-input-mobile-sheet .zen-mobile-sheet__title {
-  border-bottom: none;
+  border-block-end: none;
 }
 .zen-date-input-inner__calendar {
-  padding: 0px 8px;
+  padding: 0 0.5rem;
 }
 .zen-date-input-inner__calendar-wrapper {
-  min-width: 280px;
+  min-width: 17.5rem;
 }
 .zen-date-input-inner__label {
   font-family: var(--main-font);
@@ -11659,7 +11675,7 @@ html:lang(ar) .zen-date-input-inner__label {
   font-family: var(--arabic-font-family);
 }
 .zen-date-input-inner__controls-block {
-  padding: 16px 16px;
+  padding: 1rem;
 }
 .zen-date-input-inner__control-block {
   font-family: var(--main-font);
@@ -11676,11 +11692,11 @@ html:lang(ar) .zen-date-input-inner__control-block {
 }
 .zen-date-input-inner__separator {
   width: 100%;
-  height: 16px;
+  height: 1rem;
 }
 .zen-date-input-inner__inputs-block {
   display: flex;
-  margin-top: 8px;
+  margin-block-start: 0.5rem;
   flex-direction: row;
 }
 .zen-date-input-inner__inputs-block-item {
@@ -11689,12 +11705,12 @@ html:lang(ar) .zen-date-input-inner__control-block {
   align-items: flex-start;
   justify-content: space-between;
   flex-grow: 1;
-  margin-right: 8px;
-  width: 0px;
+  margin-inline-end: 0.5rem;
+  width: 0;
   flex-basis: 50%;
 }
 .zen-date-input-inner__inputs-block-item:last-child {
-  margin-right: 0px;
+  margin-inline-end: 0;
 }
 .zen-date-input-inner__text-input {
   width: 100%;
@@ -11708,8 +11724,8 @@ html:lang(ar) .zen-date-input-inner__control-block {
   border: 1px solid var(--text-error-message);
 }
 .zen-date-input-inner__assistive-text {
-  padding-top: 4px;
-  padding-left: 8px;
+  padding-block-start: 0.25rem;
+  padding-inline-start: 0.5rem;
 }
 .zen-date-input-inner.zen-date-input-inner--drive .zen-date-input-inner__label {
   font-family: var(--main-font);
@@ -11738,7 +11754,7 @@ html:lang(ar) .zen-date-input-inner.zen-date-input-inner--drive-tablet .zen-date
   font-family: var(--arabic-font-family);
 }
 .zen-date-input-inner--mobile-view .zen-date-input-inner__controls-block {
-  padding: 16px 12px;
+  padding: 1rem 0.75rem;
 }
 .zen-date-input-inner__inputs-block-item input.zen-date-input-inner__text-input--active:not(:active) {
   border: var(--border-width-default) solid var(--borders-form-field--active);
@@ -11760,10 +11776,10 @@ html:lang(ar) .zen-date-input-inner.zen-date-input-inner--drive-tablet .zen-date
 .zen-time-picker-select__wrapper {
   display: flex;
   justify-content: space-between;
-  padding-bottom: 6px;
+  padding-block-end: 0.375rem;
 }
 .zen-time-picker-select__divider.zen-divider {
-  width: 1px;
+  width: 0.0625rem;
   height: auto;
   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%);
 }
@@ -11772,12 +11788,12 @@ html:lang(ar) .zen-date-input-inner.zen-date-input-inner--drive-tablet .zen-date
   justify-content: space-between;
   flex-direction: row;
   align-items: center;
-  border-top: 1px solid var(--borders-general);
-  padding: 0 12px;
-  height: 48px;
+  border-block-start: 1px solid var(--borders-general);
+  padding: 0 0.75rem;
+  height: 3rem;
 }
 .zen-popup.zen-time-picker__popup {
-  min-width: 152px;
+  min-width: 9.5rem;
   z-index: 11002;
 }
 .zen-popup.zen-time-picker__popup--mobile {
@@ -11796,7 +11812,7 @@ html:lang(ar) .zen-date-input-inner.zen-date-input-inner--drive-tablet .zen-date
   .zen-time-picker-select__footer {
     flex-direction: column;
     height: 100%;
-    padding: 12px;
+    padding: 0.75rem;
   }
   .zen-time-picker-select__footer-button {
     width: 100%;
@@ -11806,7 +11822,7 @@ html:lang(ar) .zen-date-input-inner.zen-date-input-inner--drive-tablet .zen-date
 .zen-date-range-wrapper {
   display: flex;
   flex-wrap: nowrap;
-  width: 226px;
+  width: 14.125rem;
 }
 .zen-date-range-wrapper .zen-date-range__stepper {
   display: flex;
@@ -11816,19 +11832,19 @@ html:lang(ar) .zen-date-input-inner.zen-date-input-inner--drive-tablet .zen-date
   align-items: center;
   background: var(--backgrounds-main);
   fill: var(--action-secondary--default);
-  width: 32px;
+  width: 2rem;
   cursor: pointer;
   flex-shrink: 0;
 }
 .zen-date-range-wrapper .zen-date-range__stepper--left {
-  margin-right: -1px;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
+  margin-inline-end: -1px;
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
 }
 .zen-date-range-wrapper .zen-date-range__stepper--right {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-  margin-left: -1px;
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
+  margin-inline-start: -1px;
 }
 .zen-date-range-wrapper .zen-date-range__stepper:hover:not(.zen-date-range__stepper:disabled),
 .zen-date-range-wrapper .zen-date-range__stepper:focus {
@@ -11853,25 +11869,25 @@ html:lang(ar) .zen-date-input-inner.zen-date-input-inner--drive-tablet .zen-date
   cursor: default;
 }
 .zen-date-range-wrapper.zen-date-range-wrapper--drive {
-  width: 296px;
+  width: 18.5rem;
 }
 .zen-date-range-wrapper.zen-date-range-wrapper--drive .zen-date-range__stepper {
-  height: 44px;
-  width: 44px;
+  height: 2.75rem;
+  width: 2.75rem;
 }
 .zen-date-range-wrapper.zen-date-range-wrapper--drive-tablet {
-  width: 296px;
+  width: 18.5rem;
 }
 .zen-date-range-wrapper.zen-date-range-wrapper--drive-tablet .zen-date-range__stepper {
-  height: 46px;
-  width: 46px;
+  height: 2.875rem;
+  width: 2.875rem;
 }
 .zen-date-range-wrapper.zen-date-range-wrapper--mobile {
-  width: 296px;
+  width: 18.5rem;
 }
 .zen-date-range-wrapper.zen-date-range-wrapper--mobile .zen-date-range__stepper {
-  height: 44px;
-  width: 44px;
+  height: 2.75rem;
+  width: 2.75rem;
 }
 .zen-date-range {
   box-sizing: border-box;
@@ -11908,18 +11924,21 @@ html:lang(ar) .zen-date-input-inner.zen-date-input-inner--drive-tablet .zen-date
   z-index: 11002;
 }
 .zen-date-range-popup {
-  width: 280px;
-  min-width: 280px;
+  width: 17.5rem;
+  min-width: 17.5rem;
   overflow-x: hidden;
 }
 .zen-date-range-popup__button-clear {
-  margin: 8px auto 4px 4px;
+  margin-block: 0.5rem 0.25rem;
+  margin-inline: 0.25rem auto;
 }
 .zen-date-range-popup__button-reset {
-  margin: 8px 8px 4px 0px;
+  margin-block: 0.5rem 0.25rem;
+  margin-inline: 0 0.5rem;
 }
 .zen-date-range-popup__button-apply {
-  margin: 8px 0px 4px 0px;
+  margin-block: 0.5rem 0.25rem;
+  margin-inline: 0;
 }
 .zen-date-range-popup__header {
   font-family: var(--main-font);
@@ -11931,8 +11950,8 @@ html:lang(ar) .zen-date-input-inner.zen-date-input-inner--drive-tablet .zen-date
   text-transform: none;
   text-decoration: none;
   color: var(--text-secondary);
-  padding: 12px 16px;
-  border-bottom: 1px solid var(--backgrounds-content-1);
+  padding: 0.75rem 1rem;
+  border-block-end: 1px solid var(--backgrounds-content-1);
 }
 html:lang(ar) .zen-date-range-popup__header {
   font-family: var(--arabic-font-family);
@@ -11941,13 +11960,13 @@ html:lang(ar) .zen-date-range-popup__header {
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
-  padding: 0 8px;
-  border-top: 1px solid var(--backgrounds-content-1);
+  padding: 0 0.5rem;
+  border-block-start: 1px solid var(--backgrounds-content-1);
 }
 .zen-date-range-popup.zen-date-range-popup--drive,
 .zen-date-range-popup.zen-date-range-popup--drive-tablet {
-  width: 320px;
-  min-width: 320px;
+  width: 20rem;
+  min-width: 20rem;
 }
 .zen-date-range-popup.zen-date-range-popup--drive .zen-date-range-popup__header {
   font-family: var(--main-font);
@@ -11976,7 +11995,7 @@ html:lang(ar) .zen-date-range-popup.zen-date-range-popup--drive-tablet .zen-date
   font-family: var(--arabic-font-family);
 }
 .zen-date-range-mobile-sheet .zen-mobile-sheet__title {
-  border-bottom: none;
+  border-block-end: none;
 }
 .zen-date-range-inner {
   box-sizing: border-box;
@@ -11994,13 +12013,13 @@ html:lang(ar) .zen-date-range-popup.zen-date-range-popup--drive-tablet .zen-date
   text-transform: none;
   text-decoration: none;
   color: var(--text-primary);
-  padding: 12px;
+  padding: 0.75rem;
 }
 html:lang(ar) .zen-date-range-inner__header {
   font-family: var(--arabic-font-family);
 }
 .zen-date-range-inner__calendar-wrapper {
-  min-width: 280px;
+  min-width: 17.5rem;
 }
 .zen-date-range-inner__range-label {
   font-family: var(--main-font);
@@ -12034,10 +12053,10 @@ html:lang(ar) .zen-date-range-inner__label-secondary {
 .zen-date-range-inner__footer {
   display: flex;
   justify-content: flex-end;
-  padding: 0 16px;
+  padding: 0 1rem;
 }
 .zen-date-range-inner__button-today {
-  margin: 8px;
+  margin: 0.5rem;
 }
 .zen-date-range-inner__mobile-custom-label {
   font-family: var(--main-font);
@@ -12069,13 +12088,13 @@ html:lang(ar) .zen-date-range-inner__mobile-custom-label {
   fill: var(--text-hyperlink);
 }
 .zen-date-range-inner__mobile-custom-label--no-secondary {
-  height: 16px;
+  height: 1rem;
 }
 .zen-date-range-inner__mobile-custom-icon-wrapper {
   height: 100%;
 }
 .zen-date-range-inner__radio-group--with-custom .zen-radio-group__item:last-of-type .zen-radio__label {
-  padding-right: 8px;
+  padding-inline-end: 0.5rem;
 }
 .zen-radio {
   box-sizing: border-box;
@@ -12237,6 +12256,9 @@ html:lang(ar) .zen-radio--drive-tablet .zen-radio__label {
 .zen-radio__input:checked::before {
   transform: scale(1);
 }
+.zen-radio--align-start .zen-radio__wrapper {
+  align-items: flex-start;
+}
 .zen-radio--interactive:hover:not(.zen-radio--disabled) {
   background-color: var(--backgrounds-hover);
 }
@@ -12275,6 +12297,7 @@ html:lang(ar) .zen-radio--drive-tablet .zen-radio__label {
 }
 .zen-radio-group--horizontal .zen-radio-group__wrapper {
   flex-direction: row;
+  align-items: flex-start;
 }
 .zen-radio-group--vertical .zen-radio-group__wrapper {
   flex-direction: column;
@@ -12287,16 +12310,16 @@ html:lang(ar) .zen-radio--drive-tablet .zen-radio__label {
 }
 .zen-date-selection__buttons {
   display: flex;
-  padding: 12px;
-  gap: 8px;
+  padding: 0.75rem;
+  gap: 0.5rem;
 }
 .zen-date-selection__buttons-spacer {
   flex: 1 1 auto;
 }
 .zen-date-selection__delimiter {
-  padding: 8px 0 0 0;
-  margin: 0 12px;
-  border-bottom: 1px solid var(--borders-general);
+  padding-block-start: 0.5rem;
+  margin: 0 0.75rem;
+  border-block-end: 1px solid var(--borders-general);
 }
 .zen-dialog {
   box-sizing: border-box;
@@ -12826,7 +12849,7 @@ html:lang(ar) .zen-file-upload__file-name {
   }
 }
 .zen-filters {
-  max-width: 640px;
+  max-width: 40rem;
   box-sizing: border-box;
 }
 .zen-filters * {
@@ -12847,7 +12870,7 @@ html:lang(ar) .zen-file-upload__file-name {
   background-color: var(--backgrounds-content-0);
 }
 .zen-filters__main-row--mobile {
-  margin: 8px;
+  margin: 0.5rem;
 }
 .zen-filters__main-row--initial {
   view-transition-name: expand-panel;
@@ -12855,16 +12878,16 @@ html:lang(ar) .zen-file-upload__file-name {
 .zen-filters__select-trigger {
   width: auto;
   flex-shrink: 0;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  padding: 7px 8px;
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
+  padding: 0.4375rem 0.5rem;
   border: var(--border-width-default) solid transparent;
-  border-right: var(--border-width-default) solid var(--borders-general);
+  border-inline-end: var(--border-width-default) solid var(--borders-general);
 }
 .zen-filters__select-trigger:hover {
   background-color: var(--backgrounds-content-0);
   border: var(--border-width-default) solid transparent;
-  border-right: var(--border-width-default) solid var(--borders-general);
+  border-inline-end: var(--border-width-default) solid var(--borders-general);
 }
 .zen-filters__select-trigger:focus-visible {
   outline: none;
@@ -12886,27 +12909,26 @@ html:lang(ar) .zen-file-upload__file-name {
 .zen-filters__select-caption {
   width: auto;
   flex-shrink: 0;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  padding: 7px 8px;
-  min-width: 56px;
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
+  padding: 0.4375rem 0.5rem;
+  min-width: 3.5rem;
   border: var(--border-width-default) solid transparent;
-  border-right: var(--border-width-default) solid var(--borders-general);
+  border-inline-end: var(--border-width-default) solid var(--borders-general);
 }
 .zen-filters__search {
   flex-grow: 1;
 }
 .zen-filters__search .zen-search-input__input {
   border: none;
-  padding-right: 1px;
-  padding-left: 0;
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
+  padding-inline: 0 0.0625rem;
+  border-end-start-radius: 0;
+  border-start-start-radius: 0;
 }
 .zen-filters-popup.zen-filters-popup:not(.zen-filters-popup--mobile) {
   box-sizing: border-box;
-  width: 640px;
-  max-width: 640px;
+  width: 40rem;
+  max-width: 40rem;
   view-transition-name: expand-panel;
 }
 .zen-filters-popup.zen-filters-popup:not(.zen-filters-popup--mobile) * {
@@ -12916,18 +12938,18 @@ html:lang(ar) .zen-file-upload__file-name {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  gap: 8px;
+  gap: 0.5rem;
   padding: 0;
 }
 .zen-filters-popup__first-row--mobile {
-  padding: 8px 16px;
+  padding: 0.5rem 1rem;
 }
 .zen-filters-popup__second-row {
-  border-top: var(--border-width-default) solid var(--borders-general);
-  padding: 16px 0;
+  border-block-start: var(--border-width-default) solid var(--borders-general);
+  padding: 1rem 0;
 }
 .zen-filters-popup__second-row--mobile {
-  border-top: none;
+  border-block-start: none;
   padding: 0;
 }
 .zen-filters-popup__content {
@@ -12936,19 +12958,19 @@ html:lang(ar) .zen-file-upload__file-name {
 .zen-filters-popup__content .zen-filters-popup__left-panel {
   display: flex;
   flex-direction: column;
-  width: 123px;
+  width: 7.6875rem;
   min-height: 100%;
   height: auto;
   justify-content: stretch;
-  border-right: var(--border-width-default) solid var(--borders-general);
+  border-inline-end: var(--border-width-default) solid var(--borders-general);
 }
 .zen-filters-popup__content .zen-filters-popup__left-panel .zen-filters__select-trigger {
-  width: 123px;
+  width: 7.6875rem;
 }
 .zen-filters-popup__content .zen-filters-popup__right-panel {
   flex-grow: 1;
   height: 100%;
-  max-width: calc(100% - 123px);
+  max-width: calc(100% - 7.6875rem);
 }
 .zen-filters-popup.zen-filters-popup--mobile {
   width: 100%;
@@ -12962,9 +12984,9 @@ html:lang(ar) .zen-file-upload__file-name {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
-  gap: 4px;
-  margin-top: 8px;
-  padding: 8px 0;
+  gap: 0.25rem;
+  margin-block-start: 0.5rem;
+  padding: 0.5rem 0;
 }
 .zen-filters-container__removal-chip .zen-chip__icon {
   border: 1px solid var(--action-primary--active);
@@ -12977,13 +12999,13 @@ html:lang(ar) .zen-file-upload__file-name {
   padding: 0;
 }
 .zen-filters-container__mobile-scroll-wrapper {
-  margin-left: 8px;
-  padding: 2px;
+  margin-inline-start: 0.5rem;
+  padding: 0.125rem;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
-  gap: 8px;
+  gap: 0.5rem;
   width: 100%;
   overflow: auto;
   -ms-overflow-style: none;
@@ -12998,10 +13020,10 @@ html:lang(ar) .zen-file-upload__file-name {
   flex-shrink: 0;
 }
 .zen-filters-container__mobile-scroll-wrapper:last-child {
-  margin-right: 8px;
+  margin-inline-end: 0.5rem;
 }
 .zen-filters-container.zen-filters__container--no-search {
-  margin-top: 0;
+  margin-block-start: 0;
   padding: 0;
 }
 ::view-transition-group(expand-panel) {
@@ -13011,27 +13033,27 @@ html:lang(ar) .zen-file-upload__file-name {
 .zen-side-panel-filters__dropdown-item-chips-container {
   display: flex;
   flex-wrap: wrap;
-  gap: 8px;
+  gap: 0.5rem;
 }
 .zen-side-panel-filters__date-popup--full-width.zen-side-panel-filters__date-popup--full-width {
-  width: 328px;
+  width: 20.5rem;
 }
 .zen-side-panel-filters__groups-popup--full-width.zen-side-panel-filters__groups-popup--full-width {
-  width: 328px;
+  width: 20.5rem;
 }
 .zen-groups-filter-menu {
   box-sizing: border-box;
-  min-width: 255px;
+  min-width: 15.9375rem;
   width: 100%;
-  max-width: 360px;
-  min-height: 80px;
+  max-width: 22.5rem;
+  min-height: 5rem;
   position: relative;
 }
 .zen-groups-filter-menu * {
   box-sizing: border-box;
 }
 .zen-groups-filter-menu__main-container {
-  min-height: 333px;
+  min-height: 20.8125rem;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
@@ -13043,7 +13065,7 @@ html:lang(ar) .zen-file-upload__file-name {
   overflow: visible;
 }
 .zen-groups-filter-menu__divider.zen-divider {
-  width: calc(100% - 32px);
+  width: calc(100% - 2rem);
   margin: auto;
 }
 .zen-groups-filter-menu__divider--footer.zen-divider {
@@ -13055,20 +13077,20 @@ html:lang(ar) .zen-file-upload__file-name {
   flex-wrap: nowrap;
   align-items: center;
   justify-content: flex-end;
-  height: 48px;
+  height: 3rem;
 }
 .zen-groups-filter-menu__groups-box {
   overflow-y: auto;
   overflow-x: hidden;
-  max-height: 260px;
+  max-height: 16.25rem;
 }
 .zen-groups-filter-menu__groups-list--no-space,
 .zen-groups-filter-menu .zen-groups-filter-menu__groups-list--no-space {
-  margin-bottom: 0;
+  margin-block-end: 0;
 }
 .zen-groups-filter-menu__additional-info {
-  padding: 12px 16px;
-  margin: 12px auto;
+  padding: 0.75rem 1rem;
+  margin: 0.75rem auto;
   text-align: center;
 }
 .zen-groups-filter-menu__additional-info--faded {
@@ -13078,17 +13100,16 @@ html:lang(ar) .zen-file-upload__file-name {
   display: inline-flex;
   flex-grow: 1;
   justify-content: flex-end;
-  margin-right: 8px;
+  margin-inline-end: 0.5rem;
 }
 .zen-groups-filter-menu__reset-button,
 .zen-groups-filter-menu__cancel-button,
 .zen-groups-filter-menu__apply-button {
-  margin-right: 8px;
-  margin-top: 8px;
-  margin-bottom: 4px;
+  margin-inline-end: 0.5rem;
+  margin-block: 0.5rem 0.25rem;
 }
 .zen-groups-filter-menu__reset-button {
-  margin-left: 8px;
+  margin-inline-start: 0.5rem;
 }
 .zen-groups-filter-menu__mobile-sheet .zen-groups-filter-menu__reset-button,
 .zen-groups-filter-menu__mobile-sheet .zen-groups-filter-menu__cancel-button,
@@ -13107,10 +13128,10 @@ html:lang(ar) .zen-file-upload__file-name {
   align-items: center;
   background-color: transparent;
   width: 100%;
-  height: 40px;
+  height: 2.5rem;
   font-weight: 400;
   border: none;
-  padding: 7px 16px;
+  padding: 0.4375rem 1rem;
   border-radius: 0;
 }
 .zen-groups-filter-menu__item--interactive {
@@ -13142,7 +13163,7 @@ html:lang(ar) .zen-file-upload__file-name {
   justify-content: flex-end;
 }
 .zen-groups-filter-menu__item--action {
-  padding-right: 0;
+  padding-inline-end: 0;
 }
 .zen-groups-filter-menu__item--underlined {
   border-bottom: 1px solid;
@@ -13151,22 +13172,22 @@ html:lang(ar) .zen-file-upload__file-name {
   display: inline-block;
 }
 .zen-groups-filter-menu__currently-selected-button {
-  padding-right: 8px;
+  padding-inline-end: 0.5rem;
   fill: var(--borders-form-field--hover);
 }
 .zen-groups-filter-menu__currently-selected {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
-  padding: 7px 16px;
-  height: 40px;
+  padding: 0.4375rem 1rem;
+  height: 2.5rem;
 }
 .zen-groups-filter-menu__toggle-label {
   display: flex;
   flex-wrap: nowrap;
 }
 .zen-groups-filter-menu__action-button {
-  height: 40px;
+  height: 2.5rem;
   border: none;
   margin: 0;
 }
@@ -13177,11 +13198,11 @@ html:lang(ar) .zen-file-upload__file-name {
   fill: var(--text-reverse-primary);
 }
 .zen-groups-filter-menu__advanced-button {
-  min-width: 110px;
+  min-width: 6.875rem;
   color: var(--text-primary);
 }
 .zen-groups-filter-menu__advanced-neighbor {
-  max-width: calc(100% - 110px);
+  max-width: calc(100% - 6.875rem);
 }
 .zen-groups-filter-menu__advanced-neighbor .zen-toggler__label {
   max-width: 100%;
@@ -13205,7 +13226,7 @@ html:lang(ar) .zen-file-upload__file-name {
   fill: var(--text-reverse-primary);
 }
 .zen-groups-filter-menu__action-icon {
-  margin-right: 5px;
+  margin-inline-end: 0.3125rem;
 }
 .zen-groups-filter-menu__action-label {
   color: var(--text-primary);
@@ -13214,7 +13235,7 @@ html:lang(ar) .zen-file-upload__file-name {
 }
 .zen-groups-filter-menu__action-label--limited {
   display: block;
-  max-width: 200px;
+  max-width: 12.5rem;
 }
 .zen-groups-filter-menu__select-filters {
   color: var(--text-primary);
@@ -13238,25 +13259,24 @@ html:lang(ar) .zen-file-upload__file-name {
 .zen-groups-filter__icon {
   color: var(--action-secondary--default);
   fill: var(--action-secondary--default);
-  min-width: 16px;
-  min-height: 16px;
+  min-width: 1rem;
+  min-height: 1rem;
 }
 .zen-groups-filter__search-container {
   display: flex;
   align-items: center;
-  height: 32px;
+  height: 2rem;
   outline: none;
-  margin-top: 0;
-  margin-bottom: 0;
-  padding: 7px 9px;
+  margin-block: 0;
+  padding: 0.4375rem 0.5625rem;
   flex: 1 1 auto;
   background-color: var(--backgrounds-main);
   border: var(--border-width-default) solid var(--borders-general);
-  min-width: 120px;
-  max-width: 180px;
+  min-width: 7.5rem;
+  max-width: 11.25rem;
   border-radius: var(--border-radius-default);
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
   fill: var(--action-secondary--default);
 }
 .zen-groups-filter__search-container--full-size {
@@ -13279,26 +13299,26 @@ html:lang(ar) .zen-file-upload__file-name {
   align-items: center;
 }
 .zen-groups-filter__search-input--post {
-  padding-left: 8px;
+  padding-inline-start: 0.5rem;
 }
 .zen-groups-filter__input-container {
   height: 100%;
   width: 100%;
-  min-height: 24px;
+  min-height: 1.5rem;
 }
 .zen-groups-filter__chip-input .zen-input-adornments {
   border-radius: 0;
   border: none;
-  border-bottom: var(--border-width-default) solid var(--borders-general);
+  border-block-end: var(--border-width-default) solid var(--borders-general);
 }
 .zen-groups-filter .zen-groups-filter__input {
-  min-width: 85px;
+  min-width: 5.3125rem;
   height: 100%;
   width: 100%;
-  font-size: 12px;
+  font-size: 0.75rem;
   border: none;
   outline: none;
-  padding: 0 5px 0 0;
+  padding-inline-end: 0.3125rem;
   -webkit-appearance: none;
   appearance: none;
   background-color: inherit;
@@ -13340,10 +13360,10 @@ html:lang(ar) .zen-groups-filter .zen-groups-filter__input::placeholder {
   align-items: center;
   background: var(--backgrounds-main);
   fill: var(--action-secondary--default);
-  width: 32px;
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-  margin-left: -1px;
+  width: 2rem;
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
+  margin-inline-start: -1px;
   cursor: pointer;
   flex-shrink: 0;
 }
@@ -13358,18 +13378,18 @@ html:lang(ar) .zen-groups-filter .zen-groups-filter__input::placeholder {
   background-color: var(--backgrounds-hover);
 }
 .zen-groups-filter.zen-groups-filter--mobile .zen-groups-filter__search-container {
-  height: 44px;
+  height: 2.75rem;
 }
 .zen-groups-filter.zen-groups-filter--mobile .zen-groups-filter__popup-trigger {
-  width: 44px;
+  width: 2.75rem;
 }
 .zen-groups-filter .zen-groups-filter__search-container--error {
   border: 1px solid var(--text-error-message);
 }
 .zen-groups-filter .zen-groups-filter__popup-trigger--error {
-  border-top: 1px solid var(--text-error-message);
-  border-right: 1px solid var(--text-error-message);
-  border-bottom: 1px solid var(--text-error-message);
+  border-block-start: 1px solid var(--text-error-message);
+  border-inline-end: 1px solid var(--text-error-message);
+  border-block-end: 1px solid var(--text-error-message);
 }
 .zen-groups-filter:focus-within .zen-groups-filter__search-container:not(.zen-groups-filter__search-container--error),
 .zen-groups-filter:focus-within .zen-groups-filter__popup-trigger:not(.zen-groups-filter__popup-trigger--error) {
@@ -13377,15 +13397,15 @@ html:lang(ar) .zen-groups-filter .zen-groups-filter__input::placeholder {
 }
 .zen-groups-filter__label-element {
   color: var(--text-primary);
-  margin-right: 6px;
+  margin-inline-end: 0.375rem;
   display: flex;
   white-space: nowrap;
 }
 .zen-groups-filter__label-element--last {
-  margin-right: 0;
+  margin-inline-end: 0;
 }
 .zen-groups-filter__label-element--first {
-  margin-left: 6px;
+  margin-inline-start: 0.375rem;
 }
 .zen-groups-filter__label-element--no-shrink {
   flex-shrink: 0;
@@ -13396,11 +13416,11 @@ html:lang(ar) .zen-groups-filter .zen-groups-filter__input::placeholder {
   color: var(--text-reverse-primary);
   border-radius: 9px;
   display: flex;
-  min-width: 16px;
-  height: 16px;
+  min-width: 1rem;
+  height: 1rem;
   justify-content: center;
   align-items: center;
-  padding: 2px 4px;
+  padding: 0.125rem 0.25rem;
 }
 .zen-groups-filter__popup.zen-groups-filter__popup {
   z-index: 11001;
@@ -14280,18 +14300,19 @@ html:lang(ar) .zen-list-item--mobile .zen-list-item__secondary {
   justify-content: center;
 }
 .zen-filters-search-list {
-  max-height: 345px;
-  min-height: 340px;
+  max-height: 21.5625rem;
+  min-height: 21.25rem;
 }
 .zen-filters-search-list--mobile {
-  padding: 16px 0;
+  padding: 1rem 0;
   overflow-y: auto;
 }
 .zen-filters-search-list__header {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin: 0 8px 8px;
+  margin-block: 0 0.5rem;
+  margin-inline: 0.5rem;
 }
 .zen-filters-search-list__header-title {
   font-family: var(--main-font);
@@ -14309,7 +14330,7 @@ html:lang(ar) .zen-filters-search-list__header-title {
 }
 .zen-filters-search-list__data {
   padding: 1px;
-  max-height: 296px;
+  max-height: 18.5rem;
 }
 .zen-filters-search-list .zen-filters-search-list__header--drive .zen-filters-search-list__header-title {
   font-family: var(--main-font);
@@ -14360,23 +14381,24 @@ html:lang(ar) .zen-filters-search-list .zen-filters-search-list__header--drive-t
   border-color: var(--backgrounds-content-1);
 }
 .zen-search-item-wrapper--clickable {
-  padding-right: 12px;
+  padding-inline-end: 0.75rem;
 }
 .zen-search-item-wrapper:focus-within:not(.zen-search-item-data__close) {
   border: 1px solid var(--borders-form-field--active);
 }
 .zen-search-item-data {
-  padding: 12px 12px 11px 12px;
+  padding-block: 0.75rem 0.6875rem;
+  padding-inline: 0.75rem;
   display: flex;
   flex-direction: row;
-  gap: 8px;
+  gap: 0.5rem;
   flex-grow: 1;
 }
 .zen-search-item-data__icon {
   flex: 0 0 auto;
-  width: 32px;
-  height: 32px;
-  padding: 4px;
+  width: 2rem;
+  height: 2rem;
+  padding: 0.25rem;
   background-color: var(--accents-general--main);
   color: var(--text-secondary);
   fill: var(--text-secondary);
@@ -14386,7 +14408,8 @@ html:lang(ar) .zen-filters-search-list .zen-filters-search-list__header--drive-t
   justify-content: center;
 }
 .zen-search-item-data--with-close-button {
-  padding: 12px 0 11px 12px;
+  padding-block: 0.75rem 0.6875rem;
+  padding-inline: 0.75rem 0;
 }
 .zen-search-item-data:focus-visible {
   outline: none;
@@ -14415,10 +14438,10 @@ html:lang(ar) .zen-filters-search-list .zen-filters-search-list__header--drive-t
   justify-content: center;
   content: "\00d7";
   top: 0;
-  right: 8px;
-  width: 20px;
+  inset-inline-end: 0.5rem;
+  width: 1.25rem;
   height: 100%;
-  font-size: 20px;
+  font-size: 1.25rem;
   font-weight: 300;
   line-height: 1;
 }
@@ -14426,14 +14449,14 @@ html:lang(ar) .zen-filters-search-list .zen-filters-search-list__header--drive-t
   flex: 1 1 auto;
   display: flex;
   flex-direction: row;
-  gap: 12px;
+  gap: 0.75rem;
   min-width: 0;
   width: 100%;
   align-items: center;
 }
 .zen-search-item-data__main-data {
   display: flex;
-  gap: 8px;
+  gap: 0.5rem;
   align-items: center;
   flex: 1 1 auto;
   min-width: 0;
@@ -14497,7 +14520,7 @@ html:lang(ar) .zen-search-item-data__secondary {
   font-family: var(--arabic-font-family);
 }
 .zen-search-item-data__close {
-  height: 32px;
+  height: 2rem;
   fill: var(--text-secondary);
 }
 .zen-search-item-data__close:hover {
@@ -14506,7 +14529,7 @@ html:lang(ar) .zen-search-item-data__secondary {
 }
 .zen-search-item-data__input {
   position: absolute;
-  left: -5000px;
+  inset-inline-start: -5000px;
 }
 .zen-search-item-data-wrapper--drive .zen-search-item-data__name {
   font-family: var(--main-font);
@@ -14535,15 +14558,15 @@ html:lang(ar) .zen-search-item-data-wrapper--drive .zen-search-item-data__second
   font-family: var(--arabic-font-family);
 }
 .zen-search-item-data-wrapper--drive .zen-search-item-data__close {
-  height: 44px;
-  width: 44px;
+  height: 2.75rem;
+  width: 2.75rem;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .zen-search-item-data-wrapper--drive .zen-search-item-data__icon {
-  width: 44px;
-  height: 44px;
+  width: 2.75rem;
+  height: 2.75rem;
 }
 .zen-search-item-data-wrapper--drive-tablet .zen-search-item-data__name {
   font-family: var(--main-font);
@@ -14572,15 +14595,15 @@ html:lang(ar) .zen-search-item-data-wrapper--drive-tablet .zen-search-item-data_
   font-family: var(--arabic-font-family);
 }
 .zen-search-item-data-wrapper--drive-tablet .zen-search-item-data__close {
-  height: 44px;
-  width: 44px;
+  height: 2.75rem;
+  width: 2.75rem;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .zen-search-item-data-wrapper--drive-tablet .zen-search-item-data__icon {
-  width: 44px;
-  height: 44px;
+  width: 2.75rem;
+  height: 2.75rem;
 }
 .zen-search-item-data-wrapper--mobile .zen-search-item-data__name {
   font-family: var(--main-font);
@@ -14609,15 +14632,15 @@ html:lang(ar) .zen-search-item-data-wrapper--mobile .zen-search-item-data__secon
   font-family: var(--arabic-font-family);
 }
 .zen-search-item-data-wrapper--mobile .zen-search-item-data__close {
-  height: 44px;
-  width: 44px;
+  height: 2.75rem;
+  width: 2.75rem;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .zen-search-item-data-wrapper--mobile .zen-search-item-data__icon {
-  width: 44px;
-  height: 44px;
+  width: 2.75rem;
+  height: 2.75rem;
 }
 .zen-page-header {
   box-sizing: border-box;
@@ -15159,13 +15182,13 @@ html:lang(ar) .zen-tab-item.zen-tab-item--drive-tablet .zen-tab-item__content-te
   box-sizing: border-box;
   display: flex;
   justify-content: flex-start;
-  height: 56px;
+  height: 3.5rem;
   align-items: center;
-  border-bottom: 1px solid var(--borders-general);
+  border-block-end: 1px solid var(--borders-general);
   background-color: var(--backgrounds-main);
-  padding: 0 20px;
+  padding: 0 1.25rem;
   position: relative;
-  gap: 8px;
+  gap: 0.5rem;
 }
 .zen-filters-toolbar * {
   box-sizing: border-box;
@@ -15179,14 +15202,13 @@ html:lang(ar) .zen-tab-item.zen-tab-item--drive-tablet .zen-tab-item__content-te
   position: relative;
 }
 .zen-filters-toolbar__filters-container--none .zen-filters-toolbar__filters {
-  margin-left: 4px;
-  margin-right: 4px;
+  margin-inline: 0.25rem;
 }
 .zen-filters-toolbar__filters-container--start .zen-filters-toolbar__filters .zen-filters-toolbar__filters-item:last-of-type {
-  padding-right: 4px;
+  padding-inline-end: 0.25rem;
 }
 .zen-filters-toolbar__filters-container--end .zen-filters-toolbar__filters {
-  margin-left: 4px;
+  margin-inline-start: 0.25rem;
 }
 .zen-filters-toolbar__scrollable {
   display: flex;
@@ -15195,15 +15217,14 @@ html:lang(ar) .zen-tab-item.zen-tab-item--drive-tablet .zen-tab-item__content-te
   height: 100%;
   scrollbar-width: none;
   -ms-overflow-style: none;
-  transition: margin-left 300ms ease-in-out, margin-right 300ms ease-in-out;
-  margin-left: 0;
-  margin-right: 0;
+  transition: margin-inline-start 300ms ease-in-out, margin-inline-end 300ms ease-in-out;
+  margin-inline: 0;
 }
 .zen-filters-toolbar__scrollable.has-left-scroller {
-  margin-left: 48px;
+  margin-inline-start: 3rem;
 }
 .zen-filters-toolbar__scrollable.has-right-scroller {
-  margin-right: 48px;
+  margin-inline-end: 3rem;
 }
 .zen-filters-toolbar__scrollable::-webkit-scrollbar {
   display: none;
@@ -15212,9 +15233,9 @@ html:lang(ar) .zen-tab-item.zen-tab-item--drive-tablet .zen-tab-item__content-te
   flex: 0 0 auto;
   align-items: center;
   justify-content: center;
-  width: 32px;
-  height: 32px;
-  padding: 8px;
+  width: 2rem;
+  height: 2rem;
+  padding: 0.5rem;
   opacity: 0;
   transition: opacity 300ms ease;
   position: absolute;
@@ -15232,21 +15253,27 @@ html:lang(ar) .zen-tab-item.zen-tab-item--drive-tablet .zen-tab-item__content-te
 .zen-filters-toolbar__gradient--right::before {
   position: absolute;
   content: "";
-  margin-left: -40px;
+  margin-inline-start: -2.5rem;
   height: 100%;
   top: 0;
-  width: 40px;
+  width: 2.5rem;
   background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
 }
+[dir="rtl"] .zen-filters-toolbar__gradient--right::before {
+  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
+}
 .zen-filters-toolbar__gradient--left::after {
   position: absolute;
   content: "";
-  margin-left: 40px;
+  margin-inline-start: 2.5rem;
   height: 100%;
   top: 0;
-  width: 40px;
+  width: 2.5rem;
   background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
 }
+[dir="rtl"] .zen-filters-toolbar__gradient--left::after {
+  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
+}
 .zen-filters-toolbar__gradient--visible {
   display: block;
   opacity: 1;
@@ -15255,23 +15282,18 @@ html:lang(ar) .zen-tab-item.zen-tab-item--drive-tablet .zen-tab-item__content-te
   display: none;
 }
 .zen-filters-toolbar__start {
-  margin-inline-end: 8px;
-  margin-left: 4px;
-  left: 0;
-}
-.zen-filters-toolbar__start-icon {
-  transform: rotate(180deg);
+  margin-inline: 0.25rem 0.5rem;
+  inset-inline-start: 0;
 }
 .zen-filters-toolbar__end {
-  margin-inline-start: 8px;
-  margin-right: 4px;
-  right: 0;
+  margin-inline: 0.5rem 0.25rem;
+  inset-inline-end: 0;
 }
 .zen-filters-toolbar__filters {
   display: flex;
   flex-shrink: 1;
   align-items: center;
-  gap: 8px;
+  gap: 0.5rem;
 }
 .zen-filters-toolbar__filters-item {
   flex-shrink: 0;
@@ -15282,7 +15304,7 @@ html:lang(ar) .zen-tab-item.zen-tab-item--drive-tablet .zen-tab-item__content-te
 .zen-filters-toolbar__actions {
   flex-shrink: 0;
   display: flex;
-  gap: 8px;
+  gap: 0.5rem;
 }
 .zen-filters-toolbar__action-label {
   font-family: var(--main-font);
@@ -15306,12 +15328,12 @@ html:lang(ar) .zen-filters-toolbar__action-label {
   line-height: 16px;
   text-transform: none;
   text-decoration: none;
-  min-width: 16px;
+  min-width: 1rem;
   border-radius: 16px;
   background-color: var(--action-primary--default);
   color: var(--text-reverse-primary);
-  margin-left: 6px;
-  padding: 0px 4px;
+  margin-inline-start: 0.375rem;
+  padding: 0 0.25rem;
 }
 html:lang(ar) .zen-filters-toolbar__action-quantity {
   font-family: var(--arabic-font-family);
@@ -15336,30 +15358,38 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
 }
 .zen-filters-toolbar__scroller.zen-filters-toolbar__scroller--drive,
 .zen-filters-toolbar__scroller.zen-filters-toolbar__scroller--drive-tablet {
-  width: 46px;
-  height: 46px;
+  width: 2.875rem;
+  height: 2.875rem;
 }
 .zen-filters-toolbar__gradient.zen-filters-toolbar__gradient--drive.zen-filters-toolbar__gradient--left::after,
 .zen-filters-toolbar__gradient.zen-filters-toolbar__gradient--drive-tablet.zen-filters-toolbar__gradient--left::after {
   position: absolute;
   content: "";
-  margin-left: calc(52px + 4px);
+  margin-inline-start: 3.5rem;
   height: 100%;
   top: 0;
-  width: 52px;
+  width: 3.25rem;
   z-index: 1000;
   background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
 }
+[dir="rtl"] .zen-filters-toolbar__gradient.zen-filters-toolbar__gradient--drive.zen-filters-toolbar__gradient--left::after,
+[dir="rtl"] .zen-filters-toolbar__gradient.zen-filters-toolbar__gradient--drive-tablet.zen-filters-toolbar__gradient--left::after {
+  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
+}
 .zen-filters-toolbar__gradient.zen-filters-toolbar__gradient--drive.zen-filters-toolbar__gradient--right::before,
 .zen-filters-toolbar__gradient.zen-filters-toolbar__gradient--drive-tablet.zen-filters-toolbar__gradient--right::before {
   position: absolute;
   content: "";
-  margin-left: -52px;
+  margin-inline-start: -3.25rem;
   height: 100%;
   top: 0;
-  width: 52px;
+  width: 3.25rem;
   background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
 }
+[dir="rtl"] .zen-filters-toolbar__gradient.zen-filters-toolbar__gradient--drive.zen-filters-toolbar__gradient--right::before,
+[dir="rtl"] .zen-filters-toolbar__gradient.zen-filters-toolbar__gradient--drive-tablet.zen-filters-toolbar__gradient--right::before {
+  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
+}
 .zen-side-panel-parent--open {
   max-height: 100vh;
   overflow-y: hidden;
@@ -15374,10 +15404,10 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
   max-width: 100%;
 }
 .zen-filters-bar-dropdown--toolbar {
-  max-width: 180px;
+  max-width: 11.25rem;
 }
 .zen-filters-bar-dropdown__pill-box {
-  margin-top: 8px;
+  margin-block-start: 0.5rem;
 }
 .zen-side-panel-radio-group {
   box-sizing: border-box;
@@ -15389,10 +15419,10 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
   padding: 0;
 }
 .zen-side-panel-radio-group .zen-radio-group__item {
-  padding: 8px 0;
+  padding: 0.5rem 0;
 }
 .zen-side-panel-radio-group .zen-radio__label {
-  margin-left: 8px;
+  margin-inline-start: 0.5rem;
 }
 .zen-side-panel-checkbox-group {
   box-sizing: border-box;
@@ -15401,13 +15431,13 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
   box-sizing: border-box;
 }
 .zen-side-panel-checkbox-group__checkbox {
-  padding: 8px 0;
+  padding: 0.5rem 0;
 }
 .zen-side-panel-checkbox-group .zen-checkbox__label-text {
-  margin-left: 8px;
+  margin-inline-start: 0.5rem;
 }
 .zen-filters-bar-groups-filter--side-panel .zen-side-panel-cell__content {
-  max-width: 420px;
+  max-width: 26.25rem;
 }
 .zen-range-field {
   box-sizing: border-box;
@@ -15743,8 +15773,8 @@ html:lang(ar) .zen-range-popup.zen-range-popup {
   display: grid;
 }
 .zen-filters-bar-side-panel-range__items-container--column {
-  min-width: 136px;
-  max-width: 258px;
+  min-width: 8.5rem;
+  max-width: 16.125rem;
   display: grid;
   grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
   grid-template-rows: auto auto;
@@ -15753,7 +15783,7 @@ html:lang(ar) .zen-range-popup.zen-range-popup {
   justify-items: start;
 }
 .zen-filters-bar-side-panel-range__items-container--row {
-  max-width: 296px;
+  max-width: 18.5rem;
   display: grid;
   align-items: center;
   justify-items: start;
@@ -15762,14 +15792,14 @@ html:lang(ar) .zen-range-popup.zen-range-popup {
   column-gap: 0.5rem;
 }
 .zen-filters-bar-side-panel-range__item--column {
-  min-width: 136px;
-  min-height: 32px;
-  max-width: 258px;
+  min-width: 8.5rem;
+  min-height: 2rem;
+  max-width: 16.125rem;
 }
 .zen-filters-bar-side-panel-range__item--row {
-  min-width: 128px;
-  min-height: 32px;
-  max-width: 144px;
+  min-width: 8rem;
+  min-height: 2rem;
+  max-width: 9rem;
 }
 .zen-filters-bar-date-input {
   box-sizing: border-box;
@@ -15785,7 +15815,7 @@ html:lang(ar) .zen-range-popup.zen-range-popup {
   margin: 0;
 }
 .zen-filters-bar-date-input__popup--full-width.zen-filters-bar-date-input__popup--full-width {
-  width: 288px;
+  width: 18rem;
 }
 .zen-header-button--with-dropdown.zen-header-button--mobile .zen-caption__pre-content,
 .zen-header-button--with-dropdown.zen-header-button--hidden-name .zen-caption__pre-content {
@@ -15814,15 +15844,15 @@ html:lang(ar) .zen-filters-saved-popup__content {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
-  height: 40px;
-  padding: 12px;
+  height: 2.5rem;
+  padding: 0.75rem;
   cursor: pointer;
   background-color: transparent;
   color: var(--text-primary);
   fill: var(--text-primary);
   border: none;
-  gap: 8px;
-  border-bottom: var(--border-width-default) solid var(--borders-general);
+  gap: 0.5rem;
+  border-block-end: var(--border-width-default) solid var(--borders-general);
 }
 .zen-filters-saved-popup__content .zen-filters-saved-popup__action-button:focus-visible {
   outline: 1px solid var(--borders-form-field--active);
@@ -15840,8 +15870,8 @@ html:lang(ar) .zen-filters-saved-popup__content {
   flex-wrap: nowrap;
   align-items: center;
   justify-content: space-between;
-  height: 40px;
-  padding: 0 6px 0 0;
+  height: 2.5rem;
+  padding-inline-end: 0.375rem;
   position: relative;
   margin: 1px;
 }
@@ -15853,7 +15883,7 @@ html:lang(ar) .zen-filters-saved-popup__content {
   border-radius: var(--border-radius-default);
 }
 .zen-filters-saved-popup__content .zen-filters-saved-popup__close-button {
-  height: 32px;
+  height: 2rem;
   fill: var(--text-secondary);
 }
 .zen-filters-saved-popup__content .zen-filters-saved-popup__close-button:focus-visible {
@@ -15879,7 +15909,7 @@ html:lang(ar) .zen-filters-saved-popup__content {
   text-transform: none;
   text-decoration: none;
   height: 100%;
-  padding: 6px;
+  padding: 0.375rem;
   display: flex;
   align-items: center;
   outline: none;
@@ -15897,7 +15927,7 @@ html:lang(ar) .zen-filters-saved-popup__content .zen-filters-saved-popup__name {
   background-color: transparent;
 }
 .zen-filters-saved-popup__content .zen-filters-saved-popup__name .zen-filters-saved-popup__action {
-  padding: 6px;
+  padding: 0.375rem;
   flex-shrink: 0;
   display: flex;
   align-items: center;
@@ -15923,8 +15953,8 @@ html:lang(ar) .zen-filters-saved-popup__content.zen-filters-saved-popup__content
 }
 .zen-filters-saved-popup__content.zen-filters-saved-popup__content--drive .zen-filters-saved-popup__action-button,
 .zen-filters-saved-popup__content.zen-filters-saved-popup__content--drive-tablet .zen-filters-saved-popup__action-button {
-  height: 60px;
-  padding: 16px;
+  height: 3.75rem;
+  padding: 1rem;
   font-family: var(--main-font);
   font-size: 16px;
   font-style: normal;
@@ -15940,15 +15970,16 @@ html:lang(ar) .zen-filters-saved-popup__content.zen-filters-saved-popup__content
 }
 .zen-filters-saved-popup__content.zen-filters-saved-popup__content--drive .zen-filters-saved-popup__item,
 .zen-filters-saved-popup__content.zen-filters-saved-popup__content--drive-tablet .zen-filters-saved-popup__item {
-  height: 60px;
+  height: 3.75rem;
 }
 .zen-filters-saved-popup__content.zen-filters-saved-popup__content--drive .zen-filters-saved-popup__name,
 .zen-filters-saved-popup__content.zen-filters-saved-popup__content--drive-tablet .zen-filters-saved-popup__name {
-  padding: 10px 10px 10px 16px;
+  padding-block: 0.625rem;
+  padding-inline: 1rem 0.625rem;
 }
 .zen-filters-saved-popup__content.zen-filters-saved-popup__content--drive .zen-filters-saved-popup__close-button,
 .zen-filters-saved-popup__content.zen-filters-saved-popup__content--drive-tablet .zen-filters-saved-popup__close-button {
-  height: 44px;
+  height: 2.75rem;
 }
 .zen-filters-saved-popup__content.zen-filters-saved-popup__content--mobile {
   font-family: var(--main-font);
@@ -15964,8 +15995,8 @@ html:lang(ar) .zen-filters-saved-popup__content.zen-filters-saved-popup__content
   font-family: var(--arabic-font-family);
 }
 .zen-filters-saved-popup__content.zen-filters-saved-popup__content--mobile .zen-filters-saved-popup__action-button {
-  height: 60px;
-  padding: 16px;
+  height: 3.75rem;
+  padding: 1rem;
   font-family: var(--main-font);
   font-size: 14px;
   font-style: normal;
@@ -15979,19 +16010,20 @@ html:lang(ar) .zen-filters-saved-popup__content.zen-filters-saved-popup__content
   font-family: var(--arabic-font-family);
 }
 .zen-filters-saved-popup__content.zen-filters-saved-popup__content--mobile .zen-filters-saved-popup__item {
-  height: 60px;
+  height: 3.75rem;
 }
 .zen-filters-saved-popup__content.zen-filters-saved-popup__content--mobile .zen-filters-saved-popup__name {
-  padding: 10px 10px 10px 16px;
+  padding-block: 0.625rem;
+  padding-inline: 1rem 0.625rem;
 }
 .zen-filters-saved-popup__content.zen-filters-saved-popup__content--mobile .zen-filters-saved-popup__close-button {
-  height: 44px;
+  height: 2.75rem;
 }
 .zen-filters-modal__content {
   display: flex;
   flex-direction: column;
-  gap: 16px;
-  padding: 16px;
+  gap: 1rem;
+  padding: 1rem;
 }
 .zen-filters-prioritized-modal {
   z-index: 11011;
@@ -16003,25 +16035,25 @@ html:lang(ar) .zen-filters-saved-popup__content.zen-filters-saved-popup__content
   position: relative;
   max-width: 100%;
   flex-grow: 1;
-  margin: 0 12px;
+  margin: 0 0.75rem;
 }
 .zen-filters-search__selected {
   display: flex;
-  gap: 8px;
+  gap: 0.5rem;
   flex-wrap: nowrap;
   align-items: center;
-  margin-left: 8px;
+  margin-inline-start: 0.5rem;
   overflow: hidden;
 }
 .zen-filters-search__selected-item {
-  max-width: 181px;
+  max-width: 11.3125rem;
 }
 .zen-filters-search__selected-item--more {
   flex-shrink: 0;
 }
 .zen-filters-search.zen-filters-popup__search-with-pills.zen-filters-search--mobile {
   margin: 0;
-  padding: 0 12px;
+  padding: 0 0.75rem;
   border: var(--border-width-default) solid var(--borders-general);
   border-radius: var(--border-radius-default);
 }
@@ -16039,19 +16071,19 @@ html:lang(ar) .zen-filters-saved-popup__content.zen-filters-saved-popup__content
   display: flex;
   justify-content: space-between;
   align-items: center;
-  height: 64px;
-  padding: 16px;
+  height: 4rem;
+  padding: 1rem;
 }
 .zen-side-panel-filters__header-buttons {
   display: flex;
-  gap: 4px;
+  gap: 0.25rem;
   align-items: center;
   justify-content: flex-end;
 }
 .zen-side-panel-filters__header-button {
   cursor: pointer;
   border: none;
-  padding: 8px;
+  padding: 0.5rem;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -16072,15 +16104,15 @@ html:lang(ar) .zen-filters-saved-popup__content.zen-filters-saved-popup__content
   background-color: var(--action-primary--active);
 }
 .zen-side-panel-filters__header-buttons--mobile .zen-side-panel-filters__header-button {
-  padding: 12px;
+  padding: 0.75rem;
 }
 .zen-side-panel-filters__title-wrapper {
   display: flex;
   flex-wrap: nowrap;
-  gap: 16px;
+  gap: 1rem;
 }
 .zen-side-panel-filters__title {
-  padding: 8px 0;
+  padding: 0.5rem 0;
   font-family: var(--main-font);
   font-size: 14px;
   font-style: normal;
@@ -16118,13 +16150,13 @@ html:lang(ar) .zen-side-panel-filters__title--mobile {
 }
 .zen-side-panel-filters__item {
   max-width: 100%;
-  width: 328px;
+  width: 20.5rem;
 }
 .zen-side-panel-filters__item-popup {
   z-index: 11002;
 }
 .zen-side-panel-filters__dropdown-skeleton {
-  gap: 8px;
+  gap: 0.5rem;
   padding: 0;
 }
 .zen-side-panel-filters__item-element.zen-side-panel-filters__item-element:not(.zen-side-panel-filters__item-element--custom) {
@@ -16137,7 +16169,7 @@ html:lang(ar) .zen-side-panel-filters__title--mobile {
   margin: 0;
 }
 .zen-side-panel-filters__item-label {
-  margin-bottom: 4px;
+  margin-block-end: 0.25rem;
   font-family: var(--main-font);
   font-size: 12px;
   font-style: normal;
@@ -16151,7 +16183,7 @@ html:lang(ar) .zen-side-panel-filters__item-label {
   font-family: var(--arabic-font-family);
 }
 .zen-side-panel-filters__item-label--mobile {
-  margin-bottom: 8px;
+  margin-block-end: 0.5rem;
   font-family: var(--main-font);
   font-size: 14px;
   font-style: normal;
@@ -16165,16 +16197,16 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
   font-family: var(--arabic-font-family);
 }
 .zen-side-panel-filters__tab-header {
-  padding: 0 16px;
+  padding: 0 1rem;
 }
 .zen-side-panel-filters__tab-header .zen-side-panel-filters__tab-header {
   padding: 0;
 }
 .zen-side-panel-filters__tab-content {
-  padding: 16px;
+  padding: 1rem;
   display: flex;
   flex-direction: column;
-  gap: 32px;
+  gap: 2rem;
 }
 .zen-side-panel-filters__tab-content--hidden {
   display: none;
@@ -16183,14 +16215,14 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
   display: flex;
 }
 .zen-side-panel-filters__apply-button--desktop {
-  margin-inline-start: 16px;
+  margin-inline-start: 1rem;
 }
 .zen-side-panel-filters__footer {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  border-top: 1px solid var(--borders-general);
-  padding: 14px 28px;
+  border-block-start: 1px solid var(--borders-general);
+  padding: 0.875rem 1.75rem;
   height: auto;
   flex: 0 0 auto;
 }
@@ -16199,10 +16231,10 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
   display: block;
 }
 .zen-side-panel-filters__footer--long-text {
-  padding: 14px 16px;
+  padding: 0.875rem 1rem;
 }
 .zen-side-panel-filters__footer--long-text .zen-side-panel-filters__apply-button--desktop {
-  margin-inline-start: 8px;
+  margin-inline-start: 0.5rem;
 }
 .zen-side-panel-filters-wrapper {
   position: relative;
@@ -16212,8 +16244,8 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
   overflow-y: hidden;
 }
 .zen-side-panel-filters.zen-side-panel-filters {
-  min-width: 360px;
-  max-width: 360px;
+  min-width: 22.5rem;
+  max-width: 22.5rem;
 }
 @media (max-width: 640px) {
   .zen-side-panel-filters.zen-side-panel-filters {
@@ -16223,7 +16255,7 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
   }
 }
 .zen-filters-select-compact {
-  padding: 4px 16px;
+  padding: 0.25rem 1rem;
   width: 100%;
   overflow-x: auto;
   -ms-overflow-style: none;
@@ -16237,14 +16269,14 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
 .zen-filters-select-compact__list {
   display: flex;
   flex-wrap: nowrap;
-  gap: 8px;
+  gap: 0.5rem;
   align-items: center;
 }
 .zen-filters-select-compact__pill-item:not(.zen-filters-select-compact__list-item--not-expandable) {
   opacity: 0;
-  padding-left: 0;
+  padding-inline-start: 0;
   transform: translateX(-30%);
-  transition: transform 0.3s ease-in-out, opacity 0.2s ease-in, padding-left 0.3s ease;
+  transition: transform 0.3s ease-in-out, opacity 0.2s ease-in, padding-inline-start 0.3s ease;
 }
 .zen-filters-select-compact__item-content {
   min-width: 0;
@@ -16257,8 +16289,8 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
   display: flex;
   align-items: center;
   width: max-content;
-  padding-left: 0;
-  transition: padding-left 0.3s ease;
+  padding-inline-start: 0;
+  transition: padding-inline-start 0.3s ease;
 }
 .zen-filters-select-compact__unfolding-pill-item {
   flex-shrink: 0;
@@ -16289,9 +16321,9 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
 }
 .zen-filters-select-compact__unfolding-pill-item--expanded .zen-filters-select-compact__pill-item {
   opacity: 1;
-  padding-left: 8px;
+  padding-inline-start: 0.5rem;
   transform: translateX(0);
-  transition: transform 0.3s ease-in-out, opacity 0.2s ease-in, padding-left 0.3s ease;
+  transition: transform 0.3s ease-in-out, opacity 0.2s ease-in, padding-inline-start 0.3s ease;
 }
 .zen-filters-select-compact .zen-filters-select-compact__pill-item:nth-child(1) {
   transition-delay: 0.05s;
@@ -16315,27 +16347,27 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
   transition-delay: 0.05s;
 }
 .zen-filters-select {
-  border-top: var(--border-width-default) solid var(--borders-general);
-  padding-top: 1px;
+  border-block-start: var(--border-width-default) solid var(--borders-general);
+  padding-block-start: 0.0625rem;
 }
 .zen-filters-select__list-item-title {
-  padding: 8px;
+  padding: 0.5rem;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-grow: 1;
-  gap: 8px;
+  gap: 0.5rem;
 }
 .zen-filters-select__item-active-indicator {
-  width: 8px;
-  height: 8px;
+  width: 0.5rem;
+  height: 0.5rem;
   border-radius: 50%;
   background-color: var(--action-primary--default);
-  margin-left: 8px;
+  margin-inline-start: 0.5rem;
 }
 .zen-filters-select__item-button {
-  width: 32px;
-  height: 32px;
+  width: 2rem;
+  height: 2rem;
   overflow: visible;
 }
 .zen-filters-select__item-button:hover {
@@ -16345,7 +16377,7 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
 }
 .zen-filters-select__item-icon {
   fill: var(--action-secondary--default);
-  margin-left: auto;
+  margin-inline-start: auto;
 }
 .zen-filters-select__item-icon.zen-filters-select__item-icon--rotated {
   transform: rotate(180deg);
@@ -16353,7 +16385,7 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
 .zen-filters-select__list-item-wrapper {
   z-index: 3;
   position: relative;
-  padding: 1px;
+  padding: 0.0625rem;
   width: 100%;
   display: flex;
   flex-direction: row;
@@ -16377,12 +16409,12 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
 .zen-filters-select__list-item {
   width: 100%;
   display: flex;
-  height: 32px;
+  height: 2rem;
   align-items: center;
   justify-content: space-between;
   background-color: transparent;
   border: 1px solid transparent;
-  padding-inline: 0px;
+  padding-inline: 0;
   border-radius: var(--border-radius-default);
   cursor: pointer;
   color: var(--text-primary);
@@ -16402,7 +16434,7 @@ html:lang(ar) .zen-filters-select__list-item {
   outline: none;
 }
 .zen-filters-select__list-item.zen-filters-select__sub-item {
-  padding: 8px;
+  padding: 0.5rem;
   background-color: var(--backgrounds-content-1);
   color: var(--accents-general--detail);
   border-color: var(--backgrounds-content-1);
@@ -16413,7 +16445,7 @@ html:lang(ar) .zen-filters-select__list-item {
   border-color: var(--accents-general--main);
 }
 .zen-filters-select__list-item--not-expandable {
-  padding: 8px;
+  padding: 0.5rem;
 }
 .zen-filters-select__list-item:hover {
   background-color: var(--backgrounds-hover);
@@ -16433,7 +16465,7 @@ html:lang(ar) .zen-filters-select__list-item {
   min-height: 0;
   background-color: var(--backgrounds-content-1);
   opacity: 0;
-  transform: translateY(-10px);
+  transform: translateY(-0.625rem);
   transition: opacity 0.1s ease-in, transform 0.2s ease-out;
 }
 .zen-filters-select__item-content--expanded .zen-filters-select__item-content-inner {
@@ -16456,13 +16488,13 @@ html:lang(ar) .zen-filters-select__list-item {
   max-width: 100%;
 }
 .zen-filters-bar-dropdown-with-checkbox--toolbar {
-  max-width: 180px;
+  max-width: 11.25rem;
 }
 .zen-filters-bar-dropdown-with-checkbox__side-panel-checkbox {
-  margin-top: 8px;
+  margin-block-start: 0.5rem;
 }
 .zen-filters-bar-dropdown-with-checkbox__pill-box {
-  margin-top: 8px;
+  margin-block-start: 0.5rem;
 }
 .zen-filters-bar-period-picker {
   box-sizing: border-box;
@@ -16471,13 +16503,16 @@ html:lang(ar) .zen-filters-select__list-item {
   box-sizing: border-box;
 }
 .zen-filters-bar-period-picker__button-clear {
-  margin: 8px auto 4px 4px;
+  margin-block: 0.5rem 0.25rem;
+  margin-inline: 0.25rem auto;
 }
 .zen-filters-bar-period-picker__button-reset {
-  margin: 8px 8px 4px 0px;
+  margin-block: 0.5rem 0.25rem;
+  margin-inline: 0 0.5rem;
 }
 .zen-filters-bar-period-picker__button-apply {
-  margin: 8px 0px 4px 0px;
+  margin-block: 0.5rem 0.25rem;
+  margin-inline: 0;
 }
 .zen-filters-bar-period-picker--full-width {
   width: 100%;
@@ -16487,10 +16522,11 @@ html:lang(ar) .zen-filters-select__list-item {
   margin: 0;
 }
 .zen-filters-bar-period-picker__popup--full-width.zen-filters-bar-period-picker__popup--full-width {
-  width: 288px;
+  width: 18rem;
 }
 .zen-filters-bar-period-picker__error {
-  margin: 12px 16px 0;
+  margin-block: 0.75rem 0;
+  margin-inline: 1rem;
 }
 .zen-filters-bar-period-picker .zen-filters-bar-period-picker-wrapper.zen-date-range-wrapper {
   width: 100%;
@@ -16506,17 +16542,17 @@ html:lang(ar) .zen-filters-select__list-item {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  border-bottom: 1px solid var(--borders-general);
-  height: 64px;
-  padding: 16px;
+  border-block-end: 1px solid var(--borders-general);
+  height: 4rem;
+  padding: 1rem;
 }
 .zen-side-panel-filters-bar__title-wrapper {
   display: flex;
   flex-wrap: nowrap;
-  gap: 16px;
+  gap: 1rem;
 }
 .zen-side-panel-filters-bar__title {
-  padding: 8px 0;
+  padding: 0.5rem 0;
   font-family: var(--main-font);
   font-size: 14px;
   font-style: normal;
@@ -16531,28 +16567,28 @@ html:lang(ar) .zen-side-panel-filters-bar__title {
   font-family: var(--arabic-font-family);
 }
 .zen-side-panel-filters-bar__title-pill {
-  padding: 4px 0;
+  padding: 0.25rem 0;
 }
 .zen-side-panel-filters-bar__close-button {
   fill: var(--text-primary);
   position: absolute;
-  right: 16px;
+  inset-inline-end: 1rem;
 }
 .zen-side-panel-filters-bar__content {
-  padding-top: 8px;
+  padding-block-start: 0.5rem;
   overflow-x: hidden;
   overflow-y: auto;
   flex: 1 1 auto;
 }
 .zen-side-panel-filters-bar__apply-button--desktop {
-  margin-inline-start: 16px;
+  margin-inline-start: 1rem;
 }
 .zen-side-panel-filters-bar__footer {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  border-top: 1px solid var(--borders-general);
-  padding: 14px 28px;
+  border-block-start: 1px solid var(--borders-general);
+  padding: 0.875rem 1.75rem;
   height: auto;
   flex: 0 0 auto;
 }
@@ -16561,10 +16597,10 @@ html:lang(ar) .zen-side-panel-filters-bar__title {
   display: block;
 }
 .zen-side-panel-filters-bar__footer--long-text {
-  padding: 14px 16px;
+  padding: 0.875rem 1rem;
 }
 .zen-side-panel-filters-bar__footer--long-text .zen-side-panel-filters-bar__apply-button--desktop {
-  margin-inline-start: 8px;
+  margin-inline-start: 0.5rem;
 }
 .zen-side-panel-filters-bar-wrapper {
   position: relative;
@@ -16574,8 +16610,8 @@ html:lang(ar) .zen-side-panel-filters-bar__title {
   overflow-y: hidden;
 }
 .zen-side-panel-filters-bar.zen-side-panel-filters-bar {
-  min-width: 320px;
-  max-width: 320px;
+  min-width: 20rem;
+  max-width: 20rem;
 }
 @media (max-width: 640px) {
   .zen-side-panel-filters-bar.zen-side-panel-filters-bar {
@@ -16599,7 +16635,7 @@ html:lang(ar) .zen-form-section-default-title {
 }
 .zen-form-section-card-content {
   display: grid;
-  gap: 16px;
+  gap: 1rem;
 }
 .zen-form-section-error-banner {
   height: fit-content;
@@ -16931,14 +16967,14 @@ html:lang(ar) .zen-form-layout-title {
   line-height: 24px;
   text-transform: none;
   text-decoration: none;
-  height: 24px;
+  height: 1.5rem;
 }
 html:lang(ar) .zen-form-layout-column-title {
   font-family: var(--arabic-font-family);
 }
 .zen-form-layout-column {
   display: grid;
-  gap: 16px;
+  gap: 1rem;
 }
 .zen-form-layout-secondary {
   font-family: var(--main-font);
@@ -16962,19 +16998,20 @@ html:lang(ar) .zen-form-layout-secondary {
   height: max-content;
 }
 .zen-form-layout-stepper:not(.zen-form-layout-stepper--with-banner) {
-  margin-bottom: 40px;
+  margin-block-end: 2.5rem;
 }
 .zen-form-separator {
-  margin: 32px 0;
+  margin-block: 2rem;
+  margin-inline: 0;
 }
 .zen-form-layout-wrapper {
   display: grid;
   grid-template-rows: auto 1fr auto;
   height: 100%;
-  gap: 40px;
+  gap: 2.5rem;
 }
 .zen-form-layout-wrapper--mobile {
-  gap: 24px;
+  gap: 1.5rem;
 }
 .zen-main-header {
   position: sticky;
@@ -17827,7 +17864,7 @@ html:lang(ar) .zen-nav-item__title-text {
 .zen-nav-item__content-left {
   display: flex;
   align-items: center;
-  gap: 4px;
+  gap: 8px;
   flex: 1 1 auto;
   min-width: 0;
 }
@@ -18371,8 +18408,8 @@ html:lang(ar) .zen-overview__label {
   color: var(--text-primary);
   align-items: center;
   justify-content: space-between;
-  padding: 4px 12px 4px 12px;
-  border-radius: 30px;
+  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
+  border-radius: 1.875rem;
   background: var(--backgrounds-content-1);
 }
 .zen-pill * {
@@ -18445,10 +18482,10 @@ html:lang(ar) .zen-pill {
   fill: var(--accents-general--main);
 }
 .zen-pill--closable {
-  padding-right: 4px;
+  padding-right: 0.25rem;
 }
 .zen-pill--long {
-  min-width: 200px;
+  min-width: 12.5rem;
 }
 .zen-pill__close-button {
   display: flex;
@@ -18459,7 +18496,7 @@ html:lang(ar) .zen-pill {
   fill: var(--text-primary);
   background-color: transparent;
   border: none;
-  border-radius: 15px;
+  border-radius: 0.9375rem;
   padding: 0;
   margin: 0;
   margin-left: 8px;
@@ -18473,7 +18510,7 @@ html:lang(ar) .zen-pill {
 }
 .zen-pill--small {
   line-height: 12px;
-  padding: 2px 4px;
+  padding: 0.125rem 0.25rem;
   max-height: 16px;
 }
 .zen-pill--small .zen-pill__close-button {
@@ -18563,8 +18600,8 @@ html:lang(ar) .zen-page-section__title {
   color: var(--text-primary);
   align-items: center;
   justify-content: space-between;
-  padding: 4px 12px 4px 12px;
-  border-radius: 30px;
+  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
+  border-radius: 1.875rem;
   background: var(--backgrounds-content-1);
 }
 html:lang(ar) .zen-pill-actionable__block {