@geotab/zenith 3.9.1 → 3.10.0-beta.0

package/dist/index.css

@@ -1510,7 +1510,7 @@ html:lang(ar) .mobile-data-s-drive {
   display: grid;
   grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
   grid-template-rows: auto auto;
-  gap: 4px 8px;
+  gap: 0.25rem 0.5rem;
   align-items: center;
   justify-items: start;
 }
@@ -1518,9 +1518,9 @@ html:lang(ar) .mobile-data-s-drive {
   display: grid;
   align-items: center;
   justify-items: start;
-  grid-template-columns: minmax(24px, 32px) minmax(64px, 64px) minmax(24px, 32px) minmax(24px, 32px) minmax(64px, 64px) minmax(24px, 32px);
-  row-gap: 4px;
-  column-gap: 8px;
+  grid-template-columns: minmax(1.5rem, 2rem) minmax(4rem, 4rem) minmax(1.5rem, 2rem) minmax(1.5rem, 2rem) minmax(4rem, 4rem) minmax(1.5rem, 2rem);
+  row-gap: 0.25rem;
+  column-gap: 0.5rem;
 }
 :root {
   --border-width-default: 1px;
@@ -2127,6 +2127,9 @@ html:lang(ar) .zen-button--mobile {
   width: 30px;
   height: 30px;
 }
+.zen-icon--rtl {
+  transform: scaleX(-1);
+}
 .zen-accordion {
   font-family: var(--main-font);
   font-size: 14px;
@@ -2222,7 +2225,7 @@ html:lang(ar) .zen-accordion {
 }
 .zen-banner {
   box-sizing: border-box;
-  min-height: 48px;
+  min-height: 3rem;
 }
 .zen-banner__content {
   flex-grow: 2;
@@ -2236,11 +2239,11 @@ html:lang(ar) .zen-accordion {
   max-width: unset;
 }
 .zen-banner__content--XL {
-  max-width: 1440px;
+  max-width: 90rem;
 }
 .zen-banner__content--multiline {
   flex-direction: column;
-  row-gap: 8px;
+  row-gap: 0.5rem;
 }
 .zen-banner__close-button {
   display: flex;
@@ -2252,7 +2255,7 @@ html:lang(ar) .zen-accordion {
   border-radius: 15px;
   cursor: pointer;
   padding: 0;
-  margin: 8px;
+  margin: 0.5rem;
   align-self: flex-start;
 }
 .zen-banner__close-button:active,
@@ -2262,15 +2265,16 @@ html:lang(ar) .zen-accordion {
   fill: var(--accents-warning--main);
 }
 .zen-banner__close-button--top-gap {
-  margin: 5px;
+  margin: 0.3125rem;
 }
 .zen-banner__close-button--drive,
 .zen-banner__close-button--drive-tablet {
-  margin: 12px;
+  margin: 0.75rem;
 }
 .zen-banner__block {
   display: flex;
-  padding: 8px 12px 8px 16px;
+  padding-block: 0.5rem 0.5rem;
+  padding-inline: 1rem 0.75rem;
   background-color: var(--accents-warning--main);
   color: var(--accents-warning--detail);
   fill: var(--accents-warning--detail);
@@ -2278,7 +2282,8 @@ html:lang(ar) .zen-accordion {
 }
 .zen-banner__block--drive,
 .zen-banner__block--drive-tablet {
-  padding: 8px 12px 16px 16px;
+  padding-block: 0.5rem 1rem;
+  padding-inline: 1rem 0.75rem;
 }
 .zen-banner__block--multiline {
   height: unset;
@@ -2291,20 +2296,20 @@ html:lang(ar) .zen-accordion {
   justify-content: center;
 }
 .zen-banner__block--L {
-  max-width: 1136px;
-  min-width: 268px;
+  max-width: 71rem;
+  min-width: 16.75rem;
 }
 .zen-banner__block--M {
-  max-width: 752px;
-  min-width: 268px;
+  max-width: 47rem;
+  min-width: 16.75rem;
 }
 .zen-banner__block--S {
-  max-width: 560px;
-  min-width: 268px;
+  max-width: 35rem;
+  min-width: 16.75rem;
 }
 .zen-banner__block--XS {
-  max-width: 360px;
-  min-width: 268px;
+  max-width: 22.5rem;
+  min-width: 16.75rem;
 }
 .zen-banner__block--multiline {
   flex-wrap: wrap;
@@ -2329,7 +2334,7 @@ html:lang(ar) .zen-accordion {
   line-height: 16px;
   text-transform: none;
   text-decoration: none;
-  padding-right: 8px;
+  padding-inline-end: 0.5rem;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
@@ -2367,10 +2372,10 @@ html:lang(ar) .zen-banner__header--drive-tablet {
 }
 .zen-banner__icon-block {
   display: flex;
-  padding-right: 8px;
+  padding-inline-end: 0.5rem;
 }
 .zen-banner__icon-block--top-gap {
-  margin: 3px;
+  margin: 0.1875rem;
 }
 .zen-banner__message {
   font-family: var(--main-font);
@@ -2385,9 +2390,9 @@ html:lang(ar) .zen-banner__header--drive-tablet {
   text-overflow: ellipsis;
   white-space: nowrap;
   word-wrap: normal;
-  text-align: left;
-  margin-right: auto;
-  max-width: 1035px;
+  text-align: start;
+  margin-inline-end: auto;
+  max-width: 64.6875rem;
 }
 html:lang(ar) .zen-banner__message {
   font-family: var(--arabic-font-family);
@@ -2399,8 +2404,8 @@ html:lang(ar) .zen-banner__message {
 }
 .zen-banner__message--drive,
 .zen-banner__message--drive-tablet {
-  max-width: 452px;
-  padding-top: 4px;
+  max-width: 28.25rem;
+  padding-top: 0.25rem;
 }
 .zen-banner__message--drive {
   font-family: var(--main-font);
@@ -2489,7 +2494,7 @@ html:lang(ar) .zen-banner__message--multiline.zen-banner__message--drive-tablet
   align-items: center;
 }
 .zen-banner__action {
-  margin-left: 16px;
+  margin-inline-start: 1rem;
   display: flex;
 }
 .zen-banner__action--multiline {
@@ -3630,10 +3635,10 @@ html:lang(ar) .zen-side-panel-cell__title {
 .zen-toast {
   box-sizing: border-box;
   display: grid;
-  grid-template-rows: 4px 1fr;
+  grid-template-rows: 0.25rem 1fr;
   border-radius: 4px;
-  width: 368px;
-  height: 56px;
+  width: 23rem;
+  height: 3.5rem;
 }
 .zen-toast * {
   box-sizing: border-box;
@@ -3642,18 +3647,18 @@ html:lang(ar) .zen-side-panel-cell__title {
   width: 100%;
 }
 .zen-toast--drive {
-  height: 68px;
+  height: 4.25rem;
 }
 .zen-toast__content {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 12px;
+  padding: 0.75rem;
 }
 .zen-toast__content-start,
 .zen-toast__content-end {
   display: flex;
-  gap: 8px;
+  gap: 0.5rem;
   align-items: center;
 }
 .zen-toast__content-start {
@@ -3662,16 +3667,16 @@ html:lang(ar) .zen-side-panel-cell__title {
   align-items: center;
 }
 .zen-toast__content-start--icon {
-  grid-template-columns: 24px 1fr;
+  grid-template-columns: 1.5rem 1fr;
 }
 .zen-toast__content-end {
   display: grid;
-  grid-template-columns: 24px;
+  grid-template-columns: 1.5rem;
   align-items: center;
 }
 .zen-toast__content-end--action {
   display: grid;
-  grid-template-columns: minmax(75px, 110px) 24px;
+  grid-template-columns: minmax(4.6875rem, 6.875rem) 1.5rem;
   justify-self: end;
 }
 .zen-toast--info {
@@ -3683,7 +3688,7 @@ html:lang(ar) .zen-side-panel-cell__title {
   border-color: var(--accents-success--detail);
 }
 .zen-toast__icon {
-  padding-right: 8px;
+  padding-inline-end: 0.5rem;
 }
 .zen-toast__icon--info {
   fill: var(--accents-general--detail);
@@ -3721,8 +3726,8 @@ html:lang(ar) .zen-toast__header {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 20px;
-  height: 20px;
+  width: 1.25rem;
+  height: 1.25rem;
   background: none;
   border: none;
   padding: 0;
@@ -3746,10 +3751,11 @@ html:lang(ar) .zen-toast__header {
   outline-color: var(--accents-success--detail);
 }
 .zen-toast__action {
-  max-width: 110px;
-  white-space: nowrap;
+  max-width: 6.875rem;
   overflow: hidden;
   text-overflow: ellipsis;
+  white-space: nowrap;
+  word-wrap: normal;
   justify-self: end;
 }
 .zen-toast__progress {
@@ -3780,13 +3786,13 @@ html:lang(ar) .zen-toast__header {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-  padding: 16px;
+  padding: 1rem;
   border-radius: 8px;
   background-color: var(--backgrounds-main);
-  max-width: 368px;
-  min-width: 368px;
-  min-height: 96px;
-  max-height: 220px;
+  max-width: 23rem;
+  min-width: 23rem;
+  min-height: 6rem;
+  max-height: 13.75rem;
 }
 .zen-alert * {
   box-sizing: border-box;
@@ -3795,22 +3801,22 @@ html:lang(ar) .zen-alert {
   font-family: var(--arabic-font-family);
 }
 .zen-alert--with-header {
-  min-height: 128px;
+  min-height: 8rem;
 }
 .zen-alert::before {
   content: "";
   position: absolute;
-  top: 0px;
-  left: -4px;
-  width: 8px;
+  top: 0;
+  inset-inline-start: -0.25rem;
+  width: 0.5rem;
   height: 100%;
-  border-top-left-radius: 15px;
-  border-bottom-left-radius: 15px;
-  border-left: 4px solid transparent;
+  border-start-start-radius: 15px;
+  border-end-start-radius: 15px;
+  border-inline-start: 4px solid transparent;
 }
 .zen-alert__header {
   display: grid;
-  grid-template-columns: minmax(20px, 24px) 1fr minmax(20px, 24px);
+  grid-template-columns: minmax(1.25rem, 1.5rem) 1fr minmax(1.25rem, 1.5rem);
 }
 .zen-alert__content {
   flex-grow: 1;
@@ -3828,23 +3834,24 @@ html:lang(ar) .zen-alert {
   flex-grow: 1;
   display: flex;
   flex-direction: column;
-  line-height: 24px;
-  gap: 8px;
+  line-height: 1.5rem;
+  gap: 0.5rem;
 }
 html:lang(ar) .zen-alert__body {
   font-family: var(--arabic-font-family);
 }
 .zen-alert__body-actions {
   display: flex;
-  gap: 8px;
-  margin-left: auto;
+  gap: 0.5rem;
+  margin-inline-start: auto;
 }
 .zen-alert__button {
-  font-size: 12px;
-  max-width: 140px;
-  white-space: nowrap;
+  font-size: 0.75rem;
+  max-width: 8.75rem;
   overflow: hidden;
   text-overflow: ellipsis;
+  white-space: nowrap;
+  word-wrap: normal;
 }
 .zen-alert__text {
   display: -webkit-box;
@@ -3862,7 +3869,7 @@ html:lang(ar) .zen-alert__body {
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
-  padding-top: 2px;
+  padding-top: 0.125rem;
   color: var(--text-primary);
   font-family: var(--main-font);
   font-size: 14px;
@@ -3880,8 +3887,8 @@ html:lang(ar) .zen-alert__title {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 20px;
-  height: 20px;
+  width: 1.25rem;
+  height: 1.25rem;
   background: none;
   border: none;
   padding: 0;
@@ -3897,22 +3904,22 @@ html:lang(ar) .zen-alert__title {
 }
 .zen-alert__actions {
   height: 100%;
-  margin-left: auto;
+  margin-inline-start: auto;
 }
 .zen-alert--error::before {
-  border-left-color: var(--action-destructive--active);
+  border-inline-start-color: var(--action-destructive--active);
 }
 .zen-alert--info::before {
-  border-left-color: var(--accents-general--detail);
+  border-inline-start-color: var(--accents-general--detail);
 }
 .zen-alert--success::before {
-  border-left-color: var(--accents-success--detail);
+  border-inline-start-color: var(--accents-success--detail);
 }
 .zen-alert--warning::before {
-  border-left-color: var(--accents-warning--detail);
+  border-inline-start-color: var(--accents-warning--detail);
 }
 .zen-alert__icon {
-  padding-right: 8px;
+  padding-inline-end: 0.5rem;
 }
 .zen-alert__icon--error {
   fill: var(--accents-error--detail);
@@ -3929,18 +3936,18 @@ html:lang(ar) .zen-alert__title {
 .zen-alert__body-container {
   display: flex;
   flex-direction: column;
-  gap: 8px;
+  gap: 0.5rem;
   width: 100%;
 }
 .zen-alert__header-container {
   display: flex;
   flex-direction: column;
-  gap: 10px;
+  gap: 0.625rem;
   width: 100%;
 }
 .zen-alert--drive {
-  min-height: 114px;
-  max-height: 230px;
+  min-height: 7.125rem;
+  max-height: 14.375rem;
 }
 .zen-alert--drive.zen-alert--mobile .zen-alert__title {
   font-family: var(--main-font);
@@ -3982,7 +3989,7 @@ html:lang(ar) .zen-alert--drive .zen-alert__title {
   font-family: var(--arabic-font-family);
 }
 .zen-alert--drive--with-header {
-  min-height: 138px;
+  min-height: 8.625rem;
 }
 .zen-alert--drive .zen-alert__text {
   line-clamp: 4;
@@ -4000,7 +4007,7 @@ html:lang(ar) .zen-alert--drive .zen-alert__text {
   font-family: var(--arabic-font-family);
 }
 .zen-alert--drive .zen-alert__icon {
-  padding-top: 2px;
+  padding-top: 0.125rem;
 }
 .zen-alert--mobile {
   max-width: 100%;
@@ -4742,9 +4749,9 @@ html:lang(ar) .zen-feed-item__value {
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 16px;
-  height: 16px;
-  min-width: 16px;
+  width: 1rem;
+  height: 1rem;
+  min-width: 1rem;
   border-radius: var(--border-radius-default);
   background-color: var(--backgrounds-main);
   border: var(--border-width-default) solid var(--borders-form-field--hover);
@@ -4752,9 +4759,9 @@ html:lang(ar) .zen-feed-item__value {
   cursor: pointer;
 }
 .zen-checkbox--mobile .zen-checkbox__box {
-  width: 24px;
-  height: 24px;
-  min-width: 24px;
+  width: 1.5rem;
+  height: 1.5rem;
+  min-width: 1.5rem;
 }
 .zen-checkbox--mobile .zen-checkbox__label-text {
   font-family: var(--main-font);
@@ -4772,7 +4779,7 @@ html:lang(ar) .zen-checkbox--mobile .zen-checkbox__label-text {
 .zen-checkbox__label {
   cursor: pointer;
   display: flex;
-  gap: 8px;
+  gap: 0.5rem;
   align-items: center;
   fill: var(--text-reverse-primary);
   color: var(--text-primary);
@@ -4794,9 +4801,9 @@ html:lang(ar) .zen-checkbox--drive .zen-checkbox__label-text {
   font-family: var(--arabic-font-family);
 }
 .zen-checkbox--drive .zen-checkbox__box {
-  width: 24px;
-  height: 24px;
-  min-width: 24px;
+  width: 1.5rem;
+  height: 1.5rem;
+  min-width: 1.5rem;
 }
 .zen-checkbox--drive-tablet .zen-checkbox__label-text {
   font-family: var(--main-font);
@@ -4812,9 +4819,9 @@ html:lang(ar) .zen-checkbox--drive-tablet .zen-checkbox__label-text {
   font-family: var(--arabic-font-family);
 }
 .zen-checkbox--drive-tablet .zen-checkbox__box {
-  width: 24px;
-  height: 24px;
-  min-width: 24px;
+  width: 1.5rem;
+  height: 1.5rem;
+  min-width: 1.5rem;
 }
 .zen-checkbox__label-text {
   font-family: var(--main-font);
@@ -4921,7 +4928,8 @@ html:lang(ar) .zen-checkbox__label-text {
 }
 .zen-select-list__item-content {
   width: 100%;
-  padding: 12px 16px;
+  padding-block: 0.75rem;
+  padding-inline: 1rem;
   color: var(--text-primary);
   overflow: hidden;
   text-overflow: ellipsis;
@@ -4936,7 +4944,7 @@ html:lang(ar) .zen-checkbox__label-text {
 }
 .zen-select-list.zen-select-list--drive .zen-select-list__item-content,
 .zen-select-list.zen-select-list--drive-tablet .zen-select-list__item-content {
-  padding: 16px;
+  padding: 1rem;
 }
 .zen-select-item {
   box-sizing: border-box;
@@ -4989,7 +4997,7 @@ html:lang(ar) .zen-select-item {
 .zen-select-item .zen-select-item__wrapper--with-arrow {
   display: flex;
   justify-content: space-between;
-  padding-right: 8px;
+  padding-inline-end: 0.5rem;
   fill: var(--text-primary);
 }
 .zen-select-item.zen-select-item--drive {
@@ -5096,8 +5104,8 @@ html:lang(ar) .zen-link-column__groups {
   font-family: var(--arabic-font-family);
 }
 .zen-primary-icon {
-  width: 24px;
-  height: 24px;
+  width: 1.5rem;
+  height: 1.5rem;
   fill: var(--text-reverse-primary-button);
   background-color: var(--action-primary--default);
   border: none;
@@ -5517,6 +5525,72 @@ html:lang(ar) .zen-columns-list__title {
 .zen-nested-button__padding {
   padding-left: 40px;
 }
+.zen-empty-state {
+  box-sizing: border-box;
+  display: grid;
+  justify-content: center;
+  align-content: center;
+  text-align: center;
+  gap: 0.625rem;
+  grid-auto-flow: row;
+  height: 100%;
+  width: 100%;
+  min-height: 12.5rem;
+  padding: 1.25rem;
+}
+.zen-empty-state * {
+  box-sizing: border-box;
+}
+.zen-empty-state__image {
+  width: 180px;
+  height: 180px;
+  align-self: center;
+  justify-self: center;
+  justify-content: center;
+  display: flex;
+  align-items: center;
+}
+.zen-empty-state__header {
+  font-family: var(--main-font);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  letter-spacing: 0.16px;
+  line-height: 16px;
+  text-transform: none;
+  text-decoration: none;
+  margin: 0;
+}
+html:lang(ar) .zen-empty-state__header {
+  font-family: var(--arabic-font-family);
+}
+.zen-empty-state__description {
+  font-family: var(--main-font);
+  font-size: 12px;
+  font-style: italic;
+  font-weight: 400;
+  letter-spacing: 0.32px;
+  line-height: 16px;
+  text-transform: none;
+  text-decoration: none;
+}
+html:lang(ar) .zen-empty-state__description {
+  font-family: var(--arabic-font-family);
+}
+.zen-svg-image {
+  box-sizing: border-box;
+  display: inline;
+}
+.zen-svg-image * {
+  box-sizing: border-box;
+}
+.zen-svg-image:hover,
+.zen-svg-image:focus {
+  outline: none;
+}
+.zen-svg-image > use {
+  pointer-events: none;
+}
 .zen-data-grid-actions {
   box-sizing: border-box;
   width: 100%;
@@ -5731,72 +5805,6 @@ html:lang(ar) .zen-bulk-actions__number-of-selected {
 html:lang(ar) .zen-pagination__text {
   font-family: var(--arabic-font-family);
 }
-.zen-empty-state {
-  box-sizing: border-box;
-  display: grid;
-  justify-content: center;
-  align-content: center;
-  text-align: center;
-  gap: 10px;
-  grid-auto-flow: row;
-  height: 100%;
-  width: 100%;
-  min-height: 200px;
-  padding: 20px;
-}
-.zen-empty-state * {
-  box-sizing: border-box;
-}
-.zen-empty-state__image {
-  width: 180px;
-  height: 180px;
-  align-self: center;
-  justify-self: center;
-  justify-content: center;
-  display: flex;
-  align-items: center;
-}
-.zen-empty-state__header {
-  font-family: var(--main-font);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-  letter-spacing: 0.16px;
-  line-height: 16px;
-  text-transform: none;
-  text-decoration: none;
-  margin: 0;
-}
-html:lang(ar) .zen-empty-state__header {
-  font-family: var(--arabic-font-family);
-}
-.zen-empty-state__description {
-  font-family: var(--main-font);
-  font-size: 12px;
-  font-style: italic;
-  font-weight: 400;
-  letter-spacing: 0.32px;
-  line-height: 16px;
-  text-transform: none;
-  text-decoration: none;
-}
-html:lang(ar) .zen-empty-state__description {
-  font-family: var(--arabic-font-family);
-}
-.zen-svg-image {
-  box-sizing: border-box;
-  display: inline;
-}
-.zen-svg-image * {
-  box-sizing: border-box;
-}
-.zen-svg-image:hover,
-.zen-svg-image:focus {
-  outline: none;
-}
-.zen-svg-image > use {
-  pointer-events: none;
-}
 .zen-table__detail-panel--header {
   background-color: var(--backgrounds-main);
   border-bottom: 1px solid var(--borders-general);
@@ -6571,23 +6579,23 @@ html:lang(ar) .zen-review-text-control {
   align-items: start;
 }
 .zen-toggler-component {
-  --zen-toggler-component-height: 16px;
-  --zen-toggler-component-height-drive: 24px;
-  --zen-toggler-component-width: 30px;
-  --zen-toggler-component-width-drive: 42px;
-  --zen-toggler-tap-area-width-drive: 50px;
-  --zen-toggler-tap-area-height-drive: 32px;
-  --zen-toggler-runner-size: 12px;
-  --zen-toggler-runner-size-drive: 18px;
-  --zen-toggler-runner-focus-size: 26px;
-  --zen-toggler-runner-focus-size-drive: 32px;
+  --zen-toggler-component-height: 1rem;
+  --zen-toggler-component-height-drive: 1.5rem;
+  --zen-toggler-component-width: 1.875rem;
+  --zen-toggler-component-width-drive: 2.625rem;
+  --zen-toggler-tap-area-width-drive: 3.125rem;
+  --zen-toggler-tap-area-height-drive: 2rem;
+  --zen-toggler-runner-size: 0.75rem;
+  --zen-toggler-runner-size-drive: 1.125rem;
+  --zen-toggler-runner-focus-size: 1.625rem;
+  --zen-toggler-runner-focus-size-drive: 2rem;
   box-sizing: border-box;
   width: var(--zen-toggler-component-width);
   min-width: var(--zen-toggler-component-width);
   height: var(--zen-toggler-component-height);
   min-height: var(--zen-toggler-component-height);
   border-radius: var(--zen-toggler-component-height);
-  padding: 2px;
+  padding: 0.125rem;
   background-color: var(--action-secondary--default);
   overflow: visible;
   position: relative;
@@ -6617,16 +6625,16 @@ html:lang(ar) .zen-review-text-control {
   min-width: var(--zen-toggler-runner-size-drive);
   height: var(--zen-toggler-runner-size-drive);
   min-height: var(--zen-toggler-runner-size-drive);
-  margin-top: 1px;
-  margin-left: 1px;
+  margin-top: 0.0625rem;
+  margin-inline-start: 0.0625rem;
 }
 .zen-toggler-component--drive .zen-toggler-component__focus {
   width: var(--zen-toggler-runner-focus-size-drive);
   min-width: var(--zen-toggler-runner-focus-size-drive);
   height: var(--zen-toggler-runner-focus-size-drive);
   min-height: var(--zen-toggler-runner-focus-size-drive);
-  top: -4px;
-  left: -4px;
+  top: -0.25rem;
+  inset-inline-start: -0.25rem;
 }
 .zen-toggler-component--drive-tablet {
   height: var(--zen-toggler-component-height-drive);
@@ -6649,16 +6657,16 @@ html:lang(ar) .zen-review-text-control {
   min-width: var(--zen-toggler-runner-size-drive);
   height: var(--zen-toggler-runner-size-drive);
   min-height: var(--zen-toggler-runner-size-drive);
-  margin-top: 1px;
-  margin-left: 1px;
+  margin-top: 0.0625rem;
+  margin-inline-start: 0.0625rem;
 }
 .zen-toggler-component--drive-tablet .zen-toggler-component__focus {
   width: var(--zen-toggler-runner-focus-size-drive);
   min-width: var(--zen-toggler-runner-focus-size-drive);
   height: var(--zen-toggler-runner-focus-size-drive);
   min-height: var(--zen-toggler-runner-focus-size-drive);
-  top: -4px;
-  left: -4px;
+  top: -0.25rem;
+  inset-inline-start: -0.25rem;
 }
 .zen-toggler-component__runner {
   width: var(--zen-toggler-runner-size);
@@ -6677,9 +6685,9 @@ html:lang(ar) .zen-review-text-control {
   min-height: var(--zen-toggler-runner-focus-size);
   border-radius: 50%;
   opacity: 0.4;
-  top: -5px;
+  top: -0.3125rem;
   background-color: var(--action-secondary--default);
-  left: -5px;
+  inset-inline-start: -0.3125rem;
 }
 .zen-toggler__input {
   position: absolute;
@@ -6702,7 +6710,7 @@ html:lang(ar) .zen-review-text-control {
   text-transform: none;
   text-decoration: none;
   color: var(--text-primary);
-  margin-left: 8px;
+  margin-inline-start: 0.5rem;
 }
 html:lang(ar) .zen-toggler__label-text {
   font-family: var(--arabic-font-family);
@@ -6737,8 +6745,8 @@ html:lang(ar) .zen-toggler--drive-tablet .zen-toggler__label-text {
   flex-direction: row-reverse;
 }
 .zen-toggler__label--reverted .zen-toggler__label-text {
-  margin-right: 8px;
-  margin-left: 0;
+  margin-inline-end: 0.5rem;
+  margin-inline-start: 0;
 }
 .zen-toggler__input:focus-visible + .zen-toggler__label > .zen-toggler-component .zen-toggler-component__focus,
 .zen-toggler__input:hover + .zen-toggler__label > .zen-toggler-component .zen-toggler-component__focus {
@@ -6748,12 +6756,12 @@ html:lang(ar) .zen-toggler--drive-tablet .zen-toggler__label-text {
   background-color: var(--action-primary--default);
 }
 .zen-toggler__input:checked + .zen-toggler__label > .zen-toggler-component .zen-toggler-component__runner {
-  float: right;
+  float: inline-end;
 }
 .zen-toggler__input:checked + .zen-toggler__label > .zen-toggler-component .zen-toggler-component__focus {
   background-color: var(--action-primary--default);
-  left: unset;
-  right: -5px;
+  inset-inline-start: unset;
+  inset-inline-end: -0.3125rem;
 }
 .zen-toggler__input:disabled + .zen-toggler__label > .zen-toggler-component {
   opacity: 0.4;
@@ -7460,7 +7468,7 @@ html:lang(ar) .zen-form-field__length {
   border: 1px solid var(--text-error-message);
 }
 .zen-dropdown .zen-dropdown__trigger-button:not(.zen-dropdown--form-item) {
-  max-width: 420px;
+  max-width: 26.25rem;
 }
 .zen-dropdown .zen-dropdown__trigger-button--checked {
   color: var(--text-primary);
@@ -7474,10 +7482,11 @@ html:lang(ar) .zen-form-field__length {
   border-bottom: none;
 }
 .zen-dropdown--mobile .zen-dropdown-mobile-sheet__search-container {
-  padding: 16px 12px;
+  padding-block: 1rem;
+  padding-inline: 0.75rem;
 }
 .zen-dropdown--mobile .zen-dropdown-mobile-sheet__checkbox-container {
-  padding: 16px;
+  padding: 1rem;
   border-bottom: var(--border-width-default) solid var(--borders-general);
 }
 .zen-dropdown--mobile .zen-dropdown-mobile-sheet__search {
@@ -7494,7 +7503,7 @@ html:lang(ar) .zen-form-field__length {
 }
 .zen-checkbox-list-with-action {
   box-sizing: border-box;
-  margin-bottom: 16px;
+  margin-bottom: 1rem;
 }
 .zen-checkbox-list-with-action * {
   box-sizing: border-box;
@@ -7503,8 +7512,8 @@ html:lang(ar) .zen-form-field__length {
   display: flex;
   flex-direction: column;
   list-style: none;
-  padding: 0px;
-  margin: 0px;
+  padding: 0;
+  margin: 0;
 }
 .zen-checkbox-list-with-action__list-item {
   display: flex;
@@ -7522,7 +7531,8 @@ html:lang(ar) .zen-form-field__length {
   text-transform: none;
   text-decoration: none;
   color: var(--text-secondary);
-  padding: 8px 8px 8px 16px;
+  padding: 0.5rem;
+  padding-inline-start: 1rem;
 }
 html:lang(ar) .zen-checkbox-list-with-action__title {
   font-family: var(--arabic-font-family);
@@ -7533,20 +7543,20 @@ html:lang(ar) .zen-checkbox-list-with-action__title {
   align-items: center;
 }
 .zen-checkbox-list-with-action__action-item--action .zen-checkbox__label {
-  padding-right: 8px;
-  padding-bottom: 12px;
-  padding-top: 12px;
+  padding-inline-end: 0.5rem;
+  padding-bottom: 0.75rem;
+  padding-top: 0.75rem;
 }
 .zen-checkbox-list-with-action__singled {
   font-weight: 700;
 }
 .zen-checkbox-list-with-action__action-checkbox {
-  height: 40px;
+  height: 2.5rem;
   position: relative;
   flex-grow: 0;
 }
 .zen-checkbox-list-with-action__action-checkbox .zen-checkbox__label {
-  padding-left: 16px;
+  padding-inline-start: 1rem;
 }
 .zen-checkbox-list-with-action__action-checkbox .zen-checkbox__label-text {
   overflow: hidden;
@@ -7574,7 +7584,9 @@ html:lang(ar) .zen-checkbox-list-with-action__title {
   fill: var(--text-placeholder);
   color: var(--text-primary);
   width: 100%;
-  padding: 7px 8px 7px 4px;
+  padding-block: 0.4375rem;
+  padding-inline-start: 0.25rem;
+  padding-inline-end: 0.5rem;
 }
 html:lang(ar) .zen-checkbox-list-with-action__label {
   font-family: var(--arabic-font-family);
@@ -7594,14 +7606,14 @@ html:lang(ar) .zen-checkbox-list-with-action__label {
 .zen-checkbox-list-with-action__label-text {
   display: flex;
   flex-grow: 1;
-  padding-right: 8px;
+  padding-inline-end: 0.5rem;
 }
 .zen-checkbox-list-with-action__label-info {
   display: flex;
   align-items: center;
 }
 .zen-checkbox-list-with-action__label-count {
-  margin-left: 6px;
+  margin-inline-start: 0.375rem;
 }
 .zen-checkbox-list-with-action__counter {
   font-family: var(--main-font);
@@ -7614,13 +7626,13 @@ html:lang(ar) .zen-checkbox-list-with-action__label {
   text-decoration: none;
   background: var(--action-primary--default);
   color: var(--text-reverse-primary);
-  border-radius: 9px;
+  border-radius: 0.5625rem;
   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;
 }
 html:lang(ar) .zen-checkbox-list-with-action__counter {
   font-family: var(--arabic-font-family);
@@ -7631,29 +7643,29 @@ html:lang(ar) .zen-checkbox-list-with-action__counter {
   justify-content: center;
 }
 .zen-checkbox-list-with-action__color-info {
-  margin-right: 5px;
-  height: 6px;
-  width: 20px;
-  min-width: 20px;
-  border-radius: 3px;
+  width: 1.25rem;
+  min-width: 1.25rem;
+  border-radius: 0.1875rem;
+  margin-inline-end: 0.3125rem;
+  height: 0.375rem;
   border: 1px solid black;
 }
 .zen-checkbox-list-with-action__color-info--right-indent {
-  margin-right: 16px;
+  margin-inline-end: 1rem;
 }
 .zen-checkbox-list-with-action__color-info--hidden {
   display: none;
 }
 .zen-checkbox-list-with-action__sr-only {
   position: absolute;
-  left: -9999px;
+  inset-inline-start: -624.9375rem;
   width: 1px;
   height: 1px;
   opacity: 0;
 }
 .zen-checkbox-list-with-action.zen-checkbox-list-with-action--drive .zen-checkbox-list-with-action__action-checkbox,
 .zen-checkbox-list-with-action.zen-checkbox-list-with-action--drive-tablet .zen-checkbox-list-with-action__action-checkbox {
-  height: 60px;
+  height: 3.75rem;
 }
 .zen-checkbox-list-with-action.zen-checkbox-list-with-action--drive .zen-checkbox-list-with-action__title {
   font-family: var(--main-font);
@@ -7735,8 +7747,8 @@ html:lang(ar) .zen-checkbox-list-with-action.zen-checkbox-list-with-action--driv
 }
 .zen-dropdown-list {
   margin: 0;
-  padding: 4px 0 0;
-  min-width: 180px;
+  padding: 0.25rem 0 0;
+  min-width: 11.25rem;
 }
 .zen-dropdown-list__elements {
   font-family: var(--main-font);
@@ -7749,7 +7761,7 @@ html:lang(ar) .zen-checkbox-list-with-action.zen-checkbox-list-with-action--driv
   text-decoration: none;
   height: 100%;
   overflow-y: auto;
-  max-height: 245px;
+  max-height: 15.3125rem;
 }
 html:lang(ar) .zen-dropdown-list__elements {
   font-family: var(--arabic-font-family);
@@ -7764,15 +7776,17 @@ html:lang(ar) .zen-dropdown-list__elements {
   text-transform: none;
   text-decoration: none;
   width: 100%;
-  height: 40px;
+  height: 2.5rem;
   color: var(--text-secondary);
-  padding: 8px 16px;
+  padding-block: 0.5rem;
+  padding-inline: 1rem;
 }
 html:lang(ar) .zen-dropdown-list__label {
   font-family: var(--arabic-font-family);
 }
 .zen-dropdown-list__checkbox-container {
-  padding: 8px 16px;
+  padding-block: 0.5rem;
+  padding-inline: 1rem;
   border-bottom: var(--border-width-default) solid var(--borders-general);
 }
 .zen-dropdown-list__checkbox-container .zen-checkbox__label-text {
@@ -7794,10 +7808,11 @@ html:lang(ar) .zen-dropdown-list__label {
   align-items: center;
   background-color: transparent;
   width: 100%;
-  height: 40px;
+  height: 2.5rem;
   font-weight: 400;
   border: none;
-  padding: 7px 16px;
+  padding-block: 0.4375rem;
+  padding-inline: 1rem;
   border-radius: 0;
 }
 .zen-dropdown-list__item--interactive:not(:disabled) {
@@ -7847,17 +7862,17 @@ html:lang(ar) .zen-dropdown-list__action-label {
 }
 .zen-dropdown-list__action-label--limited {
   display: block;
-  max-width: 200px;
+  max-width: 12.5rem;
 }
 .zen-dropdown-list__icon {
   color: var(--action-secondary--default);
   fill: var(--action-secondary--default);
 }
 .zen-dropdown-list__action-icon {
-  margin-right: 6px;
+  margin-inline-end: 0.375rem;
 }
 .zen-dropdown-list__action-button {
-  height: 40px;
+  height: 2.5rem;
   border: none;
   margin: 0;
 }
@@ -7880,7 +7895,8 @@ html:lang(ar) .zen-dropdown-list__action-label {
   border-top: var(--border-width-default) solid var(--borders-general);
 }
 .zen-dropdown-list__action-button-back {
-  padding: 7px 14px;
+  padding-block: 0.4375rem;
+  padding-inline: 0.875rem;
 }
 .zen-dropdown-list__button-group {
   display: inline-flex;
@@ -7890,37 +7906,38 @@ html:lang(ar) .zen-dropdown-list__action-label {
 .zen-dropdown-list__clear-button,
 .zen-dropdown-list__cancel-button,
 .zen-dropdown-list__apply-button {
-  margin-right: 8px;
-  margin-top: 8px;
-  margin-bottom: 4px;
+  margin-inline-end: 0.5rem;
+  margin-block-start: 0.5rem;
+  margin-block-end: 0.25rem;
 }
 .zen-dropdown-list__clear-button {
-  margin-left: 8px;
+  margin-inline-start: 0.5rem;
 }
 .zen-dropdown-list__container {
-  width: 250px;
-  max-height: 245px;
+  width: 15.625rem;
+  max-height: 15.3125rem;
   border-radius: var(--border-radius-default);
 }
 .zen-dropdown-list__container--empty {
-  padding: 16px 20px;
+  padding-block: 1rem;
+  padding-inline: 1.25rem;
 }
 .zen-dropdown-list.zen-dropdown-list--drive .zen-dropdown-list__label,
 .zen-dropdown-list.zen-dropdown-list--drive-tablet .zen-dropdown-list__label {
-  height: 44px;
-  padding: 12px;
+  height: 2.75rem;
+  padding: 0.75rem;
 }
 .zen-dropdown-list.zen-dropdown-list--drive .zen-dropdown-list__item,
 .zen-dropdown-list.zen-dropdown-list--drive-tablet .zen-dropdown-list__item {
-  height: 60px;
+  height: 3.75rem;
 }
 .zen-dropdown-list.zen-dropdown-list--drive .zen-dropdown-list__action-button,
 .zen-dropdown-list.zen-dropdown-list--drive-tablet .zen-dropdown-list__action-button {
-  height: 52px;
+  height: 3.25rem;
 }
 .zen-dropdown-list.zen-dropdown-list--drive .zen-dropdown-list__elements,
 .zen-dropdown-list.zen-dropdown-list--drive-tablet .zen-dropdown-list__elements {
-  max-height: 260px;
+  max-height: 16.25rem;
 }
 .zen-dropdown-list.zen-dropdown-list--drive .zen-dropdown-list__action-label {
   font-family: var(--main-font);
@@ -8499,7 +8516,7 @@ html:lang(ar) .zen-filter-button.zen-filter-button--drive-tablet .zen-filter-but
   font-family: var(--arabic-font-family);
 }
 .zen-dropdown-searchable-trigger {
-  max-width: 420px;
+  max-width: 26.25rem;
   cursor: pointer;
   box-sizing: border-box;
   display: flex;
@@ -8517,26 +8534,26 @@ html:lang(ar) .zen-filter-button.zen-filter-button--drive-tablet .zen-filter-but
 .zen-dropdown-searchable-trigger__icon {
   color: var(--action-secondary--default);
   fill: var(--action-secondary--default);
-  min-width: 16px;
-  min-height: 16px;
-  width: 16px;
-  height: 16px;
+  min-width: 1rem;
+  min-height: 1rem;
+  width: 1rem;
+  height: 1rem;
 }
 .zen-dropdown-searchable-trigger__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-block: 0.4375rem;
+  padding-inline: 0.5625rem;
   flex: 1 1 auto;
   background-color: var(--backgrounds-main);
   border: var(--border-width-default) solid var(--borders-general);
-  min-width: 120px;
+  min-width: 7.5rem;
   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-dropdown-searchable-trigger__search-container:hover {
@@ -8552,7 +8569,7 @@ html:lang(ar) .zen-filter-button.zen-filter-button--drive-tablet .zen-filter-but
 }
 .zen-dropdown-searchable-trigger__input-container {
   width: 100%;
-  min-height: 24px;
+  min-height: 1.5rem;
   display: flex;
   align-items: center;
 }
@@ -8565,12 +8582,13 @@ html:lang(ar) .zen-filter-button.zen-filter-button--drive-tablet .zen-filter-but
   line-height: 16px;
   text-transform: none;
   text-decoration: none;
-  min-width: 85px;
+  min-width: 5.3125rem;
   height: 100%;
   width: 100%;
   border: none;
   outline: none;
-  padding: 0 5px 0 0;
+  padding-block: 0;
+  padding-inline: 0 0.3125rem;
   -webkit-appearance: none;
   appearance: none;
   background-color: inherit;
@@ -8588,10 +8606,10 @@ html:lang(ar) .zen-dropdown-searchable-trigger .zen-dropdown-searchable-trigger_
   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;
 }
@@ -8614,7 +8632,7 @@ html:lang(ar) .zen-dropdown-searchable-trigger .zen-dropdown-searchable-trigger_
   background-color: var(--backgrounds-hover);
 }
 .zen-dropdown-searchable-trigger__label-element {
-  margin-right: 0;
+  margin-inline-end: 0;
   display: flex;
   white-space: nowrap;
 }
@@ -8631,11 +8649,12 @@ html:lang(ar) .zen-dropdown-searchable-trigger .zen-dropdown-searchable-trigger_
   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-block: 0.125rem;
+  padding-inline: 0.25rem;
 }
 html:lang(ar) .zen-dropdown-searchable-trigger__counter {
   font-family: var(--arabic-font-family);
@@ -8660,13 +8679,13 @@ html:lang(ar) .zen-dropdown-searchable-trigger__counter {
 }
 .zen-dropdown-searchable-trigger__close-button {
   border-radius: 16px;
-  height: 16px;
-  min-width: 16px;
+  height: 1rem;
+  min-width: 1rem;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0;
-  margin-left: 4px;
+  margin-inline-start: 0.25rem;
   background-color: transparent;
   border: none;
   fill: var(--action-secondary--default);
@@ -8687,28 +8706,29 @@ html:lang(ar) .zen-dropdown-searchable-trigger__counter {
 }
 .zen-dropdown-searchable-trigger.zen-dropdown-searchable-trigger--drive .zen-dropdown-searchable-trigger__search-container,
 .zen-dropdown-searchable-trigger.zen-dropdown-searchable-trigger--drive-tablet .zen-dropdown-searchable-trigger__search-container {
-  height: 44px;
+  height: 2.75rem;
 }
 .zen-dropdown-searchable-trigger.zen-dropdown-searchable-trigger--drive .zen-dropdown-searchable-trigger__popup-trigger,
 .zen-dropdown-searchable-trigger.zen-dropdown-searchable-trigger--drive-tablet .zen-dropdown-searchable-trigger__popup-trigger {
-  width: 44px;
+  width: 2.75rem;
 }
 .zen-dropdown-searchable-trigger.zen-dropdown-searchable-trigger--drive .zen-dropdown-searchable-trigger__counter,
 .zen-dropdown-searchable-trigger.zen-dropdown-searchable-trigger--drive-tablet .zen-dropdown-searchable-trigger__counter {
-  height: 22px;
-  padding: 0 8px;
+  height: 1.375rem;
+  padding-block: 0;
+  padding-inline: 0.5rem;
   border-radius: 12px;
 }
 .zen-dropdown-searchable-trigger.zen-dropdown-searchable-trigger--drive .zen-dropdown-searchable-trigger__close-button,
 .zen-dropdown-searchable-trigger.zen-dropdown-searchable-trigger--drive-tablet .zen-dropdown-searchable-trigger__close-button {
-  height: 20px;
-  min-width: 20px;
+  height: 1.25rem;
+  min-width: 1.25rem;
 }
 .zen-dropdown-searchable-trigger.zen-dropdown-searchable-trigger--drive .zen-dropdown-searchable-trigger__search-container {
-  height: 44px;
+  height: 2.75rem;
 }
 .zen-dropdown-searchable-trigger.zen-dropdown-searchable-trigger--drive .zen-dropdown-searchable-trigger__popup-trigger {
-  width: 44px;
+  width: 2.75rem;
 }
 .zen-dropdown-searchable-trigger.zen-dropdown-searchable-trigger--drive .zen-dropdown-searchable-trigger__input {
   font-family: var(--main-font);
@@ -8737,10 +8757,10 @@ html:lang(ar) .zen-dropdown-searchable-trigger.zen-dropdown-searchable-trigger--
   font-family: var(--arabic-font-family);
 }
 .zen-dropdown-searchable-trigger.zen-dropdown-searchable-trigger--drive-tablet .zen-dropdown-searchable-trigger__search-container {
-  height: 46px;
+  height: 2.875rem;
 }
 .zen-dropdown-searchable-trigger.zen-dropdown-searchable-trigger--drive-tablet .zen-dropdown-searchable-trigger__popup-trigger {
-  width: 46px;
+  width: 2.875rem;
 }
 .zen-dropdown-searchable-trigger.zen-dropdown-searchable-trigger--drive-tablet .zen-dropdown-searchable-trigger__input {
   font-family: var(--main-font);
@@ -8774,17 +8794,17 @@ html:lang(ar) .zen-dropdown-searchable-trigger.zen-dropdown-searchable-trigger--
 }
 .zen-dropdown-searchable-trigger--error .zen-dropdown-searchable-trigger__popup-trigger {
   border: none;
-  border-left: 1px solid var(--text-error-message);
+  border-inline-start: 1px solid var(--text-error-message);
 }
 .zen-dropdown-searchable-trigger--error .zen-dropdown-searchable-trigger__popup-trigger:hover,
 .zen-dropdown-searchable-trigger--error .zen-dropdown-searchable-trigger__popup-trigger:active,
 .zen-dropdown-searchable-trigger--error .zen-dropdown-searchable-trigger__popup-trigger:focus {
   border: none;
-  border-left: 1px solid var(--text-error-message);
+  border-inline-start: 1px solid var(--text-error-message);
 }
 .zen-dropdown-searchable-trigger--error .zen-dropdown-searchable-trigger__search-container {
   border: none;
-  border-right: 1px solid var(--text-error-message);
+  border-inline-end: 1px solid var(--text-error-message);
 }
 .zen-dropdown-searchable-trigger:focus-within .zen-dropdown-searchable-trigger__search-container {
   z-index: 1;
@@ -8831,7 +8851,7 @@ html:lang(ar) .zen-dropdown-searchable-trigger.zen-dropdown-searchable-trigger--
   background-color: var(--backgrounds-main);
   color: var(--text-primary);
   fill: var(--text-primary);
-  padding: 7px;
+  padding: 0.4375rem;
   cursor: text;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -8870,7 +8890,7 @@ html:lang(ar) .zen-text-input {
 }
 .zen-text-input.zen-text-input--drive,
 .zen-text-input.zen-text-input--drive-tablet {
-  padding: 11px 12px;
+  padding: 0.6875rem 0.75rem;
 }
 .zen-text-input.zen-text-input--drive {
   font-family: var(--main-font);
@@ -8899,7 +8919,7 @@ html:lang(ar) .zen-text-input.zen-text-input--drive-tablet {
   font-family: var(--arabic-font-family);
 }
 .zen-text-input.zen-text-input--mobile {
-  padding: 11px 12px 12px;
+  padding: 0.6875rem 0.75rem 0.75rem;
   font-family: var(--main-font);
   font-size: 14px;
   font-style: normal;
@@ -8918,7 +8938,8 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
   border: 0;
   border-radius: 0;
   outline: 0;
-  padding: 0 0 0 4px;
+  padding: 0;
+  padding-inline-start: 0.25rem;
   -webkit-appearance: none;
   appearance: none;
   background-color: inherit;
@@ -8929,27 +8950,27 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
 }
 .zen-input-adornments {
   box-sizing: border-box;
-  height: 32px;
+  height: 2rem;
   border: var(--border-width-default) solid var(--borders-general);
   border-radius: var(--border-radius-default);
   background-color: var(--backgrounds-main);
   overflow: hidden;
-  padding: 8px;
+  padding: 0.5rem;
   display: grid;
-  grid-gap: 8px;
+  grid-gap: 0.5rem;
   align-items: center;
 }
 .zen-input-adornments * {
   box-sizing: border-box;
 }
 .zen-input-adornments.zen-input-adornments--has-start.zen-input-adornments--has-end {
-  grid-template-columns: 16px 1fr 16px;
+  grid-template-columns: 1rem 1fr 1rem;
 }
 .zen-input-adornments.zen-input-adornments--has-start:not(.zen-input-adornments--has-end) {
-  grid-template-columns: 16px 1fr;
+  grid-template-columns: 1rem 1fr;
 }
 .zen-input-adornments.zen-input-adornments--has-end:not(.zen-input-adornments--has-start) {
-  grid-template-columns: 1fr 16px;
+  grid-template-columns: 1fr 1rem;
 }
 .zen-input-adornments:not(.zen-input-adornments--has-start):not(.zen-input-adornments--has-end) {
   grid-template-columns: 1fr;
@@ -8959,7 +8980,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
   display: flex;
 }
 .zen-input-adornments .zen-input-adornments__wrapper--has-end.zen-input-adornments__wrapper--empty {
-  width: calc(100% + 24px);
+  width: calc(100% + (24 / 16rem));
 }
 .zen-input-adornments:hover {
   border-color: var(--borders-form-field--hover);
@@ -8980,7 +9001,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
 .zen-input-adornments__input {
   height: 100%;
   width: 100%;
-  height: 16px;
+  height: 1rem;
 }
 .zen-input-adornments__input::placeholder {
   color: var(--text-secondary);
@@ -8993,7 +9014,8 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
   border: 0;
   border-radius: 0;
   outline: 0;
-  padding: 0 0 0 4px;
+  padding: 0;
+  padding-inline-start: 0.25rem;
   -webkit-appearance: none;
   appearance: none;
   background-color: inherit;
@@ -9007,9 +9029,9 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
   align-items: center;
 }
 .zen-input-adornments.zen-input-adornments--drive {
-  height: 44px;
+  height: 2.75rem;
   display: grid;
-  grid-gap: 8px;
+  grid-gap: 0.5rem;
   align-items: center;
 }
 .zen-input-adornments.zen-input-adornments--drive.zen-input-adornments--has-start,
@@ -9018,13 +9040,13 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
   align-items: center;
 }
 .zen-input-adornments.zen-input-adornments--drive.zen-input-adornments--has-start.zen-input-adornments--has-end {
-  grid-template-columns: 20px 1fr 20px;
+  grid-template-columns: 1.25rem 1fr 1.25rem;
 }
 .zen-input-adornments.zen-input-adornments--drive.zen-input-adornments--has-start:not(.zen-input-adornments--has-end) {
-  grid-template-columns: 20px 1fr;
+  grid-template-columns: 1.25rem 1fr;
 }
 .zen-input-adornments.zen-input-adornments--drive.zen-input-adornments--has-end:not(.zen-input-adornments--has-start) {
-  grid-template-columns: 1fr 20px;
+  grid-template-columns: 1fr 1.25rem;
 }
 .zen-input-adornments.zen-input-adornments--drive:not(.zen-input-adornments--has-start):not(.zen-input-adornments--has-end) {
   grid-template-columns: 1fr;
@@ -9034,14 +9056,14 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
   display: flex;
 }
 .zen-input-adornments.zen-input-adornments--drive .zen-input-adornments__wrapper--has-end.zen-input-adornments__wrapper--empty {
-  width: calc(100% + 36px);
+  width: calc(100% + (36 / 16rem));
 }
 .zen-input-adornments.zen-input-adornments--mobile {
-  height: 44px;
+  height: 2.75rem;
   display: grid;
-  grid-gap: 8px;
+  grid-gap: 0.5rem;
   align-items: center;
-  font-size: 17px;
+  font-size: 1.0625rem;
 }
 .zen-input-adornments.zen-input-adornments--mobile.zen-input-adornments--has-start,
 .zen-input-adornments.zen-input-adornments--mobile.zen-input-adornments--has-end {
@@ -9049,13 +9071,13 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
   align-items: center;
 }
 .zen-input-adornments.zen-input-adornments--mobile.zen-input-adornments--has-start.zen-input-adornments--has-end {
-  grid-template-columns: 20px 1fr 20px;
+  grid-template-columns: 1.25rem 1fr 1.25rem;
 }
 .zen-input-adornments.zen-input-adornments--mobile.zen-input-adornments--has-start:not(.zen-input-adornments--has-end) {
-  grid-template-columns: 20px 1fr;
+  grid-template-columns: 1.25rem 1fr;
 }
 .zen-input-adornments.zen-input-adornments--mobile.zen-input-adornments--has-end:not(.zen-input-adornments--has-start) {
-  grid-template-columns: 1fr 20px;
+  grid-template-columns: 1fr 1.25rem;
 }
 .zen-input-adornments.zen-input-adornments--mobile:not(.zen-input-adornments--has-start):not(.zen-input-adornments--has-end) {
   grid-template-columns: 1fr;
@@ -9065,12 +9087,12 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
   display: flex;
 }
 .zen-input-adornments.zen-input-adornments--mobile .zen-input-adornments__wrapper--has-end.zen-input-adornments__wrapper--empty {
-  width: calc(100% + 36px);
+  width: calc(100% + (36 / 16rem));
 }
 .zen-input-adornments.zen-input-adornments--drive-tablet {
-  height: 46px;
+  height: 2.875rem;
   display: grid;
-  grid-gap: 8px;
+  grid-gap: 0.5rem;
   align-items: center;
 }
 .zen-input-adornments.zen-input-adornments--drive-tablet.zen-input-adornments--has-start,
@@ -9079,13 +9101,13 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
   align-items: center;
 }
 .zen-input-adornments.zen-input-adornments--drive-tablet.zen-input-adornments--has-start.zen-input-adornments--has-end {
-  grid-template-columns: 20px 1fr 20px;
+  grid-template-columns: 1.25rem 1fr 1.25rem;
 }
 .zen-input-adornments.zen-input-adornments--drive-tablet.zen-input-adornments--has-start:not(.zen-input-adornments--has-end) {
-  grid-template-columns: 20px 1fr;
+  grid-template-columns: 1.25rem 1fr;
 }
 .zen-input-adornments.zen-input-adornments--drive-tablet.zen-input-adornments--has-end:not(.zen-input-adornments--has-start) {
-  grid-template-columns: 1fr 20px;
+  grid-template-columns: 1fr 1.25rem;
 }
 .zen-input-adornments.zen-input-adornments--drive-tablet:not(.zen-input-adornments--has-start):not(.zen-input-adornments--has-end) {
   grid-template-columns: 1fr;
@@ -9095,7 +9117,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
   display: flex;
 }
 .zen-input-adornments.zen-input-adornments--drive-tablet .zen-input-adornments__wrapper--has-end.zen-input-adornments__wrapper--empty {
-  width: calc(100% + 36px);
+  width: calc(100% + (36 / 16rem));
 }
 .zen-search-input {
   box-sizing: border-box;
@@ -9113,16 +9135,16 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
   border-color: var(--borders-form-field--error);
 }
 .zen-search-input__error {
-  padding-top: 4px;
-  padding-left: 2px;
+  padding-block-start: 0.25rem;
+  padding-inline-start: 0.125rem;
 }
 .zen-search-input__pre-icon {
   color: var(--action-secondary--default);
   fill: var(--action-secondary--default);
 }
 .zen-search-input .zen-search-input__close-button {
-  width: 16px;
-  height: 16px;
+  width: 1rem;
+  height: 1rem;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -9135,8 +9157,8 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
 .zen-search-input .zen-search-input__close-button.zen-search-input__close-button--drive,
 .zen-search-input .zen-search-input__close-button.zen-search-input__close-button--drive-tablet,
 .zen-search-input .zen-search-input__close-button.zen-search-input__close-button--mobile {
-  width: 20px;
-  height: 20px;
+  width: 1.25rem;
+  height: 1.25rem;
 }
 .zen-search-input .zen-search-input__close-button:hover {
   cursor: pointer;
@@ -9415,7 +9437,8 @@ html:lang(ar) .zen-group-button--mobile {
   flex-wrap: wrap;
 }
 .zen-combobox-selected__selected-item {
-  margin: 0 8px 8px 0;
+  margin-block: 0 0.5rem;
+  margin-inline: 0 0.5rem;
 }
 .zen-pill-box-item__icon.zen-pill-box-item__icon {
   padding: 0;
@@ -10112,10 +10135,10 @@ html:lang(ar) .zen-status-pill-popup__view-more-badge {
   box-sizing: border-box;
   cursor: pointer;
   background: 0 0;
-  padding: 8px;
+  padding: 0.5rem;
   vertical-align: middle;
   border-width: 0;
-  margin: 1px;
+  margin: 0.0625rem;
   border: none;
   background-color: transparent;
   fill: var(--text-secondary);
@@ -12029,7 +12052,7 @@ html:lang(ar) .zen-date-range-inner__mobile-custom-label {
 }
 .zen-radio__wrapper--reversed {
   flex-direction: row-reverse;
-  gap: 5px;
+  gap: 0.3125rem;
 }
 .zen-radio__label {
   font-family: var(--main-font);
@@ -12040,7 +12063,7 @@ html:lang(ar) .zen-date-range-inner__mobile-custom-label {
   line-height: 16px;
   text-transform: none;
   text-decoration: none;
-  margin-left: 8px;
+  margin-inline-start: 0.5rem;
   cursor: pointer;
 }
 html:lang(ar) .zen-radio__label {
@@ -12056,11 +12079,11 @@ html:lang(ar) .zen-radio__label {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
-  margin-left: 0;
-  padding: 12px 16px;
+  margin-inline-start: 0;
+  padding: 0.75rem 1rem;
 }
 .zen-radio__label--input-wrapper .zen-radio__label-text {
-  margin-left: 5px;
+  margin-inline-start: 0.3125rem;
   width: 100%;
 }
 .zen-radio__label--input-wrapper .zen-radio__input:disabled {
@@ -12080,15 +12103,15 @@ html:lang(ar) .zen-radio--drive .zen-radio__label {
   font-family: var(--arabic-font-family);
 }
 .zen-radio--drive .zen-radio__input {
-  min-width: 24px;
-  max-width: 24px;
-  height: 24px;
+  min-width: 1.5rem;
+  max-width: 1.5rem;
+  height: 1.5rem;
 }
 .zen-radio--drive .zen-radio__input::before {
-  width: 14px;
-  height: 14px;
-  top: calc(50% - 14px / 2);
-  left: calc(50% - 14px / 2);
+  width: 0.875rem;
+  height: 0.875rem;
+  top: calc(50% - 0.875rem / 2);
+  left: calc(50% - 0.875rem / 2);
 }
 .zen-radio__wrapper--mobile .zen-radio__label {
   font-family: var(--main-font);
@@ -12104,15 +12127,15 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
   font-family: var(--arabic-font-family);
 }
 .zen-radio__wrapper--mobile .zen-radio__input {
-  min-width: 24px;
-  max-width: 24px;
-  height: 24px;
+  min-width: 1.5rem;
+  max-width: 1.5rem;
+  height: 1.5rem;
 }
 .zen-radio__wrapper--mobile .zen-radio__input::before {
-  width: 14px;
-  height: 14px;
-  top: calc(50% - 14px / 2);
-  left: calc(50% - 14px / 2);
+  width: 0.875rem;
+  height: 0.875rem;
+  top: calc(50% - 0.875rem / 2);
+  left: calc(50% - 0.875rem / 2);
 }
 .zen-radio--drive-tablet .zen-radio__label {
   font-family: var(--main-font);
@@ -12128,24 +12151,24 @@ html:lang(ar) .zen-radio--drive-tablet .zen-radio__label {
   font-family: var(--arabic-font-family);
 }
 .zen-radio--drive-tablet .zen-radio__input {
-  min-width: 24px;
-  max-width: 24px;
-  height: 24px;
+  min-width: 1.5rem;
+  max-width: 1.5rem;
+  height: 1.5rem;
 }
 .zen-radio--drive-tablet .zen-radio__input::before {
-  width: 14px;
-  height: 14px;
-  top: calc(50% - 14px / 2);
-  left: calc(50% - 14px / 2);
+  width: 0.875rem;
+  height: 0.875rem;
+  top: calc(50% - 0.875rem / 2);
+  left: calc(50% - 0.875rem / 2);
 }
 .zen-radio__input {
   -webkit-appearance: none;
   appearance: none;
   position: relative;
   cursor: pointer;
-  min-width: 16px;
-  max-width: 16px;
-  height: 16px;
+  min-width: 1rem;
+  max-width: 1rem;
+  height: 1rem;
   margin: 0;
   border: 1px solid var(--borders-form-field--hover);
   border-radius: 50%;
@@ -12159,11 +12182,11 @@ html:lang(ar) .zen-radio--drive-tablet .zen-radio__label {
 }
 .zen-radio__input::before {
   content: "";
-  width: 10px;
-  height: 10px;
+  width: 0.625rem;
+  height: 0.625rem;
   position: absolute;
-  top: calc(50% - 10px / 2);
-  left: calc(50% - 10px / 2);
+  top: calc(50% - 0.625rem / 2);
+  left: calc(50% - 0.625rem / 2);
   border-radius: 50%;
   transform: scale(0);
   transition: 120ms transform ease-in-out;
@@ -12198,19 +12221,19 @@ html:lang(ar) .zen-radio--drive-tablet .zen-radio__label {
   margin: 0;
 }
 .zen-radio-group__item {
-  padding: 12px 16px;
+  padding: 0.75rem 1rem;
 }
 .zen-radio-group__item--no-paddings {
   padding: 0;
 }
 .zen-radio-group__item--small {
-  padding: 4px 0;
+  padding: 0.25rem 0;
 }
 .zen-radio-group__item--small.zen-radio-group__item--no-paddings {
   padding: 0;
 }
 .zen-radio-group__item--small.zen-radio-group__item--no-paddings .zen-radio__label--input-wrapper {
-  padding: 4px;
+  padding: 0.25rem;
 }
 .zen-radio-group--horizontal .zen-radio-group__wrapper {
   flex-direction: row;
@@ -12407,8 +12430,8 @@ html:lang(ar) .zen-radio--drive-tablet .zen-radio__label {
 }
 .zen-waiting--inline {
   position: relative;
-  width: 40px;
-  height: 24px;
+  width: 2.5rem;
+  height: 1.5rem;
 }
 .zen-waiting__spinner-text {
   font-family: var(--main-font);
@@ -12420,7 +12443,7 @@ html:lang(ar) .zen-radio--drive-tablet .zen-radio__label {
   text-transform: none;
   text-decoration: none;
   color: var(--text-secondary);
-  max-width: 144px;
+  max-width: 9rem;
   text-align: center;
 }
 html:lang(ar) .zen-waiting__spinner-text {
@@ -12468,41 +12491,41 @@ html:lang(ar) .zen-waiting__spinner-text--drive-tablet {
 }
 .zen-waiting__spinner-container {
   display: flex;
-  min-height: 20px;
+  min-height: 1.25rem;
   height: 100%;
   width: 100%;
   justify-content: center;
   align-items: center;
   flex-direction: column;
-  gap: 8px;
+  gap: 0.5rem;
 }
 .zen-waiting__spinner {
   display: flex;
-  max-width: 64px;
-  max-height: 64px;
-  min-width: 40px;
-  min-height: 40px;
+  max-width: 4rem;
+  max-height: 4rem;
+  min-width: 2.5rem;
+  min-height: 2.5rem;
   position: relative;
   width: 100%;
   height: 100%;
   justify-content: center;
 }
 .zen-waiting__spinner--drive-tablet {
-  max-width: 40px;
-  max-height: 40px;
+  max-width: 2.5rem;
+  max-height: 2.5rem;
 }
 .zen-waiting__spinner--drive {
-  max-width: 40px;
-  max-height: 40px;
+  max-width: 2.5rem;
+  max-height: 2.5rem;
 }
 @media (max-width: 640px) {
   .zen-waiting__spinner {
-    max-width: 40px;
-    max-height: 40px;
+    max-width: 2.5rem;
+    max-height: 2.5rem;
   }
 }
 .zen-waiting__spinner-animation {
-  transform-origin: 32px 32px;
+  transform-origin: 2rem 2rem;
   animation: waiting 1.5s linear infinite;
 }
 .zen-file-upload {
@@ -12510,7 +12533,7 @@ html:lang(ar) .zen-waiting__spinner-text--drive-tablet {
   position: relative;
   display: flex;
   flex-direction: column;
-  gap: 16px;
+  gap: 1rem;
   width: 100%;
 }
 .zen-file-upload * {
@@ -12525,17 +12548,17 @@ html:lang(ar) .zen-waiting__spinner-text--drive-tablet {
   border-radius: var(--border-radius-default);
 }
 .zen-file-upload--drive {
-  gap: 20px;
+  gap: 1.25rem;
 }
 .zen-file-upload--drive-tablet {
-  gap: 20px;
+  gap: 1.25rem;
 }
 .zen-file-upload__drop-zone {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  padding: 32px 24px;
+  padding: 2rem 1.5rem;
   border: 2px dashed var(--borders-general);
   border-radius: var(--border-radius-default);
   background-color: var(--backgrounds-main);
@@ -12560,13 +12583,13 @@ html:lang(ar) .zen-waiting__spinner-text--drive-tablet {
   pointer-events: none;
 }
 .zen-file-upload__drop-zone--condensed {
-  padding: 24px;
+  padding: 1.5rem;
 }
 .zen-file-upload__drop-zone-content {
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 12px;
+  gap: 0.75rem;
 }
 .zen-file-upload__cloud-image {
   width: 120px;
@@ -12588,7 +12611,7 @@ html:lang(ar) .zen-waiting__spinner-text--drive-tablet {
   color: var(--text-primary);
   display: flex;
   align-items: center;
-  gap: 4px;
+  gap: 0.25rem;
 }
 html:lang(ar) .zen-file-upload__drop-zone-text {
   font-family: var(--arabic-font-family);
@@ -12624,15 +12647,15 @@ html:lang(ar) .zen-file-upload__supported-formats {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 16px;
+  padding: 1rem;
   background-color: var(--backgrounds-content-1);
   border-radius: var(--border-radius-default);
-  gap: 16px;
+  gap: 1rem;
 }
 .zen-file-upload__template-content {
   display: flex;
   align-items: flex-start;
-  gap: 12px;
+  gap: 0.75rem;
 }
 .zen-file-upload__template-icon {
   fill: var(--accents-success--detail);
@@ -12641,7 +12664,7 @@ html:lang(ar) .zen-file-upload__supported-formats {
 .zen-file-upload__template-info {
   display: flex;
   flex-direction: column;
-  gap: 4px;
+  gap: 0.25rem;
 }
 .zen-file-upload__template-title {
   font-family: var(--main-font);
@@ -12682,7 +12705,7 @@ html:lang(ar) .zen-file-upload__template-description {
   text-transform: none;
   text-decoration: none;
   color: var(--text-secondary);
-  margin-bottom: 8px;
+  margin-block-end: 0.5rem;
   display: block;
 }
 html:lang(ar) .zen-file-upload__section-label {
@@ -12705,23 +12728,23 @@ html:lang(ar) .zen-file-upload__section-label {
   padding: 0;
   display: flex;
   flex-direction: column;
-  gap: 10px;
+  gap: 0.625rem;
 }
 .zen-file-upload__file-list-item {
   display: flex;
   flex-direction: column;
-  gap: 10px;
+  gap: 0.625rem;
 }
 .zen-file-upload__file-item {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  height: 48px;
-  padding: 8px;
+  height: 3rem;
+  padding: 0.5rem;
   border: 1px solid var(--borders-general);
   border-radius: var(--border-radius-default);
   background-color: var(--backgrounds-main);
-  gap: 10px;
+  gap: 0.625rem;
 }
 .zen-file-upload__file-item--error {
   border: 1px solid var(--borders-form-field--error);
@@ -12729,7 +12752,7 @@ html:lang(ar) .zen-file-upload__section-label {
 .zen-file-upload__file-info {
   display: flex;
   align-items: center;
-  gap: 10px;
+  gap: 0.625rem;
   overflow: hidden;
 }
 .zen-file-upload__file-icon {
@@ -13343,6 +13366,7 @@ html:lang(ar) .zen-groups-filter .zen-groups-filter__input::placeholder {
 }
 .zen-groups-filter__popup.zen-groups-filter__popup {
   z-index: 11001;
+  overflow-y: hidden;
 }
 .zen-groups-filter__popup.zen-groups-filter__popup.zen-groups-filter__popup--inactive {
   z-index: 10999;
@@ -14044,6 +14068,19 @@ html:lang(ar) .zen-list-item__secondary {
 .zen-list-item--clickable {
   cursor: pointer;
 }
+.zen-list-item--vertical .zen-list-item__identifier,
+.zen-list-item--wrap .zen-list-item__identifier {
+  flex-direction: column;
+  align-items: initial;
+  row-gap: 4px;
+}
+.zen-list-item--wrap .zen-list-item__secondary {
+  white-space: normal;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
 @media (max-width: 640px) {
   .zen-list-item__identifier {
     flex-direction: column;
@@ -15370,7 +15407,7 @@ html:lang(ar) .zen-range-field {
 .zen-range-field--column.zen-range-field--min .zen-range-field__error {
   grid-column: 1 / span 3;
   grid-row: 2;
-  min-height: 24px;
+  min-height: 1.5rem;
 }
 .zen-range-field--column.zen-range-field--max .zen-range-field__label {
   grid-column: 1;
@@ -15387,30 +15424,30 @@ html:lang(ar) .zen-range-field {
 .zen-range-field--column.zen-range-field--max .zen-range-field__error {
   grid-column: 1 / span 3;
   grid-row: 4;
-  min-height: 24px;
+  min-height: 1.5rem;
 }
 .zen-range-field--column .zen-range-field__label {
-  min-width: 28px;
-  max-width: 56px;
+  min-width: 1.75rem;
+  max-width: 3.5rem;
 }
 .zen-range-field--column .zen-range-field__input-container {
   width: 100%;
 }
 .zen-range-field--column .zen-range-field__sense {
-  min-width: 28px;
-  max-width: 56px;
+  min-width: 1.75rem;
+  max-width: 3.5rem;
 }
 .zen-range-field--row .zen-range-field__label {
-  max-width: 32px;
-  min-width: 24px;
+  max-width: 2rem;
+  min-width: 1.5rem;
 }
 .zen-range-field--row .zen-range-field__input-container {
-  max-width: 64px;
-  min-width: 64px;
+  max-width: 4rem;
+  min-width: 4rem;
 }
 .zen-range-field--row .zen-range-field__sense {
-  max-width: 32px;
-  min-width: 24px;
+  max-width: 2rem;
+  min-width: 1.5rem;
 }
 .zen-range-field--row.zen-range-field--min {
   display: contents;
@@ -15465,13 +15502,13 @@ html:lang(ar) .zen-range-field {
   text-decoration: none;
   color: var(--text-error-message);
   fill: var(--text-error-message);
-  margin-top: 4px;
+  margin-top: 0.25rem;
 }
 html:lang(ar) .zen-range-field__error {
   font-family: var(--arabic-font-family);
 }
 .zen-range-field__error-text {
-  margin-left: 2px;
+  margin-inline-start: 0.125rem;
 }
 .zen-range-field__label {
   font-family: var(--main-font);
@@ -15502,7 +15539,7 @@ html:lang(ar) .zen-range-field__label--mobile {
   font-family: var(--arabic-font-family);
 }
 .zen-range-field__input {
-  height: 32px;
+  height: 2rem;
 }
 .zen-range-field__input::-webkit-inner-spin-button,
 .zen-range-field__input::-webkit-outer-spin-button {
@@ -15510,7 +15547,7 @@ html:lang(ar) .zen-range-field__label--mobile {
   margin: 0;
 }
 .zen-range-field__input--mobile {
-  height: 44px;
+  height: 2.75rem;
 }
 .zen-range-field .zen-range-field__input:focus {
   border: var(--border-width-default) solid var(--borders-form-field--active);
@@ -15567,42 +15604,42 @@ html:lang(ar) .zen-range {
   font-family: var(--arabic-font-family);
 }
 .zen-range__fields-wrapper {
-  padding: 12px 16px;
+  padding: 0.75rem 1rem;
 }
 .zen-range__fields-container {
   display: grid;
 }
 .zen-range__fields-container--row {
-  min-width: 296px;
-  max-width: 328px;
+  min-width: 18.5rem;
+  max-width: 20.5rem;
   display: grid;
   align-items: center;
   justify-items: start;
-  grid-template-columns: minmax(24px, 32px) minmax(64px, 64px) minmax(24px, 32px) minmax(24px, 32px) minmax(64px, 64px) minmax(24px, 32px);
-  row-gap: 4px;
-  column-gap: 8px;
+  grid-template-columns: minmax(1.5rem, 2rem) minmax(4rem, 4rem) minmax(1.5rem, 2rem) minmax(1.5rem, 2rem) minmax(4rem, 4rem) minmax(1.5rem, 2rem);
+  row-gap: 0.25rem;
+  column-gap: 0.5rem;
 }
 .zen-range__fields-container--column {
-  min-width: 200px;
-  max-width: 228px;
+  min-width: 12.5rem;
+  max-width: 14.25rem;
   display: grid;
   grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
   grid-template-rows: auto auto;
-  gap: 4px 8px;
+  gap: 0.25rem 0.5rem;
   align-items: center;
   justify-items: start;
 }
 .zen-range__trigger-button {
-  max-width: 200px;
+  max-width: 12.5rem;
 }
 .zen-range__content {
   display: grid;
   margin: 0;
-  padding: 4px 0 0;
+  padding: 0.25rem 0 0;
 }
 .zen-range__label {
   width: 100%;
-  height: 40px;
+  height: 2.5rem;
   font-family: var(--main-font);
   font-size: 12px;
   font-style: normal;
@@ -15612,7 +15649,7 @@ html:lang(ar) .zen-range {
   text-transform: none;
   text-decoration: none;
   color: var(--text-secondary);
-  padding: 12px 16px 11px 16px;
+  padding: 0.75rem 1rem 0.6875rem 1rem;
   border-bottom: 1px solid var(--backgrounds-content-1);
 }
 html:lang(ar) .zen-range__label {
@@ -15634,12 +15671,12 @@ html:lang(ar) .zen-range__label {
 .zen-range__clear-button,
 .zen-range__cancel-button,
 .zen-range__apply-button {
-  margin-right: 8px;
-  margin-top: 8px;
-  margin-bottom: 4px;
+  margin-inline-end: 0.5rem;
+  margin-top: 0.5rem;
+  margin-bottom: 0.25rem;
 }
 .zen-range__clear-button {
-  margin-left: 8px;
+  margin-inline-start: 0.5rem;
 }
 .zen-range--error .zen-range__trigger-button {
   border: 1px solid var(--text-error-message);
@@ -15673,7 +15710,7 @@ html:lang(ar) .zen-range-popup.zen-range-popup {
   display: grid;
   grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
   grid-template-rows: auto auto;
-  gap: 4px 8px;
+  gap: 0.25rem 0.5rem;
   align-items: center;
   justify-items: start;
 }
@@ -15682,9 +15719,9 @@ html:lang(ar) .zen-range-popup.zen-range-popup {
   display: grid;
   align-items: center;
   justify-items: start;
-  grid-template-columns: minmax(24px, 32px) minmax(64px, 64px) minmax(24px, 32px) minmax(24px, 32px) minmax(64px, 64px) minmax(24px, 32px);
-  row-gap: 4px;
-  column-gap: 8px;
+  grid-template-columns: minmax(1.5rem, 2rem) minmax(4rem, 4rem) minmax(1.5rem, 2rem) minmax(1.5rem, 2rem) minmax(4rem, 4rem) minmax(1.5rem, 2rem);
+  row-gap: 0.25rem;
+  column-gap: 0.5rem;
 }
 .zen-filters-bar-side-panel-range__item--column {
   min-width: 136px;
@@ -17462,6 +17499,15 @@ html:lang(ar) .zen-mini-tabs {
   flex-direction: column;
   gap: var(--nav-gap);
 }
+.zen-nav__empty-state {
+  min-height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16px 12px 24px;
+  box-sizing: border-box;
+  text-align: center;
+}
 .zen-nav__footer {
   flex: 0 0 auto;
 }
@@ -17929,9 +17975,9 @@ html:lang(ar) .zen-nav-edit-list__header {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-  padding: 16px 16px 16px 16px;
-  max-width: 490px;
-  min-width: 490px;
+  padding: 1rem;
+  max-width: 30.625rem;
+  min-width: 30.625rem;
   border-radius: 8px;
 }
 .zen-push * {
@@ -17943,13 +17989,13 @@ html:lang(ar) .zen-push {
 .zen-push::before {
   content: "";
   position: absolute;
-  top: 0px;
-  left: -6px;
-  width: 7px;
+  top: 0;
+  inset-inline-start: -0.375rem;
+  width: 0.4375rem;
   height: 100%;
-  border-top-left-radius: 15px;
-  border-bottom-left-radius: 15px;
-  border-left: 5px solid transparent;
+  border-start-start-radius: 15px;
+  border-end-start-radius: 15px;
+  border-inline-start: 5px solid transparent;
 }
 .zen-push__header {
   font-family: var(--main-font);
@@ -17980,7 +18026,7 @@ html:lang(ar) .zen-push__header {
   text-transform: none;
   text-decoration: none;
   flex-grow: 1;
-  padding-top: 8px;
+  padding-top: 0.5rem;
   display: flex;
   flex-direction: column;
 }
@@ -17989,20 +18035,20 @@ html:lang(ar) .zen-push__body {
 }
 .zen-push__body-buttons {
   display: flex;
-  gap: 8px;
-  margin-left: auto;
+  gap: 0.5rem;
+  margin-inline-start: auto;
 }
 .zen-push__button {
-  font-size: 12px;
+  font-size: 0.75rem;
 }
 .zen-push__text {
-  font-size: 12px;
-  padding-bottom: 16px;
+  font-size: 0.75rem;
+  padding-bottom: 1rem;
 }
 .zen-push__title {
   font-style: normal;
-  padding-bottom: 8px;
-  padding-top: 2px;
+  padding-bottom: 0.5rem;
+  padding-top: 0.125rem;
 }
 .zen-push__title--error {
   color: var(--accents-error--detail);
@@ -18020,8 +18066,8 @@ html:lang(ar) .zen-push__body {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 20px;
-  height: 20px;
+  width: 1.25rem;
+  height: 1.25rem;
   background: none;
   border: none;
   padding: 0;
@@ -18082,7 +18128,7 @@ html:lang(ar) .zen-push__body {
   fill: var(--accents-error--detail);
 }
 .zen-push--error::before {
-  border-left-color: var(--action-destructive--active);
+  border-inline-start-color: var(--action-destructive--active);
 }
 .zen-push--error .zen-push__close-button {
   fill: var(--accents-error--detail);
@@ -18099,7 +18145,7 @@ html:lang(ar) .zen-push__body {
   fill: var(--accents-general--detail);
 }
 .zen-push--info::before {
-  border-left-color: var(--accents-general--detail);
+  border-inline-start-color: var(--accents-general--detail);
 }
 .zen-push--info .zen-push__close-button {
   fill: var(--accents-general--detail);
@@ -18116,7 +18162,7 @@ html:lang(ar) .zen-push__body {
   fill: var(--accents-success--detail);
 }
 .zen-push--success::before {
-  border-left-color: var(--accents-success--detail);
+  border-inline-start-color: var(--accents-success--detail);
 }
 .zen-push--success .zen-push__close-button {
   fill: var(--accents-success--detail);
@@ -18133,7 +18179,7 @@ html:lang(ar) .zen-push__body {
   fill: var(--accents-warning--detail);
 }
 .zen-push--warning::before {
-  border-left-color: var(--accents-warning--detail);
+  border-inline-start-color: var(--accents-warning--detail);
 }
 .zen-push--warning .zen-push__close-button {
   fill: var(--accents-success--detail);
@@ -18145,7 +18191,7 @@ html:lang(ar) .zen-push__body {
   fill: var(--accents-success--main);
 }
 .zen-push__icon {
-  padding-right: 9px;
+  padding-inline-end: 0.5625rem;
 }
 .zen-push__icon--error {
   fill: var(--accents-error--detail);
@@ -18196,7 +18242,7 @@ html:lang(ar) .zen-push__body {
 }
 @media (max-width: 540px) {
   .zen-push {
-    min-width: 150px;
+    min-width: 9.375rem;
   }
 }
 .zen-overview {
@@ -18529,13 +18575,13 @@ html:lang(ar) .zen-pill-actionable__block {
   box-sizing: border-box;
 }
 .zen-progress--large {
-  height: 16px;
+  height: 1rem;
 }
 .zen-progress--medium {
-  height: 12px;
+  height: 0.75rem;
 }
 .zen-progress--small {
-  height: 8px;
+  height: 0.5rem;
 }
 .zen-progress__bar {
   background-color: var(--chart-sequential-blue-5);
@@ -18685,7 +18731,7 @@ html:lang(ar) .zen-sort-container.zen-sort-container--drive-tablet .zen-sort-con
   text-transform: none;
   text-decoration: none;
   display: grid;
-  gap: 4px;
+  gap: 0.25rem;
 }
 html:lang(ar) .zen-stepper-field {
   font-family: var(--arabic-font-family);
@@ -18704,24 +18750,24 @@ html:lang(ar) .zen-stepper-field {
 }
 .zen-stepper-field__controls {
   display: grid;
-  width: 16px;
-  height: 16px;
+  width: 1rem;
+  height: 1rem;
   position: absolute;
-  top: 6px;
+  top: 0.375rem;
 }
 .zen-stepper-field__controls:not(:hover),
 .zen-stepper-field__controls:not(:active) {
   visibility: hidden;
 }
 .zen-stepper-field__control {
-  height: 10px;
+  height: 0.625rem;
   padding: 0;
   fill: var(--action-secondary--default);
 }
 .zen-stepper-field__input {
   /* For Chrome, Safari, Edge, Opera */
   /* For Firefox */
-  height: 32px;
+  height: 2rem;
 }
 .zen-stepper-field__input::-webkit-outer-spin-button,
 .zen-stepper-field__input::-webkit-inner-spin-button {
@@ -18739,7 +18785,7 @@ html:lang(ar) .zen-stepper-field {
   border-color: var(--borders-form-field--active);
 }
 .zen-stepper-field__input.zen-text-input {
-  padding-right: 24px;
+  padding-inline-end: 1.5rem;
 }
 .zen-stepper-field__input--error:not(:disabled) {
   border-color: var(--borders-form-field--error);
@@ -18767,24 +18813,24 @@ html:lang(ar) .zen-stepper-field {
 }
 .zen-stepper-field.zen-stepper-field--drive .zen-stepper-field__controls,
 .zen-stepper-field.zen-stepper-field--drive-tablet .zen-stepper-field__controls {
-  width: 20px;
-  height: 20px;
+  width: 1.25rem;
+  height: 1.25rem;
 }
 .zen-stepper-field.zen-stepper-field--drive .zen-stepper-field__input,
 .zen-stepper-field.zen-stepper-field--drive-tablet .zen-stepper-field__input {
-  min-height: 48px;
+  min-height: 3rem;
 }
 .zen-stepper-field.zen-stepper-field--drive .zen-stepper-field__controls,
 .zen-stepper-field.zen-stepper-field--drive-tablet .zen-stepper-field__controls {
-  top: 14px;
+  top: 0.875rem;
 }
 .zen-stepper-field.zen-stepper-field--drive.zen-stepper-field--drive .zen-text-input,
 .zen-stepper-field.zen-stepper-field--drive-tablet.zen-stepper-field--drive .zen-text-input {
-  padding-right: 26px;
+  padding-inline-end: 1.625rem;
 }
 .zen-stepper-field.zen-stepper-field--drive.zen-stepper-field--drive-tablet .zen-text-input,
 .zen-stepper-field.zen-stepper-field--drive-tablet.zen-stepper-field--drive-tablet .zen-text-input {
-  padding-right: 25px;
+  padding-inline-end: 1.5625rem;
 }
 .zen-stepper-field.zen-stepper-field--mobile {
   font-family: var(--main-font);
@@ -18800,17 +18846,17 @@ html:lang(ar) .zen-stepper-field.zen-stepper-field--mobile {
   font-family: var(--arabic-font-family);
 }
 .zen-stepper-field.zen-stepper-field--mobile .zen-stepper-field__controls {
-  width: 20px;
-  height: 20px;
+  width: 1.25rem;
+  height: 1.25rem;
 }
 .zen-stepper-field.zen-stepper-field--mobile .zen-stepper-field__input {
-  min-height: 48px;
+  min-height: 3rem;
 }
 .zen-stepper-field.zen-stepper-field--mobile .zen-stepper-field__controls {
-  top: 14px;
+  top: 0.875rem;
 }
 .zen-stepper-field.zen-stepper-field--mobile.zen-stepper-field--mobile .zen-text-input {
-  padding-right: 26px;
+  padding-inline-end: 1.625rem;
 }
 .zen-summaries__row {
   display: flex;
@@ -18987,14 +19033,14 @@ html:lang(ar) .zen-two-options-switcher {
 }
 .zen-two-options-switcher__label {
   cursor: pointer;
-  padding: 3px;
+  padding: 0.1875rem;
   color: var(--text-primary);
 }
 .zen-two-options-switcher__label--left {
-  margin-right: 6px;
+  margin-inline-end: 0.375rem;
 }
 .zen-two-options-switcher__label--right {
-  margin-left: 6px;
+  margin-inline-start: 0.375rem;
 }
 .zen-two-options-switcher__input {
   position: absolute;
@@ -19015,12 +19061,12 @@ html:lang(ar) .zen-two-options-switcher {
   display: flex;
   align-items: center;
   justify-content: flex-start;
-  width: 30px;
-  min-width: 30px;
-  height: 16px;
-  min-height: 16px;
-  border-radius: 16px;
-  padding: 2px;
+  width: 1.875rem;
+  min-width: 1.875rem;
+  height: 1rem;
+  min-height: 1rem;
+  border-radius: 1rem;
+  padding: 0.125rem;
   background-color: var(--backgroundSwitcher);
   overflow: visible;
   position: relative;
@@ -19029,21 +19075,21 @@ html:lang(ar) .zen-two-options-switcher {
 .zen-two-options-switcher-control__focus {
   display: none;
   position: absolute;
-  width: 26px;
-  min-width: 26px;
-  height: 26px;
-  min-height: 26px;
+  width: 1.625rem;
+  min-width: 1.625rem;
+  height: 1.625rem;
+  min-height: 1.625rem;
   border-radius: 50%;
   opacity: 0.4;
-  top: -5px;
+  top: -0.3125rem;
   background-color: var(--backgroundSwitcher);
-  left: -5px;
+  inset-inline-start: -0.3125rem;
 }
 .zen-two-options-switcher-control__runner {
-  width: 12px;
-  min-width: 12px;
-  height: 12px;
-  min-height: 12px;
+  width: 0.75rem;
+  min-width: 0.75rem;
+  height: 0.75rem;
+  min-height: 0.75rem;
   border-radius: 50%;
   background-color: var(--backgroundRunner);
 }
@@ -19060,5 +19106,5 @@ html:lang(ar) .zen-two-options-switcher {
   justify-content: flex-end;
 }
 .zen-two-options-switcher-control--right .zen-two-options-switcher-control__focus {
-  left: 10px;
+  inset-inline-start: 0.625rem;
 }