@geotab/zenith 2.0.0 → 3.0.0-beta.0

package/dist/index.css

@@ -5707,40 +5707,6 @@
 .zen-page-bookmark__icon--active {
   fill: var(--text-secondary);
 }
-.zen-bottom-section {
-  display: flex;
-  align-items: center;
-  flex: 1 1 auto;
-}
-.zen-bottom-section__icon {
-  margin-right: 6px;
-  flex: 0 0 auto;
-}
-.zen-bottom-section__icon--info {
-  color: var(--action-secondary--default);
-  fill: var(--action-secondary--default);
-}
-.zen-bottom-section__icon--error {
-  color: var(--text-error-message);
-  fill: var(--text-error-message);
-}
-.zen-bottom-section__message {
-  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-bottom-section__message--info {
-  color: var(--action-secondary--default);
-  fill: var(--action-secondary--default);
-}
-.zen-bottom-section__message--error {
-  color: var(--text-error-message);
-  fill: var(--text-error-message);
-}
 .zen-select {
   box-sizing: border-box;
   font-family: var(--main-font);
@@ -6443,6 +6409,10 @@
   fill: var(--text-primary);
   flex: 0 0 auto;
 }
+.zen-card-title__clickable {
+  gap: 4px;
+  cursor: pointer;
+}
 .zen-card-title--drive .zen-card-title__text,
 .zen-card-title--drive .zen-card-title__link-text {
   font-family: var(--main-font);
@@ -6714,6 +6684,10 @@
 .zen-menu-item__content {
   list-style-type: none;
 }
+.zen-menu-separator {
+  border-top: 1px solid var(--borders-general);
+  height: 0;
+}
 .zen-controlled-menu {
   z-index: 11002;
 }
@@ -6747,10 +6721,6 @@
 .zen-controlled-menu-submenu--5 {
   z-index: 11007;
 }
-.zen-menu-separator {
-  border-top: 1px solid var(--borders-general);
-  height: 0;
-}
 .zen-card-button--drive-tablet {
   padding-top: 12px;
   padding-bottom: 12px;
@@ -7240,187 +7210,153 @@ button.zen-summary__clickable {
 .zen-columns-filter__item--header {
   border-top: 1px solid var(--borders-general);
 }
-.zen-combo-list {
-  margin: 0;
-  padding: 4px 0;
-}
-.zen-combo-list__item {
-  display: inline-flex;
-  align-items: center;
-  overflow: hidden;
-  position: relative;
-  list-style: none;
-  flex: 1 1 auto;
-  display: flex;
-  width: 100%;
-  height: 100%;
-  padding: 12px 16px;
-  fill: var(--text-secondary);
-  cursor: pointer;
-}
-.zen-combo-list__item--hover {
-  background-color: var(--backgrounds-hover);
-}
-.zen-combo-list__item:hover {
-  background-color: var(--backgrounds-hover);
-}
-.zen-combo-list__item--selected {
-  color: var(--text-reverse-primary);
-  fill: var(--text-reverse-primary);
-  background-color: var(--action-primary--default);
-}
-.zen-combo-list__item--selected:hover {
-  background-color: var(--action-primary--hover);
-}
-.zen-combo-list__item--selected.zen-combo-list__item--hover {
-  background-color: var(--action-primary--hover);
+.zen-arrow-nav-button--invisible.zen-arrow-nav-button--invisible {
+  display: none;
 }
-.zen-combo-list__item-container {
+.zen-data-feed {
+  --feed-gap: 4px;
+  --display-full-list: none;
+  --feed-row-margin: 2px;
+  --feed-main-row-margin: 2px;
   display: flex;
-  align-items: center;
-  width: 100%;
+  flex-direction: column;
+  gap: var(--feed-gap);
+  font-family: var(--main-font);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 16px;
+  text-transform: none;
 }
-.zen-combo-list__button {
+.zen-data-feed__item-container {
+  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
   display: flex;
-  border: none;
-  width: 100%;
-  height: 100%;
 }
-.zen-combo-list__icon {
-  width: 18px;
-  height: 18px;
-  margin-right: 10px;
-  margin-top: -1px;
-}
-.zen-combobox {
-  box-sizing: border-box;
-}
-.zen-combobox * {
-  box-sizing: border-box;
+.zen-data-feed__action-container {
+  padding-top: 8px;
+  padding-right: 8px;
+  padding-left: 4px;
 }
-.zen-combobox__container {
-  position: relative;
+.zen-data-feed__content {
+  flex: 1 1 auto;
+  min-width: 150px;
 }
-.zen-combobox-popup {
-  box-sizing: border-box;
-  background-color: var(--backgrounds-main);
+.zen-data-feed__wrapper {
+  flex: 0 0 auto;
+  padding-block: 6px;
 }
-.zen-combobox-popup * {
-  box-sizing: border-box;
+.zen-data-feed--full-list {
+  --display-full-list: flex;
+  --feed-row-margin: 4px;
+  --feed-main-row-margin: 6px;
 }
-.zen-searchable-field {
-  box-sizing: border-box;
-  display: flex;
-  border: 1px solid var(--borders-general);
-  border-radius: var(--border-radius-default);
+.zen-data-feed--full-list .zen-data-feed__wrapper {
+  padding-block: 9px;
 }
-.zen-searchable-field * {
-  box-sizing: border-box;
+.zen-data-feed--scrollable {
+  overflow-y: auto;
 }
-.zen-searchable-field:hover,
-.zen-searchable-field:focus .zen-searchable-field:active {
-  border-color: var(--text-nav-highlight);
+.zen-data-feed--empty .zen-data-feed__feed {
+  display: none;
 }
-.zen-searchable-field:has(.zen-searchable-field__input:focus) {
-  border-color: var(--text-nav-highlight);
+:root {
+  --grid-header-height: 52px;
 }
-.zen-searchable-field--full-width {
+.zen-data-grid-wrapper {
   width: 100%;
-}
-.zen-searchable-field__input {
-  padding: 8px 32px 8px 8px;
   height: 100%;
-  border-radius: var(--border-radius-default);
-  border: none;
-  outline: none;
-}
-.zen-searchable-field__input--short {
-  padding-right: 0;
+  display: flex;
+  flex-direction: column;
+  contain: strict;
 }
-.zen-searchable-field__input--full-width {
-  width: 100%;
+.zen-data-grid-not-interactive-mixin {
+  pointer-events: none;
+  user-select: none;
+  -webkit-user-select: none;
+  -webkit-user-drag: none;
 }
-.zen-searchable-field__input:disabled {
-  background-color: var(--backgrounds-field-disabled);
+.zen-data-grid-loading-mixin {
+  filter: blur(7px);
+  animation: load-column 1s linear infinite alternate;
 }
-.zen-searchable-field__close-button {
-  height: 100%;
+.zen-data-grid {
+  box-sizing: border-box;
+  position: relative;
+  overflow: auto;
+  border: 1px solid var(--borders-general);
+  border-radius: var(--border-radius-default);
   display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 12px;
-  background-color: var(--text-reverse-primary);
-  border: none;
-  fill: var(--action-secondary--default);
-}
-.zen-searchable-field__close-button:hover,
-.zen-searchable-field__close-button:focus,
-.zen-searchable-field__close-button:active {
-  background-color: var(--backgrounds-hover);
+  flex-direction: column;
+  flex: 0 1 auto;
+  background-color: var(--backgrounds-main);
+  color: var(--text-primary);
+  fill: var(--text-primary);
+  --row-height: 48px;
+  --cell-side-padding: 10px;
+  --cell-vertical-padding: 12px;
 }
-.zen-searchable-field__close-button:disabled {
-  visibility: visible;
-  fill: transparent;
-  background-color: var(--backgrounds-field-disabled);
+.zen-data-grid * {
+  box-sizing: border-box;
 }
-.zen-searchable-field__field {
-  display: flex;
-  border: none;
+.zen-data-grid__table {
+  /* border-collapse: collapse; */
+  border-spacing: 0;
   border-radius: var(--border-radius-default);
-  justify-content: center;
-  align-items: center;
-  background: var(--text-reverse-primary);
-  fill: var(--action-secondary--default);
-  z-index: 2;
+  min-width: 100%;
 }
-.zen-searchable-field__field--full-width {
-  width: 100%;
+.zen-data-grid__footer {
+  border-top: 1px solid var(--borders-general);
+  position: sticky;
+  left: 0;
 }
-.zen-searchable-field__field:first-child {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
+.zen-data-grid__header-row {
+  height: var(--grid-header-height);
 }
-.zen-searchable-field__field:last-child {
-  z-index: 1;
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-  border-left: 1px solid var(--borders-general);
+.zen-data-grid__header-cell {
+  padding: 0;
+  border-bottom: 1px solid var(--borders-general);
+  min-width: 60px;
+  height: var(--grid-header-height);
+  background-color: var(--backgrounds-main);
+  position: sticky;
+  top: 0;
+  z-index: 3;
+  text-align: left;
 }
-.zen-searchable-field__button {
-  cursor: pointer;
+.zen-data-grid__header-cell:first-child {
+  border-top-left-radius: var(--border-radius-default);
 }
-.zen-searchable-field__button--small {
-  padding: 8px 8px 8px 7px;
-  width: 32px;
+.zen-data-grid__header-cell:last-child {
+  border-top-right-radius: var(--border-radius-default);
 }
-.zen-searchable-field__button:hover {
+.zen-data-grid__header-cell:hover {
   background-color: var(--backgrounds-hover);
 }
-.zen-searchable-field__button:active {
-  border-color: var(--action-secondary--default);
-  background-color: var(--action-secondary--default);
-  fill: var(--text-reverse-primary);
-}
-.zen-searchable-field__button:disabled {
-  background-color: var(--text-reverse-primary);
-  border-color: var(--borders-general);
-  color: var(--text-button-disabled);
-  fill: var(--text-button-disabled);
-}
-.zen-searchable-field__button:disabled.zen-searchable-field__button--small {
-  background-color: var(--backgrounds-field-disabled);
-}
-.zen-searchable-field__search:hover {
-  border-color: var(--action-secondary--default);
+.zen-data-grid__header-cell--first {
+  left: 0;
+  z-index: 4;
 }
-.zen-searchable-field__search:focus-within {
-  border-color: #409ade;
+.zen-data-grid__header-cell--first .zen-data-grid__header-cell-content {
+  border-inline-start: none;
+  font-weight: bold;
 }
-.zen-searchable-field__arrow-icon--up {
-  transform: rotate(180deg);
+.zen-data-grid__header-cell-content {
+  font-family: var(--main-font);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  letter-spacing: 0.32px;
+  line-height: 16px;
+  text-transform: none;
+  border-inline-start: 1px solid var(--borders-general);
+  height: var(--grid-header-height);
+  padding-inline: 12px;
+  display: flex;
+  align-items: center;
 }
-.zen-search-list {
-  box-sizing: border-box;
+.zen-data-grid__row {
+  height: var(--row-height);
   font-family: var(--main-font);
   font-size: 14px;
   font-style: normal;
@@ -7428,306 +7364,12 @@ button.zen-summary__clickable {
   letter-spacing: 0;
   line-height: 16px;
   text-transform: none;
-  overflow-y: auto;
-}
-.zen-search-list * {
-  box-sizing: border-box;
 }
-.zen-search-list__container {
-  width: 250px;
-  max-height: 245px;
-  border-radius: var(--border-radius-default);
+.zen-data-grid__row:first-child .zen-data-grid__row-cell {
+  border-block-start: none;
 }
-.zen-search-list__container--empty {
-  padding: 20px;
-}
-.zen-search-list__button-wrapper {
-  width: 100%;
-  display: inline-flex;
-}
-.zen-search-list__button {
-  border: none;
-  display: inline-flex;
-  align-items: center;
-  overflow: hidden;
-  flex: 1 1 auto;
-  padding: 12px 16px;
-}
-.zen-search-list__button:active,
-.zen-search-list__button:focus {
-  color: var(--text-reverse-primary);
-  fill: var(--text-reverse-primary);
-  background-color: var(--action-primary--hover);
-}
-@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-arrow-nav-button--invisible.zen-arrow-nav-button--invisible {
-  display: none;
-}
-.zen-data-feed {
-  --feed-gap: 4px;
-  --display-full-list: none;
-  --feed-row-margin: 2px;
-  --feed-main-row-margin: 2px;
-  display: flex;
-  flex-direction: column;
-  gap: var(--feed-gap);
-  font-family: var(--main-font);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: 0;
-  line-height: 16px;
-  text-transform: none;
-}
-.zen-data-feed__item-container {
-  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
-  display: flex;
-}
-.zen-data-feed__action-container {
-  padding-top: 8px;
-  padding-right: 8px;
-  padding-left: 4px;
-}
-.zen-data-feed__content {
-  flex: 1 1 auto;
-  min-width: 150px;
-}
-.zen-data-feed__wrapper {
-  flex: 0 0 auto;
-  padding-block: 6px;
-}
-.zen-data-feed--full-list {
-  --display-full-list: flex;
-  --feed-row-margin: 4px;
-  --feed-main-row-margin: 6px;
-}
-.zen-data-feed--full-list .zen-data-feed__wrapper {
-  padding-block: 9px;
-}
-.zen-data-feed--scrollable {
-  overflow-y: auto;
-}
-.zen-data-feed--empty .zen-data-feed__feed {
-  display: none;
-}
-:root {
-  --grid-header-height: 52px;
-}
-.zen-data-grid-wrapper {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  contain: strict;
-}
-.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 {
-  filter: blur(7px);
-  animation: load-column 1s linear infinite alternate;
-}
-.zen-data-grid {
-  box-sizing: border-box;
-  position: relative;
-  overflow: auto;
-  border: 1px solid var(--borders-general);
-  border-radius: var(--border-radius-default);
-  display: flex;
-  flex-direction: column;
-  flex: 0 1 auto;
-  background-color: var(--backgrounds-main);
-  color: var(--text-primary);
-  fill: var(--text-primary);
-  --row-height: 48px;
-  --cell-side-padding: 10px;
-  --cell-vertical-padding: 12px;
-}
-.zen-data-grid * {
-  box-sizing: border-box;
-}
-.zen-data-grid__table {
-  /* border-collapse: collapse; */
-  border-spacing: 0;
-  border-radius: var(--border-radius-default);
-  min-width: 100%;
-}
-.zen-data-grid__footer {
-  border-top: 1px solid var(--borders-general);
-  position: sticky;
-  left: 0;
-}
-.zen-data-grid__header-row {
-  height: var(--grid-header-height);
-}
-.zen-data-grid__header-cell {
-  padding: 0;
-  border-bottom: 1px solid var(--borders-general);
-  min-width: 60px;
-  height: var(--grid-header-height);
-  background-color: var(--backgrounds-main);
-  position: sticky;
-  top: 0;
-  z-index: 3;
-  text-align: left;
-}
-.zen-data-grid__header-cell:first-child {
-  border-top-left-radius: var(--border-radius-default);
-}
-.zen-data-grid__header-cell:last-child {
-  border-top-right-radius: var(--border-radius-default);
-}
-.zen-data-grid__header-cell:hover {
-  background-color: var(--backgrounds-hover);
-}
-.zen-data-grid__header-cell--first {
-  left: 0;
-  z-index: 4;
-}
-.zen-data-grid__header-cell--first .zen-data-grid__header-cell-content {
-  border-inline-start: none;
-  font-weight: bold;
-}
-.zen-data-grid__header-cell-content {
-  font-family: var(--main-font);
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: 0.32px;
-  line-height: 16px;
-  text-transform: none;
-  border-inline-start: 1px solid var(--borders-general);
-  height: var(--grid-header-height);
-  padding-inline: 12px;
-  display: flex;
-  align-items: center;
-}
-.zen-data-grid__row {
-  height: var(--row-height);
-  font-family: var(--main-font);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: 0;
-  line-height: 16px;
-  text-transform: none;
-}
-.zen-data-grid__row:first-child .zen-data-grid__row-cell {
-  border-block-start: none;
-}
-.zen-data-grid__row:hover > .zen-data-grid__row-cell {
-  background-color: var(--backgrounds-hover);
+.zen-data-grid__row:hover > .zen-data-grid__row-cell {
+  background-color: var(--backgrounds-hover);
 }
 .zen-data-grid__row:hover > .zen-data-grid__row-cell--visible-on-hover {
   position: sticky;
@@ -9608,42 +9250,18 @@ button.zen-summary__clickable {
 .zen-dialog-content--small {
   max-width: 400px;
 }
-.zen-dialog-content--normal {
-  max-width: 600px;
-}
-.zen-popup-default {
-  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
-  border-radius: var(--border-radius-default);
-}
-.zen-popup-body.zen-popup-body {
-  overflow-y: auto;
-}
-.zen-popup-body.zen-popup-body--hidden {
-  overflow-y: hidden;
-}
-.zen-dropdown-old {
-  box-sizing: border-box;
-}
-.zen-dropdown-old * {
-  box-sizing: border-box;
-}
-.zen-dropdown-old__header {
-  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: 8px 16px;
+.zen-dialog-content--normal {
+  max-width: 600px;
 }
-.zen-dropdown-old__footer {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  padding: 0 8px;
-  border-top: 1px solid var(--backgrounds-content-1);
+.zen-popup-default {
+  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
+  border-radius: var(--border-radius-default);
+}
+.zen-popup-body.zen-popup-body {
+  overflow-y: auto;
+}
+.zen-popup-body.zen-popup-body--hidden {
+  overflow-y: hidden;
 }
 .zen-alerts {
   position: fixed;
@@ -11579,12 +11197,22 @@ button.zen-summary__clickable {
   text-transform: none;
   color: var(--text-secondary);
   flex: 1 1 auto;
+  -webkit-line-clamp: 2;
+}
+.zen-item-data__secondary,
+.zen-item-data__data-label,
+.zen-item-data__data-value,
+.zen-item-data__data-value-text {
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
   text-overflow: ellipsis;
 }
+.zen-item-data__data-label,
+.zen-item-data__data-value,
+.zen-item-data__data-value-text {
+  -webkit-line-clamp: 10;
+}
 .zen-item-data__status {
   flex: 0 0 auto;
 }
@@ -11603,7 +11231,7 @@ button.zen-summary__clickable {
 .zen-item-data__data-row {
   display: flex;
   flex-direction: row;
-  align-items: center;
+  align-items: flex-start;
   width: 100%;
   gap: 4px;
 }
@@ -11615,10 +11243,6 @@ button.zen-summary__clickable {
   letter-spacing: 0.32px;
   line-height: 16px;
   text-transform: none;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  word-wrap: normal;
   color: var(--text-secondary);
   flex: 0 1 30%;
 }
@@ -11632,10 +11256,6 @@ button.zen-summary__clickable {
   line-height: 16px;
   text-transform: none;
   color: var(--text-primary);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  word-wrap: normal;
   display: flex;
   align-items: center;
   gap: 8px;
@@ -11647,10 +11267,6 @@ button.zen-summary__clickable {
 .zen-item-data__data-value-text {
   flex: 1 1 auto;
   color: var(--text-primary);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  word-wrap: normal;
 }
 .zen-item-data__click {
   width: 32px;
@@ -12592,10 +12208,14 @@ button.zen-summary__clickable {
 }
 .zen-form-step__item .zen-form-step__label--complete {
   color: var(--action-primary--hover);
+}
+.zen-form-step__item .zen-form-step__label--complete:not(.zen-form-step__item--non-clickable) {
   cursor: pointer;
 }
 .zen-form-step__item .zen-form-step__label--error {
   color: var(--backgrounds-reverse-2);
+}
+.zen-form-step__item .zen-form-step__label--error:not(.zen-form-step__item--non-clickable) {
   cursor: pointer;
 }
 .zen-form-step__item .zen-form-step__label-secondary {
@@ -12627,15 +12247,16 @@ button.zen-summary__clickable {
 .zen-form-step__item .zen-form-step__marker--complete {
   color: var(--text-reverse-primary);
   fill: var(--text-reverse-primary);
-  cursor: pointer;
   border: 2px solid var(--action-primary--active);
   background: var(--action-primary--active);
 }
+.zen-form-step__item .zen-form-step__marker--complete:not(.zen-form-step__marker--non-clickable) {
+  cursor: pointer;
+}
 .zen-form-step__item .zen-form-step__marker--error {
   color: var(--text-reverse-primary);
   border: 2px solid var(--borders-form-field--error);
   box-sizing: border-box;
-  cursor: pointer;
 }
 .zen-form-step__item .zen-form-step__marker--error .zen-form-step__marker--inner {
   display: flex;
@@ -12649,6 +12270,9 @@ button.zen-summary__clickable {
   background-color: var(--borders-form-field--error);
   color: var(--text-reverse-primary);
 }
+.zen-form-step__item .zen-form-step__marker--error:not(.zen-form-step__marker--non-clickable) {
+  cursor: pointer;
+}
 .zen-form-step__item .zen-form-step__marker--current {
   color: var(--text-reverse-primary);
   border: 2px solid var(--action-primary--default);
@@ -14535,374 +14159,69 @@ button.zen-summary__clickable {
   color: var(--text-primary);
   align-items: center;
   justify-content: space-between;
-  padding: 4px 12px 4px 12px;
-  border-radius: 30px;
-  background: var(--backgrounds-content-1);
-}
-.zen-pill-actionable__icon {
-  display: none;
-  margin-top: 2px;
-  margin-right: 8px;
-}
-.zen-pill-actionable__input {
-  position: absolute;
-  left: -5000px;
-}
-.zen-pill-actionable__input:hover + .zen-pill-actionable__block--actionable {
-  background-color: var(--backgrounds-content-2);
-}
-.zen-pill-actionable__input:focus + .zen-pill-actionable__block--actionable {
-  background-color: var(--backgrounds-content-2);
-  outline: 1px dotted var(--borders-form-field--active);
-}
-.zen-pill-actionable__input:checked + .zen-pill-actionable__block--actionable {
-  background: var(--action-primary--default);
-  color: var(--backgrounds-main);
-  fill: var(--backgrounds-main);
-}
-.zen-pill-actionable__input:checked + .zen-pill-actionable__block--actionable .zen-pill-actionable__icon {
-  display: block;
-}
-.zen-pill-actionable__input:disabled + .zen-pill-actionable__block--actionable {
-  background-color: var(--backgrounds-field-disabled);
-  color: var(--text-button-disabled);
-  cursor: not-allowed;
-}
-.zen-pill-actionable__input--readonly:disabled + .zen-pill-actionable__block--actionable {
-  color: var(--text-primary);
-}
-.zen-progress {
-  box-sizing: border-box;
-  border-radius: var(--border-radius-default);
-  background-color: var(--backgrounds-content-1);
-  display: flex;
-  overflow: hidden;
-}
-.zen-progress * {
-  box-sizing: border-box;
-}
-.zen-progress--large {
-  height: 16px;
-}
-.zen-progress--medium {
-  height: 12px;
-}
-.zen-progress--small {
-  height: 8px;
-}
-.zen-progress__bar {
-  background-color: var(--chart-sequential-blue-5);
-}
-.zen-progress__bar--low {
-  background-color: var(--chart-divergent-red-blue-3);
-}
-.zen-progress__bar--high {
-  background-color: var(--chart-sequential-green-1);
-}
-.zen-reports-button-common {
-  box-sizing: border-box;
-  border-color: transparent;
-  background-color: transparent;
-  border-radius: 0;
-  border: 0;
-}
-.zen-reports-button-common * {
-  box-sizing: border-box;
-}
-.zen-reports-button {
-  padding: 12px 16px;
-  font-size: 1em;
-  box-sizing: border-box;
-  border-color: transparent;
-  background-color: transparent;
-  border-radius: 0;
-  border: 0;
-}
-.zen-reports-button * {
-  box-sizing: border-box;
-}
-.zen-reports-button * {
-  box-sizing: border-box;
-}
-.zen-reports-button:active {
-  border-color: var(--borders-form-field--active);
-  background-color: var(--borders-form-field--active);
-}
-.zen-reports-button--active {
-  color: var(--text-reverse-primary);
-  fill: var(--text-reverse-primary);
-  border-color: var(--borders-form-field--active);
-  background-color: var(--action-primary--default);
-}
-.zen-reports-button--active:hover,
-.zen-reports-button--active:focus {
-  color: var(--text-reverse-primary);
-  fill: var(--text-reverse-primary);
-  border-color: var(--action-primary--hover);
-  background-color: var(--action-primary--hover);
-}
-.zen-reports-icon {
-  box-sizing: border-box;
-  width: 18px;
-  height: 18px;
-  margin-right: 7px;
-  background-size: auto 100%;
-}
-.zen-reports-icon * {
-  box-sizing: border-box;
-}
-.zen-report-items-formats {
-  box-sizing: border-box;
-  display: grid;
-}
-.zen-report-items-formats * {
-  box-sizing: border-box;
-}
-.zen-report-items-formats__button {
-  display: flex;
-  align-items: center;
-  padding: 12px 16px;
-  font-size: 1em;
-  box-sizing: border-box;
-  border-color: transparent;
-  background-color: transparent;
-  border-radius: 0;
-  border: 0;
-}
-.zen-report-items-formats__button * {
-  box-sizing: border-box;
-}
-.zen-report-items-formats__button * {
-  box-sizing: border-box;
-}
-.zen-report-items-formats__button:active {
-  border-color: var(--borders-form-field--active);
-  background-color: var(--borders-form-field--active);
-}
-.zen-report-items-formats__button--active {
-  color: var(--text-reverse-primary);
-  fill: var(--text-reverse-primary);
-  border-color: var(--borders-form-field--active);
-  background-color: var(--action-primary--default);
-}
-.zen-report-items-formats__button--active:hover,
-.zen-report-items-formats__button--active:focus {
-  color: var(--text-reverse-primary);
-  fill: var(--text-reverse-primary);
-  border-color: var(--action-primary--hover);
-  background-color: var(--action-primary--hover);
-}
-.zen-report-items-formats__icon {
-  box-sizing: border-box;
-  width: 18px;
-  height: 18px;
-  margin-right: 7px;
-  background-size: auto 100%;
-}
-.zen-report-items-formats__icon * {
-  box-sizing: border-box;
-}
-.zen-reports-icon-button {
-  box-sizing: border-box;
-  border-color: transparent;
-  background-color: transparent;
-  border-radius: 0;
-  border: 0;
-}
-.zen-reports-icon-button * {
-  box-sizing: border-box;
-}
-.zen-reports-icon-button * {
-  box-sizing: border-box;
-}
-.zen-reports-item {
-  box-sizing: border-box;
-  display: flex;
-}
-.zen-reports-item * {
-  box-sizing: border-box;
-}
-.zen-reports-item__label-button {
-  width: 100%;
-  display: inline-flex;
-  align-items: center;
-  justify-content: flex-start;
-  padding: 12px 16px;
-  font-size: 1em;
-  box-sizing: border-box;
-  border-color: transparent;
-  background-color: transparent;
-  border-radius: 0;
-  border: 0;
-  padding-left: 16px;
-}
-.zen-reports-item__label-button * {
-  box-sizing: border-box;
-}
-.zen-reports-item__label-button * {
-  box-sizing: border-box;
-}
-.zen-reports-item__label-button:active {
-  border-color: var(--borders-form-field--active);
-  background-color: var(--borders-form-field--active);
-}
-.zen-reports-item__label-button--active {
-  color: var(--text-reverse-primary);
-  fill: var(--text-reverse-primary);
-  border-color: var(--borders-form-field--active);
-  background-color: var(--action-primary--default);
-}
-.zen-reports-item__label-button--active:hover,
-.zen-reports-item__label-button--active:focus {
-  color: var(--text-reverse-primary);
-  fill: var(--text-reverse-primary);
-  border-color: var(--action-primary--hover);
-  background-color: var(--action-primary--hover);
-}
-.zen-reports-item__label-button-icon {
-  box-sizing: border-box;
-  width: 18px;
-  height: 18px;
-  margin-right: 7px;
-  background-size: auto 100%;
-}
-.zen-reports-item__label-button-icon * {
-  box-sizing: border-box;
-}
-.zen-reports-item__more-icon-button {
-  min-width: 24px;
-  padding: 0;
-  padding-top: 5px;
-  padding-right: 1px;
-  display: inline-flex;
-  justify-content: center;
-  box-sizing: border-box;
-  border-color: transparent;
-  background-color: transparent;
-  border-radius: 0;
-  border: 0;
-}
-.zen-reports-item__more-icon-button * {
-  box-sizing: border-box;
-}
-.zen-reports-item__more-icon-button * {
-  box-sizing: border-box;
-}
-.zen-reports-item__more-icon {
-  transform: rotate(90deg);
-}
-.zen-report-popup {
-  box-sizing: border-box;
-  overflow: hidden;
-  padding-top: 0px;
-}
-.zen-report-popup * {
-  box-sizing: border-box;
-}
-.zen-reports-header {
-  box-sizing: border-box;
-  display: flex;
-  padding: 0;
-  margin: 0;
-  align-items: center;
-  justify-content: space-between;
-  height: 36px;
-  background-color: var(--backgrounds-reverse-0);
-  border-top: 1px solid var(--borders-general);
-}
-.zen-reports-header * {
-  box-sizing: border-box;
-}
-.zen-reports-header__item {
-  margin: 0 16px;
-  color: var(--text-reverse-primary);
-  font-size: 14px;
-  line-height: 14px;
-  font-weight: 700;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  word-wrap: normal;
+  padding: 4px 12px 4px 12px;
+  border-radius: 30px;
+  background: var(--backgrounds-content-1);
 }
-.zen-grouped-reports-item {
-  width: 100%;
-  padding: 12px 16px;
-  font-size: 1em;
-  box-sizing: border-box;
-  border-color: transparent;
-  background-color: transparent;
-  border-radius: 0;
-  border: 0;
+.zen-pill-actionable__icon {
+  display: none;
+  margin-top: 2px;
+  margin-right: 8px;
 }
-.zen-grouped-reports-item * {
-  box-sizing: border-box;
+.zen-pill-actionable__input {
+  position: absolute;
+  left: -5000px;
 }
-.zen-grouped-reports-item * {
-  box-sizing: border-box;
+.zen-pill-actionable__input:hover + .zen-pill-actionable__block--actionable {
+  background-color: var(--backgrounds-content-2);
 }
-.zen-grouped-reports-item * {
-  box-sizing: border-box;
+.zen-pill-actionable__input:focus + .zen-pill-actionable__block--actionable {
+  background-color: var(--backgrounds-content-2);
+  outline: 1px dotted var(--borders-form-field--active);
 }
-.zen-grouped-reports-item:active {
-  border-color: var(--borders-form-field--active);
-  background-color: var(--borders-form-field--active);
+.zen-pill-actionable__input:checked + .zen-pill-actionable__block--actionable {
+  background: var(--action-primary--default);
+  color: var(--backgrounds-main);
+  fill: var(--backgrounds-main);
 }
-.zen-grouped-reports-item--active {
-  color: var(--text-reverse-primary);
-  fill: var(--text-reverse-primary);
-  border-color: var(--borders-form-field--active);
-  background-color: var(--action-primary--default);
+.zen-pill-actionable__input:checked + .zen-pill-actionable__block--actionable .zen-pill-actionable__icon {
+  display: block;
 }
-.zen-grouped-reports-item--active:hover,
-.zen-grouped-reports-item--active:focus {
-  color: var(--text-reverse-primary);
-  fill: var(--text-reverse-primary);
-  border-color: var(--action-primary--hover);
-  background-color: var(--action-primary--hover);
+.zen-pill-actionable__input:disabled + .zen-pill-actionable__block--actionable {
+  background-color: var(--backgrounds-field-disabled);
+  color: var(--text-button-disabled);
+  cursor: not-allowed;
 }
-.zen-grouped-reports-item__icon {
-  transform: rotate(-90deg);
+.zen-pill-actionable__input--readonly:disabled + .zen-pill-actionable__block--actionable {
+  color: var(--text-primary);
 }
-.zen-report-popup-content {
+.zen-progress {
   box-sizing: border-box;
+  border-radius: var(--border-radius-default);
+  background-color: var(--backgrounds-content-1);
+  display: flex;
+  overflow: hidden;
 }
-.zen-report-popup-content * {
+.zen-progress * {
   box-sizing: border-box;
 }
-.zen-report-popup-content__header-button {
-  width: 100%;
-  display: flex;
-  padding: 8px 12px;
-  padding: 12px 16px;
-  font-size: 1em;
-  box-sizing: border-box;
-  border-color: transparent;
-  background-color: transparent;
-  border-radius: 0;
-  border: 0;
+.zen-progress--large {
+  height: 16px;
 }
-.zen-report-popup-content__header-button * {
-  box-sizing: border-box;
+.zen-progress--medium {
+  height: 12px;
 }
-.zen-report-popup-content__header-button * {
-  box-sizing: border-box;
+.zen-progress--small {
+  height: 8px;
 }
-.zen-report-popup-content__header-button:active {
-  border-color: var(--borders-form-field--active);
-  background-color: var(--borders-form-field--active);
+.zen-progress__bar {
+  background-color: var(--chart-sequential-blue-5);
 }
-.zen-report-popup-content__header-button--active {
-  color: var(--text-reverse-primary);
-  fill: var(--text-reverse-primary);
-  border-color: var(--borders-form-field--active);
-  background-color: var(--action-primary--default);
+.zen-progress__bar--low {
+  background-color: var(--chart-divergent-red-blue-3);
 }
-.zen-report-popup-content__header-button--active:hover,
-.zen-report-popup-content__header-button--active:focus {
-  color: var(--text-reverse-primary);
-  fill: var(--text-reverse-primary);
-  border-color: var(--action-primary--hover);
-  background-color: var(--action-primary--hover);
+.zen-progress__bar--high {
+  background-color: var(--chart-sequential-green-1);
 }
 .zen-sort-container {
   box-sizing: border-box;
@@ -15151,54 +14470,6 @@ button.zen-summary__clickable {
   row-gap: 32px;
   column-gap: 32px;
 }
-.zen-icon {
-  box-sizing: border-box;
-  width: 11px;
-  height: 11px;
-  display: inline;
-}
-.zen-icon * {
-  box-sizing: border-box;
-}
-.zen-icon:hover,
-.zen-icon:focus {
-  outline: none;
-}
-.zen-icon > use {
-  pointer-events: none;
-}
-.zen-icon--micro {
-  width: 6px;
-  height: 4.5px;
-}
-.zen-icon--tiny {
-  width: 7px;
-  height: 7px;
-}
-.zen-icon--small {
-  width: 8px;
-  height: 8px;
-}
-.zen-icon--big {
-  width: 12px;
-  height: 12px;
-}
-.zen-icon--bigger {
-  width: 14px;
-  height: 14px;
-}
-.zen-icon--large {
-  width: 16px;
-  height: 16px;
-}
-.zen-icon--huge {
-  width: 20px;
-  height: 20px;
-}
-.zen-icon--huger {
-  width: 30px;
-  height: 30px;
-}
 .zen-tab-bar-content {
   box-sizing: border-box;
   font-family: var(--main-font);
@@ -15327,3 +14598,112 @@ button.zen-summary__clickable {
 .zen-toolbar__more-button .zen-toolbar__popup-item :first-child {
   width: 100%;
 }
+@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;
+}