npm - @geotab/zenith - Versions diffs - 3.14.0-beta.0 → 3.14.0-beta.2 - Mend

@geotab/zenith 3.14.0-beta.0 → 3.14.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (17) hide show

package/dist/commonStyles/caption/caption.less +5 -3
package/dist/commonStyles/colors/colors.less +19 -4
package/dist/commonStyles/columnsList.less +0 -1
package/dist/commonStyles/common.less +2 -1
package/dist/commonStyles/ellipsis.less +1 -1
package/dist/commonStyles/fonts/roboto.less +7 -7
package/dist/commonStyles/link/link.less +1 -1
package/dist/commonStyles/notSelectable.less +4 -0
package/dist/commonStyles/pillStyles/pillContent.less +2 -6
package/dist/commonStyles/pillStyles/pillStyles.less +1 -1
package/dist/commonStyles/pillStyles/pillTextContent.less +0 -3
package/dist/commonStyles/pillStyles/pillTypes.less +0 -10
package/dist/commonStyles/rangeFieldMixin.less +6 -3
package/dist/commonStyles/shadows/shadows.less +3 -3
package/dist/commonStyles/typography/typography.less +24 -24
package/dist/index.css +519 -402
package/package.json +1 -10

package/dist/index.css CHANGED Viewed

@@ -1,41 +1,41 @@
 @font-face {
-  font-family: Roboto;
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 300;
   src: url("./commonStyles/fonts/roboto/Roboto-Light.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-Light.woff") format("woff");
 }
 @font-face {
-  font-family: Roboto;
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 400;
   src: url("./commonStyles/fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-Regular.woff") format("woff");
 }
 @font-face {
-  font-family: Roboto;
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 500;
   src: url("./commonStyles/fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-Medium.woff") format("woff");
 }
 @font-face {
-  font-family: Roboto;
+  font-family: "Roboto";
   font-style: normal;
   font-weight: 700;
   src: url("./commonStyles/fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-Bold.woff") format("woff");
 }
 @font-face {
-  font-family: Roboto;
+  font-family: "Roboto";
   font-style: italic;
   font-weight: 300;
   src: url("./commonStyles/fonts/roboto/Roboto-LightItalic.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-LightItalic.woff") format("woff");
 }
 @font-face {
-  font-family: Roboto;
+  font-family: "Roboto";
   font-style: italic;
   font-weight: 400;
   src: url("./commonStyles/fonts/roboto/Roboto-Italic.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-Italic.woff") format("woff");
 }
 @font-face {
-  font-family: Roboto;
+  font-family: "Roboto";
   font-style: italic;
   font-weight: 700;
   src: url("./commonStyles/fonts/roboto/Roboto-BoldItalic.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-BoldItalic.woff") format("woff");
@@ -509,7 +509,7 @@ html:lang(ar) .zen-data-xs {
   text-transform: none;
   text-decoration: none;
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .zen-heading-xl-300 {
     font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
     font-size: 1.25rem;
@@ -708,10 +708,10 @@ html:lang(ar) .zen-data-xs {
   }
 }
 :root {
-  --main-font: roboto, "Segoe UI", segoe, "Helvetica Neue", helvetica, sans-serif;
-  --main-font-data: "Roboto Mono", "Segoe UI", segoe, "Helvetica Neue", helvetica, sans-serif;
-  --data-font-drive: "Roboto Mono", "Segoe UI", segoe, "Helvetica Neue", helvetica, sans-serif;
-  --arabic-font-family: "Noto Sans Arabic", roboto, "Segoe UI", segoe, "Helvetica Neue", helvetica, sans-serif;
+  --main-font: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
+  --main-font-data: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
+  --data-font-drive: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
+  --arabic-font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
 }
 .label-01,
 .body-label-400 {
@@ -758,7 +758,7 @@ html:lang(ar) .label-01-mobile-drive,
 html:lang(ar) .mobile-label-400-drive {
   font-family: var(--arabic-font-family);
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .tablet-label-400-drive {
     font-family: var(--main-font);
     font-size: 14px;
@@ -893,7 +893,7 @@ html:lang(ar) .body-01-mobile-drive,
 html:lang(ar) .mobile-body-l-400-drive {
   font-family: var(--arabic-font-family);
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .tablet-body-l-400-drive {
     font-family: var(--main-font);
     font-size: 18px;
@@ -938,7 +938,7 @@ html:lang(ar) .body-02-short-mobile-drive,
 html:lang(ar) .mobile-body-m-400-short-drive {
   font-family: var(--arabic-font-family);
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .tablet-body-m-400-short-drive {
     font-family: var(--main-font);
     font-size: 16px;
@@ -983,7 +983,7 @@ html:lang(ar) .body-02-tall-mobile-drive,
 html:lang(ar) .mobile-body-m-400-tall-drive {
   font-family: var(--arabic-font-family);
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .tablet-body-m-400-tall-drive {
     font-family: var(--main-font);
     font-size: 16px;
@@ -1028,7 +1028,7 @@ html:lang(ar) .body-03-mobile-drive,
 html:lang(ar) .mobile-body-s-700-drive {
   font-family: var(--arabic-font-family);
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .tablet-body-s-700-drive {
     font-family: var(--main-font);
     font-size: 14px;
@@ -1073,7 +1073,7 @@ html:lang(ar) .body-04-mobile-drive,
 html:lang(ar) .mobile-body-s-400-drive {
   font-family: var(--arabic-font-family);
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .tablet-body-s-400-drive {
     font-family: var(--main-font);
     font-size: 14px;
@@ -1118,7 +1118,7 @@ html:lang(ar) .body-05-mobile-drive,
 html:lang(ar) .mobile-body-s-400-italic-drive {
   font-family: var(--arabic-font-family);
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .tablet-body-s-400-italic-drive {
     font-family: var(--main-font);
     font-size: 14px;
@@ -1163,7 +1163,7 @@ html:lang(ar) .heading-01-mobile,
 html:lang(ar) .heading-xl-300-mobile {
   font-family: var(--arabic-font-family);
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .heading-xl-300 {
     font-family: var(--main-font);
     font-size: 20px;
@@ -1223,7 +1223,7 @@ html:lang(ar) .heading-03-mobile,
 html:lang(ar) .heading-m-300-mobile {
   font-family: var(--arabic-font-family);
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .heading-m-300 {
     font-family: var(--main-font);
     font-size: 18px;
@@ -1326,7 +1326,7 @@ html:lang(ar) .heading-01-mobile-drive,
 html:lang(ar) .mobile-heading-xl-300-drive {
   font-family: var(--arabic-font-family);
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .tablet-heading-xl-300-drive {
     font-family: var(--main-font);
     font-size: 24px;
@@ -1371,7 +1371,7 @@ html:lang(ar) .heading-02-mobile-drive,
 html:lang(ar) .mobile-heading-l-400-drive {
   font-family: var(--arabic-font-family);
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .tablet-heading-l-400-drive {
     font-family: var(--main-font);
     font-size: 22px;
@@ -1416,7 +1416,7 @@ html:lang(ar) .heading-03-mobile-drive,
 html:lang(ar) .mobile-heading-m-300-drive {
   font-family: var(--arabic-font-family);
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .tablet-heading-m-300-drive {
     font-family: var(--main-font);
     font-size: 18px;
@@ -1461,7 +1461,7 @@ html:lang(ar) .heading-04-mobile-drive,
 html:lang(ar) .mobile-heading-m-500-drive {
   font-family: var(--arabic-font-family);
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .tablet-heading-m-500-drive {
     font-family: var(--main-font);
     font-size: 18px;
@@ -1506,7 +1506,7 @@ html:lang(ar) .heading-05-mobile-drive,
 html:lang(ar) .mobile-heading-s-500-drive {
   font-family: var(--arabic-font-family);
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .tablet-heading-s-500-drive {
     font-family: var(--main-font);
     font-size: 16px;
@@ -1577,7 +1577,7 @@ html:lang(ar) .heading-07-mobile-drive,
 html:lang(ar) .mobile-heading-s-300-drive {
   font-family: var(--arabic-font-family);
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .tablet-heading-s-300-drive {
     font-family: var(--main-font);
     font-size: 16px;
@@ -1712,7 +1712,7 @@ html:lang(ar) .data-01-mobile-drive,
 html:lang(ar) .mobile-data-xl-drive {
   font-family: var(--data-font-drive);
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .tablet-data-xl-drive {
     font-family: var(--data-font-drive);
     font-size: 32px;
@@ -1757,7 +1757,7 @@ html:lang(ar) .data-02-mobile-drive,
 html:lang(ar) .mobile-data-l-drive {
   font-family: var(--data-font-drive);
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .tablet-data-l-drive {
     font-family: var(--data-font-drive);
     font-size: 20px;
@@ -1802,7 +1802,7 @@ html:lang(ar) .data-03-mobile-drive,
 html:lang(ar) .mobile-data-m-drive {
   font-family: var(--data-font-drive);
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .tablet-data-m-drive {
     font-family: var(--data-font-drive);
     font-size: 16px;
@@ -1847,7 +1847,7 @@ html:lang(ar) .data-04-mobile-drive,
 html:lang(ar) .mobile-data-s-drive {
   font-family: var(--data-font-drive);
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .tablet-data-s-drive {
     font-family: var(--data-font-drive);
     font-size: 16px;
@@ -1870,9 +1870,9 @@ html:lang(ar) .mobile-data-s-drive {
   --text-nav-highlight: #0069bf;
   --text-error-message: #c51a11;
   --text-button-disabled: #c0ccd8;
-  --text-reverse-primary: #fff;
+  --text-reverse-primary: #ffffff;
   --text-reverse-primary-button: var(--text-reverse-primary);
-  --backgrounds-main: #fff;
+  --backgrounds-main: #ffffff;
   --backgrounds-content-0: #f9fafb;
   --backgrounds-content-1: #f2f5f7;
   --backgrounds-content-2: #d9e1e8;
@@ -1927,7 +1927,7 @@ html:lang(ar) .mobile-data-s-drive {
   --data--categorical-grey: #8a94a2;
 }
 .zen-dark {
-  --text-primary: #fff;
+  --text-primary: #ffffff;
   --text-secondary: #c0ccd8;
   --text-placeholder: #a6b8c9;
   --text-hyperlink: #ebf6ff;
@@ -1945,7 +1945,7 @@ html:lang(ar) .mobile-data-s-drive {
   --backgrounds-overlay: rgba(31, 40, 51, 0.4);
   --backgrounds-primary-brand: #4cb2ff;
   --backgrounds-reverse-2: #5282cb;
-  --backgrounds-reverse-1: #fff;
+  --backgrounds-reverse-1: #ffffff;
   --backgrounds-reverse-0: #f2f5f7;
   --borders-general: #748faa;
   --borders-secondary: #c0ccd8;
@@ -1991,7 +1991,7 @@ html:lang(ar) .mobile-data-s-drive {
   justify-content: center;
 }
 .zen-caption--center .zen-caption__content {
-  margin-inline-end: 0;
+  margin-right: 0;
 }
 .zen-caption--full-width {
   width: 100%;
@@ -2000,14 +2000,15 @@ html:lang(ar) .mobile-data-s-drive {
   line-height: 16px;
   font-weight: 400;
   white-space: nowrap;
-  margin-inline: 0 auto;
+  margin-left: 0;
+  margin-right: auto;
 }
 .zen-caption--hidden {
   display: none;
 }
 .zen-caption--wrapped .zen-caption__content {
   white-space: normal;
-  overflow-wrap: break-word;
+  word-wrap: break-word;
 }
 .zen-caption.zen-caption {
   display: inline-flex;
@@ -2016,20 +2017,24 @@ html:lang(ar) .mobile-data-s-drive {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
 }
 .zen-not-selectable {
   -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
   user-select: none;
 }
 .zen-shadow-dropdown-default {
-  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
 }
 .zen-card-shadow {
-  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
 }
 .zen-chip-shadow {
-  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
 }
 .zenIcons_pdf {
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%236a0000%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e00%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22d%22%20x1%3D%2215.139%22%20x2%3D%2218.633%22%20y1%3D%2210.443%22%20y2%3D%2231.32%22%20gradientTransform%3D%22matrix(1.73%200%200%201.939%20245.97%20385.974)%22%20gradientUnits%3D%22userSpaceOnUse%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3ClinearGradient%20id%3D%22b%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f8f8f7%22%2F%3E%3Cstop%20offset%3D%22.599%22%20stop-color%3D%22%23e8e8e8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e2e2de%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22c%22%20x1%3D%2220.794%22%20x2%3D%2235.596%22%20y1%3D%2218.379%22%20y2%3D%2239.6%22%20gradientTransform%3D%22matrix(1.343%200%200%201.235%20246.554%20404.243)%22%20gradientUnits%3D%22userSpaceOnUse%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-254.286%20-410.076)%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20x%3D%22254.287%22%20y%3D%22410.086%22%20fill%3D%22none%22%20color%3D%22%23000%22%20overflow%3D%22visible%22%20ry%3D%22.002%22%2F%3E%3Crect%20width%3D%2238.997%22%20height%3D%2245.003%22%20x%3D%22259.275%22%20y%3D%22412.317%22%20fill%3D%22url(%23c)%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23888a85%22%20rx%3D%22.567%22%20ry%3D%22.567%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20fill-rule%3D%22evenodd%22%20d%3D%22M293.774%20420.82h-30v2h30zM295.384%20425.973h-32.763v2.26h32.763zM295.384%20432.753h-32.763v2.26h32.763zM295.384%20439.533h-32.763v2.26h32.763z%22%20color%3D%22%23000%22%20overflow%3D%22visible%22%2F%3E%3Crect%20width%3D%2237.026%22%20height%3D%2243.022%22%20x%3D%22260.273%22%20y%3D%22413.32%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20rx%3D%220%22%20ry%3D%220%22%2F%3E%3Cpath%20fill%3D%22url(%23d)%22%20d%3D%22M254.785%20424.292v21.454h46.844v-21.454h-46.844z%22%2F%3E%3Cg%20fill%3D%22%23fff%22%20font-family%3D%22Bitstream%20Vera%20Sans%22%20font-size%3D%2212.448%22%20font-weight%3D%22bold%22%3E%3Cpath%20style%3D%22-inkscape-font-specification%3ABitstream%20Charter%20Bold%22%20d%3D%22M260.745%20427.96h5.398c1.605%200%202.836.401%203.692%201.203.862.795%201.292%201.932%201.293%203.409%200%201.483-.431%202.626-1.293%203.428-.856.795-2.087%201.193-3.692%201.193h-2.146v4.905h-3.252v-14.137m3.252%202.642v3.948h1.799c.631%200%201.118-.17%201.461-.511.344-.347.515-.836.515-1.468%200-.631-.172-1.117-.515-1.458-.344-.341-.831-.511-1.461-.511h-1.799M276.669%20430.715v8.626h1.166c1.329%200%202.343-.369%203.041-1.108.704-.739%201.056-1.812%201.056-3.219%200-1.401-.349-2.468-1.048-3.2-.698-.732-1.715-1.098-3.05-1.098h-1.166m-3.252-2.755h3.43c1.915%200%203.34.155%204.275.464a5.514%205.514%200%200%201%202.416%201.553%206.165%206.165%200%200%201%201.318%202.206c.287.833.431%201.777.431%202.831%200%201.067-.144%202.02-.431%202.86a6.157%206.157%200%200%201-1.318%202.206%205.647%205.647%200%200%201-2.433%201.562c-.946.303-2.365.455-4.258.455h-3.43v-14.137M287.778%20427.96h8.777v2.755h-5.525v2.632h5.195v2.755h-5.195v5.994h-3.252v-14.137%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23700000%22%20stroke-width%3D%221.62%22%20d%3D%22M254.746%20445.649l46.834-.151v-21.079%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
@@ -2046,7 +2051,7 @@ html:lang(ar) .mobile-data-s-drive {
   cursor: pointer;
   background: none;
   border: none;
-  overflow-wrap: break-word;
+  word-wrap: break-word;
 }
 .zen-link:hover,
 .zen-link:focus,
@@ -2092,7 +2097,7 @@ html:lang(ar) .mobile-data-s-drive {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
 }
 .zen-select-button {
   display: flex;
@@ -2109,7 +2114,7 @@ html:lang(ar) .mobile-data-s-drive {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
 }
 .zen-select-button:hover,
 .zen-select-button:focus {
@@ -2133,13 +2138,16 @@ html:lang(ar) .mobile-data-s-drive {
   grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
   grid-template-rows: auto auto;
   gap: 0.25rem 0.5rem;
-  place-items: center start;
+  align-items: center;
+  justify-items: start;
 }
 .zen-range-field-wrapper-row {
   display: grid;
-  place-items: center start;
+  align-items: center;
+  justify-items: start;
   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);
-  gap: 0.25rem 0.5rem;
+  row-gap: 0.25rem;
+  column-gap: 0.5rem;
 }
 :root {
   --border-width-default: 1px;
@@ -2149,6 +2157,7 @@ html:lang(ar) .mobile-data-s-drive {
   --mobile: 640px;
 }
 .zen-visually-hidden {
+  clip: rect(0 0 0 0);
   clip-path: inset(50%);
   height: 1px;
   overflow: hidden;
@@ -2683,8 +2692,8 @@ html:lang(ar) .zen-button--mobile {
 }
 .zen-calculate-position {
   position: absolute;
-  inset-inline-start: 0;
-  inset-block-start: 0;
+  left: 0;
+  top: 0;
   opacity: 0.01;
   max-height: 1px;
 }
@@ -2770,7 +2779,7 @@ html:lang(ar) .zen-accordion {
   background-color: var(--backgrounds-content-1);
   font-size: 14px;
   line-height: 16px;
-  border: 0;
+  border: 0px;
   font-style: normal;
   font-weight: 400;
   letter-spacing: 0.02rem;
@@ -2785,7 +2794,7 @@ html:lang(ar) .zen-accordion {
 }
 .zen-accordion__header-button .zen-accordion__header-arrow {
   fill: var(--action-secondary--default);
-  margin-inline-start: auto;
+  margin-left: auto;
 }
 .zen-accordion__header-button .zen-accordion__header-arrow--rotated {
   transform: rotate(180deg);
@@ -2816,7 +2825,7 @@ html:lang(ar) .zen-accordion {
 }
 .zen-accordion--legacy .zen-accordion__header-button {
   background-color: var(--backgrounds-main);
-  border-radius: 0;
+  border-radius: 0px;
   color: var(--text-primary);
   fill: var(--action-secondary--default);
 }
@@ -2900,7 +2909,6 @@ html:lang(ar) .zen-accordion {
 }
 .zen-banner__block--multiline {
   height: unset;
-  flex-wrap: wrap;
 }
 .zen-banner__block--XXL {
   max-width: 100%;
@@ -2925,6 +2933,9 @@ html:lang(ar) .zen-accordion {
   max-width: 22.5rem;
   min-width: 16.75rem;
 }
+.zen-banner__block--multiline {
+  flex-wrap: wrap;
+}
 .zen-banner__multiline-container {
   display: flex;
   align-items: center;
@@ -2994,7 +3005,7 @@ html:lang(ar) .zen-banner__header {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
   text-align: start;
   margin-inline-end: auto;
   max-width: 64.6875rem;
@@ -3010,7 +3021,7 @@ html:lang(ar) .zen-banner__message {
 .zen-banner__message--drive,
 .zen-banner__message--drive-tablet {
   max-width: 28.25rem;
-  padding-block-start: 0.25rem;
+  padding-top: 0.25rem;
 }
 .zen-banner__message--drive {
   font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -3034,6 +3045,7 @@ html:lang(ar) .zen-banner__message {
 }
 .zen-banner__message--mobile {
   max-width: unset;
+  overflow: unset;
   text-overflow: unset;
   white-space: unset;
   display: -webkit-box;
@@ -3214,7 +3226,7 @@ html:lang(ar) .zen-banner .zen-banner__summary-error-link {
   line-height: 1rem;
   text-transform: none;
   text-decoration: none;
-  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
   display: flex;
   position: absolute;
   background-color: var(--backgrounds-content-1);
@@ -3370,8 +3382,10 @@ html:lang(ar) .zen-tooltip__title {
 .zen-shield {
   box-sizing: border-box;
   position: fixed;
-  inset-block: 0;
-  inset-inline: 0;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
   z-index: 10006;
   background-color: #000;
   opacity: 0.1;
@@ -3415,7 +3429,7 @@ html:lang(ar) .zen-tooltip__title {
   justify-content: center;
 }
 .zen-text-icon-button .zen-caption__content {
-  margin-inline-end: 0;
+  margin-right: 0;
 }
 .zen-field-label {
   display: flex;
@@ -3465,7 +3479,6 @@ html:lang(ar) .zen-field-label__text {
 }
 .zen-card-container--absolute {
   flex-shrink: 0;
-  min-width: unset;
 }
 .zen-card-container--extra-extra-large {
   min-height: 26.125rem;
@@ -3522,7 +3535,7 @@ html:lang(ar) .zen-field-label__text {
   min-width: 0;
   max-width: unset;
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .zen-card-container {
     max-width: unset;
   }
@@ -3813,7 +3826,8 @@ html:lang(ar) .zen-card__secondary {
   overflow: hidden;
 }
 .zen-card__content--overflow-scroll {
-  overflow: hidden auto;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 .zen-card__header-right {
   margin-inline-start: auto;
@@ -3979,7 +3993,8 @@ html:lang(ar) .zen-menu-button__action {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  margin-inline: 0 auto;
+  margin-inline-start: 0;
+  margin-inline-end: auto;
 }
 .zen-menu-button__action--drive,
 .zen-menu-button__action--drive-tablet {
@@ -4034,13 +4049,13 @@ html:lang(ar) .zen-menu-button__action {
   line-height: 1rem;
   text-transform: none;
   text-decoration: none;
-  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
   border-radius: var(--border-radius-default);
   box-sizing: border-box;
   background-color: var(--backgrounds-main);
   padding: 0.25rem 0;
-  max-height: 90vb;
-  border: 0;
+  max-height: 90vh;
+  border: 0px;
   min-height: 1.875rem;
   min-width: 10.625rem;
   max-width: 26.25rem;
@@ -4063,17 +4078,18 @@ html:lang(ar) .zen-popup {
 }
 .zen-popup--block {
   padding: 0.25rem 0;
-  box-shadow: 0 2px 6px rgba(11, 32, 50, 0.2);
+  box-shadow: 0px 2px 6px rgba(11, 32, 50, 0.2);
   border-radius: var(--border-radius-default);
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .zen-popup {
     max-width: 100%;
   }
 }
 .zen-menu-separator {
-  list-style-type: none;
   border-block-start: 1px solid var(--borders-general);
+  list-style-type: none;
+  border-top: 1px solid var(--borders-general);
   height: 0;
 }
 .zen-side-panel {
@@ -4127,7 +4143,8 @@ html:lang(ar) .zen-side-panel {
   display: flex;
 }
 .zen-side-panel--left-positioned {
-  inset-inline: 0 auto;
+  inset-inline-start: 0;
+  inset-inline-end: auto;
   transform: translateX(-100%);
   border-start-start-radius: 0;
   border-end-start-radius: 0;
@@ -4167,12 +4184,13 @@ html:lang(ar) .zen-side-panel {
   border-start-end-radius: var(--border-radius-default);
   border-end-end-radius: 0;
   transform: translateY(100%);
-  inset-block: auto 0;
+  inset-block-start: auto;
+  inset-block-end: 0;
 }
 .zen-side-panel.zen-side-panel--bottom-positioned.zen-side-panel--shown {
   transform: translateY(0);
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .zen-side-panel {
     width: 100%;
     min-width: 100%;
@@ -4209,18 +4227,21 @@ html:lang(ar) .zen-side-panel {
   text-transform: none;
   text-decoration: none;
   color: var(--text-primary);
-  margin-block: 0 1rem;
+  margin-block-start: 0;
   margin-inline: 0;
+  margin-block-end: 1rem;
 }
 html:lang(ar) .zen-side-panel-cell__title {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
 }
 .zen-side-panel-cell__footer {
-  margin-block: 1rem 0;
+  margin-block-start: 1rem;
   margin-inline: 0;
+  margin-block-end: 0;
 }
 .zen-side-panel-cell--no-padding {
-  padding-inline: 0;
+  padding-inline-start: 0;
+  padding-inline-end: 0;
 }
 .zen-side-panel-cell--no-padding .zen-side-panel-cell__title {
   padding-inline-start: 1rem;
@@ -4348,7 +4369,7 @@ html:lang(ar) .zen-toast__header {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
   justify-self: end;
 }
 .zen-toast__progress {
@@ -4356,7 +4377,7 @@ html:lang(ar) .zen-toast__header {
   transition: width 0.3s linear;
 }
 .zen-toast__progress--active {
-  border-radius: 4px 0 0;
+  border-radius: 4px 0 0 0;
 }
 .zen-toast__progress--info {
   background-color: var(--accents-general--detail);
@@ -4374,7 +4395,7 @@ html:lang(ar) .zen-toast__header {
   line-height: 1.75rem;
   text-transform: none;
   text-decoration: none;
-  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
   position: relative;
   display: flex;
   flex-direction: row;
@@ -4399,7 +4420,7 @@ html:lang(ar) .zen-alert {
 .zen-alert::before {
   content: "";
   position: absolute;
-  inset-block-start: 0;
+  top: 0;
   inset-inline-start: -0.25rem;
   width: 0.5rem;
   height: 100%;
@@ -4444,7 +4465,7 @@ html:lang(ar) .zen-alert__body {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
 }
 .zen-alert__text {
   display: -webkit-box;
@@ -4462,7 +4483,7 @@ html:lang(ar) .zen-alert__body {
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
-  padding-block-start: 0.125rem;
+  padding-top: 0.125rem;
   color: var(--text-primary);
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 0.875rem;
@@ -4588,7 +4609,7 @@ html:lang(ar) .zen-alert__title {
   text-decoration: none;
 }
 .zen-alert--drive .zen-alert__icon {
-  padding-block-start: 0.125rem;
+  padding-top: 0.125rem;
 }
 .zen-alert--mobile {
   max-width: 100%;
@@ -4639,7 +4660,8 @@ html:lang(ar) .zen-alert__title {
   text-decoration: none;
   color: var(--text-secondary);
   padding-block: 0.75rem;
-  padding-inline: 0.75rem 0.5rem;
+  padding-inline-start: 0.75rem;
+  padding-inline-end: 0.5rem;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -4705,7 +4727,7 @@ html:lang(ar) .zen-mobile-sheet__title {
   min-width: 32.5rem;
   inset-inline-start: calc(50% - (260 / 16rem));
 }
-@media (width <= 520px) {
+@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%;
@@ -4750,10 +4772,12 @@ html:lang(ar) .zen-mobile-sheet__title {
   z-index: 11007;
 }
 .zen-card-button--drive-tablet {
-  padding-block: 0.75rem;
+  padding-block-start: 0.75rem;
+  padding-block-end: 0.75rem;
 }
 .zen-card-button--drive {
-  padding-block: 0.6875rem;
+  padding-block-start: 0.6875rem;
+  padding-block-end: 0.6875rem;
 }
 .zen-favorite-button {
   display: flex;
@@ -4837,12 +4861,13 @@ html:lang(ar) .zen-data-feed {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
 }
 .zen-data-feed__item-container {
-  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
   display: flex;
 }
 .zen-data-feed__action-container {
   padding-block-start: 0.5rem;
-  padding-inline: 0.25rem 0.5rem;
+  padding-inline-end: 0.5rem;
+  padding-inline-start: 0.25rem;
 }
 .zen-data-feed__content {
   flex: 1 1 auto;
@@ -4879,6 +4904,7 @@ html:lang(ar) .zen-data-feed {
 .zen-data-grid-not-interactive-mixin {
   pointer-events: none;
   user-select: none;
+  -webkit-user-select: none;
   -webkit-user-drag: none;
 }
 .zen-data-grid-loading-mixin {
@@ -5028,6 +5054,7 @@ html:lang(ar) .zen-data-grid__row-cell {
 .zen-data-grid__row-cell--loading {
   pointer-events: none;
   user-select: none;
+  -webkit-user-select: none;
   -webkit-user-drag: none;
   filter: blur(7px);
   animation: load-column 1s linear infinite alternate;
@@ -5050,20 +5077,22 @@ html:lang(ar) .zen-data-grid__row-cell {
 }
 .zen-data-grid--horizontal-scroll .zen-data-grid__header-cell--first {
   border-inline-end: 1px solid var(--borders-general);
-  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2);
 }
 .zen-data-grid--horizontal-scroll .zen-data-grid__row-cell--first {
   border-inline-end: 1px solid var(--borders-general);
-  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2);
 }
 .zen-data-grid--not-interactive .zen-data-grid__table {
   pointer-events: none;
   user-select: none;
+  -webkit-user-select: none;
   -webkit-user-drag: none;
 }
 .zen-data-grid--loading .zen-data-grid__table {
   pointer-events: none;
   user-select: none;
+  -webkit-user-select: none;
   -webkit-user-drag: none;
 }
 .zen-data-grid--loading .zen-data-grid__row-cell {
@@ -5077,7 +5106,7 @@ html:lang(ar) .zen-data-grid__row-cell {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
 }
 .zen-data-grid-header--multiline {
   white-space: normal;
@@ -5087,7 +5116,7 @@ html:lang(ar) .zen-data-grid__row-cell {
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
-  overflow-wrap: break-word;
+  word-break: break-word;
 }
 .zen-actions-column {
   display: flex;
@@ -5207,6 +5236,7 @@ html:lang(ar) .zen-feed-item__identifier {
   align-items: baseline;
   gap: 0.25rem;
   overflow-wrap: break-word;
+  word-wrap: break-word;
   width: 100%;
 }
 .zen-feed-item__label {
@@ -5499,7 +5529,7 @@ html:lang(ar) .zen-checkbox__label-text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
 }
 .zen-select-list[aria-disabled="true"] {
   cursor: not-allowed;
@@ -5623,7 +5653,7 @@ html:lang(ar) .zen-select-item {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
   color: var(--text-primary);
   max-width: 100%;
 }
@@ -5657,7 +5687,7 @@ html:lang(ar) .zen-link-column__name {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
   color: var(--text-secondary);
   max-width: 100%;
 }
@@ -5924,6 +5954,7 @@ html:lang(ar) .zen-mobile-sort-control__selected-label {
 .zen-flexible-column__content {
   width: 100%;
   text-align: start;
+  -webkit-user-select: none;
   user-select: none;
 }
 .zen-flexible-column:hover .zen-flexible-column__draggable-icon {
@@ -5947,14 +5978,14 @@ html:lang(ar) .zen-mobile-sort-control__selected-label {
   box-sizing: border-box;
 }
 .zen-resizer--invisible {
-  opacity: 0;
+  opacity: 0%;
 }
 .zen-resizer--invisible:hover,
 .zen-resizer--invisible:focus {
-  opacity: 1;
+  opacity: 100%;
 }
 .zen-resizer--manual-focus {
-  opacity: 1;
+  opacity: 100%;
   background-color: var(--borders-form-field--active);
 }
 .zen-resizer--vertical {
@@ -6001,7 +6032,7 @@ html:lang(ar) .zen-mobile-sort-control__selected-label {
   position: absolute;
   background-color: var(--backgrounds-main);
   z-index: 5001;
-  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.3);
+  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.3);
   border-spacing: 0;
   overflow: hidden;
   contain: strict;
@@ -6084,7 +6115,7 @@ html:lang(ar) .zen-columns-list__title {
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 0.5rem;
+  padding: 0.5rem 0.5rem;
   cursor: pointer;
   border-radius: var(--border-radius-default);
 }
@@ -6105,7 +6136,8 @@ html:lang(ar) .zen-columns-list__title {
 .zen-empty-state {
   box-sizing: border-box;
   display: grid;
-  place-content: center center;
+  justify-content: center;
+  align-content: center;
   text-align: center;
   gap: 0.625rem;
   grid-auto-flow: row;
@@ -6120,7 +6152,8 @@ html:lang(ar) .zen-columns-list__title {
 .zen-empty-state__image {
   width: 180px;
   height: 180px;
-  place-self: center center;
+  align-self: center;
+  justify-self: center;
   justify-content: center;
   display: flex;
   align-items: center;
@@ -6205,7 +6238,7 @@ html:lang(ar) .zen-empty-state__description {
   display: flex;
   gap: 0.75rem;
 }
-@media (width >= 641px) {
+@media (min-width: 641px) {
   .zen-data-grid-actions__post-actions {
     margin-inline-end: 1rem;
   }
@@ -6275,7 +6308,7 @@ html:lang(ar) .zen-empty-state__description {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
 }
 html:lang(ar) .zen-bulk-actions__number-of-selected {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -6332,7 +6365,8 @@ html:lang(ar) .zen-bulk-actions__number-of-selected {
   border-block-start: 1px solid var(--borders-general);
   background: var(--backgrounds-main);
   padding: 0.75rem 1rem;
-  inset-inline: 0;
+  inset-inline-end: 0;
+  inset-inline-start: 0;
   inset-block-end: 0;
 }
 .zen-bulk-actions--screen-panel .zen-bulk-actions__button-close {
@@ -6402,7 +6436,8 @@ html:lang(ar) .zen-pagination__text {
 }
 .zen-table__detail-panel--header-content {
   justify-content: space-between;
-  place-items: center center;
+  justify-items: center;
+  align-items: center;
 }
 .zen-table__detail-panel--header-description {
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -6531,6 +6566,9 @@ html:lang(ar) .zen-table__detail-panel--header-details {
   flex: 1;
   padding: 0.75rem;
 }
+.zen-table__detail-panel-footer {
+  padding: 0.75rem;
+}
 .zen-table__detail-panel .zen-page-header__page-name {
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 1rem;
@@ -6545,7 +6583,6 @@ html:lang(ar) .zen-table__detail-panel .zen-page-header__page-name {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
 }
 .zen-table__detail-panel-footer {
-  padding: 0.75rem;
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 0.875rem;
   font-style: normal;
@@ -6594,7 +6631,7 @@ html:lang(ar) .zen-table__detail-panel-footer {
   cursor: pointer;
   background: 0 0;
   border: 0;
-  overflow-wrap: break-word;
+  word-wrap: break-word;
 }
 html:lang(ar) .zen-table-link {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -6792,6 +6829,7 @@ html:lang(ar) .zen-summary-tile {
   max-width: 17rem;
 }
 .zen-summary-tile--default {
+  background-color: var(--backgrounds-content-1);
   fill: var(--text-primary);
   border: var(--border-width-default) solid var(--text-button-disabled);
   background: var(--backgrounds-main);
@@ -6800,7 +6838,7 @@ html:lang(ar) .zen-summary-tile {
   fill: var(--text-secondary);
 }
 .zen-summary-tile--default:hover {
-  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.17);
+  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.17);
 }
 .zen-summary-tile--error {
   background-color: var(--accents-error--main);
@@ -6808,7 +6846,7 @@ html:lang(ar) .zen-summary-tile {
   border: var(--border-width-default) solid var(--accents-error--detail);
 }
 .zen-summary-tile--error:hover {
-  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.22);
+  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.22);
 }
 .zen-summary-tile--success {
   background-color: var(--accents-success--main);
@@ -6816,7 +6854,7 @@ html:lang(ar) .zen-summary-tile {
   border: var(--border-width-default) solid var(--accents-success--detail);
 }
 .zen-summary-tile--success:hover {
-  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.22);
+  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.22);
 }
 .zen-summary-tile--warning {
   background-color: var(--accents-warning--main);
@@ -6824,7 +6862,7 @@ html:lang(ar) .zen-summary-tile {
   border: var(--border-width-default) solid var(--accents-warning--detail);
 }
 .zen-summary-tile--warning:hover {
-  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.22);
+  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.22);
 }
 .zen-summary-tile--active {
   background-color: var(--accents-general--main);
@@ -6832,7 +6870,7 @@ html:lang(ar) .zen-summary-tile {
   border: var(--border-width-default) solid var(--borders-form-field--active);
 }
 .zen-summary-tile--active:hover {
-  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.22);
+  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.22);
 }
 .zen-form-step-marker-inner {
   display: flex;
@@ -7012,7 +7050,7 @@ html:lang(ar) .zen-form-step__item .zen-form-step__label-secondary {
   padding: 0;
 }
 .zen-form-step__connector {
-  border-block-start: 2px solid;
+  border-top: 2px solid;
   flex-grow: 1;
   min-width: 0.6875rem;
   width: 100%;
@@ -7082,6 +7120,7 @@ html:lang(ar) .zen-form-stepper .zen-form-stepper__mobile-label {
   text-transform: none;
   text-decoration: none;
   padding-inline-start: 0.25rem;
+  display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   text-overflow: ellipsis;
@@ -7196,8 +7235,8 @@ html:lang(ar) .zen-review-text-control {
 .zen-toggler-component--drive::before {
   content: "";
   position: absolute;
-  inset-block-start: 50%;
-  inset-inline-start: 50%;
+  top: 50%;
+  left: 50%;
   transform: translate(-50%, -50%);
   width: var(--zen-toggler-tap-area-width-drive);
   height: var(--zen-toggler-tap-area-height-drive);
@@ -7207,7 +7246,7 @@ 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-block-start: 0.0625rem;
+  margin-top: 0.0625rem;
   margin-inline-start: 0.0625rem;
 }
 .zen-toggler-component--drive .zen-toggler-component__focus {
@@ -7215,7 +7254,7 @@ html:lang(ar) .zen-review-text-control {
   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);
-  inset-block-start: -0.25rem;
+  top: -0.25rem;
   inset-inline-start: -0.25rem;
 }
 .zen-toggler-component--drive-tablet {
@@ -7228,8 +7267,8 @@ html:lang(ar) .zen-review-text-control {
 .zen-toggler-component--drive-tablet::before {
   content: "";
   position: absolute;
-  inset-block-start: 50%;
-  inset-inline-start: 50%;
+  top: 50%;
+  left: 50%;
   transform: translate(-50%, -50%);
   width: var(--zen-toggler-tap-area-width-drive);
   height: var(--zen-toggler-tap-area-height-drive);
@@ -7239,7 +7278,7 @@ 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-block-start: 0.0625rem;
+  margin-top: 0.0625rem;
   margin-inline-start: 0.0625rem;
 }
 .zen-toggler-component--drive-tablet .zen-toggler-component__focus {
@@ -7247,7 +7286,7 @@ html:lang(ar) .zen-review-text-control {
   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);
-  inset-block-start: -0.25rem;
+  top: -0.25rem;
   inset-inline-start: -0.25rem;
 }
 .zen-toggler-component__runner {
@@ -7267,7 +7306,7 @@ html:lang(ar) .zen-review-text-control {
   min-height: var(--zen-toggler-runner-focus-size);
   border-radius: 50%;
   opacity: 0.4;
-  inset-block-start: -0.3125rem;
+  top: -0.3125rem;
   background-color: var(--action-secondary--default);
   inset-inline-start: -0.3125rem;
 }
@@ -7321,7 +7360,8 @@ html:lang(ar) .zen-toggler__label-text {
   flex-direction: row-reverse;
 }
 .zen-toggler__label--reverted .zen-toggler__label-text {
-  margin-inline: 0 0.5rem;
+  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 {
@@ -7479,7 +7519,7 @@ html:lang(ar) .zen-toggler__label-text {
   color: var(--text-primary);
   align-items: center;
   justify-content: space-between;
-  padding: 0.25rem 0.75rem;
+  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
   border-radius: 1.875rem;
   background: var(--backgrounds-content-1);
 }
@@ -7522,22 +7562,22 @@ html:lang(ar) .zen-pill-content {
 .zen-pill-actionable {
   padding: 0 0.5rem;
   -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
   user-select: none;
 }
-.zen-pill-actionable:hover {
+.zen-pill-actionable:not(.zen-pill-actionable--disabled):not(.zen-pill-actionable--readonly):hover {
   cursor: pointer;
 }
-.zen-pill-actionable--disabled:hover,
-.zen-pill-actionable--readonly:hover {
-  cursor: default;
-}
 .zen-pill-actionable:has(.zen-pill-actionable__input:focus-visible) {
   outline: 1px solid var(--borders-form-field--active);
   outline-offset: 2px;
 }
 .zen-pill-actionable__input {
   position: absolute;
-  inset-inline-start: -5000px;
+  left: -5000px;
 }
 .zen-pill-actionable__content-wrapper {
   margin: 0;
@@ -7584,6 +7624,7 @@ html:lang(ar) .zen-pill-content {
   line-height: 1rem;
   text-transform: none;
   text-decoration: none;
+  display: flex;
   align-items: center;
   justify-content: space-between;
   border-radius: 1.875rem;
@@ -7809,8 +7850,9 @@ html:lang(ar) .zen-form-field-error {
   flex: 0 0 auto;
 }
 .zen-form-field-error__icon-container {
-  padding-block: 0.0625rem 0;
+  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,
@@ -7884,7 +7926,7 @@ html:lang(ar) .zen-form-field-error {
 }
 .zen-form-field__input-container:has(.zen-radio-group--horizontal) .zen-form-field__trailing-text {
   align-self: flex-start;
-  margin-block-start: 0.75rem;
+  margin-top: 0.75rem;
 }
 .zen-form-field.zen-form-field--form-item .zen-radio {
   padding-block-end: 0.75rem;
@@ -7923,7 +7965,7 @@ html:lang(ar) .zen-form-field__trailing-text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: normal;
-  overflow-wrap: normal;
+  word-wrap: normal;
 }
 html:lang(ar) .zen-form-field__text {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -7964,7 +8006,7 @@ html:lang(ar) .zen-form-field__text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
   white-space: break-spaces;
 }
 .zen-form-field__length {
@@ -8036,7 +8078,7 @@ html:lang(ar) .zen-form-field__length {
   max-width: 100%;
 }
 .zen-dropdown--mobile .zen-mobile-sheet__title {
-  border-block-end: none;
+  border-bottom: none;
 }
 .zen-dropdown--mobile .zen-dropdown-mobile-sheet__search-container {
   padding-block: 1rem;
@@ -8044,7 +8086,7 @@ html:lang(ar) .zen-form-field__length {
 }
 .zen-dropdown--mobile .zen-dropdown-mobile-sheet__checkbox-container {
   padding: 1rem;
-  border-block-end: var(--border-width-default) solid var(--borders-general);
+  border-bottom: var(--border-width-default) solid var(--borders-general);
 }
 .zen-dropdown--mobile .zen-dropdown-mobile-sheet__search {
   width: 100%;
@@ -8056,11 +8098,11 @@ html:lang(ar) .zen-form-field__length {
 .zen-dropdown-popup__search-container .zen-input-adornments {
   border-radius: 0;
   border: none;
-  border-block-end: var(--border-width-default) solid var(--borders-general);
+  border-bottom: var(--border-width-default) solid var(--borders-general);
 }
 .zen-checkbox-list-with-action {
   box-sizing: border-box;
-  margin-block-end: 1rem;
+  margin-bottom: 1rem;
 }
 .zen-checkbox-list-with-action * {
   box-sizing: border-box;
@@ -8101,7 +8143,8 @@ html:lang(ar) .zen-checkbox-list-with-action__title {
 }
 .zen-checkbox-list-with-action__action-item--action .zen-checkbox__label {
   padding-inline-end: 0.5rem;
-  padding-block: 0.75rem;
+  padding-bottom: 0.75rem;
+  padding-top: 0.75rem;
 }
 .zen-checkbox-list-with-action__singled {
   font-weight: 700;
@@ -8118,7 +8161,7 @@ html:lang(ar) .zen-checkbox-list-with-action__title {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
   width: 100%;
 }
 .zen-checkbox-list-with-action__action-checkbox--full-width .zen-checkbox__label {
@@ -8141,7 +8184,8 @@ html:lang(ar) .zen-checkbox-list-with-action__title {
   color: var(--text-primary);
   width: 100%;
   padding-block: 0.4375rem;
-  padding-inline: 0.25rem 0.5rem;
+  padding-inline-start: 0.25rem;
+  padding-inline-end: 0.5rem;
 }
 html:lang(ar) .zen-checkbox-list-with-action__label {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -8324,20 +8368,20 @@ html:lang(ar) .zen-dropdown-list__label {
 .zen-dropdown-list__checkbox-container {
   padding-block: 0.5rem;
   padding-inline: 1rem;
-  border-block-end: var(--border-width-default) solid var(--borders-general);
+  border-bottom: var(--border-width-default) solid var(--borders-general);
 }
 .zen-dropdown-list__checkbox-container .zen-checkbox__label-text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
 }
 .zen-dropdown-list__item-wrapper {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
   margin: 1px;
-  border-block-end: var(--border-width-default) solid var(--borders-general);
+  border-bottom: var(--border-width-default) solid var(--borders-general);
 }
 .zen-dropdown-list__item {
   display: flex;
@@ -8376,7 +8420,7 @@ html:lang(ar) .zen-dropdown-list__label {
 }
 .zen-dropdown-list__sentinel-item {
   position: "absolute";
-  inset-inline-start: "-9999px";
+  left: "-9999px";
   width: "1px";
   height: "1px";
   opacity: 0;
@@ -8429,7 +8473,7 @@ html:lang(ar) .zen-dropdown-list__action-label {
 .zen-dropdown-list__footer {
   display: flex;
   justify-content: flex-start;
-  border-block-start: var(--border-width-default) solid var(--borders-general);
+  border-top: var(--border-width-default) solid var(--borders-general);
 }
 .zen-dropdown-list__action-button-back {
   padding-block: 0.4375rem;
@@ -8444,7 +8488,8 @@ html:lang(ar) .zen-dropdown-list__action-label {
 .zen-dropdown-list__cancel-button,
 .zen-dropdown-list__apply-button {
   margin-inline-end: 0.5rem;
-  margin-block: 0.5rem 0.25rem;
+  margin-block-start: 0.5rem;
+  margin-block-end: 0.25rem;
 }
 .zen-dropdown-list__clear-button {
   margin-inline-start: 0.5rem;
@@ -8559,7 +8604,7 @@ html:lang(ar) .zen-dropdown-list__action-label {
   min-width: var(--chip-min-width-default);
   max-width: var(--chip-max-width-default);
   width: fit-content;
-  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
   border-radius: var(--chip-border-radius);
   gap: 0.125rem;
 }
@@ -8573,19 +8618,13 @@ html:lang(ar) .zen-chip {
   outline: 1px solid var(--borders-form-field--active);
   outline-offset: 1px;
 }
+.zen-chip--default {
+  max-width: var(--chip-max-width-default);
+  width: fit-content;
+}
 .zen-chip.zen-chip--drive {
   border-radius: 0.5rem;
 }
-.zen-chip.zen-chip--drive .zen-chip__quantity {
-  font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
-  font-size: 1.25rem;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: 0rem;
-  line-height: 1.875rem;
-  text-transform: none;
-  text-decoration: none;
-}
 .zen-chip:not(.zen-chip--disabled):not(.zen-chip--readonly):hover {
   cursor: pointer;
 }
@@ -8594,11 +8633,12 @@ html:lang(ar) .zen-chip {
 }
 .zen-chip__input {
   position: absolute;
-  inset-inline-start: -5000px;
+  left: -5000px;
 }
 .zen-chip__content-wrapper {
   margin: 0;
   gap: 0.25rem;
+  display: flex;
   align-items: center;
   justify-content: space-between;
   display: grid;
@@ -8606,8 +8646,6 @@ html:lang(ar) .zen-chip {
   min-height: 16px;
 }
 .zen-chip--default {
-  max-width: var(--chip-max-width-default);
-  width: fit-content;
   background-color: var(--backgrounds-main);
   border: 1px solid var(--borders-general);
   color: var(--text-secondary);
@@ -8775,12 +8813,22 @@ html:lang(ar) .zen-chip__quantity {
   text-transform: none;
   text-decoration: none;
 }
+.zen-chip.zen-chip--drive .zen-chip__quantity {
+  font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
+  font-size: 1.25rem;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0rem;
+  line-height: 1.875rem;
+  text-transform: none;
+  text-decoration: none;
+}
 .zen-chip-content {
   display: flex;
   color: var(--text-primary);
   align-items: center;
   justify-content: space-between;
-  padding: 0.25rem 0.75rem;
+  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
   border-radius: 0.5rem;
   background: var(--backgrounds-content-1);
 }
@@ -9082,6 +9130,7 @@ html:lang(ar) .zen-filter-button.zen-filter-button--mobile .zen-filter-button__q
   outline: none;
   padding-block: 0;
   padding-inline: 0 0.3125rem;
+  -webkit-appearance: none;
   appearance: none;
   background-color: inherit;
   color: inherit;
@@ -9091,6 +9140,7 @@ html:lang(ar) .zen-dropdown-searchable-trigger .zen-dropdown-searchable-trigger_
 }
 .zen-dropdown-searchable-trigger__popup-trigger {
   display: flex;
+  border-color: var(--borders-general);
   border: 1px solid var(--borders-general);
   border-radius: var(--border-radius-default);
   justify-content: center;
@@ -9325,7 +9375,7 @@ html:lang(ar) .zen-dropdown-searchable-trigger__counter {
   box-sizing: border-box;
   border: var(--border-width-default) solid var(--borders-general);
   border-radius: var(--border-radius-default);
-  appearance: none;
+  -webkit-appearance: none;
   outline: none;
   background-color: var(--backgrounds-main);
   color: var(--text-primary);
@@ -9415,6 +9465,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
   outline: 0;
   padding: 0;
   padding-inline-start: 0.25rem;
+  -webkit-appearance: none;
   appearance: none;
   background-color: inherit;
   color: var(--text-primary);
@@ -9431,7 +9482,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
   overflow: hidden;
   padding: 0.5rem;
   display: grid;
-  gap: 0.5rem;
+  grid-gap: 0.5rem;
   align-items: center;
 }
 .zen-input-adornments * {
@@ -9473,6 +9524,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
   fill: var(--text-placeholder);
 }
 .zen-input-adornments__input {
+  height: 100%;
   width: 100%;
   height: 1rem;
 }
@@ -9489,6 +9541,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
   outline: 0;
   padding: 0;
   padding-inline-start: 0.25rem;
+  -webkit-appearance: none;
   appearance: none;
   background-color: inherit;
   color: var(--text-primary);
@@ -9503,7 +9556,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
 .zen-input-adornments.zen-input-adornments--drive {
   height: 2.75rem;
   display: grid;
-  gap: 0.5rem;
+  grid-gap: 0.5rem;
   align-items: center;
 }
 .zen-input-adornments.zen-input-adornments--drive.zen-input-adornments--has-start,
@@ -9533,8 +9586,9 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
 .zen-input-adornments.zen-input-adornments--mobile {
   height: 2.75rem;
   display: grid;
-  gap: 0.5rem;
+  grid-gap: 0.5rem;
   align-items: center;
+  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 {
@@ -9563,7 +9617,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
 .zen-input-adornments.zen-input-adornments--drive-tablet {
   height: 2.875rem;
   display: grid;
-  gap: 0.5rem;
+  grid-gap: 0.5rem;
   align-items: center;
 }
 .zen-input-adornments.zen-input-adornments--drive-tablet.zen-input-adornments--has-start,
@@ -9664,8 +9718,9 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
   width: 100%;
   height: auto;
   max-height: 100%;
-  inset-inline-start: 0;
-  inset-block: auto 0;
+  left: 0;
+  top: auto;
+  bottom: 0;
   z-index: 11005;
   background-color: var(--backgrounds-main);
 }
@@ -9812,7 +9867,7 @@ html:lang(ar) .zen-group-button {
   width: 1px;
   height: 1px;
   margin: -1px;
-  clip-path: inset(50%);
+  clip: rect(0, 0, 0, 0);
   position: absolute;
 }
 .zen-group-button__input:checked + .zen-group-button__label {
@@ -9979,7 +10034,7 @@ html:lang(ar) .zen-pill-box__label {
 }
 .zen-modal {
   box-sizing: border-box;
-  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
   position: absolute;
   width: 100%;
   height: 100%;
@@ -10011,8 +10066,9 @@ html:lang(ar) .zen-pill-box__label {
   background-color: var(--backgrounds-main);
   color: var(--text-primary);
   padding: 0;
-  box-shadow: 0 2px 6px rgba(11, 32, 50, 0.2);
-  max-height: 90vb;
+  box-shadow: 0px 2px 6px rgba(11, 32, 50, 0.2);
+  max-height: 90vh;
+  max-height: 90dvh;
   border-radius: 4px;
   overflow: hidden;
 }
@@ -10049,8 +10105,10 @@ html:lang(ar) .zen-pill-box__label {
 }
 .zen-modal-content__body {
   overflow: auto;
-  padding-block: 0.75rem 2rem;
-  padding-inline: 1.5rem;
+  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-block-end: 1rem;
@@ -10265,7 +10323,7 @@ html:lang(ar) .zen-status-pill__container {
   border-color: var(--borders-form-field--active);
 }
 .zen-status-pill__text {
-  margin-inline-end: 4px;
+  margin-right: 4px;
   color: var(--text-primary);
   flex-shrink: 1;
   min-width: 0;
@@ -10289,11 +10347,11 @@ html:lang(ar) .zen-status-pill__container {
   color: var(--text-reverse-primary);
 }
 .zen-status-pill__text--centered {
-  margin-inline-end: 0;
+  margin-right: 0;
 }
 .zen-status-pill__expand-button {
   padding: 0;
-  margin-inline-start: auto;
+  margin-left: auto;
   flex-shrink: 0;
 }
 .zen-status-pill__expand-button--default {
@@ -10324,7 +10382,7 @@ html:lang(ar) .zen-status-pill__container {
   display: flex;
   align-items: center;
   height: 12px;
-  margin-inline-end: 4px;
+  margin-right: 4px;
   flex-shrink: 0;
 }
 .zen-status-pill__icon--large {
@@ -10355,13 +10413,13 @@ html:lang(ar) .zen-status-pill__container {
   color: var(--text-reverse-primary);
 }
 .zen-status-pill__icon--standalone {
-  margin-inline-end: 0;
+  margin-right: 0;
 }
 .zen-absolute:has(.zen-status-pill-popup) {
   overflow: visible;
 }
 .zen-status-pill-popup {
-  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
   border-radius: 0.25rem;
   background-color: white;
   max-height: 560px;
@@ -10390,7 +10448,7 @@ html:lang(ar) .zen-status-pill__container {
   align-items: center;
   padding: 0.75rem 0.5rem;
   gap: 1rem;
-  border-block-end: 1px solid var(--borders-general);
+  border-bottom: 1px solid var(--borders-general);
 }
 .zen-status-pill-popup__title-item-text {
   flex: 1;
@@ -10459,7 +10517,7 @@ html:lang(ar) .zen-status-pill-popup__header-text {
   text-decoration: none;
 }
 .zen-status-pill-popup__header-text--left {
-  margin-inline-start: auto;
+  margin-left: auto;
 }
 .zen-status-pill-popup__description {
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -10505,11 +10563,11 @@ html:lang(ar) .zen-status-pill-popup__description {
   background-color: var(--borders-general);
 }
 .zen-status-pill-popup--mobile .zen-mobile-sheet__title {
-  border-block-end: 1px solid var(--borders-general);
+  border-bottom: 1px solid var(--borders-general);
 }
 .zen-status-pill-popup--mobile .zen-mobile-sheet__content {
   padding: 1rem;
-  max-height: 90vb;
+  max-height: 90vh;
   overflow-y: auto;
 }
 .zen-status-pill-popup__mobile-title {
@@ -10572,6 +10630,7 @@ html:lang(ar) .zen-status-pill-popup__view-more-badge {
   background: 0 0;
   padding: 0.5rem;
   vertical-align: middle;
+  border-width: 0;
   margin: 0.0625rem;
   border: none;
   background-color: transparent;
@@ -10620,7 +10679,7 @@ html:lang(ar) .zen-select {
   transform: rotateZ(180deg);
 }
 .zen-select__popup {
-  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
   border-radius: var(--border-radius-default);
   background-color: var(--backgrounds-main);
 }
@@ -10712,6 +10771,10 @@ html:lang(ar) .zen-calendar__year-name {
 .zen-calendar__table {
   width: 100%;
   -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
   user-select: none;
   border-collapse: separate;
   border-spacing: 0;
@@ -10767,7 +10830,7 @@ html:lang(ar) .zen-calendar__column {
   position: absolute;
   padding: 0;
   margin: 0;
-  inset-block-start: 0;
+  top: 0;
   z-index: 1;
   border-color: var(--action-primary--default);
   background-color: var(--accents-general--main);
@@ -10778,7 +10841,7 @@ html:lang(ar) .zen-calendar__column {
   border: 1px solid var(--action-primary--default);
   background-color: var(--accents-general--main);
   position: absolute;
-  inset-block-start: 0;
+  top: 0;
   z-index: 1;
   width: 2rem;
   border-radius: 1.5rem;
@@ -10799,7 +10862,7 @@ html:lang(ar) .zen-calendar__column {
 .zen-calendar__month-end {
   position: absolute;
   height: 1.5rem;
-  inset-block-start: 0;
+  top: 0;
   width: 1rem;
   z-index: 1;
   border-block: 1px solid var(--action-primary--default);
@@ -10843,7 +10906,7 @@ html:lang(ar) .zen-calendar__column {
   height: 1.5rem;
   text-align: center;
   position: absolute;
-  inset-block-start: 0;
+  top: 0;
   z-index: 2;
   border: 1px solid transparent;
 }
@@ -11035,7 +11098,7 @@ html:lang(ar) .zen-calendar__day {
   text-transform: none;
   text-decoration: none;
 }
-@media (width <= 520px) {
+@media (max-width: 520px) {
   .zen-calendar .zen-calendar__year {
     max-width: calc(100% - 7.875rem);
   }
@@ -11059,7 +11122,7 @@ html:lang(ar) .zen-calendar__day {
   z-index: 11010;
   width: 100%;
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .zen-parallel-selection-popup {
     width: 100%;
   }
@@ -11110,8 +11173,9 @@ html:lang(ar) .zen-chart__x-axis {
   --pie-center-label-font-weight: 400;
 }
 .zen-chart--legend-right {
-  flex-flow: row wrap;
+  flex-direction: row;
   align-items: center;
+  flex-wrap: wrap;
 }
 .zen-chart--legend-right .zen-chart__chart {
   flex: 0 0 auto;
@@ -11121,7 +11185,8 @@ html:lang(ar) .zen-chart__x-axis {
 .zen-chart--legend-right .zen-chart__legend {
   flex: 1 1 auto;
   padding-inline-start: 1rem;
-  overflow: hidden auto;
+  overflow-y: auto;
+  overflow-x: hidden;
 }
 @container (max-width: 640px) {
   .zen-chart--legend-right .zen-chart__chart {
@@ -11244,7 +11309,7 @@ html:lang(ar) .zen-pie-legend__item-percentage {
   font-size: 1rem;
   line-height: 1.125rem;
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .zen-pie-legend--drive .zen-pie-legend__item-label,
   .zen-pie-legend--drive .zen-pie-legend__item-value,
   .zen-pie-legend--drive .zen-pie-legend__item-percentage {
@@ -11260,6 +11325,7 @@ html:lang(ar) .zen-pie-legend__item-percentage {
   line-height: 1rem;
   text-decoration: none;
   box-sizing: border-box;
+  background-color: var(--backgrounds-content-1);
   background: var(--backgrounds-main);
   border-radius: 8px;
   color: var(--text-primary);
@@ -11307,7 +11373,7 @@ html:lang(ar) .zen-summary__header {
   border-radius: 50%;
   display: inline-block;
   height: 0.5rem;
-  margin: 0.125rem;
+  margin: 0.125rem 0.125rem;
   min-height: 0.5rem;
   min-width: 0.5rem;
   padding-inline: 0;
@@ -11446,7 +11512,7 @@ html:lang(ar) .zen-summary__content {
   position: absolute;
   z-index: 11100;
   border: 1px solid var(--borders-general);
-  box-shadow: 0 1px 3px 0 rgba(0, 17, 30, 0.15);
+  box-shadow: 0px 1px 3px 0px rgba(0, 17, 30, 0.15);
 }
 .zen-chart-tooltip__header {
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -11495,7 +11561,7 @@ html:lang(ar) .zen-chart-tooltip__subheader {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
 }
 html:lang(ar) .zen-chart-tooltip__label {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -11563,29 +11629,29 @@ html:lang(ar) .zen-chart-tooltip__note {
 }
 .zen-chart-tooltip__arrow--top {
   inset: -0.375rem auto auto calc(50% - 0.9375rem);
-  /* rtl:ignore */
+  /*rtl:ignore*/
   transform: rotate(45deg);
 }
 .zen-chart-tooltip__arrow--bottom {
   inset: auto auto -0.375rem calc(50% - 0.9375rem);
-  /* rtl:ignore */
+  /*rtl:ignore*/
   transform: rotate(225deg);
 }
 .zen-chart-tooltip__arrow--right {
   inset: calc(50% - 0.9375rem) -0.375rem auto auto;
-  /* rtl:ignore */
+  /*rtl:ignore*/
   transform: rotate(135deg);
 }
 .zen-chart-tooltip__arrow--left {
   inset: calc(50% - 0.9375rem) auto auto -0.375rem;
-  /* rtl:ignore */
+  /*rtl:ignore*/
   transform: rotate(315deg);
 }
 .zen-chart-insight {
   display: flex;
   gap: 4px;
   max-width: 560px;
-  margin-block-end: 8px;
+  margin-bottom: 8px;
 }
 .zen-chart-insight__icon {
   fill: var(--text-primary);
@@ -11607,7 +11673,8 @@ html:lang(ar) .zen-chart-insight__text {
 }
 .zen-legend {
   display: flex;
-  gap: 8px 16px;
+  column-gap: 16px;
+  row-gap: 8px;
   margin: 0;
   padding: 0;
   flex-wrap: wrap;
@@ -11644,7 +11711,7 @@ html:lang(ar) .zen-chart-insight__text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
 }
 html:lang(ar) .zen-legend__item-label {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -11676,7 +11743,7 @@ html:lang(ar) .zen-legend__item-value {
   font-size: 1rem;
   line-height: 1.125rem;
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .zen-legend.zen-legend--drive .zen-legend-list__item-text {
     font-size: 0.875rem;
   }
@@ -11684,7 +11751,8 @@ html:lang(ar) .zen-legend__item-value {
 .zen-chart-axis {
   display: flex;
   justify-content: space-between;
-  gap: 0.25rem 1rem;
+  column-gap: 1rem;
+  row-gap: 0.25rem;
   flex-wrap: wrap;
   margin: 0 0.625rem;
 }
@@ -11751,7 +11819,7 @@ html:lang(ar) .zen-chart-axis__value {
   flex-basis: 100%;
   justify-content: flex-end;
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .zen-chart-axis__item--wide {
     flex: 0 0 auto;
   }
@@ -11763,7 +11831,7 @@ html:lang(ar) .zen-chart-axis__value {
   margin: -1px;
   padding: 0;
   overflow: hidden;
-  clip-path: inset(50%);
+  clip: rect(0, 0, 0, 0);
   border: 0;
 }
 .zen-columns-filter {
@@ -11891,6 +11959,7 @@ html:lang(ar) .zen-columns-filter__item {
 .zen-flexible-column__content {
   width: 100%;
   text-align: start;
+  -webkit-user-select: none;
   user-select: none;
 }
 .zen-flexible-column:hover .zen-flexible-column__draggable-icon {
@@ -11956,6 +12025,10 @@ html:lang(ar) .zen-date-input-popup__header {
   padding: 0 0.5rem;
   border-block-start: 1px solid var(--backgrounds-content-1);
 }
+.zen-date-input-popup.zen-date-input-popup--drive-tablet {
+  width: 20rem;
+  min-width: 20rem;
+}
 .zen-date-input-popup.zen-date-input-popup--drive .zen-date-input-popup__header {
   font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 1rem;
@@ -11966,6 +12039,16 @@ html:lang(ar) .zen-date-input-popup__header {
   text-transform: none;
   text-decoration: none;
 }
+.zen-date-input-popup.zen-date-input-popup--drive-tablet .zen-date-input-popup__header {
+  font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
+  font-size: 1rem;
+  font-style: normal;
+  font-weight: 700;
+  letter-spacing: 0.02rem;
+  line-height: 1.375rem;
+  text-transform: none;
+  text-decoration: none;
+}
 .zen-date-input-mobile-sheet .zen-mobile-sheet__title {
   border-block-end: none;
 }
@@ -12077,7 +12160,7 @@ html:lang(ar) .zen-date-input-inner__control-block {
   width: 76px;
   height: 160px;
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .zen-time-select {
     width: 100%;
   }
@@ -12111,13 +12194,10 @@ html:lang(ar) .zen-date-input-inner__control-block {
 .zen-time-picker__trigger--error {
   border: 1px solid var(--text-error-message);
 }
-.zen-time-picker__trigger.zen-form-field__input {
+.zen-time-picker__trigger.zen-form-field__input:not(.zen-time-picker__trigger--full-width) {
   width: unset;
 }
-.zen-time-picker__trigger.zen-form-field__input.zen-time-picker__trigger--full-width {
-  width: 100%;
-}
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .zen-time-picker__popup {
     width: 100%;
   }
@@ -12147,7 +12227,6 @@ html:lang(ar) .zen-date-input-inner__control-block {
   width: 2rem;
   cursor: pointer;
   flex-shrink: 0;
-  /* stylelint-disable-next-line selector-not-notation */
 }
 .zen-date-range-wrapper .zen-date-range__stepper--left {
   margin-inline-end: -1px;
@@ -12224,7 +12303,7 @@ html:lang(ar) .zen-date-input-inner__control-block {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
 }
 .zen-date-range--with-stepper.zen-date-range--with-stepper:hover,
 .zen-date-range--with-stepper.zen-date-range--with-stepper:focus {
@@ -12471,8 +12550,8 @@ html:lang(ar) .zen-radio__label {
 .zen-radio--drive .zen-radio__input::before {
   width: 0.875rem;
   height: 0.875rem;
-  inset-block-start: calc(50% - 0.875rem / 2);
-  inset-inline-start: calc(50% - 0.875rem / 2);
+  top: calc(50% - 0.875rem / 2);
+  left: calc(50% - 0.875rem / 2);
 }
 .zen-radio__wrapper--mobile .zen-radio__label {
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -12495,8 +12574,8 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
 .zen-radio__wrapper--mobile .zen-radio__input::before {
   width: 0.875rem;
   height: 0.875rem;
-  inset-block-start: calc(50% - 0.875rem / 2);
-  inset-inline-start: calc(50% - 0.875rem / 2);
+  top: calc(50% - 0.875rem / 2);
+  left: calc(50% - 0.875rem / 2);
 }
 .zen-radio--drive-tablet .zen-radio__label {
   font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -12516,10 +12595,11 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
 .zen-radio--drive-tablet .zen-radio__input::before {
   width: 0.875rem;
   height: 0.875rem;
-  inset-block-start: calc(50% - 0.875rem / 2);
-  inset-inline-start: calc(50% - 0.875rem / 2);
+  top: calc(50% - 0.875rem / 2);
+  left: calc(50% - 0.875rem / 2);
 }
 .zen-radio__input {
+  -webkit-appearance: none;
   appearance: none;
   position: relative;
   cursor: pointer;
@@ -12542,8 +12622,8 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
   width: 0.625rem;
   height: 0.625rem;
   position: absolute;
-  inset-block-start: calc(50% - 0.625rem / 2);
-  inset-inline-start: calc(50% - 0.625rem / 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;
@@ -12626,7 +12706,10 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
   position: absolute;
   width: 100%;
   height: 100%;
-  inset: 0;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -12637,7 +12720,10 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
 .zen-dialog__shield {
   box-sizing: border-box;
   position: absolute;
-  inset: 0;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
   z-index: 11000;
   background-color: var(--backgrounds-hover);
   opacity: 0.5;
@@ -12654,8 +12740,9 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
   background-color: var(--backgrounds-main);
   color: var(--text-primary);
   padding: 0;
-  box-shadow: 0 2px 6px rgba(11, 32, 50, 0.2);
-  max-height: 90vb;
+  box-shadow: 0px 2px 6px rgba(11, 32, 50, 0.2);
+  max-height: 90vh;
+  max-height: 90dvh;
   border-radius: var(--border-radius-default);
   overflow: hidden;
 }
@@ -12672,6 +12759,7 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
 }
 .zen-dialog-content__header-title {
   flex-grow: 2;
+  padding-right: 12px;
   padding: 12px 24px;
 }
 .zen-dialog-content__header-close-button {
@@ -12679,7 +12767,7 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
-  margin-inline-end: 12px;
+  margin-right: 12px;
   width: 24px;
   height: 24px;
   fill: var(--text-reverse-primary);
@@ -12703,11 +12791,11 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
   display: flex;
   justify-content: space-between;
   padding: 12px;
-  border-block-start: 1px solid var(--borders-general);
+  border-top: 1px solid var(--borders-general);
   min-height: auto;
 }
 .zen-dialog-content__footer-item {
-  margin-inline-end: 8px;
+  margin-right: 8px;
 }
 .zen-dialog-content--small {
   max-width: 400px;
@@ -12716,7 +12804,7 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
   max-width: 600px;
 }
 .zen-popup-default {
-  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
   border-radius: var(--border-radius-default);
 }
 .zen-popup-body.zen-popup-body {
@@ -12727,36 +12815,38 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
 }
 .zen-alerts {
   position: fixed;
-  inset-block-start: 0;
-  inset-inline-end: 0;
+  top: 0;
+  right: 0;
   z-index: 11020;
   display: grid;
   gap: 16px;
-  margin-block-start: 48px;
-  padding-inline-end: 24px;
+  margin-top: 48px;
+  padding-right: 24px;
 }
 .zen-alerts--mobile {
   width: 100%;
   gap: 8px;
-  margin-block-start: 40px;
-  padding-inline: 12px;
+  margin-top: 40px;
+  padding-right: 12px;
+  padding-left: 12px;
   box-sizing: border-box;
 }
 .zen-toasts {
   position: fixed;
-  inset-block-end: 0;
-  inset-inline-end: 0;
+  bottom: 0;
+  right: 0;
   z-index: 11020;
   display: grid;
   gap: 16px;
-  margin-block-end: 32px;
-  padding-inline-end: 24px;
+  margin-bottom: 32px;
+  padding-right: 24px;
 }
 .zen-toasts--mobile {
   width: 100%;
   gap: 8px;
-  margin-block-end: 16px;
-  padding-inline: 12px;
+  margin-bottom: 16px;
+  padding-right: 12px;
+  padding-left: 12px;
   box-sizing: border-box;
 }
 @keyframes waiting {
@@ -12770,8 +12860,10 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
 .zen-waiting {
   box-sizing: border-box;
   position: absolute;
-  inset-block: 0;
-  inset-inline: 0;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
   overflow: hidden;
   z-index: 10005;
 }
@@ -12821,11 +12913,13 @@ html:lang(ar) .zen-waiting__spinner-text {
 }
 .zen-waiting__overlay {
   position: absolute;
-  inset-block: 0;
-  inset-inline: 0;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
   background-color: var(--backgrounds-overlay);
   opacity: 0.12;
-  text-align: start;
+  text-align: left;
   overflow: hidden;
 }
 .zen-waiting__overlay--hidden {
@@ -12860,7 +12954,7 @@ html:lang(ar) .zen-waiting__spinner-text {
   max-width: 2.5rem;
   max-height: 2.5rem;
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .zen-waiting__spinner {
     max-width: 2.5rem;
     max-height: 2.5rem;
@@ -13124,7 +13218,7 @@ html:lang(ar) .zen-file-upload__file-name {
 .zen-file-upload__remove-button {
   flex-shrink: 0;
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .zen-file-upload--mobile .zen-file-upload__drop-zone-text {
     text-align: center;
   }
@@ -13172,7 +13266,7 @@ html:lang(ar) .zen-file-upload__file-name {
 .zen-filters__main-row {
   display: flex;
   align-items: center;
-  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
   border-radius: 999px;
   border: var(--border-width-default) solid var(--borders-general);
   background-color: var(--backgrounds-main);
@@ -13221,7 +13315,7 @@ html:lang(ar) .zen-file-upload__file-name {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
 }
 .zen-filters__select-caption {
   width: auto;
@@ -13351,7 +13445,8 @@ html:lang(ar) .zen-file-upload__file-name {
 .zen-filters-container__mobile-scroll-wrapper {
   padding: 0.125rem;
   display: flex;
-  flex-flow: row nowrap;
+  flex-direction: row;
+  flex-wrap: nowrap;
   align-items: center;
   gap: 0.5rem;
   width: 100%;
@@ -13425,7 +13520,8 @@ html:lang(ar) .zen-file-upload__file-name {
   height: 3rem;
 }
 .zen-groups-filter-menu__groups-box {
-  overflow: hidden auto;
+  overflow-y: auto;
+  overflow-x: hidden;
   max-height: 16.25rem;
 }
 .zen-groups-filter-menu__groups-list--no-space,
@@ -13510,7 +13606,7 @@ html:lang(ar) .zen-file-upload__file-name {
   padding-inline-end: 0;
 }
 .zen-groups-filter-menu__item--underlined {
-  border-block-end: 1px solid;
+  border-bottom: 1px solid;
 }
 .zen-groups-filter-menu__item--inline {
   display: inline-block;
@@ -13555,7 +13651,7 @@ html:lang(ar) .zen-file-upload__file-name {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
 }
 .zen-groups-filter-menu__advanced-button,
 .zen-groups-filter-menu__action-button-home {
@@ -13663,13 +13759,14 @@ html:lang(ar) .zen-file-upload__file-name {
   border: none;
   outline: none;
   padding-inline-end: 0.3125rem;
+  -webkit-appearance: none;
   appearance: none;
   background-color: inherit;
   color: inherit;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
 }
 .zen-groups-filter .zen-groups-filter__input:hover {
   background-color: var(--backgrounds-hover);
@@ -13696,6 +13793,7 @@ html:lang(ar) .zen-groups-filter .zen-groups-filter__input::placeholder {
 }
 .zen-groups-filter__popup-trigger {
   display: flex;
+  border-color: var(--borders-general);
   border: 1px solid var(--borders-general);
   border-radius: var(--border-radius-default);
   justify-content: center;
@@ -13797,7 +13895,7 @@ html:lang(ar) .zen-groups-filter .zen-groups-filter__input::placeholder {
   display: flex;
 }
 .zen-item-data {
-  padding: 0.75rem 0.75rem 0.6875rem;
+  padding: 0.75rem 0.75rem 0.6875rem 0.75rem;
   background-color: var(--backgrounds-main);
   border-block-end: 1px solid var(--borders-general);
   display: flex;
@@ -13901,7 +13999,7 @@ html:lang(ar) .zen-item-data__identifier {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
   color: var(--text-primary);
   flex: 1 1 auto;
 }
@@ -13920,7 +14018,7 @@ html:lang(ar) .zen-item-data__name {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
   color: var(--text-hyperlink);
   flex: 1 1 auto;
   width: 100%;
@@ -14171,7 +14269,7 @@ html:lang(ar) .zen-item-data__data-value {
   flex: 0 0 auto;
 }
 .zen-list-item-compact {
-  padding: 0.5rem 0 0.4375rem;
+  padding: 0.5rem 0 0.4375rem 0;
   background-color: var(--backgrounds-main);
   border-block-end: 1px solid var(--borders-general);
   display: flex;
@@ -14201,7 +14299,7 @@ html:lang(ar) .zen-item-data__data-value {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
 }
 html:lang(ar) .zen-list-item-compact__name {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -14308,15 +14406,15 @@ html:lang(ar) .zen-list-item-compact__data {
   max-width: 31.25rem;
 }
 .zen-list-item {
-  padding: 0.5rem 1rem 0.4375rem;
+  padding: 0.5rem 1rem 0.4375rem 1rem;
   background-color: var(--backgrounds-main);
   border-block-end: 1px solid var(--borders-general);
   display: flex;
   gap: 0.5rem;
   align-items: center;
   width: 100%;
-  box-sizing: border-box;
   min-height: 3rem;
+  box-sizing: border-box;
 }
 .zen-list-item:hover {
   background-color: var(--backgrounds-content-1);
@@ -14363,7 +14461,7 @@ html:lang(ar) .zen-list-item__identifier {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 0.875rem;
   font-style: normal;
@@ -14390,7 +14488,7 @@ html:lang(ar) .zen-list-item__name {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
 }
 html:lang(ar) .zen-list-item__secondary {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -14439,7 +14537,7 @@ html:lang(ar) .zen-list-item__secondary {
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .zen-list-item__identifier {
     flex-direction: column;
     align-items: initial;
@@ -14714,7 +14812,7 @@ html:lang(ar) .zen-filters-search-list__header-title {
   align-items: center;
   justify-content: center;
   content: "\00d7";
-  inset-block-start: 0;
+  top: 0;
   inset-inline-end: 0.5rem;
   width: 1.25rem;
   height: 100%;
@@ -14921,13 +15019,14 @@ html:lang(ar) .zen-search-item-data-wrapper--mobile .zen-search-item-data__secon
   padding-inline: 1rem;
   align-items: center;
   height: 3.8125rem;
-  margin-inline: 0.25rem;
+  margin-inline-end: 0.25rem;
+  margin-inline-start: 0.25rem;
 }
 .zen-page-header__page-name {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
   max-width: 41rem;
   padding: 0;
   margin: 0;
@@ -14959,7 +15058,8 @@ html:lang(ar) .zen-page-header__page-name {
   flex: 0 0 auto;
 }
 .zen-page-header__left-aligned-tool {
-  margin-inline: 0.375rem auto;
+  margin-inline-end: auto;
+  margin-inline-start: 0.375rem;
 }
 .zen-page-header__sub-line {
   align-items: flex-start;
@@ -15028,7 +15128,6 @@ html:lang(ar) .zen-page-header--new .zen-page-header__main-line {
 }
 .zen-page-header--mobile .zen-page-header__main-line {
   gap: 0.25rem;
-  justify-content: initial;
 }
 .zen-page-header--mobile .zen-page-header__page-name {
   max-width: 11.25rem;
@@ -15070,6 +15169,9 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
   text-transform: none;
   text-decoration: none;
 }
+.zen-page-header--mobile .zen-page-header__main-line {
+  justify-content: initial;
+}
 .zen-tabs {
   box-sizing: border-box;
   width: 100%;
@@ -15093,7 +15195,8 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
 }
 .zen-tabs__scrollable {
   display: flex;
-  overflow: auto hidden;
+  overflow-x: auto;
+  overflow-y: hidden;
   scrollbar-width: none;
   -ms-overflow-style: none;
   padding: 0.0625rem;
@@ -15188,11 +15291,6 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
   width: 2.875rem;
   height: 2.875rem;
 }
-.zen-tabs .zen-tabs__scroller.zen-tabs__scroller--drive,
-.zen-tabs .zen-tabs__scroller.zen-tabs__scroller--drive-tablet {
-  width: 3rem;
-  height: 3rem;
-}
 .zen-tabs .zen-tabs__gradient.zen-tabs__gradient--mobile.zen-tabs__gradient--left::after {
   position: absolute;
   content: "";
@@ -15211,6 +15309,15 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
   inset-inline-end: calc(2.875rem - 0.5rem);
   background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
 }
+.zen-tabs.zen-tabs--drive,
+.zen-tabs.zen-tabs--drive-tablet {
+  height: 3rem;
+}
+.zen-tabs .zen-tabs__scroller.zen-tabs__scroller--drive,
+.zen-tabs .zen-tabs__scroller.zen-tabs__scroller--drive-tablet {
+  width: 3rem;
+  height: 3rem;
+}
 .zen-tabs .zen-tabs__gradient.zen-tabs__gradient--drive.zen-tabs__gradient--left::after,
 .zen-tabs .zen-tabs__gradient.zen-tabs__gradient--drive-tablet.zen-tabs__gradient--left::after {
   position: absolute;
@@ -15231,10 +15338,6 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
   inset-inline-end: calc(3rem - 0.5rem);
   background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
 }
-.zen-tabs.zen-tabs--drive,
-.zen-tabs.zen-tabs--drive-tablet {
-  height: 3rem;
-}
 .zen-tab-item {
   box-sizing: border-box;
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -15249,7 +15352,7 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
   padding: 5px 16px 4px;
   height: 34px;
   border: none;
-  border-block-end: 3px solid transparent;
+  border-bottom: 3px solid transparent;
   background-color: transparent;
   color: var(--text-secondary);
   fill: var(--text-secondary);
@@ -15263,13 +15366,13 @@ html:lang(ar) .zen-tab-item {
 }
 .zen-tab-item--active {
   color: var(--text-hyperlink);
-  border-block-end: 3px solid var(--borders-form-field--active);
+  border-bottom: 3px solid var(--borders-form-field--active);
 }
 .zen-tab-item.zen-tab-item--disabled {
   cursor: default;
   color: var(--text-button-disabled);
   fill: var(--text-button-disabled);
-  border-block-end: 3px solid transparent;
+  border-bottom: 3px solid transparent;
 }
 .zen-tab-item.zen-tab-item--disabled:hover,
 .zen-tab-item.zen-tab-item--disabled:focus {
@@ -15311,8 +15414,8 @@ html:lang(ar) .zen-tab-item {
   color: var(--text-reverse-primary);
   min-width: 16px;
   border-radius: 16px;
-  padding: 0 4px;
-  margin-inline-start: 8px;
+  padding: 0px 4px;
+  margin-left: 8px;
 }
 html:lang(ar) .zen-tab-item__content-quantity {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -15320,7 +15423,7 @@ html:lang(ar) .zen-tab-item__content-quantity {
 .zen-tab-item__content-icon {
   display: flex;
   align-items: center;
-  margin-inline-end: 10px;
+  margin-right: 10px;
   max-height: 16px;
 }
 .zen-tab-item__content-icon--active {
@@ -15338,7 +15441,7 @@ html:lang(ar) .zen-tab-item__content-quantity {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
   max-width: 130px;
 }
 html:lang(ar) .zen-tab-item__content-text {
@@ -15460,7 +15563,8 @@ html:lang(ar) .zen-tab-item.zen-tab-item--mobile .zen-tab-item__content-text {
 }
 .zen-filters-toolbar__scrollable {
   display: flex;
-  overflow: auto hidden;
+  overflow-x: auto;
+  overflow-y: hidden;
   height: 100%;
   scrollbar-width: none;
   -ms-overflow-style: none;
@@ -15502,7 +15606,7 @@ html:lang(ar) .zen-tab-item.zen-tab-item--mobile .zen-tab-item__content-text {
   content: "";
   margin-inline-start: -2.5rem;
   height: 100%;
-  inset-block-start: 0;
+  top: 0;
   width: 2.5rem;
   background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
 }
@@ -15514,7 +15618,7 @@ html:lang(ar) .zen-tab-item.zen-tab-item--mobile .zen-tab-item__content-text {
   content: "";
   margin-inline-start: 2.5rem;
   height: 100%;
-  inset-block-start: 0;
+  top: 0;
   width: 2.5rem;
   background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
 }
@@ -15614,7 +15718,7 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
   content: "";
   margin-inline-start: 3.5rem;
   height: 100%;
-  inset-block-start: 0;
+  top: 0;
   width: 3.25rem;
   z-index: 1000;
   background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
@@ -15629,7 +15733,7 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
   content: "";
   margin-inline-start: -3.25rem;
   height: 100%;
-  inset-block-start: 0;
+  top: 0;
   width: 3.25rem;
   background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
 }
@@ -15638,7 +15742,7 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
   background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
 }
 .zen-side-panel-parent--open {
-  max-height: 100vb;
+  max-height: 100vh;
   overflow-y: hidden;
 }
 .zen-filters-bar-dropdown {
@@ -15817,7 +15921,7 @@ html:lang(ar) .zen-range-field {
   text-decoration: none;
   color: var(--text-error-message);
   fill: var(--text-error-message);
-  margin-block-start: 0.25rem;
+  margin-top: 0.25rem;
 }
 html:lang(ar) .zen-range-field__error {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -15858,7 +15962,7 @@ html:lang(ar) .zen-range-field__label--mobile {
 }
 .zen-range-field__input::-webkit-inner-spin-button,
 .zen-range-field__input::-webkit-outer-spin-button {
-  appearance: none;
+  -webkit-appearance: none;
   margin: 0;
 }
 .zen-range-field__input--mobile {
@@ -15877,7 +15981,7 @@ html:lang(ar) .zen-range-field__label--mobile {
   text-transform: none;
   text-decoration: none;
   color: var(--text-primary);
-  text-align: end;
+  text-align: right;
 }
 html:lang(ar) .zen-range-field__sense {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -15928,9 +16032,11 @@ html:lang(ar) .zen-range {
   min-width: 18.5rem;
   max-width: 20.5rem;
   display: grid;
-  place-items: center start;
+  align-items: center;
+  justify-items: start;
   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);
-  gap: 0.25rem 0.5rem;
+  row-gap: 0.25rem;
+  column-gap: 0.5rem;
 }
 .zen-range__fields-container--column {
   min-width: 12.5rem;
@@ -15939,7 +16045,8 @@ html:lang(ar) .zen-range {
   grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
   grid-template-rows: auto auto;
   gap: 0.25rem 0.5rem;
-  place-items: center start;
+  align-items: center;
+  justify-items: start;
 }
 .zen-range__trigger-button {
   max-width: 12.5rem;
@@ -15961,8 +16068,8 @@ html:lang(ar) .zen-range {
   text-transform: none;
   text-decoration: none;
   color: var(--text-secondary);
-  padding: 0.75rem 1rem 0.6875rem;
-  border-block-end: 1px solid var(--backgrounds-content-1);
+  padding: 0.75rem 1rem 0.6875rem 1rem;
+  border-bottom: 1px solid var(--backgrounds-content-1);
 }
 html:lang(ar) .zen-range__label {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -15978,13 +16085,14 @@ html:lang(ar) .zen-range__label {
 .zen-range__footer {
   display: flex;
   justify-content: flex-start;
-  border-block-start: var(--border-width-default) solid var(--borders-general);
+  border-top: var(--border-width-default) solid var(--borders-general);
 }
 .zen-range__clear-button,
 .zen-range__cancel-button,
 .zen-range__apply-button {
   margin-inline-end: 0.5rem;
-  margin-block: 0.5rem 0.25rem;
+  margin-top: 0.5rem;
+  margin-bottom: 0.25rem;
 }
 .zen-range__clear-button {
   margin-inline-start: 0.5rem;
@@ -16022,14 +16130,17 @@ html:lang(ar) .zen-range-popup.zen-range-popup {
   grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
   grid-template-rows: auto auto;
   gap: 0.25rem 0.5rem;
-  place-items: center start;
+  align-items: center;
+  justify-items: start;
 }
 .zen-filters-bar-side-panel-range__items-container--row {
   max-width: 18.5rem;
   display: grid;
-  place-items: center start;
+  align-items: center;
+  justify-items: start;
   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);
-  gap: 0.25rem 0.5rem;
+  row-gap: 0.25rem;
+  column-gap: 0.5rem;
 }
 .zen-filters-bar-side-panel-range__item--column {
   min-width: 8.5rem;
@@ -16059,10 +16170,11 @@ html:lang(ar) .zen-range-popup.zen-range-popup {
 }
 .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 {
-  margin-inline-end: 0;
+  margin-right: 0;
 }
 .zen-header-button--with-dropdown.zen-header-button-with-dropdown--drive-tablet {
-  padding-block: 12px;
+  padding-top: 12px;
+  padding-bottom: 12px;
 }
 .zen-filters-saved-popup__content {
   margin: 1px;
@@ -16133,12 +16245,12 @@ html:lang(ar) .zen-filters-saved-popup__content {
   border: none;
   color: var(--text-primary);
   flex-grow: 1;
-  text-align: start;
+  text-align: left;
   cursor: pointer;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 0.875rem;
   font-style: normal;
@@ -16403,7 +16515,8 @@ html:lang(ar) .zen-side-panel-filters__title--mobile {
   fill: var(--text-primary);
 }
 .zen-side-panel-filters__content {
-  overflow: hidden auto;
+  overflow-x: hidden;
+  overflow-y: auto;
   flex: 1 1 auto;
 }
 .zen-side-panel-filters__item {
@@ -16505,7 +16618,7 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
   min-width: 22.5rem;
   max-width: 22.5rem;
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .zen-side-panel-filters.zen-side-panel-filters {
     width: 100%;
     max-width: 100%;
@@ -16642,7 +16755,8 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
   padding: 0.0625rem;
   width: 100%;
   display: flex;
-  flex-flow: row nowrap;
+  flex-direction: row;
+  flex-wrap: nowrap;
 }
 .zen-filters-select__list-item-wrapper--expanded {
   z-index: 2;
@@ -16829,7 +16943,8 @@ html:lang(ar) .zen-side-panel-filters-bar__title {
 }
 .zen-side-panel-filters-bar__content {
   padding-block-start: 0.5rem;
-  overflow: hidden auto;
+  overflow-x: hidden;
+  overflow-y: auto;
   flex: 1 1 auto;
 }
 .zen-side-panel-filters-bar__apply-button--desktop {
@@ -16865,7 +16980,7 @@ html:lang(ar) .zen-side-panel-filters-bar__title {
   min-width: 20rem;
   max-width: 20rem;
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .zen-side-panel-filters-bar.zen-side-panel-filters-bar {
     width: 100%;
     max-width: 100%;
@@ -16920,7 +17035,7 @@ html:lang(ar) .zen-form-layout-title {
   min-width: fit-content;
   max-width: fit-content;
 }
-@media (width >= 1025px) {
+@media (min-width: 1025px) {
   .zen-grid {
     display: grid;
     grid-template-columns: repeat(12, 1fr);
@@ -17043,14 +17158,14 @@ html:lang(ar) .zen-form-layout-title {
     max-width: fit-content;
   }
 }
-@media (width >= 1440px) {
+@media (min-width: 1440px) {
   .zen-grid {
     margin: 0 auto;
     max-width: 1440px;
     width: 100%;
   }
 }
-@media (width <= 1024px) {
+@media (max-width: 1024px) {
   .zen-grid {
     display: grid;
     grid-template-columns: repeat(8, 1fr);
@@ -17143,7 +17258,7 @@ html:lang(ar) .zen-form-layout-title {
     max-width: fit-content;
   }
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .zen-grid {
     margin: 0 0.75rem;
     grid-template-columns: repeat(4, 1fr);
@@ -17245,17 +17360,13 @@ html:lang(ar) .zen-form-layout-secondary {
 .zen-form-layout {
   padding: 0;
   grid-template-rows: repeat(auto-fit, minmax(0, max-content));
-  height: max-content;
 }
-.zen-form-layout--has-wrapper {
-  height: auto;
+.zen-form-layout:not(.zen-form-layout--has-wrapper) {
+  height: max-content;
 }
-.zen-form-layout-stepper {
+.zen-form-layout-stepper:not(.zen-form-layout-stepper--with-banner) {
   margin-block-end: 2.5rem;
 }
-.zen-form-layout-stepper--with-banner {
-  margin-block-end: 0;
-}
 .zen-form-separator {
   margin-block: 2rem;
   margin-inline: 0;
@@ -17379,7 +17490,7 @@ html:lang(ar) .zen-form-layout-secondary {
 .zen-mobile-search-control--expanded {
   display: flex;
   width: 100%;
-  padding: 6px 12px;
+  padding: 6px 12px 6px;
   gap: 8px;
 }
 .zen-mobile-search-control__search {
@@ -17390,8 +17501,8 @@ html:lang(ar) .zen-form-layout-secondary {
 }
 .zen-mobile-filter-control__counter-wrapper {
   position: absolute;
-  inset-block-start: 0;
-  inset-inline-end: 0;
+  top: 0;
+  right: 0;
 }
 .zen-mobile-filter-control__counter {
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -17424,7 +17535,8 @@ html:lang(ar) .zen-mobile-filter-control__counter {
   display: flex;
   justify-content: space-between;
   gap: 4px;
-  place-items: center center;
+  justify-items: center;
+  align-items: center;
   height: 56px;
   width: 100%;
 }
@@ -17441,7 +17553,8 @@ html:lang(ar) .zen-mobile-filter-control__counter {
   gap: 8px;
   align-items: center;
   flex-shrink: 0;
-  padding-inline: 4px;
+  padding-right: 4px;
+  padding-left: 4px;
   height: 100%;
 }
 .zen-header__section--middle {
@@ -17542,18 +17655,9 @@ html:lang(ar) .zen-mobile-filter-control__counter {
 .zen-layout__middle-element {
   height: 0;
 }
-.zen-layout .zen-layout__content--full-screen > * {
+.zen-layout .zen-layout__content--full-screen > *:not(.zen-layout__full-screen-element--visible):not(.zen-layout__full-screen-element--visible *):not([data-full-screen-parent="true"]) {
   display: none;
 }
-.zen-layout .zen-layout__content--full-screen > .zen-layout__full-screen-element--visible {
-  display: block;
-}
-.zen-layout .zen-layout__content--full-screen > .zen-layout__full-screen-element--visible * {
-  display: initial;
-}
-.zen-layout .zen-layout__content--full-screen > [data-full-screen-parent="true"] {
-  display: block;
-}
 .zen-layout .zen-layout__content:has(> :first-child > :first-child .zen-data-grid-actions),
 .zen-layout .zen-layout__content:has(> :first-child > :first-child.zen-data-grid-actions),
 .zen-layout .zen-layout__content--full-screen:has(.zen-layout__full-screen-element--visible .zen-data-grid-actions) {
@@ -17576,7 +17680,8 @@ html:lang(ar) .zen-mobile-filter-control__counter {
   box-sizing: border-box;
 }
 .zen-card-deck--mobile {
-  padding-block: 0.125rem 0.0625rem;
+  padding-block-start: 0.125rem;
+  padding-block-end: 0.0625rem;
   padding-inline: 0.75rem;
 }
 .zen-card-deck__cards {
@@ -17621,7 +17726,8 @@ html:lang(ar) .zen-mobile-filter-control__counter {
   background-color: transparent;
   display: flex;
   justify-content: space-between;
-  flex-flow: row nowrap;
+  flex-direction: row;
+  flex-wrap: nowrap;
   align-items: flex-start;
   gap: 1.5rem;
 }
@@ -17637,7 +17743,8 @@ html:lang(ar) .zen-mobile-filter-control__counter {
 }
 .zen-page-header-component__actions {
   display: flex;
-  flex-flow: row nowrap;
+  flex-direction: row;
+  flex-wrap: nowrap;
   align-items: center;
   gap: 0.75rem;
 }
@@ -17666,9 +17773,10 @@ html:lang(ar) .zen-mobile-filter-control__counter {
 .zen-legend-list--flexible {
   display: flex;
   gap: 0.625rem;
-  flex-flow: row wrap;
+  flex-direction: row;
   margin: 0;
   padding: 0;
+  flex-wrap: wrap;
 }
 .zen-legend-list__item {
   display: flex;
@@ -17697,7 +17805,7 @@ html:lang(ar) .zen-mobile-filter-control__counter {
   font-size: 1rem;
   line-height: 1.125rem;
 }
-@media (width <= 640px) {
+@media (max-width: 640px) {
   .zen-legend-list.zen-legend-list--drive .zen-legend-list__item-text {
     font-size: 0.875rem;
   }
@@ -17792,7 +17900,8 @@ html:lang(ar) .zen-mini-tabs {
 }
 .zen-nav__content {
   flex: 1 1 auto;
-  overflow: hidden auto;
+  overflow-y: auto;
+  overflow-x: hidden;
   position: relative;
 }
 .zen-nav__content--has-scrollbar {
@@ -17898,7 +18007,6 @@ html:lang(ar) .zen-mini-tabs {
     background-color: initial;
   }
 }
-/* stylelint-disable-next-line selector-not-notation */
 .zen-nav-popup.zen-nav-popup:not(.zen-nav-popup .zen-nav-popup):not(.zen-nav-popup--mobile) {
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 0.875rem;
@@ -17908,7 +18016,7 @@ html:lang(ar) .zen-mini-tabs {
   line-height: 1rem;
   text-transform: none;
   text-decoration: none;
-  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
   border-radius: var(--border-radius-default);
   box-sizing: border-box;
   max-height: 50rem;
@@ -17991,14 +18099,13 @@ html:lang(ar) .zen-nav-popup.zen-nav-popup:not(.zen-nav-popup .zen-nav-popup):no
 html:lang(ar) .zen-nav-item--active .zen-nav-item__title-text {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
 }
-.zen-nav-item .zen-nav-item__main {
+.zen-nav-item:not(.zen-nav-item--collapsed) .zen-nav-item__main {
   min-height: 36px;
 }
 .zen-nav-item--collapsed {
   width: auto;
 }
 .zen-nav-item--collapsed .zen-nav-item__main {
-  min-height: auto;
   padding: 0;
   width: auto;
   display: inline-flex;
@@ -18011,8 +18118,8 @@ html:lang(ar) .zen-nav-item--active .zen-nav-item__title-text {
 .zen-nav-item--collapsed .zen-nav-item__icon--with-counter::before {
   content: "";
   position: absolute;
-  inset-block-start: 4px;
-  inset-inline-end: 4px;
+  top: 4px;
+  right: 4px;
   width: 8px;
   height: 8px;
   background-color: var(--action-destructive--default);
@@ -18025,12 +18132,12 @@ html:lang(ar) .zen-nav-item--active .zen-nav-item__title-text {
 .zen-nav-item--button .zen-nav-item__main {
   border: 0;
   background: transparent;
-  text-align: start;
+  text-align: left;
 }
 .zen-nav-item--link .zen-nav-item__main {
   text-decoration: none;
 }
-.zen-nav-item--nested .zen-nav-item__main {
+.zen-nav-item--nested:not(.zen-nav-item--mobile) .zen-nav-item__main {
   min-height: 32px;
   border-radius: 4px;
   padding: 4px;
@@ -18077,7 +18184,7 @@ html:lang(ar) .zen-nav-item__main {
   fill: var(--accents-general--detail);
   border-radius: 1rem;
   padding: 6px 8px;
-  margin-inline-end: 4px;
+  margin-right: 4px;
   display: flex;
   align-items: center;
   flex: 0 0 auto;
@@ -18101,7 +18208,7 @@ html:lang(ar) .zen-nav-item__main {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow-wrap: normal;
+  word-wrap: normal;
   font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
   font-size: 0.875rem;
   font-style: normal;
@@ -18195,7 +18302,7 @@ html:lang(ar) .zen-nav-item__title-text {
   display: flex;
   align-items: center;
   flex: 1 1 100%;
-  margin-block-end: -3px;
+  margin-bottom: -3px;
   /* Adjust for visual centering (compensate y letter shift) */
 }
 .zen-nav-header--collapsed {
@@ -18242,7 +18349,7 @@ html:lang(ar) .zen-nav-item__title-text {
   gap: 8px;
   padding: 3px 12px;
   background: var(--backgrounds-content-0);
-  border-block-start: 1px solid var(--borders-general);
+  border-top: 1px solid var(--borders-general);
 }
 .zen-nav-edit-footer {
   display: flex;
@@ -18253,7 +18360,7 @@ html:lang(ar) .zen-nav-item__title-text {
   width: calc(50% - 4px);
 }
 .zen-nav-edit-footer__button--with-margin {
-  margin-block-end: 8px;
+  margin-bottom: 8px;
 }
 .zen-nav-edit-footer--mobile {
   flex-direction: column;
@@ -18287,7 +18394,7 @@ html:lang(ar) .zen-nav-edit-list__header {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
 }
 .zen-nav-edit-list__header--no-gap {
-  margin-block-end: calc(var(--nav-items-gap) * -1);
+  margin-bottom: calc(var(--nav-items-gap) * -1);
 }
 .zen-nav-edit-list .zen-nav-edit-list__item--placeholder {
   list-style-type: none;
@@ -18308,7 +18415,7 @@ html:lang(ar) .zen-nav-edit-list__header {
   line-height: 1rem;
   text-transform: none;
   text-decoration: none;
-  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
   position: relative;
   display: flex;
   flex-direction: row;
@@ -18327,7 +18434,7 @@ html:lang(ar) .zen-push {
 .zen-push::before {
   content: "";
   position: absolute;
-  inset-block-start: 0;
+  top: 0;
   inset-inline-start: -0.375rem;
   width: 0.4375rem;
   height: 100%;
@@ -18364,7 +18471,7 @@ html:lang(ar) .zen-push__header {
   text-transform: none;
   text-decoration: none;
   flex-grow: 1;
-  padding-block-start: 0.5rem;
+  padding-top: 0.5rem;
   display: flex;
   flex-direction: column;
 }
@@ -18381,11 +18488,12 @@ html:lang(ar) .zen-push__body {
 }
 .zen-push__text {
   font-size: 0.75rem;
-  padding-block-end: 1rem;
+  padding-bottom: 1rem;
 }
 .zen-push__title {
   font-style: normal;
-  padding-block: 0.125rem 0.5rem;
+  padding-bottom: 0.5rem;
+  padding-top: 0.125rem;
 }
 .zen-push__title--error {
   color: var(--accents-error--detail);
@@ -18577,7 +18685,7 @@ html:lang(ar) .zen-push__body {
   background-color: var(--accents-warning--detail);
   border-color: var(--accents-warning--detail);
 }
-@media (width <= 540px) {
+@media (max-width: 540px) {
   .zen-push {
     min-width: 9.375rem;
   }
@@ -18671,7 +18779,7 @@ html:lang(ar) .zen-overview__label {
   color: var(--text-primary);
   align-items: center;
   justify-content: space-between;
-  padding: 0.25rem 0.75rem;
+  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
   border-radius: 1.875rem;
   background: var(--backgrounds-content-1);
 }
@@ -18745,7 +18853,7 @@ html:lang(ar) .zen-pill {
   fill: var(--accents-general--main);
 }
 .zen-pill--closable {
-  padding-inline-end: 0.25rem;
+  padding-right: 0.25rem;
 }
 .zen-pill--long {
   min-width: 12.5rem;
@@ -18762,7 +18870,7 @@ html:lang(ar) .zen-pill {
   border-radius: 0.9375rem;
   padding: 0;
   margin: 0;
-  margin-inline-start: 8px;
+  margin-left: 8px;
   cursor: pointer;
 }
 .zen-pill__close-button:active,
@@ -18782,7 +18890,8 @@ html:lang(ar) .zen-pill {
 }
 .zen-page-layout {
   box-sizing: border-box;
-  overflow: hidden auto;
+  overflow-x: hidden;
+  overflow-y: auto;
   z-index: 1000;
   margin: 0;
   touch-action: manipulation;
@@ -18862,7 +18971,7 @@ html:lang(ar) .zen-page-section__title {
   color: var(--text-primary);
   align-items: center;
   justify-content: space-between;
-  padding: 0.25rem 0.75rem;
+  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
   border-radius: 1.875rem;
   background: var(--backgrounds-content-1);
 }
@@ -18871,12 +18980,12 @@ html:lang(ar) .zen-pill-actionable__block {
 }
 .zen-pill-actionable__icon {
   display: none;
-  margin-block-start: 2px;
-  margin-inline-end: 8px;
+  margin-top: 2px;
+  margin-right: 8px;
 }
 .zen-pill-actionable__input {
   position: absolute;
-  inset-inline-start: -5000px;
+  left: -5000px;
 }
 .zen-pill-actionable__input:hover + .zen-pill-actionable__block--actionable {
   background-color: var(--backgrounds-content-2);
@@ -18939,6 +19048,7 @@ html:lang(ar) .zen-pill-actionable__block {
 .zen-sort-container__button {
   display: flex;
   padding: 0.4375rem 1rem;
+  border-color: var(--borders-general);
   border: 1px solid var(--borders-general);
   border-radius: var(--border-radius-default);
   justify-content: center;
@@ -19066,12 +19176,9 @@ html:lang(ar) .zen-sort-container__text-block {
 html:lang(ar) .zen-stepper-field {
   font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
 }
-.zen-stepper-field:hover .zen-stepper-field__controls {
+.zen-stepper-field:not(.zen-stepper-field--disabled):hover .zen-stepper-field__controls {
   visibility: visible;
 }
-.zen-stepper-field--disabled:hover .zen-stepper-field__controls {
-  visibility: hidden;
-}
 .zen-stepper-field__input-wrapper {
   position: relative;
 }
@@ -19086,7 +19193,7 @@ html:lang(ar) .zen-stepper-field {
   width: 1rem;
   height: 1rem;
   position: absolute;
-  inset-block-start: 0.375rem;
+  top: 0.375rem;
 }
 .zen-stepper-field__controls:not(:hover),
 .zen-stepper-field__controls:not(:active) {
@@ -19104,11 +19211,11 @@ html:lang(ar) .zen-stepper-field {
 }
 .zen-stepper-field__input::-webkit-outer-spin-button,
 .zen-stepper-field__input::-webkit-inner-spin-button {
-  appearance: none;
+  -webkit-appearance: none;
   margin: 0;
 }
 .zen-stepper-field__input[type="number"] {
-  appearance: textfield;
+  -moz-appearance: textfield;
 }
 .zen-stepper-field__input:hover:not(:disabled) + .zen-stepper-field__controls,
 .zen-stepper-field__input:active:not(:disabled) + .zen-stepper-field__controls {
@@ -19148,12 +19255,15 @@ html:lang(ar) .zen-stepper-field {
 .zen-stepper-field.zen-stepper-field--drive-tablet .zen-stepper-field__controls {
   width: 1.25rem;
   height: 1.25rem;
-  inset-block-start: 0.875rem;
 }
 .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: 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: 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-inline-end: 1.625rem;
@@ -19178,31 +19288,38 @@ html:lang(ar) .zen-stepper-field.zen-stepper-field--mobile {
 .zen-stepper-field.zen-stepper-field--mobile .zen-stepper-field__controls {
   width: 1.25rem;
   height: 1.25rem;
-  inset-block-start: 0.875rem;
 }
 .zen-stepper-field.zen-stepper-field--mobile .zen-stepper-field__input {
   min-height: 3rem;
 }
+.zen-stepper-field.zen-stepper-field--mobile .zen-stepper-field__controls {
+  top: 0.875rem;
+}
 .zen-stepper-field.zen-stepper-field--mobile.zen-stepper-field--mobile .zen-text-input {
   padding-inline-end: 1.625rem;
 }
 .zen-summaries__row {
   display: flex;
   align-items: top;
-  flex-flow: row wrap;
-  gap: 2rem 3.5rem;
+  flex-direction: row;
+  flex-wrap: wrap;
+  row-gap: 2rem;
+  column-gap: 3.5rem;
 }
 .zen-summaries__column,
 .zen-summaries__two-columns {
   display: flex;
-  flex-flow: column wrap;
+  flex-direction: column;
+  flex-wrap: wrap;
   align-items: flex-start;
-  gap: 2rem;
-  max-height: 100vb;
+  row-gap: 2rem;
+  column-gap: 2rem;
+  max-height: 100vh;
 }
 .zen-summaries__two-columns-container {
   display: flex;
-  gap: 2rem;
+  row-gap: 2rem;
+  column-gap: 2rem;
 }
 .zen-tab-bar-content {
   box-sizing: border-box;
@@ -19343,8 +19460,8 @@ html:lang(ar) .zen-toolbar__trigger-button {
   text-transform: none;
   text-decoration: none;
   box-sizing: border-box;
-  --background-switcher: var(--action-primary--default);
-  --background-runner: var(--backgrounds-main);
+  --backgroundSwitcher: var(--action-primary--default);
+  --backgroundRunner: var(--backgrounds-main);
   display: flex;
   align-items: center;
 }
@@ -19390,7 +19507,7 @@ html:lang(ar) .zen-two-options-switcher {
   min-height: 1rem;
   border-radius: 1rem;
   padding: 0.125rem;
-  background-color: var(--background-switcher);
+  background-color: var(--backgroundSwitcher);
   overflow: visible;
   position: relative;
   cursor: pointer;
@@ -19404,8 +19521,8 @@ html:lang(ar) .zen-two-options-switcher {
   min-height: 1.625rem;
   border-radius: 50%;
   opacity: 0.4;
-  inset-block-start: -0.3125rem;
-  background-color: var(--background-switcher);
+  top: -0.3125rem;
+  background-color: var(--backgroundSwitcher);
   inset-inline-start: -0.3125rem;
 }
 .zen-two-options-switcher-control__runner {
@@ -19414,7 +19531,7 @@ html:lang(ar) .zen-two-options-switcher {
   height: 0.75rem;
   min-height: 0.75rem;
   border-radius: 50%;
-  background-color: var(--background-runner);
+  background-color: var(--backgroundRunner);
 }
 .zen-two-options-switcher-control--disabled {
   opacity: 0.6;