@geotab/zenith 3.7.0 → 3.8.0-beta.1

package/dist/index.css

@@ -50,123 +50,123 @@
   src: url("./commonStyles/fonts/robotomono/RobotoMono-Regular.woff2") format("woff2"), url("./commonStyles/fonts/robotomono/RobotoMono-Regular.woff") format("woff"), url("./commonStyles/fonts/robotomono/RobotoMono-Regular.otf") format("opentype");
 }
 :root {
-  --text-primary: #1F2833;
-  --text-secondary: #4E677E;
-  --text-placeholder: #8DA4B9;
-  --text-hyperlink: #005AA8;
-  --text-nav-highlight: #0069BF;
-  --text-error-message: #C51A11;
-  --text-button-disabled: #C0CCD8;
-  --text-reverse-primary: #FFFFFF;
+  --text-primary: #1f2833;
+  --text-secondary: #4e677e;
+  --text-placeholder: #8da4b9;
+  --text-hyperlink: #005aa8;
+  --text-nav-highlight: #0069bf;
+  --text-error-message: #c51a11;
+  --text-button-disabled: #c0ccd8;
+  --text-reverse-primary: #ffffff;
   --text-reverse-primary-button: var(--text-reverse-primary);
-  --backgrounds-main: #FFFFFF;
-  --backgrounds-content-0: #F9FAFB;
-  --backgrounds-content-1: #F2F5F7;
-  --backgrounds-content-2: #D9E1E8;
-  --backgrounds-hover: #E6EBEF;
-  --backgrounds-field-disabled: #E6EBEF;
-  --backgrounds-text-button-disabled: #C0CCD8;
+  --backgrounds-main: #ffffff;
+  --backgrounds-content-0: #f9fafb;
+  --backgrounds-content-1: #f2f5f7;
+  --backgrounds-content-2: #d9e1e8;
+  --backgrounds-hover: #e6ebef;
+  --backgrounds-field-disabled: #e6ebef;
+  --backgrounds-text-button-disabled: #c0ccd8;
   --backgrounds-overlay: rgba(31, 40, 51, 0.4);
-  --backgrounds-primary-brand: #25477B;
-  --backgrounds-reverse-2: #2F5B9D;
-  --backgrounds-reverse-1: #1F2833;
-  --backgrounds-reverse-0: #3E5265;
-  --borders-general: #C0CCD8;
-  --borders-secondary: #748FAA;
-  --borders-form-field--hover: #748FAA;
-  --borders-form-field--active: #0078D3;
-  --borders-form-field--error: #C51A11;
-  --borders-form-field--reverse: #91B0DE;
-  --action-primary--default: #0078D3;
-  --action-primary--hover: #005AA8;
+  --backgrounds-primary-brand: #25477b;
+  --backgrounds-reverse-2: #2f5b9d;
+  --backgrounds-reverse-1: #1f2833;
+  --backgrounds-reverse-0: #3e5265;
+  --borders-general: #c0ccd8;
+  --borders-secondary: #748faa;
+  --borders-form-field--hover: #748faa;
+  --borders-form-field--active: #0078d3;
+  --borders-form-field--error: #c51a11;
+  --borders-form-field--reverse: #91b0de;
+  --action-primary--default: #0078d3;
+  --action-primary--hover: #005aa8;
   --action-primary--active: #004080;
-  --action-secondary--default: #4E677E;
-  --action-secondary--hover: #3E5265;
-  --action-secondary--active: #2F3D4C;
-  --action-destructive--default: #C51A11;
-  --action-destructive--hover: #B11810;
-  --action-destructive--active: #A01F0E;
-  --action-tertiary--hover: #E6EBEF;
-  --action-tertiary--active: #3E5265;
-  --accents-warning--main: #FEF7ED;
-  --accents-warning--detail: #59480D;
-  --accents-error--main: #FFECEB;
-  --accents-error--detail: #A01F0E;
-  --accents-success--main: #EDFEF2;
-  --accents-success--detail: #2B6436;
-  --accents-general--main: #EBF6FF;
-  --accents-general--detail: #25477B;
-  --chart-sequential-green-1: #4AA75E;
-  --chart-divergent-red-blue-3: #B72931;
-  --chart-sequential-blue-5: #0C74C3;
-  --duty-status-workday: #FAAD41;
-  --duty-status-cycle: #C0C1C6;
-  --duty-status-rest: #FE6867;
-  --duty-status-drive: #49C649;
-  --duty-status-exemption: #4E677E;
-  --data--categorical-light-blue: #3CCDE5;
-  --data--categorical-blue: #428AFF;
-  --data--categorical-purple: #8256E5;
-  --data--categorical-green: #06C989;
-  --data--categorical-orange: #F98C41;
-  --data--categorical-yellow: #F5BD60;
-  --data--categorical-red: #E56A6A;
-  --data--categorical-grey: #8A94A2;
+  --action-secondary--default: #4e677e;
+  --action-secondary--hover: #3e5265;
+  --action-secondary--active: #2f3d4c;
+  --action-destructive--default: #c51a11;
+  --action-destructive--hover: #b11810;
+  --action-destructive--active: #a01f0e;
+  --action-tertiary--hover: #e6ebef;
+  --action-tertiary--active: #3e5265;
+  --accents-warning--main: #fef7ed;
+  --accents-warning--detail: #59480d;
+  --accents-error--main: #ffeceb;
+  --accents-error--detail: #a01f0e;
+  --accents-success--main: #edfef2;
+  --accents-success--detail: #2b6436;
+  --accents-general--main: #ebf6ff;
+  --accents-general--detail: #25477b;
+  --chart-sequential-green-1: #4aa75e;
+  --chart-divergent-red-blue-3: #b72931;
+  --chart-sequential-blue-5: #0c74c3;
+  --duty-status-workday: #faad41;
+  --duty-status-cycle: #c0c1c6;
+  --duty-status-rest: #fe6867;
+  --duty-status-drive: #49c649;
+  --duty-status-exemption: #4e677e;
+  --data--categorical-light-blue: #3ccde5;
+  --data--categorical-blue: #428aff;
+  --data--categorical-purple: #8256e5;
+  --data--categorical-green: #06c989;
+  --data--categorical-orange: #f98c41;
+  --data--categorical-yellow: #f5bd60;
+  --data--categorical-red: #e56a6a;
+  --data--categorical-grey: #8a94a2;
 }
 .zen-dark {
-  --text-primary: #FFFFFF;
-  --text-secondary: #C0CCD8;
-  --text-placeholder: #A6B8C9;
-  --text-hyperlink: #EBF6FF;
-  --text-nav-highlight: #75C4FF;
-  --text-error-message: #F7A1A2;
-  --text-button-disabled: #8DA4B9;
-  --text-reverse-primary: #1F2833;
-  --backgrounds-main: #1F2833;
-  --backgrounds-content-0: #2F3D4C;
-  --backgrounds-content-1: #4E677E;
-  --backgrounds-content-2: #3E5265;
-  --backgrounds-hover: #5D7B98;
-  --backgrounds-field-disabled: #748FAA;
-  --backgrounds-text-button-disabled: #8DA4B9;
+  --text-primary: #ffffff;
+  --text-secondary: #c0ccd8;
+  --text-placeholder: #a6b8c9;
+  --text-hyperlink: #ebf6ff;
+  --text-nav-highlight: #75c4ff;
+  --text-error-message: #f7a1a2;
+  --text-button-disabled: #8da4b9;
+  --text-reverse-primary: #1f2833;
+  --backgrounds-main: #1f2833;
+  --backgrounds-content-0: #2f3d4c;
+  --backgrounds-content-1: #4e677e;
+  --backgrounds-content-2: #3e5265;
+  --backgrounds-hover: #5d7b98;
+  --backgrounds-field-disabled: #748faa;
+  --backgrounds-text-button-disabled: #8da4b9;
   --backgrounds-overlay: rgba(31, 40, 51, 0.4);
-  --backgrounds-primary-brand: #4CB2FF;
-  --backgrounds-reverse-2: #5282CB;
-  --backgrounds-reverse-1: #FFFFFF;
-  --backgrounds-reverse-0: #F2F5F7;
-  --borders-general: #748FAA;
-  --borders-secondary: #C0CCD8;
-  --borders-form-field--hover: #C0CCD8;
-  --borders-form-field--active: #4CB2FF;
-  --borders-form-field--error: #F47C7D;
-  --borders-form-field--reverse: #1B325A;
-  --action-primary--default: #4CB2FF;
-  --action-primary--hover: #9ED5FF;
-  --action-primary--active: #EBF6FF;
-  --action-secondary--default: #E6EBEF;
-  --action-secondary--hover: #F2F5F7;
-  --action-secondary--active: #F9FAFB;
-  --action-destructive--default: #F7A1A2;
-  --action-destructive--hover: #FAC7C7;
-  --action-destructive--active: #FFECEB;
+  --backgrounds-primary-brand: #4cb2ff;
+  --backgrounds-reverse-2: #5282cb;
+  --backgrounds-reverse-1: #ffffff;
+  --backgrounds-reverse-0: #f2f5f7;
+  --borders-general: #748faa;
+  --borders-secondary: #c0ccd8;
+  --borders-form-field--hover: #c0ccd8;
+  --borders-form-field--active: #4cb2ff;
+  --borders-form-field--error: #f47c7d;
+  --borders-form-field--reverse: #1b325a;
+  --action-primary--default: #4cb2ff;
+  --action-primary--hover: #9ed5ff;
+  --action-primary--active: #ebf6ff;
+  --action-secondary--default: #e6ebef;
+  --action-secondary--hover: #f2f5f7;
+  --action-secondary--active: #f9fafb;
+  --action-destructive--default: #f7a1a2;
+  --action-destructive--hover: #fac7c7;
+  --action-destructive--active: #ffeceb;
   --action-tertiary--hover: rgba(31, 40, 51, 0.07);
   --action-tertiary--active: rgba(31, 40, 51, 0.14);
-  --accents-warning--main: #A17A18;
-  --accents-warning--detail: #FEF7ED;
-  --accents-error--main: #C51A11;
-  --accents-error--detail: #FFECEB;
-  --accents-success--main: #46AF55;
-  --accents-success--detail: #EDFEF2;
-  --accents-general--main: #396DBC;
-  --accents-general--detail: #EFF4FA;
-  --chart-sequential-green-1: #4AA75E;
-  --chart-divergent-red-blue-3: #B72931;
-  --chart-sequential-blue-5: #0C74C3;
-  --duty-status-workday: #59480D;
-  --duty-status-cycle: #3E5265;
-  --duty-status-rest: #A01F0E;
-  --duty-status-drive: #2B6436;
-  --duty-status-exemption: #E6EBEF;
+  --accents-warning--main: #a17a18;
+  --accents-warning--detail: #fef7ed;
+  --accents-error--main: #c51a11;
+  --accents-error--detail: #ffeceb;
+  --accents-success--main: #46af55;
+  --accents-success--detail: #edfef2;
+  --accents-general--main: #396dbc;
+  --accents-general--detail: #eff4fa;
+  --chart-sequential-green-1: #4aa75e;
+  --chart-divergent-red-blue-3: #b72931;
+  --chart-sequential-blue-5: #0c74c3;
+  --duty-status-workday: #59480d;
+  --duty-status-cycle: #3e5265;
+  --duty-status-rest: #a01f0e;
+  --duty-status-drive: #2b6436;
+  --duty-status-exemption: #e6ebef;
 }
 :root {
   --main-font: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
@@ -2282,7 +2282,7 @@
   background-color: transparent;
 }
 .zen-tooltip__shield {
-  background-color: #1F2833 !important;
+  background-color: #1f2833 !important;
   opacity: 0.4 !important;
 }
 .zen-shield {
@@ -2715,7 +2715,7 @@
   letter-spacing: 0.32px;
   line-height: 16px;
   text-transform: none;
-  color: var(--text-secondary, #4E677E);
+  color: var(--text-secondary, #4e677e);
   font-weight: 500;
   letter-spacing: 0.02rem;
   white-space: nowrap;
@@ -3895,6 +3895,16 @@
   white-space: nowrap;
   word-wrap: normal;
 }
+.zen-data-grid-header--multiline {
+  white-space: normal;
+  display: -webkit-box;
+  line-clamp: 2;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-word;
+}
 .zen-actions-column {
   display: flex;
   justify-content: flex-end;
@@ -4524,6 +4534,62 @@
 .zen-selectable-column--no-checkbox .zen-checkbox-column__checkbox {
   visibility: hidden;
 }
+.zen-mobile-sort-control {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+.zen-mobile-sort-control * {
+  box-sizing: border-box;
+}
+.zen-mobile-sort-control__trigger {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  background: none;
+  border: none;
+  padding: 4px 8px;
+  cursor: pointer;
+  border-radius: var(--border-radius-default);
+  fill: var(--action-secondary--default);
+}
+.zen-mobile-sort-control__trigger:hover,
+.zen-mobile-sort-control__trigger:focus {
+  background-color: var(--backgrounds-hover);
+}
+.zen-mobile-sort-control__trigger:active {
+  background-color: var(--action-secondary--default);
+  color: var(--text-reverse-primary);
+  fill: var(--text-reverse-primary);
+}
+.zen-mobile-sort-control__trigger-text {
+  font-family: var(--main-font);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0.32px;
+  line-height: 16px;
+  text-transform: none;
+}
+.zen-mobile-sort-control__sort-by-btn {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: baseline;
+}
+.zen-mobile-sort-control__sort-by-value,
+.zen-mobile-sort-control__selected-label {
+  font-family: var(--main-font);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0.32px;
+  line-height: 16px;
+  text-transform: none;
+  display: block;
+  color: var(--text-secondary);
+}
 .zen-sortable-column {
   box-sizing: border-box;
   flex: 1 1 auto;
@@ -8214,16 +8280,25 @@
   background-color: var(--backgrounds-main);
   color: var(--text-primary);
   position: relative;
+  list-style: none;
+  margin-block: 0;
+  padding-inline-start: 0;
 }
 .zen-group-button * {
   box-sizing: border-box;
 }
+.zen-group-button__item {
+  display: inline-flex;
+}
 .zen-group-button--error {
   border-color: var(--borders-form-field--error);
 }
 .zen-group-button__input {
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  clip: rect(0, 0, 0, 0);
   position: absolute;
-  left: -9999px;
 }
 .zen-group-button__input:checked + .zen-group-button__label {
   background-color: var(--action-primary--default);
@@ -8300,9 +8375,6 @@
 .zen-group-button:focus-within {
   border-color: var(--borders-form-field--hover);
 }
-.zen-advanced-groups-filter-section-tooltip__item {
-  z-index: 11001;
-}
 .zen-combobox-selected {
   display: flex;
   flex-wrap: wrap;
@@ -8798,7 +8870,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   color: var(--text-secondary);
-  font-feature-settings: 'liga' off, 'clig' off;
+  font-feature-settings: "liga" off, "clig" off;
   font-family: Roboto, sans-serif;
   font-size: 14px;
   font-style: normal;
@@ -9418,6 +9490,7 @@
   height: 100%;
 }
 .zen-chart {
+  container-type: inline-size;
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -9443,51 +9516,106 @@
   text-transform: none;
   color: var(--text-primary);
 }
-.zen-legend {
+.zen-chart {
+  --pie-center-value-font-size: 28px;
+  --pie-center-value-font-weight: 700;
+  --pie-center-label-font-size: 14px;
+  --pie-center-label-font-weight: 400;
+}
+.zen-chart--legend-right {
+  flex-direction: row;
+  align-items: center;
+  flex-wrap: wrap;
+}
+.zen-chart--legend-right .zen-chart__chart {
+  flex: 0 0 auto;
+  width: 40%;
+  height: 100%;
+}
+.zen-chart--legend-right .zen-chart__legend {
+  flex: 1 1 auto;
+  padding-left: 16px;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+@container (max-width: 640px) {
+  .zen-chart--legend-right .zen-chart__chart {
+    flex: 0 0 100%;
+    width: 100%;
+    height: auto;
+  }
+  .zen-chart--legend-right .zen-chart__legend {
+    flex: 0 0 100%;
+    padding-left: 0;
+    overflow-y: visible;
+  }
+}
+.zen-pie-legend {
   display: flex;
-  column-gap: 16px;
-  row-gap: 8px;
+  flex-direction: column;
+  gap: 8px;
   margin: 0;
   padding: 0;
-  flex-wrap: wrap;
-}
-.zen-legend--hidden {
-  display: none;
+  list-style: none;
 }
-.zen-legend__item {
+.zen-pie-legend__item {
   display: flex;
-  gap: 4px;
-  align-items: center;
+  gap: 8px;
+  align-items: flex-start;
   cursor: pointer;
 }
-.zen-legend__item-color {
+.zen-pie-legend__item-color {
   --color-box-size: 8px;
   display: inline-block;
   height: var(--color-box-size);
   width: var(--color-box-size);
   border-radius: var(--color-box-size);
+  flex-shrink: 0;
+  margin-top: 4px;
 }
-.zen-legend__item-label {
+.zen-pie-legend__item-content {
+  flex: 1;
+  min-width: 0;
+}
+.zen-pie-legend__item-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.zen-pie-legend__item-label {
   font-family: var(--main-font);
-  font-size: 12px;
+  font-size: 14px;
   font-style: normal;
   font-weight: 400;
-  letter-spacing: 0.32px;
+  letter-spacing: 0;
   line-height: 16px;
   text-transform: none;
   color: var(--text-secondary);
+  flex: 1;
+  margin: 0;
   padding: 0;
+}
+.zen-pie-legend__item-label--hidden {
+  text-decoration: line-through;
+}
+.zen-pie-legend__item-value {
+  font-family: var(--main-font);
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 24px;
+  text-transform: none;
+  color: var(--text-primary);
+  font-weight: 500;
   margin: 0;
-  max-width: 250px;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  padding: 0;
   white-space: nowrap;
-  word-wrap: normal;
 }
-.zen-legend__item-label--hidden {
+.zen-pie-legend__item-value--hidden {
   text-decoration: line-through;
 }
-.zen-legend__item-value {
+.zen-pie-legend__item-percentage {
   font-family: var(--main-font);
   font-size: 14px;
   font-style: normal;
@@ -9495,20 +9623,34 @@
   letter-spacing: 0;
   line-height: 16px;
   text-transform: none;
-  color: var(--text-primary);
-  font-weight: 500;
-  padding: 0;
+  color: var(--text-secondary);
   margin: 0;
+  padding: 0;
+  white-space: nowrap;
+  min-width: 40px;
+  text-align: right;
 }
-.zen-legend__item-value--hidden {
-  text-decoration: line-through;
+.zen-pie-legend__item-bar-track {
+  height: 6px;
+  background-color: var(--backgrounds-content-2);
+  border-radius: 3px;
+  margin-top: 4px;
+  overflow: hidden;
 }
-.zen-legend.zen-legend--drive .zen-legend-list__item-text {
+.zen-pie-legend__item-bar {
+  height: 100%;
+  border-radius: 3px;
+}
+.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 {
   font-size: 1rem;
   line-height: 1.125rem;
 }
 @media (max-width: 640px) {
-  .zen-legend.zen-legend--drive .zen-legend-list__item-text {
+  .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 {
     font-size: 0.875rem;
   }
 }
@@ -9621,7 +9763,7 @@ button.zen-summary__clickable {
   letter-spacing: 0.32px;
   line-height: 16px;
   text-transform: none;
-  font-feature-settings: 'liga' off, 'clig' off;
+  font-feature-settings: "liga" off, "clig" off;
 }
 .zen-summary__value {
   font-family: var(--main-font-data);
@@ -9807,6 +9949,75 @@ button.zen-summary__clickable {
   text-transform: none;
   color: var(--text-primary);
 }
+.zen-legend {
+  display: flex;
+  column-gap: 16px;
+  row-gap: 8px;
+  margin: 0;
+  padding: 0;
+  flex-wrap: wrap;
+}
+.zen-legend--hidden {
+  display: none;
+}
+.zen-legend__item {
+  display: flex;
+  gap: 4px;
+  align-items: center;
+  cursor: pointer;
+}
+.zen-legend__item-color {
+  --color-box-size: 8px;
+  display: inline-block;
+  height: var(--color-box-size);
+  width: var(--color-box-size);
+  border-radius: var(--color-box-size);
+}
+.zen-legend__item-label {
+  font-family: var(--main-font);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0.32px;
+  line-height: 16px;
+  text-transform: none;
+  color: var(--text-secondary);
+  padding: 0;
+  margin: 0;
+  max-width: 250px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  word-wrap: normal;
+}
+.zen-legend__item-label--hidden {
+  text-decoration: line-through;
+}
+.zen-legend__item-value {
+  font-family: var(--main-font);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 16px;
+  text-transform: none;
+  color: var(--text-primary);
+  font-weight: 500;
+  padding: 0;
+  margin: 0;
+}
+.zen-legend__item-value--hidden {
+  text-decoration: line-through;
+}
+.zen-legend.zen-legend--drive .zen-legend-list__item-text {
+  font-size: 1rem;
+  line-height: 1.125rem;
+}
+@media (max-width: 640px) {
+  .zen-legend.zen-legend--drive .zen-legend-list__item-text {
+    font-size: 0.875rem;
+  }
+}
 .zen-chart-axis {
   display: flex;
   justify-content: space-between;
@@ -10685,6 +10896,9 @@ button.zen-summary__clickable {
 }
 .zen-radio-group__wrapper {
   display: flex;
+  list-style: none;
+  padding: 0;
+  margin: 0;
 }
 .zen-radio-group__item {
   padding: 12px 16px;
@@ -10873,317 +11087,187 @@ button.zen-summary__clickable {
   padding-left: 12px;
   box-sizing: border-box;
 }
-.zen-filters {
-  max-width: 640px;
-  box-sizing: border-box;
+@keyframes waiting {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
 }
-.zen-filters * {
+.zen-waiting {
   box-sizing: border-box;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  overflow: hidden;
+  z-index: 10005;
 }
-.zen-filters__main-row {
-  display: flex;
-  align-items: center;
-  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
-  border-radius: var(--border-radius-default);
-  border: var(--border-width-default) solid var(--borders-general);
-  background-color: var(--backgrounds-main);
+.zen-waiting * {
+  box-sizing: border-box;
 }
-.zen-filters__main-row:hover {
-  background-color: var(--backgrounds-content-0);
-}
-.zen-filters__main-row:hover .zen-search-input__input {
-  background-color: var(--backgrounds-content-0);
-}
-.zen-filters__main-row--mobile {
-  margin: 8px;
-}
-.zen-filters__main-row--initial {
-  view-transition-name: expand-panel;
-}
-.zen-filters__select-trigger {
-  width: auto;
-  flex-shrink: 0;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  padding: 7px 8px;
-  border: var(--border-width-default) solid transparent;
-  border-right: var(--border-width-default) solid var(--borders-general);
+.zen-waiting--inline {
+  position: relative;
+  width: 40px;
+  height: 24px;
 }
-.zen-filters__select-trigger:hover {
-  background-color: var(--backgrounds-content-0);
-  border: var(--border-width-default) solid transparent;
-  border-right: var(--border-width-default) solid var(--borders-general);
+.zen-waiting__spinner-text {
+  font-family: var(--main-font);
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 24px;
+  text-transform: none;
+  color: var(--text-secondary);
+  max-width: 144px;
+  text-align: center;
 }
-.zen-filters__select-trigger:focus-visible {
-  outline: none;
-  border: var(--border-width-default) solid var(--borders-form-field--active);
-  background-color: var(--backgrounds-content-0);
+.zen-waiting__spinner-text--drive {
+  font-family: var(--main-font);
+  font-size: 22px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 28px;
+  text-transform: none;
 }
-.zen-filters__select-trigger-icon {
-  flex-shrink: 0;
+.zen-waiting__spinner-text--drive-tablet {
+  font-family: var(--main-font);
+  font-size: 24px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 30px;
+  text-transform: none;
 }
-.zen-filters__select-trigger-content {
-  display: block;
-  text-align: start;
-  flex-grow: 1;
+.zen-waiting__overlay {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: var(--backgrounds-overlay);
+  opacity: 0.12;
+  text-align: left;
   overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  word-wrap: normal;
-}
-.zen-filters__select-caption {
-  width: auto;
-  flex-shrink: 0;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  padding: 7px 8px;
-  min-width: 56px;
-  border: var(--border-width-default) solid transparent;
-  border-right: var(--border-width-default) solid var(--borders-general);
 }
-.zen-filters__search {
-  flex-grow: 1;
-}
-.zen-filters__search .zen-search-input__input {
-  border: none;
-  padding-right: 1px;
-  padding-left: 0;
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
-}
-.zen-filters-popup.zen-filters-popup:not(.zen-filters-popup--mobile) {
-  box-sizing: border-box;
-  width: 640px;
-  max-width: 640px;
-  view-transition-name: expand-panel;
-}
-.zen-filters-popup.zen-filters-popup:not(.zen-filters-popup--mobile) * {
-  box-sizing: border-box;
-}
-.zen-filters-popup__first-row {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: 8px;
-  padding: 0;
-}
-.zen-filters-popup__first-row--mobile {
-  padding: 8px 16px;
-}
-.zen-filters-popup__second-row {
-  border-top: var(--border-width-default) solid var(--borders-general);
-  padding: 16px 0;
-}
-.zen-filters-popup__second-row--mobile {
-  border-top: none;
-  padding: 0;
-}
-.zen-filters-popup__content {
-  display: flex;
+.zen-waiting__overlay--hidden {
+  background-color: transparent;
 }
-.zen-filters-popup__content .zen-filters-popup__left-panel {
+.zen-waiting__spinner-container {
   display: flex;
-  flex-direction: column;
-  width: 123px;
-  min-height: 100%;
-  height: auto;
-  justify-content: stretch;
-  border-right: var(--border-width-default) solid var(--borders-general);
-}
-.zen-filters-popup__content .zen-filters-popup__left-panel .zen-filters__select-trigger {
-  width: 123px;
-}
-.zen-filters-popup__content .zen-filters-popup__right-panel {
-  flex-grow: 1;
+  min-height: 20px;
   height: 100%;
-  max-width: calc(100% - 123px);
-}
-.zen-filters-popup.zen-filters-popup--mobile {
   width: 100%;
-  max-width: 100%;
-  view-transition-name: expand-panel;
-}
-.zen-filters-popup.zen-filters-popup--mobile .zen-filters-popup__right-panel {
-  max-width: 100%;
-}
-.zen-filters-container {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  gap: 4px;
-  margin-top: 8px;
-  padding: 8px 0;
-}
-.zen-filters-container__removal-chip .zen-chip__icon {
-  border: 1px solid var(--action-primary--active);
-  border-radius: 50%;
-}
-.zen-filters-container__removal-chip.zen-chip--accent .zen-chip__icon {
-  border: 1px solid var(--accents-general--main);
-}
-.zen-filters-container.zen-filters-container--mobile {
-  padding: 0;
-}
-.zen-filters-container__mobile-scroll-wrapper {
-  margin-left: 8px;
-  padding: 2px;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
+  justify-content: center;
   align-items: center;
+  flex-direction: column;
   gap: 8px;
-  width: 100%;
-  overflow: auto;
-  -ms-overflow-style: none;
-  /* IE and Edge */
-  scrollbar-width: none;
-  /* Firefox */
-}
-.zen-filters-container__mobile-scroll-wrapper::-webkit-scrollbar {
-  display: none;
-}
-.zen-filters-container__mobile-scroll-wrapper > * {
-  flex-shrink: 0;
-}
-.zen-filters-container__mobile-scroll-wrapper:last-child {
-  margin-right: 8px;
 }
-.zen-filters-container.zen-filters__container--no-search {
-  margin-top: 0;
-  padding: 0;
-}
-::view-transition-group(expand-panel) {
-  animation-duration: 0.15s;
-  animation-timing-function: ease-out;
-}
-.zen-side-panel-filters__dropdown-item-chips-container {
+.zen-waiting__spinner {
   display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-}
-.zen-side-panel-filters__date-popup--full-width.zen-side-panel-filters__date-popup--full-width {
-  width: 328px;
-}
-.zen-side-panel-filters__groups-popup--full-width.zen-side-panel-filters__groups-popup--full-width {
-  width: 328px;
-}
-.zen-range-field {
-  box-sizing: border-box;
-  font-family: var(--main-font);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: 0;
-  line-height: 16px;
-  text-transform: none;
+  max-width: 64px;
+  max-height: 64px;
+  min-width: 40px;
+  min-height: 40px;
+  position: relative;
   width: 100%;
+  height: 100%;
+  justify-content: center;
 }
-.zen-range-field * {
-  box-sizing: border-box;
-}
-.zen-range-field--column {
-  display: contents;
-}
-.zen-range-field--column.zen-range-field--min .zen-range-field__label {
-  grid-column: 1;
-  grid-row: 1;
-}
-.zen-range-field--column.zen-range-field--min .zen-range-field__input-container {
-  grid-column: 2;
-  grid-row: 1;
-}
-.zen-range-field--column.zen-range-field--min .zen-range-field__sense {
-  grid-column: 3;
-  grid-row: 1;
-}
-.zen-range-field--column.zen-range-field--min .zen-range-field__error {
-  grid-column: 1 / span 3;
-  grid-row: 2;
-  min-height: 24px;
-}
-.zen-range-field--column.zen-range-field--max .zen-range-field__label {
-  grid-column: 1;
-  grid-row: 3;
-}
-.zen-range-field--column.zen-range-field--max .zen-range-field__input-container {
-  grid-column: 2;
-  grid-row: 3;
+.zen-waiting__spinner--drive-tablet {
+  max-width: 40px;
+  max-height: 40px;
 }
-.zen-range-field--column.zen-range-field--max .zen-range-field__sense {
-  grid-column: 3;
-  grid-row: 3;
+.zen-waiting__spinner--drive {
+  max-width: 40px;
+  max-height: 40px;
 }
-.zen-range-field--column.zen-range-field--max .zen-range-field__error {
-  grid-column: 1 / span 3;
-  grid-row: 4;
-  min-height: 24px;
+@media (max-width: 640px) {
+  .zen-waiting__spinner {
+    max-width: 40px;
+    max-height: 40px;
+  }
 }
-.zen-range-field--column .zen-range-field__label {
-  min-width: 28px;
-  max-width: 56px;
+.zen-waiting__spinner-animation {
+  transform-origin: 32px 32px;
+  animation: waiting 1.5s linear infinite;
 }
-.zen-range-field--column .zen-range-field__input-container {
+.zen-file-upload {
+  box-sizing: border-box;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
   width: 100%;
 }
-.zen-range-field--column .zen-range-field__sense {
-  min-width: 28px;
-  max-width: 56px;
-}
-.zen-range-field--row .zen-range-field__label {
-  max-width: 32px;
-  min-width: 24px;
+.zen-file-upload * {
+  box-sizing: border-box;
 }
-.zen-range-field--row .zen-range-field__input-container {
-  max-width: 64px;
-  min-width: 64px;
+.zen-file-upload--disabled {
+  opacity: 0.6;
+  pointer-events: none;
 }
-.zen-range-field--row .zen-range-field__sense {
-  max-width: 32px;
-  min-width: 24px;
+.zen-file-upload .zen-waiting__overlay {
+  opacity: 0.5;
+  border-radius: var(--border-radius-default);
 }
-.zen-range-field--row.zen-range-field--min {
-  display: contents;
+.zen-file-upload--drive {
+  gap: 20px;
 }
-.zen-range-field--row.zen-range-field--min .zen-range-field__label {
-  grid-column: 1;
-  grid-row: 1;
+.zen-file-upload--drive-tablet {
+  gap: 20px;
 }
-.zen-range-field--row.zen-range-field--min .zen-range-field__input-container {
-  grid-column: 2;
-  grid-row: 1;
+.zen-file-upload__drop-zone {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 32px 24px;
+  border: 2px dashed var(--borders-general);
+  border-radius: var(--border-radius-default);
+  background-color: var(--backgrounds-main);
+  cursor: pointer;
+  transition: border-color 0.2s ease, background-color 0.2s ease;
 }
-.zen-range-field--row.zen-range-field--min .zen-range-field__sense {
-  grid-column: 3;
-  grid-row: 1;
+.zen-file-upload__drop-zone:hover,
+.zen-file-upload__drop-zone:focus {
+  border-color: var(--borders-form-field--active);
+  outline: none;
 }
-.zen-range-field--row.zen-range-field--min .zen-range-field__error {
-  grid-column: 1 / span 3;
-  grid-row: 2;
+.zen-file-upload__drop-zone:focus-visible {
+  outline: 2px solid var(--borders-form-field--active);
+  outline-offset: 2px;
 }
-.zen-range-field--row.zen-range-field--max {
-  display: contents;
+.zen-file-upload__drop-zone--drag-over {
+  border-color: var(--borders-form-field--active);
+  background-color: var(--backgrounds-content-1);
 }
-.zen-range-field--row.zen-range-field--max .zen-range-field__label {
-  grid-column: 4;
-  grid-row: 1;
+.zen-file-upload__drop-zone--disabled {
+  cursor: default;
+  pointer-events: none;
 }
-.zen-range-field--row.zen-range-field--max .zen-range-field__input-container {
-  grid-column: 5;
-  grid-row: 1;
+.zen-file-upload__drop-zone--condensed {
+  padding: 24px;
 }
-.zen-range-field--row.zen-range-field--max .zen-range-field__sense {
-  grid-column: 6;
-  grid-row: 1;
+.zen-file-upload__drop-zone-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
 }
-.zen-range-field--row.zen-range-field--max .zen-range-field__error {
-  grid-column: 4 / span 3;
-  grid-row: 2;
+.zen-file-upload__cloud-image {
+  width: 120px;
+  height: auto;
 }
-.zen-range-field__content {
-  display: contents;
+.zen-file-upload__tap-image {
+  width: 120px;
+  height: auto;
 }
-.zen-range-field__error {
-  display: flex;
+.zen-file-upload__drop-zone-text {
   font-family: var(--main-font);
   font-size: 12px;
   font-style: normal;
@@ -11191,14 +11275,24 @@ button.zen-summary__clickable {
   letter-spacing: 0.32px;
   line-height: 16px;
   text-transform: none;
-  color: var(--text-error-message);
-  fill: var(--text-error-message);
-  margin-top: 4px;
+  color: var(--text-primary);
+  display: flex;
+  align-items: center;
+  gap: 4px;
 }
-.zen-range-field__error-text {
-  margin-left: 2px;
+.zen-file-upload__browse-link,
+.zen-file-upload__mobile-button {
+  padding: 0;
 }
-.zen-range-field__label {
+.zen-file-upload__browse-link:hover,
+.zen-file-upload__mobile-button:hover,
+.zen-file-upload__browse-link:focus,
+.zen-file-upload__mobile-button:focus {
+  background-color: transparent;
+  border-color: transparent;
+  text-decoration: underline;
+}
+.zen-file-upload__supported-formats {
   font-family: var(--main-font);
   font-size: 12px;
   font-style: normal;
@@ -11206,33 +11300,44 @@ button.zen-summary__clickable {
   letter-spacing: 0.32px;
   line-height: 16px;
   text-transform: none;
-  color: var(--text-primary);
+  color: var(--text-secondary);
+  text-align: center;
+}
+.zen-file-upload__template {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px;
+  background-color: var(--backgrounds-content-1);
+  border-radius: var(--border-radius-default);
+  gap: 16px;
+}
+.zen-file-upload__template-content {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+}
+.zen-file-upload__template-icon {
+  fill: var(--accents-success--detail);
   flex-shrink: 0;
 }
-.zen-range-field__label--mobile {
+.zen-file-upload__template-info {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.zen-file-upload__template-title {
   font-family: var(--main-font);
-  font-size: 14px;
+  font-size: 12px;
   font-style: normal;
   font-weight: 400;
-  letter-spacing: 0;
+  letter-spacing: 0.32px;
   line-height: 16px;
   text-transform: none;
+  color: var(--text-primary);
+  font-weight: 700;
 }
-.zen-range-field__input {
-  height: 32px;
-}
-.zen-range-field__input::-webkit-inner-spin-button,
-.zen-range-field__input::-webkit-outer-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-.zen-range-field__input--mobile {
-  height: 44px;
-}
-.zen-range-field .zen-range-field__input:focus {
-  border: var(--border-width-default) solid var(--borders-form-field--active);
-}
-.zen-range-field__sense {
+.zen-file-upload__template-description {
   font-family: var(--main-font);
   font-size: 12px;
   font-style: normal;
@@ -11240,158 +11345,285 @@ button.zen-summary__clickable {
   letter-spacing: 0.32px;
   line-height: 16px;
   text-transform: none;
-  color: var(--text-primary);
-  text-align: right;
+  color: var(--text-secondary);
 }
-.zen-range-field__sense--mobile {
+.zen-file-upload__section-label {
   font-family: var(--main-font);
-  font-size: 14px;
+  font-size: 12px;
   font-style: normal;
   font-weight: 400;
-  letter-spacing: 0;
+  letter-spacing: 0.32px;
   line-height: 16px;
   text-transform: none;
+  color: var(--text-secondary);
+  margin-bottom: 8px;
+  display: block;
 }
-.zen-range-field__sense-text {
-  text-align: start;
+.zen-file-upload__uploaded {
+  display: flex;
+  flex-direction: column;
 }
-.zen-range-field .zen-range-field__input {
-  appearance: textfield;
+.zen-file-upload__error-banner {
+  width: 100%;
 }
-.zen-range {
-  box-sizing: border-box;
+.zen-file-upload__error-banner .zen-banner__block {
+  max-width: 100%;
+  width: 100%;
+}
+.zen-file-upload__file-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.zen-file-upload__file-list-item {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.zen-file-upload__file-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 48px;
+  padding: 8px;
+  border: 1px solid var(--borders-general);
+  border-radius: var(--border-radius-default);
+  background-color: var(--backgrounds-main);
+  gap: 10px;
+}
+.zen-file-upload__file-item--error {
+  border: 1px solid var(--borders-form-field--error);
+}
+.zen-file-upload__file-info {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  overflow: hidden;
+}
+.zen-file-upload__file-icon {
+  fill: var(--text-secondary);
+  flex-shrink: 0;
+}
+.zen-file-upload__file-name {
   font-family: var(--main-font);
-  font-size: 14px;
+  font-size: 12px;
   font-style: normal;
   font-weight: 400;
-  letter-spacing: 0;
+  letter-spacing: 0.32px;
   line-height: 16px;
   text-transform: none;
+  color: var(--text-primary);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.zen-range * {
-  box-sizing: border-box;
+.zen-file-upload__file-name--error {
+  color: var(--text-error-message);
 }
-.zen-range__fields-wrapper {
-  padding: 12px 16px;
+.zen-file-upload__remove-button {
+  flex-shrink: 0;
 }
-.zen-range__fields-container {
-  display: grid;
+@media (max-width: 640px) {
+  .zen-file-upload--mobile .zen-file-upload__drop-zone-text {
+    text-align: center;
+  }
 }
-.zen-range__fields-container--row {
-  min-width: 296px;
-  max-width: 328px;
-  display: grid;
+.zen-filters {
+  max-width: 640px;
+  box-sizing: border-box;
+}
+.zen-filters * {
+  box-sizing: border-box;
+}
+.zen-filters__main-row {
+  display: flex;
   align-items: center;
-  justify-items: start;
-  grid-template-columns: minmax(24px, 32px) minmax(64px, 64px) minmax(24px, 32px) minmax(24px, 32px) minmax(64px, 64px) minmax(24px, 32px);
-  row-gap: 4px;
-  column-gap: 8px;
+  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
+  border-radius: var(--border-radius-default);
+  border: var(--border-width-default) solid var(--borders-general);
+  background-color: var(--backgrounds-main);
 }
-.zen-range__fields-container--column {
-  min-width: 200px;
-  max-width: 228px;
-  display: grid;
-  grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
-  grid-template-rows: auto auto;
-  gap: 4px 8px;
+.zen-filters__main-row:hover {
+  background-color: var(--backgrounds-content-0);
+}
+.zen-filters__main-row:hover .zen-search-input__input {
+  background-color: var(--backgrounds-content-0);
+}
+.zen-filters__main-row--mobile {
+  margin: 8px;
+}
+.zen-filters__main-row--initial {
+  view-transition-name: expand-panel;
+}
+.zen-filters__select-trigger {
+  width: auto;
+  flex-shrink: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  padding: 7px 8px;
+  border: var(--border-width-default) solid transparent;
+  border-right: var(--border-width-default) solid var(--borders-general);
+}
+.zen-filters__select-trigger:hover {
+  background-color: var(--backgrounds-content-0);
+  border: var(--border-width-default) solid transparent;
+  border-right: var(--border-width-default) solid var(--borders-general);
+}
+.zen-filters__select-trigger:focus-visible {
+  outline: none;
+  border: var(--border-width-default) solid var(--borders-form-field--active);
+  background-color: var(--backgrounds-content-0);
+}
+.zen-filters__select-trigger-icon {
+  flex-shrink: 0;
+}
+.zen-filters__select-trigger-content {
+  display: block;
+  text-align: start;
+  flex-grow: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  word-wrap: normal;
+}
+.zen-filters__select-caption {
+  width: auto;
+  flex-shrink: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  padding: 7px 8px;
+  min-width: 56px;
+  border: var(--border-width-default) solid transparent;
+  border-right: var(--border-width-default) solid var(--borders-general);
+}
+.zen-filters__search {
+  flex-grow: 1;
+}
+.zen-filters__search .zen-search-input__input {
+  border: none;
+  padding-right: 1px;
+  padding-left: 0;
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+.zen-filters-popup.zen-filters-popup:not(.zen-filters-popup--mobile) {
+  box-sizing: border-box;
+  width: 640px;
+  max-width: 640px;
+  view-transition-name: expand-panel;
+}
+.zen-filters-popup.zen-filters-popup:not(.zen-filters-popup--mobile) * {
+  box-sizing: border-box;
+}
+.zen-filters-popup__first-row {
+  display: flex;
+  justify-content: space-between;
   align-items: center;
-  justify-items: start;
+  gap: 8px;
+  padding: 0;
+}
+.zen-filters-popup__first-row--mobile {
+  padding: 8px 16px;
 }
-.zen-range__trigger-button {
-  max-width: 200px;
+.zen-filters-popup__second-row {
+  border-top: var(--border-width-default) solid var(--borders-general);
+  padding: 16px 0;
 }
-.zen-range__content {
-  display: grid;
-  margin: 0;
-  padding: 4px 0 0;
+.zen-filters-popup__second-row--mobile {
+  border-top: none;
+  padding: 0;
 }
-.zen-range__label {
-  width: 100%;
-  height: 40px;
-  font-family: var(--main-font);
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: 0.32px;
-  line-height: 16px;
-  text-transform: none;
-  color: var(--text-secondary);
-  padding: 12px 16px 11px 16px;
-  border-bottom: 1px solid var(--backgrounds-content-1);
+.zen-filters-popup__content {
+  display: flex;
 }
-.zen-range__trigger-button-text {
-  color: var(--text-nav-highlight);
+.zen-filters-popup__content .zen-filters-popup__left-panel {
+  display: flex;
+  flex-direction: column;
+  width: 123px;
+  min-height: 100%;
+  height: auto;
+  justify-content: stretch;
+  border-right: var(--border-width-default) solid var(--borders-general);
 }
-.zen-range__button-group {
-  display: inline-flex;
+.zen-filters-popup__content .zen-filters-popup__left-panel .zen-filters__select-trigger {
+  width: 123px;
+}
+.zen-filters-popup__content .zen-filters-popup__right-panel {
   flex-grow: 1;
-  justify-content: flex-end;
+  height: 100%;
+  max-width: calc(100% - 123px);
 }
-.zen-range__footer {
-  display: flex;
-  justify-content: flex-start;
-  border-top: var(--border-width-default) solid var(--borders-general);
+.zen-filters-popup.zen-filters-popup--mobile {
+  width: 100%;
+  max-width: 100%;
+  view-transition-name: expand-panel;
 }
-.zen-range__clear-button,
-.zen-range__cancel-button,
-.zen-range__apply-button {
-  margin-right: 8px;
+.zen-filters-popup.zen-filters-popup--mobile .zen-filters-popup__right-panel {
+  max-width: 100%;
+}
+.zen-filters-container {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: 4px;
   margin-top: 8px;
-  margin-bottom: 4px;
+  padding: 8px 0;
 }
-.zen-range__clear-button {
+.zen-filters-container__removal-chip .zen-chip__icon {
+  border: 1px solid var(--action-primary--active);
+  border-radius: 50%;
+}
+.zen-filters-container__removal-chip.zen-chip--accent .zen-chip__icon {
+  border: 1px solid var(--accents-general--main);
+}
+.zen-filters-container.zen-filters-container--mobile {
+  padding: 0;
+}
+.zen-filters-container__mobile-scroll-wrapper {
   margin-left: 8px;
+  padding: 2px;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  overflow: auto;
+  -ms-overflow-style: none;
+  /* IE and Edge */
+  scrollbar-width: none;
+  /* Firefox */
 }
-.zen-range--error .zen-range__trigger-button {
-  border: 1px solid var(--text-error-message);
+.zen-filters-container__mobile-scroll-wrapper::-webkit-scrollbar {
+  display: none;
 }
-.zen-range__mobile-sheet .zen-range__clear-button,
-.zen-range__mobile-sheet .zen-range__cancel-button,
-.zen-range__mobile-sheet .zen-range__apply-button {
-  margin: 0;
+.zen-filters-container__mobile-scroll-wrapper > * {
+  flex-shrink: 0;
 }
-.zen-range-popup.zen-range-popup {
-  font-family: var(--main-font);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: 0;
-  line-height: 16px;
-  text-transform: none;
-  background-color: var(--backgrounds-main);
-  z-index: 11002;
+.zen-filters-container__mobile-scroll-wrapper:last-child {
+  margin-right: 8px;
 }
-.zen-filters-bar-side-panel-range__items-container {
-  display: grid;
+.zen-filters-container.zen-filters__container--no-search {
+  margin-top: 0;
+  padding: 0;
 }
-.zen-filters-bar-side-panel-range__items-container--column {
-  min-width: 136px;
-  max-width: 258px;
-  display: grid;
-  grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
-  grid-template-rows: auto auto;
-  gap: 4px 8px;
-  align-items: center;
-  justify-items: start;
+::view-transition-group(expand-panel) {
+  animation-duration: 0.15s;
+  animation-timing-function: ease-out;
 }
-.zen-filters-bar-side-panel-range__items-container--row {
-  max-width: 296px;
-  display: grid;
-  align-items: center;
-  justify-items: start;
-  grid-template-columns: minmax(24px, 32px) minmax(64px, 64px) minmax(24px, 32px) minmax(24px, 32px) minmax(64px, 64px) minmax(24px, 32px);
-  row-gap: 4px;
-  column-gap: 8px;
+.zen-side-panel-filters__dropdown-item-chips-container {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
 }
-.zen-filters-bar-side-panel-range__item--column {
-  min-width: 136px;
-  min-height: 32px;
-  max-width: 258px;
+.zen-side-panel-filters__date-popup--full-width.zen-side-panel-filters__date-popup--full-width {
+  width: 328px;
 }
-.zen-filters-bar-side-panel-range__item--row {
-  min-width: 128px;
-  min-height: 32px;
-  max-width: 144px;
+.zen-side-panel-filters__groups-popup--full-width.zen-side-panel-filters__groups-popup--full-width {
+  width: 328px;
 }
 .zen-groups-filter-menu {
   box-sizing: border-box;
@@ -11694,7 +11926,7 @@ button.zen-summary__clickable {
   line-height: 16px;
   text-transform: none;
   color: var(--text-secondary);
-  font-feature-settings: 'clig' off, 'liga' off;
+  font-feature-settings: "clig" off, "liga" off;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
@@ -11767,110 +11999,16 @@ button.zen-summary__clickable {
   border-radius: 9px;
   display: flex;
   min-width: 16px;
-  height: 16px;
-  justify-content: center;
-  align-items: center;
-  padding: 2px 4px;
-}
-.zen-groups-filter__popup.zen-groups-filter__popup {
-  z-index: 11001;
-}
-.zen-groups-filter__popup.zen-groups-filter__popup.zen-groups-filter__popup--inactive {
-  z-index: 10999;
-}
-.zen-two-options-switcher {
-  font-family: var(--main-font);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: 0;
-  line-height: 16px;
-  text-transform: none;
-  box-sizing: border-box;
-  --backgroundSwitcher: var(--action-primary--default);
-  --backgroundRunner: var(--backgrounds-main);
-  display: flex;
-  align-items: center;
-}
-.zen-two-options-switcher * {
-  box-sizing: border-box;
-}
-.zen-two-options-switcher__label {
-  cursor: pointer;
-  padding: 3px;
-  color: var(--text-primary);
-}
-.zen-two-options-switcher__label--left {
-  margin-right: 6px;
-}
-.zen-two-options-switcher__label--right {
-  margin-left: 6px;
-}
-.zen-two-options-switcher__input {
-  position: absolute;
-  width: 0;
-  height: 0;
-  opacity: 0;
-}
-.zen-two-options-switcher__input:disabled {
-  pointer-events: none;
-}
-.zen-two-options-switcher__input:checked(:not(:disabled)) + .zen-two-options-switcher__label {
-  font-weight: 500;
-}
-.zen-two-options-switcher__input:focus + .zen-two-options-switcher__label {
-  outline: auto;
-}
-.zen-two-options-switcher-control {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  width: 30px;
-  min-width: 30px;
-  height: 16px;
-  min-height: 16px;
-  border-radius: 16px;
-  padding: 2px;
-  background-color: var(--backgroundSwitcher);
-  overflow: visible;
-  position: relative;
-  cursor: pointer;
-}
-.zen-two-options-switcher-control__focus {
-  display: none;
-  position: absolute;
-  width: 26px;
-  min-width: 26px;
-  height: 26px;
-  min-height: 26px;
-  border-radius: 50%;
-  opacity: 0.4;
-  top: -5px;
-  background-color: var(--backgroundSwitcher);
-  left: -5px;
-}
-.zen-two-options-switcher-control__runner {
-  width: 12px;
-  min-width: 12px;
-  height: 12px;
-  min-height: 12px;
-  border-radius: 50%;
-  background-color: var(--backgroundRunner);
-}
-.zen-two-options-switcher-control--disabled {
-  opacity: 0.6;
-}
-.zen-two-options-switcher-control--disabled .zen-two-options-switcher-control__focus {
-  visibility: hidden;
-}
-.zen-two-options-switcher-control:hover .zen-two-options-switcher-control__focus {
-  display: block;
+  height: 16px;
+  justify-content: center;
+  align-items: center;
+  padding: 2px 4px;
 }
-.zen-two-options-switcher-control--right {
-  justify-content: flex-end;
+.zen-groups-filter__popup.zen-groups-filter__popup {
+  z-index: 11001;
 }
-.zen-two-options-switcher-control--right .zen-two-options-switcher-control__focus {
-  left: 10px;
+.zen-groups-filter__popup.zen-groups-filter__popup.zen-groups-filter__popup--inactive {
+  z-index: 10999;
 }
 .zen-groups-filter-trigger {
   box-sizing: border-box;
@@ -13440,53 +13578,286 @@ button.zen-summary__clickable {
   width: 40px;
   background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
 }
-.zen-filters-toolbar__gradient--left::after {
-  position: absolute;
-  content: "";
-  margin-left: 40px;
-  height: 100%;
-  top: 0;
-  width: 40px;
-  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
+.zen-filters-toolbar__gradient--left::after {
+  position: absolute;
+  content: "";
+  margin-left: 40px;
+  height: 100%;
+  top: 0;
+  width: 40px;
+  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
+}
+.zen-filters-toolbar__gradient--visible {
+  display: block;
+  opacity: 1;
+}
+.zen-filters-toolbar__gradient--hidden {
+  display: none;
+}
+.zen-filters-toolbar__start {
+  margin-inline-end: 8px;
+  margin-left: 4px;
+  left: 0;
+}
+.zen-filters-toolbar__start-icon {
+  transform: rotate(180deg);
+}
+.zen-filters-toolbar__end {
+  margin-inline-start: 8px;
+  margin-right: 4px;
+  right: 0;
+}
+.zen-filters-toolbar__filters {
+  display: flex;
+  flex-shrink: 1;
+  align-items: center;
+  gap: 8px;
+}
+.zen-filters-toolbar__filters-item {
+  flex-shrink: 0;
+}
+.zen-filters-toolbar__filters-item--inactive {
+  display: none;
+}
+.zen-filters-toolbar__actions {
+  flex-shrink: 0;
+  display: flex;
+  gap: 8px;
+}
+.zen-filters-toolbar__action-label {
+  font-family: var(--main-font);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0.32px;
+  line-height: 16px;
+  text-transform: none;
+}
+.zen-filters-toolbar__action-quantity {
+  font-family: var(--main-font);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0.32px;
+  line-height: 16px;
+  text-transform: none;
+  min-width: 16px;
+  border-radius: 16px;
+  background-color: var(--action-primary--default);
+  color: var(--text-reverse-primary);
+  margin-left: 6px;
+  padding: 0px 4px;
+}
+.zen-filters-toolbar__reset {
+  display: none;
+}
+.zen-filters-toolbar--colored {
+  background-color: var(--backgrounds-content-0);
+}
+.zen-filters-toolbar--no-actions {
+  gap: 0;
+}
+.zen-filters-toolbar--start-scrollable .zen-filters-toolbar__start {
+  display: flex;
+}
+.zen-filters-toolbar--end-scrollable .zen-filters-toolbar__end {
+  display: flex;
+}
+.zen-filters-toolbar--with-filters .zen-filters-toolbar__reset {
+  display: block;
+}
+.zen-filters-toolbar__scroller.zen-filters-toolbar__scroller--drive,
+.zen-filters-toolbar__scroller.zen-filters-toolbar__scroller--drive-tablet {
+  width: 46px;
+  height: 46px;
+}
+.zen-filters-toolbar__gradient.zen-filters-toolbar__gradient--drive.zen-filters-toolbar__gradient--left::after,
+.zen-filters-toolbar__gradient.zen-filters-toolbar__gradient--drive-tablet.zen-filters-toolbar__gradient--left::after {
+  position: absolute;
+  content: "";
+  margin-left: calc(52px + 4px);
+  height: 100%;
+  top: 0;
+  width: 52px;
+  z-index: 1000;
+  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
+}
+.zen-filters-toolbar__gradient.zen-filters-toolbar__gradient--drive.zen-filters-toolbar__gradient--right::before,
+.zen-filters-toolbar__gradient.zen-filters-toolbar__gradient--drive-tablet.zen-filters-toolbar__gradient--right::before {
+  position: absolute;
+  content: "";
+  margin-left: -52px;
+  height: 100%;
+  top: 0;
+  width: 52px;
+  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
+}
+.zen-side-panel-parent--open {
+  max-height: 100vh;
+  overflow-y: hidden;
+}
+.zen-filters-bar-dropdown {
+  box-sizing: border-box;
+}
+.zen-filters-bar-dropdown * {
+  box-sizing: border-box;
+}
+.zen-filters-bar-dropdown--side-panel.zen-filters-bar-dropdown--side-panel {
+  max-width: 100%;
+}
+.zen-filters-bar-dropdown--toolbar {
+  max-width: 180px;
+}
+.zen-filters-bar-dropdown__pill-box {
+  margin-top: 8px;
+}
+.zen-side-panel-radio-group {
+  box-sizing: border-box;
+}
+.zen-side-panel-radio-group * {
+  box-sizing: border-box;
+}
+.zen-side-panel-radio-group__item {
+  padding: 0;
+}
+.zen-side-panel-radio-group .zen-radio-group__item {
+  padding: 8px 0;
+}
+.zen-side-panel-radio-group .zen-radio__label {
+  margin-left: 8px;
+}
+.zen-side-panel-checkbox-group {
+  box-sizing: border-box;
+}
+.zen-side-panel-checkbox-group * {
+  box-sizing: border-box;
+}
+.zen-side-panel-checkbox-group__checkbox {
+  padding: 8px 0;
+}
+.zen-side-panel-checkbox-group .zen-checkbox__label-text {
+  margin-left: 8px;
+}
+.zen-filters-bar-groups-filter--side-panel .zen-side-panel-cell__content {
+  max-width: 420px;
+}
+.zen-range-field {
+  box-sizing: border-box;
+  font-family: var(--main-font);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 16px;
+  text-transform: none;
+  width: 100%;
+}
+.zen-range-field * {
+  box-sizing: border-box;
+}
+.zen-range-field--column {
+  display: contents;
+}
+.zen-range-field--column.zen-range-field--min .zen-range-field__label {
+  grid-column: 1;
+  grid-row: 1;
+}
+.zen-range-field--column.zen-range-field--min .zen-range-field__input-container {
+  grid-column: 2;
+  grid-row: 1;
+}
+.zen-range-field--column.zen-range-field--min .zen-range-field__sense {
+  grid-column: 3;
+  grid-row: 1;
+}
+.zen-range-field--column.zen-range-field--min .zen-range-field__error {
+  grid-column: 1 / span 3;
+  grid-row: 2;
+  min-height: 24px;
+}
+.zen-range-field--column.zen-range-field--max .zen-range-field__label {
+  grid-column: 1;
+  grid-row: 3;
+}
+.zen-range-field--column.zen-range-field--max .zen-range-field__input-container {
+  grid-column: 2;
+  grid-row: 3;
+}
+.zen-range-field--column.zen-range-field--max .zen-range-field__sense {
+  grid-column: 3;
+  grid-row: 3;
+}
+.zen-range-field--column.zen-range-field--max .zen-range-field__error {
+  grid-column: 1 / span 3;
+  grid-row: 4;
+  min-height: 24px;
+}
+.zen-range-field--column .zen-range-field__label {
+  min-width: 28px;
+  max-width: 56px;
+}
+.zen-range-field--column .zen-range-field__input-container {
+  width: 100%;
+}
+.zen-range-field--column .zen-range-field__sense {
+  min-width: 28px;
+  max-width: 56px;
+}
+.zen-range-field--row .zen-range-field__label {
+  max-width: 32px;
+  min-width: 24px;
+}
+.zen-range-field--row .zen-range-field__input-container {
+  max-width: 64px;
+  min-width: 64px;
+}
+.zen-range-field--row .zen-range-field__sense {
+  max-width: 32px;
+  min-width: 24px;
+}
+.zen-range-field--row.zen-range-field--min {
+  display: contents;
+}
+.zen-range-field--row.zen-range-field--min .zen-range-field__label {
+  grid-column: 1;
+  grid-row: 1;
+}
+.zen-range-field--row.zen-range-field--min .zen-range-field__input-container {
+  grid-column: 2;
+  grid-row: 1;
 }
-.zen-filters-toolbar__gradient--visible {
-  display: block;
-  opacity: 1;
+.zen-range-field--row.zen-range-field--min .zen-range-field__sense {
+  grid-column: 3;
+  grid-row: 1;
 }
-.zen-filters-toolbar__gradient--hidden {
-  display: none;
+.zen-range-field--row.zen-range-field--min .zen-range-field__error {
+  grid-column: 1 / span 3;
+  grid-row: 2;
 }
-.zen-filters-toolbar__start {
-  margin-inline-end: 8px;
-  margin-left: 4px;
-  left: 0;
+.zen-range-field--row.zen-range-field--max {
+  display: contents;
 }
-.zen-filters-toolbar__start-icon {
-  transform: rotate(180deg);
+.zen-range-field--row.zen-range-field--max .zen-range-field__label {
+  grid-column: 4;
+  grid-row: 1;
 }
-.zen-filters-toolbar__end {
-  margin-inline-start: 8px;
-  margin-right: 4px;
-  right: 0;
+.zen-range-field--row.zen-range-field--max .zen-range-field__input-container {
+  grid-column: 5;
+  grid-row: 1;
 }
-.zen-filters-toolbar__filters {
-  display: flex;
-  flex-shrink: 1;
-  align-items: center;
-  gap: 8px;
+.zen-range-field--row.zen-range-field--max .zen-range-field__sense {
+  grid-column: 6;
+  grid-row: 1;
 }
-.zen-filters-toolbar__filters-item {
-  flex-shrink: 0;
+.zen-range-field--row.zen-range-field--max .zen-range-field__error {
+  grid-column: 4 / span 3;
+  grid-row: 2;
 }
-.zen-filters-toolbar__filters-item--inactive {
-  display: none;
+.zen-range-field__content {
+  display: contents;
 }
-.zen-filters-toolbar__actions {
-  flex-shrink: 0;
+.zen-range-field__error {
   display: flex;
-  gap: 8px;
-}
-.zen-filters-toolbar__action-label {
   font-family: var(--main-font);
   font-size: 12px;
   font-style: normal;
@@ -13494,8 +13865,14 @@ button.zen-summary__clickable {
   letter-spacing: 0.32px;
   line-height: 16px;
   text-transform: none;
+  color: var(--text-error-message);
+  fill: var(--text-error-message);
+  margin-top: 4px;
 }
-.zen-filters-toolbar__action-quantity {
+.zen-range-field__error-text {
+  margin-left: 2px;
+}
+.zen-range-field__label {
   font-family: var(--main-font);
   font-size: 12px;
   font-style: normal;
@@ -13503,136 +13880,192 @@ button.zen-summary__clickable {
   letter-spacing: 0.32px;
   line-height: 16px;
   text-transform: none;
-  min-width: 16px;
-  border-radius: 16px;
-  background-color: var(--action-primary--default);
-  color: var(--text-reverse-primary);
-  margin-left: 6px;
-  padding: 0px 4px;
-}
-.zen-filters-toolbar__reset {
-  display: none;
+  color: var(--text-primary);
+  flex-shrink: 0;
 }
-.zen-filters-toolbar--colored {
-  background-color: var(--backgrounds-content-0);
+.zen-range-field__label--mobile {
+  font-family: var(--main-font);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 16px;
+  text-transform: none;
 }
-.zen-filters-toolbar--no-actions {
-  gap: 0;
+.zen-range-field__input {
+  height: 32px;
 }
-.zen-filters-toolbar--start-scrollable .zen-filters-toolbar__start {
-  display: flex;
+.zen-range-field__input::-webkit-inner-spin-button,
+.zen-range-field__input::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
 }
-.zen-filters-toolbar--end-scrollable .zen-filters-toolbar__end {
-  display: flex;
+.zen-range-field__input--mobile {
+  height: 44px;
 }
-.zen-filters-toolbar--with-filters .zen-filters-toolbar__reset {
-  display: block;
+.zen-range-field .zen-range-field__input:focus {
+  border: var(--border-width-default) solid var(--borders-form-field--active);
 }
-.zen-filters-toolbar__scroller.zen-filters-toolbar__scroller--drive,
-.zen-filters-toolbar__scroller.zen-filters-toolbar__scroller--drive-tablet {
-  width: 46px;
-  height: 46px;
+.zen-range-field__sense {
+  font-family: var(--main-font);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0.32px;
+  line-height: 16px;
+  text-transform: none;
+  color: var(--text-primary);
+  text-align: right;
 }
-.zen-filters-toolbar__gradient.zen-filters-toolbar__gradient--drive.zen-filters-toolbar__gradient--left::after,
-.zen-filters-toolbar__gradient.zen-filters-toolbar__gradient--drive-tablet.zen-filters-toolbar__gradient--left::after {
-  position: absolute;
-  content: "";
-  margin-left: calc(52px + 4px);
-  height: 100%;
-  top: 0;
-  width: 52px;
-  z-index: 1000;
-  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
+.zen-range-field__sense--mobile {
+  font-family: var(--main-font);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 16px;
+  text-transform: none;
 }
-.zen-filters-toolbar__gradient.zen-filters-toolbar__gradient--drive.zen-filters-toolbar__gradient--right::before,
-.zen-filters-toolbar__gradient.zen-filters-toolbar__gradient--drive-tablet.zen-filters-toolbar__gradient--right::before {
-  position: absolute;
-  content: "";
-  margin-left: -52px;
-  height: 100%;
-  top: 0;
-  width: 52px;
-  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
+.zen-range-field__sense-text {
+  text-align: start;
 }
-.zen-side-panel-parent--open {
-  max-height: 100vh;
-  overflow-y: hidden;
+.zen-range-field .zen-range-field__input {
+  appearance: textfield;
 }
-.zen-filters-bar-dropdown {
+.zen-range {
   box-sizing: border-box;
+  font-family: var(--main-font);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 16px;
+  text-transform: none;
 }
-.zen-filters-bar-dropdown * {
+.zen-range * {
   box-sizing: border-box;
 }
-.zen-filters-bar-dropdown--side-panel.zen-filters-bar-dropdown--side-panel {
-  max-width: 100%;
-}
-.zen-filters-bar-dropdown--toolbar {
-  max-width: 180px;
-}
-.zen-filters-bar-dropdown__pill-box {
-  margin-top: 8px;
-}
-.zen-side-panel-radio-group {
-  box-sizing: border-box;
+.zen-range__fields-wrapper {
+  padding: 12px 16px;
 }
-.zen-side-panel-radio-group * {
-  box-sizing: border-box;
+.zen-range__fields-container {
+  display: grid;
 }
-.zen-side-panel-radio-group__item {
-  padding: 0;
+.zen-range__fields-container--row {
+  min-width: 296px;
+  max-width: 328px;
+  display: grid;
+  align-items: center;
+  justify-items: start;
+  grid-template-columns: minmax(24px, 32px) minmax(64px, 64px) minmax(24px, 32px) minmax(24px, 32px) minmax(64px, 64px) minmax(24px, 32px);
+  row-gap: 4px;
+  column-gap: 8px;
 }
-.zen-side-panel-radio-group .zen-radio-group__item {
-  padding: 8px 0;
+.zen-range__fields-container--column {
+  min-width: 200px;
+  max-width: 228px;
+  display: grid;
+  grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
+  grid-template-rows: auto auto;
+  gap: 4px 8px;
+  align-items: center;
+  justify-items: start;
 }
-.zen-side-panel-radio-group .zen-radio__label {
-  margin-left: 8px;
+.zen-range__trigger-button {
+  max-width: 200px;
 }
-.zen-side-panel-checkbox-group {
-  box-sizing: border-box;
+.zen-range__content {
+  display: grid;
+  margin: 0;
+  padding: 4px 0 0;
 }
-.zen-side-panel-checkbox-group * {
-  box-sizing: border-box;
+.zen-range__label {
+  width: 100%;
+  height: 40px;
+  font-family: var(--main-font);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0.32px;
+  line-height: 16px;
+  text-transform: none;
+  color: var(--text-secondary);
+  padding: 12px 16px 11px 16px;
+  border-bottom: 1px solid var(--backgrounds-content-1);
 }
-.zen-side-panel-checkbox-group__checkbox {
-  padding: 8px 0;
+.zen-range__trigger-button-text {
+  color: var(--text-nav-highlight);
 }
-.zen-side-panel-checkbox-group .zen-checkbox__label-text {
-  margin-left: 8px;
+.zen-range__button-group {
+  display: inline-flex;
+  flex-grow: 1;
+  justify-content: flex-end;
 }
-.zen-filters-bar-groups-filter--side-panel .zen-side-panel-cell__content {
-  max-width: 420px;
+.zen-range__footer {
+  display: flex;
+  justify-content: flex-start;
+  border-top: var(--border-width-default) solid var(--borders-general);
 }
-.zen-filters-bar-period-picker {
-  box-sizing: border-box;
+.zen-range__clear-button,
+.zen-range__cancel-button,
+.zen-range__apply-button {
+  margin-right: 8px;
+  margin-top: 8px;
+  margin-bottom: 4px;
 }
-.zen-filters-bar-period-picker * {
-  box-sizing: border-box;
+.zen-range__clear-button {
+  margin-left: 8px;
 }
-.zen-filters-bar-period-picker__button-clear {
-  margin: 8px auto 4px 4px;
+.zen-range--error .zen-range__trigger-button {
+  border: 1px solid var(--text-error-message);
 }
-.zen-filters-bar-period-picker__button-reset {
-  margin: 8px 8px 4px 0px;
+.zen-range__mobile-sheet .zen-range__clear-button,
+.zen-range__mobile-sheet .zen-range__cancel-button,
+.zen-range__mobile-sheet .zen-range__apply-button {
+  margin: 0;
 }
-.zen-filters-bar-period-picker__button-apply {
-  margin: 8px 0px 4px 0px;
+.zen-range-popup.zen-range-popup {
+  font-family: var(--main-font);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 16px;
+  text-transform: none;
+  background-color: var(--backgrounds-main);
+  z-index: 11002;
 }
-.zen-filters-bar-period-picker--full-width {
-  width: 100%;
-  justify-content: center;
+.zen-filters-bar-side-panel-range__items-container {
+  display: grid;
 }
-.zen-filters-bar-period-picker--full-width .zen-caption__content {
-  margin: 0;
+.zen-filters-bar-side-panel-range__items-container--column {
+  min-width: 136px;
+  max-width: 258px;
+  display: grid;
+  grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
+  grid-template-rows: auto auto;
+  gap: 4px 8px;
+  align-items: center;
+  justify-items: start;
 }
-.zen-filters-bar-period-picker__popup--full-width.zen-filters-bar-period-picker__popup--full-width {
-  width: 288px;
+.zen-filters-bar-side-panel-range__items-container--row {
+  max-width: 296px;
+  display: grid;
+  align-items: center;
+  justify-items: start;
+  grid-template-columns: minmax(24px, 32px) minmax(64px, 64px) minmax(24px, 32px) minmax(24px, 32px) minmax(64px, 64px) minmax(24px, 32px);
+  row-gap: 4px;
+  column-gap: 8px;
 }
-.zen-filters-bar-period-picker__error {
-  margin: 12px 16px 0;
+.zen-filters-bar-side-panel-range__item--column {
+  min-width: 136px;
+  min-height: 32px;
+  max-width: 258px;
 }
-.zen-filters-bar-period-picker .zen-filters-bar-period-picker-wrapper.zen-date-range-wrapper {
-  width: 100%;
+.zen-filters-bar-side-panel-range__item--row {
+  min-width: 128px;
+  min-height: 32px;
+  max-width: 144px;
 }
 .zen-filters-bar-date-input {
   box-sizing: border-box;
@@ -13650,90 +14083,6 @@ button.zen-summary__clickable {
 .zen-filters-bar-date-input__popup--full-width.zen-filters-bar-date-input__popup--full-width {
   width: 288px;
 }
-.zen-side-panel-filters-bar {
-  box-sizing: border-box;
-  border-radius: var(--border-radius-default);
-}
-.zen-side-panel-filters-bar * {
-  box-sizing: border-box;
-}
-.zen-side-panel-filters-bar__header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border-bottom: 1px solid var(--borders-general);
-  height: 64px;
-  padding: 16px;
-}
-.zen-side-panel-filters-bar__title-wrapper {
-  display: flex;
-  flex-wrap: nowrap;
-  gap: 16px;
-}
-.zen-side-panel-filters-bar__title {
-  padding: 8px 0;
-  font-family: var(--main-font);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-  letter-spacing: 0.16px;
-  line-height: 16px;
-  text-transform: none;
-  color: var(--text-primary);
-}
-.zen-side-panel-filters-bar__title-pill {
-  padding: 4px 0;
-}
-.zen-side-panel-filters-bar__close-button {
-  fill: var(--text-primary);
-  position: absolute;
-  right: 16px;
-}
-.zen-side-panel-filters-bar__content {
-  padding-top: 8px;
-  overflow-x: hidden;
-  overflow-y: auto;
-  flex: 1 1 auto;
-}
-.zen-side-panel-filters-bar__apply-button--desktop {
-  margin-inline-start: 16px;
-}
-.zen-side-panel-filters-bar__footer {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border-top: 1px solid var(--borders-general);
-  padding: 14px 28px;
-  height: auto;
-  flex: 0 0 auto;
-}
-.zen-side-panel-filters-bar__footer--mobile {
-  padding: 0;
-  display: block;
-}
-.zen-side-panel-filters-bar__footer--long-text {
-  padding: 14px 16px;
-}
-.zen-side-panel-filters-bar__footer--long-text .zen-side-panel-filters-bar__apply-button--desktop {
-  margin-inline-start: 8px;
-}
-.zen-side-panel-filters-bar-wrapper {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  overflow-y: hidden;
-}
-.zen-side-panel-filters-bar.zen-side-panel-filters-bar {
-  min-width: 320px;
-  max-width: 320px;
-}
-@media (max-width: 640px) {
-  .zen-side-panel-filters-bar.zen-side-panel-filters-bar {
-    width: 100%;
-    max-width: 100%;
-  }
-}
 .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-right: 0;
@@ -14353,17 +14702,132 @@ button.zen-summary__clickable {
 .zen-filters-bar-dropdown-with-checkbox * {
   box-sizing: border-box;
 }
-.zen-filters-bar-dropdown-with-checkbox--side-panel.zen-filters-bar-dropdown-with-checkbox--side-panel {
-  max-width: 100%;
+.zen-filters-bar-dropdown-with-checkbox--side-panel.zen-filters-bar-dropdown-with-checkbox--side-panel {
+  max-width: 100%;
+}
+.zen-filters-bar-dropdown-with-checkbox--toolbar {
+  max-width: 180px;
+}
+.zen-filters-bar-dropdown-with-checkbox__side-panel-checkbox {
+  margin-top: 8px;
+}
+.zen-filters-bar-dropdown-with-checkbox__pill-box {
+  margin-top: 8px;
+}
+.zen-filters-bar-period-picker {
+  box-sizing: border-box;
+}
+.zen-filters-bar-period-picker * {
+  box-sizing: border-box;
+}
+.zen-filters-bar-period-picker__button-clear {
+  margin: 8px auto 4px 4px;
+}
+.zen-filters-bar-period-picker__button-reset {
+  margin: 8px 8px 4px 0px;
+}
+.zen-filters-bar-period-picker__button-apply {
+  margin: 8px 0px 4px 0px;
+}
+.zen-filters-bar-period-picker--full-width {
+  width: 100%;
+  justify-content: center;
+}
+.zen-filters-bar-period-picker--full-width .zen-caption__content {
+  margin: 0;
+}
+.zen-filters-bar-period-picker__popup--full-width.zen-filters-bar-period-picker__popup--full-width {
+  width: 288px;
+}
+.zen-filters-bar-period-picker__error {
+  margin: 12px 16px 0;
+}
+.zen-filters-bar-period-picker .zen-filters-bar-period-picker-wrapper.zen-date-range-wrapper {
+  width: 100%;
+}
+.zen-side-panel-filters-bar {
+  box-sizing: border-box;
+  border-radius: var(--border-radius-default);
+}
+.zen-side-panel-filters-bar * {
+  box-sizing: border-box;
+}
+.zen-side-panel-filters-bar__header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid var(--borders-general);
+  height: 64px;
+  padding: 16px;
+}
+.zen-side-panel-filters-bar__title-wrapper {
+  display: flex;
+  flex-wrap: nowrap;
+  gap: 16px;
+}
+.zen-side-panel-filters-bar__title {
+  padding: 8px 0;
+  font-family: var(--main-font);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  letter-spacing: 0.16px;
+  line-height: 16px;
+  text-transform: none;
+  color: var(--text-primary);
+}
+.zen-side-panel-filters-bar__title-pill {
+  padding: 4px 0;
+}
+.zen-side-panel-filters-bar__close-button {
+  fill: var(--text-primary);
+  position: absolute;
+  right: 16px;
+}
+.zen-side-panel-filters-bar__content {
+  padding-top: 8px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  flex: 1 1 auto;
+}
+.zen-side-panel-filters-bar__apply-button--desktop {
+  margin-inline-start: 16px;
+}
+.zen-side-panel-filters-bar__footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-top: 1px solid var(--borders-general);
+  padding: 14px 28px;
+  height: auto;
+  flex: 0 0 auto;
+}
+.zen-side-panel-filters-bar__footer--mobile {
+  padding: 0;
+  display: block;
+}
+.zen-side-panel-filters-bar__footer--long-text {
+  padding: 14px 16px;
+}
+.zen-side-panel-filters-bar__footer--long-text .zen-side-panel-filters-bar__apply-button--desktop {
+  margin-inline-start: 8px;
 }
-.zen-filters-bar-dropdown-with-checkbox--toolbar {
-  max-width: 180px;
+.zen-side-panel-filters-bar-wrapper {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow-y: hidden;
 }
-.zen-filters-bar-dropdown-with-checkbox__side-panel-checkbox {
-  margin-top: 8px;
+.zen-side-panel-filters-bar.zen-side-panel-filters-bar {
+  min-width: 320px;
+  max-width: 320px;
 }
-.zen-filters-bar-dropdown-with-checkbox__pill-box {
-  margin-top: 8px;
+@media (max-width: 640px) {
+  .zen-side-panel-filters-bar.zen-side-panel-filters-bar {
+    width: 100%;
+    max-width: 100%;
+  }
 }
 .zen-form-section-default-title {
   font-family: var(--main-font);
@@ -14742,115 +15206,6 @@ button.zen-summary__clickable {
 .zen-form-layout-wrapper--mobile {
   gap: 24px;
 }
-@keyframes waiting {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-.zen-waiting {
-  box-sizing: border-box;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  overflow: hidden;
-  z-index: 10005;
-}
-.zen-waiting * {
-  box-sizing: border-box;
-}
-.zen-waiting--inline {
-  position: relative;
-  width: 40px;
-  height: 24px;
-}
-.zen-waiting__spinner-text {
-  font-family: var(--main-font);
-  font-size: 20px;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: 0;
-  line-height: 24px;
-  text-transform: none;
-  color: var(--text-secondary);
-  max-width: 144px;
-  text-align: center;
-}
-.zen-waiting__spinner-text--drive {
-  font-family: var(--main-font);
-  font-size: 22px;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: 0;
-  line-height: 28px;
-  text-transform: none;
-}
-.zen-waiting__spinner-text--drive-tablet {
-  font-family: var(--main-font);
-  font-size: 24px;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: 0;
-  line-height: 30px;
-  text-transform: none;
-}
-.zen-waiting__overlay {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background-color: var(--backgrounds-overlay);
-  opacity: 0.12;
-  text-align: left;
-  overflow: hidden;
-}
-.zen-waiting__overlay--hidden {
-  background-color: transparent;
-}
-.zen-waiting__spinner-container {
-  display: flex;
-  min-height: 20px;
-  height: 100%;
-  width: 100%;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-  gap: 8px;
-}
-.zen-waiting__spinner {
-  display: flex;
-  max-width: 64px;
-  max-height: 64px;
-  min-width: 40px;
-  min-height: 40px;
-  position: relative;
-  width: 100%;
-  height: 100%;
-  justify-content: center;
-}
-.zen-waiting__spinner--drive-tablet {
-  max-width: 40px;
-  max-height: 40px;
-}
-.zen-waiting__spinner--drive {
-  max-width: 40px;
-  max-height: 40px;
-}
-@media (max-width: 640px) {
-  .zen-waiting__spinner {
-    max-width: 40px;
-    max-height: 40px;
-  }
-}
-.zen-waiting__spinner-animation {
-  transform-origin: 32px 32px;
-  animation: waiting 1.5s linear infinite;
-}
 .zen-main-header {
   position: sticky;
   top: 0;
@@ -14997,19 +15352,6 @@ button.zen-summary__clickable {
   outline: none;
   border: 1px solid var(--borders-form-field--active);
 }
-.zen-collapsed-items {
-  box-sizing: border-box;
-}
-.zen-collapsed-items * {
-  box-sizing: border-box;
-}
-.zen-collapsed-items__dropdown-area {
-  display: flex;
-  flex-flow: column;
-  min-width: 0;
-  max-width: 260px;
-  background-color: var(--backgrounds-content-0);
-}
 .zen-header {
   box-sizing: border-box;
   display: flex;
@@ -15072,6 +15414,19 @@ button.zen-summary__clickable {
 .zen-header.zen-main-header__section--secondary-padding .zen-header__right-sections .zen-header__section--middle {
   flex-grow: 1;
 }
+.zen-collapsed-items {
+  box-sizing: border-box;
+}
+.zen-collapsed-items * {
+  box-sizing: border-box;
+}
+.zen-collapsed-items__dropdown-area {
+  display: flex;
+  flex-flow: column;
+  min-width: 0;
+  max-width: 260px;
+  background-color: var(--backgrounds-content-0);
+}
 .zen-layout {
   box-sizing: border-box;
   display: flex;
@@ -15155,6 +15510,8 @@ button.zen-summary__clickable {
   align-items: center;
   gap: 16px;
   padding: 6px 3px;
+  margin: 0;
+  list-style: none;
 }
 .zen-card-deck__cards-container {
   width: 100%;
@@ -15370,7 +15727,7 @@ button.zen-summary__clickable {
 }
 .zen-nav__content::before,
 .zen-nav__content::after {
-  content: '';
+  content: "";
   position: sticky;
   display: block;
   left: 0;
@@ -16595,7 +16952,7 @@ button.zen-summary__clickable {
   -webkit-appearance: none;
   margin: 0;
 }
-.zen-stepper-field__input[type=number] {
+.zen-stepper-field__input[type="number"] {
   -moz-appearance: textfield;
 }
 .zen-stepper-field__input:hover:not(:disabled) + .zen-stepper-field__controls,
@@ -16819,3 +17176,97 @@ button.zen-summary__clickable {
 .zen-toolbar__more-button .zen-toolbar__popup-item :first-child {
   width: 100%;
 }
+.zen-two-options-switcher {
+  font-family: var(--main-font);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 16px;
+  text-transform: none;
+  box-sizing: border-box;
+  --backgroundSwitcher: var(--action-primary--default);
+  --backgroundRunner: var(--backgrounds-main);
+  display: flex;
+  align-items: center;
+}
+.zen-two-options-switcher * {
+  box-sizing: border-box;
+}
+.zen-two-options-switcher__label {
+  cursor: pointer;
+  padding: 3px;
+  color: var(--text-primary);
+}
+.zen-two-options-switcher__label--left {
+  margin-right: 6px;
+}
+.zen-two-options-switcher__label--right {
+  margin-left: 6px;
+}
+.zen-two-options-switcher__input {
+  position: absolute;
+  width: 0;
+  height: 0;
+  opacity: 0;
+}
+.zen-two-options-switcher__input:disabled {
+  pointer-events: none;
+}
+.zen-two-options-switcher__input:checked(:not(:disabled)) + .zen-two-options-switcher__label {
+  font-weight: 500;
+}
+.zen-two-options-switcher__input:focus + .zen-two-options-switcher__label {
+  outline: auto;
+}
+.zen-two-options-switcher-control {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  width: 30px;
+  min-width: 30px;
+  height: 16px;
+  min-height: 16px;
+  border-radius: 16px;
+  padding: 2px;
+  background-color: var(--backgroundSwitcher);
+  overflow: visible;
+  position: relative;
+  cursor: pointer;
+}
+.zen-two-options-switcher-control__focus {
+  display: none;
+  position: absolute;
+  width: 26px;
+  min-width: 26px;
+  height: 26px;
+  min-height: 26px;
+  border-radius: 50%;
+  opacity: 0.4;
+  top: -5px;
+  background-color: var(--backgroundSwitcher);
+  left: -5px;
+}
+.zen-two-options-switcher-control__runner {
+  width: 12px;
+  min-width: 12px;
+  height: 12px;
+  min-height: 12px;
+  border-radius: 50%;
+  background-color: var(--backgroundRunner);
+}
+.zen-two-options-switcher-control--disabled {
+  opacity: 0.6;
+}
+.zen-two-options-switcher-control--disabled .zen-two-options-switcher-control__focus {
+  visibility: hidden;
+}
+.zen-two-options-switcher-control:hover .zen-two-options-switcher-control__focus {
+  display: block;
+}
+.zen-two-options-switcher-control--right {
+  justify-content: flex-end;
+}
+.zen-two-options-switcher-control--right .zen-two-options-switcher-control__focus {
+  left: 10px;
+}