@gooddata/sdk-ui-dashboard 11.33.0-alpha.4 → 11.33.0-alpha.7

package/styles/css/main.css

@@ -6338,7 +6338,8 @@ input[type=search]::-webkit-search-cancel-button {
   max-width: 160px;
 }
 
-.gd-attribute-filter-dropdown-actions__next {
+.gd-attribute-filter-dropdown-actions__next,
+.gd-measure-value-filter-dropdown-actions__next {
   border-top: 1px solid var(--gd-palette-complementary-3, #dde4eb);
   text-align: right;
   display: flex;
@@ -6349,17 +6350,26 @@ input[type=search]::-webkit-search-cancel-button {
 }
 
 .gd-attribute-filter-dropdown-actions-left-content__next,
-.gd-attribute-filter-dropdown-actions-right-content__next {
+.gd-attribute-filter-dropdown-actions-right-content__next,
+.gd-measure-value-filter-dropdown-actions-left-content__next,
+.gd-measure-value-filter-dropdown-actions-right-content__next {
   display: flex;
   align-items: center;
 }
 
 .gd-attribute-filter-dropdown-actions-left-content__next .gd-ui-kit-tooltip__anchor .gd-attribute-filter-apply-button__next,
-.gd-attribute-filter-dropdown-actions-right-content__next .gd-ui-kit-tooltip__anchor .gd-attribute-filter-apply-button__next {
+.gd-attribute-filter-dropdown-actions-left-content__next .gd-ui-kit-tooltip__anchor .gd-measure-value-filter-apply-button__next,
+.gd-attribute-filter-dropdown-actions-right-content__next .gd-ui-kit-tooltip__anchor .gd-attribute-filter-apply-button__next,
+.gd-attribute-filter-dropdown-actions-right-content__next .gd-ui-kit-tooltip__anchor .gd-measure-value-filter-apply-button__next,
+.gd-measure-value-filter-dropdown-actions-left-content__next .gd-ui-kit-tooltip__anchor .gd-attribute-filter-apply-button__next,
+.gd-measure-value-filter-dropdown-actions-left-content__next .gd-ui-kit-tooltip__anchor .gd-measure-value-filter-apply-button__next,
+.gd-measure-value-filter-dropdown-actions-right-content__next .gd-ui-kit-tooltip__anchor .gd-attribute-filter-apply-button__next,
+.gd-measure-value-filter-dropdown-actions-right-content__next .gd-ui-kit-tooltip__anchor .gd-measure-value-filter-apply-button__next {
   margin-left: 10px;
 }
 
-.gd-is-mobile .gd-attribute-filter-dropdown-actions__next {
+.gd-is-mobile .gd-attribute-filter-dropdown-actions__next,
+.gd-is-mobile .gd-measure-value-filter-dropdown-actions__next {
   display: flex;
   align-items: stretch;
   height: 52px;
@@ -6369,7 +6379,9 @@ input[type=search]::-webkit-search-cancel-button {
 
 .gd-is-mobile .gd-attribute-filter-cancel-button__next,
 .gd-is-mobile .gd-attribute-filter-apply-button__next,
-.gd-is-mobile .gd-attribute-filter-close-button__next {
+.gd-is-mobile .gd-attribute-filter-close-button__next,
+.gd-is-mobile .gd-measure-value-filter-cancel-button__next,
+.gd-is-mobile .gd-measure-value-filter-apply-button__next {
   text-align: center;
   flex: 1;
   height: 32px;
@@ -6468,30 +6480,30 @@ input[type=search]::-webkit-search-cancel-button {
   background-color: var(--gd-palette-complementary-2, #ebeff4);
 }
 
-.gd-attribute-filter-dropdown-button__next {
-  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
-  font-weight: 400;
+.gd-ui-kit-control-button {
   position: relative;
   max-width: 230px;
   padding: 5px 10px;
+  font-family: var(--gd-font-family), gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif;
   font-size: 12px;
+  font-weight: 400;
   line-height: 16px;
   cursor: pointer;
   user-select: none;
   border-radius: 3px;
 }
 
-.gd-attribute-filter-dropdown-button__next.gd-is-draggable {
+.gd-ui-kit-control-button--isDraggable {
   padding-left: 23px;
 }
 
-.gd-attribute-filter-dropdown-button__next::before, .gd-attribute-filter-dropdown-button__next::after {
+.gd-ui-kit-control-button::before, .gd-ui-kit-control-button::after {
   content: "";
   position: absolute;
-  transition: all 0.2s;
+  transition: all 0.2s ease;
 }
 
-.gd-attribute-filter-dropdown-button__next::before {
+.gd-ui-kit-control-button::before {
   z-index: 1;
   top: 8px;
   left: 9px;
@@ -6501,101 +6513,234 @@ input[type=search]::-webkit-search-cancel-button {
   opacity: 0;
 }
 
-.gd-attribute-filter-dropdown-button__next::after {
-  content: "";
-  position: absolute;
+.gd-ui-kit-control-button::after {
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   border: 1px solid transparent;
-  background: var(--gd-dashboards-filterBar-filterButton-backgroundColor, transparent);
+  background: transparent;
   transform: translateZ(-1px);
   border-radius: 3px;
 }
 
-.gd-attribute-filter-dropdown-button__next:hover.gd-is-draggable:not(.gd-is-active, .gd-is-filtering) {
-  box-shadow: 0 1px 3px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.09)), 0 2px 9px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15));
+.gd-ui-kit-control-button:hover::after {
+  border-color: var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2));
+}
+
+.gd-ui-kit-control-button:hover.gd-ui-kit-control-button--isDraggable {
+  box-shadow: 0 1px 3px 0 rgba(20, 56, 93, 0.1), 0 2px 9px 0 rgba(20, 56, 93, 0.15);
 }
 
-.gd-attribute-filter-dropdown-button__next:hover.gd-is-draggable::before {
+.gd-ui-kit-control-button:hover.gd-ui-kit-control-button--isDraggable::before {
   opacity: 1;
 }
 
-.gd-attribute-filter-dropdown-button__next:hover::after {
-  border-color: var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2));
+.gd-ui-kit-control-button--isOpen::after {
+  box-shadow: inset 0 1px 0 0 rgba(20, 56, 93, 0.1);
+  border-color: var(--gd-palette-complementary-5-from-theme, var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2)));
 }
 
-.gd-attribute-filter-dropdown-button__next.gd-is-filtering:not(.gd-is-active) {
-  background: var(--gd-palette-primary-dimmed, #e8f7fc);
-  border-radius: 3px;
+.gd-ui-kit-control-button--isOpen.gd-ui-kit-control-button--isDraggable::before {
+  opacity: 1;
 }
 
-.gd-attribute-filter-dropdown-button__next.gd-is-filtering:not(.gd-is-active)::before, .gd-attribute-filter-dropdown-button__next.gd-is-filtering:not(.gd-is-active)::after {
-  display: none;
+.gd-ui-kit-control-button--isOpen .gd-ui-kit-control-button__subtitle-row::after {
+  content: "\e613";
 }
 
-.gd-attribute-filter-dropdown-button__next:active.gd-is-draggable::before, .gd-attribute-filter-dropdown-button__next.gd-is-active.gd-is-draggable::before {
-  opacity: 1;
+.gd-ui-kit-control-button--isDragging {
+  display: inline-block;
 }
 
-.gd-attribute-filter-dropdown-button__next:active::after, .edit-mode-on .gd-attribute-filter-dropdown-button__next:active::after, .gd-attribute-filter-dropdown-button__next.gd-is-active::after, .edit-mode-on .gd-attribute-filter-dropdown-button__next.gd-is-active::after {
-  box-shadow: inset 0 1px 0 0 var(--gd-shadow-color-from-theme, rgba(177, 193, 209, 0.65));
-  border-color: var(--gd-palette-complementary-5-from-theme, var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2)));
-  background: var(--gd-palette-complementary-2-from-theme, #ecf0f5); /* Old browsers */
-  background-image: -webkit-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* Chrome 10+, Saf5.1+ */
-  background-image: -moz-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* FF3.6 */
-  background-image: -ms-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* IE10 */
-  background-image: linear-gradient(to top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5));
+.gd-ui-kit-control-button--isDragging::after {
+  border-color: var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2));
+  background: var(--gd-palette-complementary-0-from-theme, rgba(255, 255, 255, 0.95));
 }
 
-.gd-attribute-filter-dropdown-button__next:active .gd-attribute-filter-dropdown-button-title__next::after,
-.gd-attribute-filter-dropdown-button__next:active .gd-attribute-filter-dropdown-button-subtitle__next::after, .gd-attribute-filter-dropdown-button__next.gd-is-active .gd-attribute-filter-dropdown-button-title__next::after,
-.gd-attribute-filter-dropdown-button__next.gd-is-active .gd-attribute-filter-dropdown-button-subtitle__next::after {
-  content: "\e613";
+.gd-ui-kit-control-button--isDragging.gd-ui-kit-control-button--isDraggable::before {
+  opacity: 1;
 }
 
-.gd-attribute-filter-dropdown-button__next.gd-message {
+.gd-ui-kit-control-button--isError {
   font-size: 12px;
+  color: var(--gd-palette-error-base, #e54d42);
+}
+
+.gd-ui-kit-control-button--disabled {
+  cursor: default;
+}
+
+.gd-ui-kit-control-button--disabled:hover, .gd-ui-kit-control-button--disabled:focus, .gd-ui-kit-control-button--disabled:active {
+  user-select: auto;
+  box-shadow: none;
+  background: transparent;
+  border-color: transparent;
+  text-decoration: none;
 }
 
-.gd-attribute-filter-dropdown-button-icon__next {
+.gd-ui-kit-control-button__icon {
   position: relative;
   z-index: 1;
   float: left;
   padding-right: 5px;
 }
 
-.gd-is-mobile .gd-attribute-filter-dropdown-button-icon__next {
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
-
-.gd-attribute-filter-dropdown-button-content__next {
+.gd-ui-kit-control-button__content {
   position: relative;
   z-index: 1;
   display: flex;
   justify-content: center;
   height: 100%;
   flex-direction: column;
+  min-width: 0;
+  flex: 1 1 auto;
 }
 
-.gd-attribute-filter-dropdown_button-title-content__next {
+.gd-ui-kit-control-button__title-row {
   display: flex;
   justify-content: space-between;
+  max-width: 100%;
+  white-space: nowrap;
+}
+
+.gd-ui-kit-control-button__title {
+  overflow: hidden;
+  color: var(--gd-palette-complementary-7, #6d7680);
+  margin-right: auto;
+  max-width: 100%;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.gd-ui-kit-control-button__title .gd-bubble-trigger,
+.gd-ui-kit-control-button__title .shortened {
+  display: inline-flex;
+}
+
+.gd-ui-kit-control-button__title .shortened {
+  max-width: 100%;
+}
+
+.gd-ui-kit-control-button__subtitle-row {
+  display: inline-flex;
+  flex-wrap: nowrap;
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  font-weight: bold;
+  color: var(--gd-palette-complementary-9, #000);
+}
+
+.gd-ui-kit-control-button__subtitle-row::after {
+  content: "\e612";
+  display: inline-block;
+  margin-left: 0.5em;
+  font-family: "Indigo", sans-serif;
+  font-weight: normal;
+  font-size: inherit;
+  vertical-align: top;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+  transition: all 0.2s ease;
+}
+
+.gd-ui-kit-control-button__subtitle {
+  display: inline-block;
+  flex: 0 1 auto;
+  min-width: 0;
+  max-width: 120px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  vertical-align: bottom;
+}
+
+.gd-attribute-filter-dropdown-button__next,
+.gd-mvf-dashboard-filter-button__next {
+  position: relative;
+  max-width: 230px;
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 16px;
+}
+
+.gd-attribute-filter-dropdown-button__next::after,
+.gd-mvf-dashboard-filter-button__next::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  border: 1px solid transparent;
+  background: var(--gd-dashboards-filterBar-filterButton-backgroundColor, transparent);
+  transform: translateZ(-1px);
+  border-radius: 3px;
+}
+
+.gd-attribute-filter-dropdown-button__next:hover.gd-is-draggable:not(.gd-is-active, .gd-is-filtering),
+.gd-mvf-dashboard-filter-button__next:hover.gd-is-draggable:not(.gd-is-active, .gd-is-filtering) {
+  box-shadow: 0 1px 3px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.09)), 0 2px 9px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15));
+}
+
+.gd-attribute-filter-dropdown-button__next:hover::after,
+.gd-mvf-dashboard-filter-button__next:hover::after {
+  border-color: var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2));
+}
+
+.gd-attribute-filter-dropdown-button__next.gd-is-filtering:not(.gd-is-active),
+.gd-mvf-dashboard-filter-button__next.gd-is-filtering:not(.gd-is-active) {
+  background: var(--gd-palette-primary-dimmed, #e8f7fc);
+  border-radius: 3px;
+}
+
+.gd-attribute-filter-dropdown-button__next.gd-is-filtering:not(.gd-is-active)::before, .gd-attribute-filter-dropdown-button__next.gd-is-filtering:not(.gd-is-active)::after,
+.gd-mvf-dashboard-filter-button__next.gd-is-filtering:not(.gd-is-active)::before,
+.gd-mvf-dashboard-filter-button__next.gd-is-filtering:not(.gd-is-active)::after {
+  display: none;
+}
+
+.gd-attribute-filter-dropdown-button__next:active::after, .edit-mode-on .gd-attribute-filter-dropdown-button__next:active::after, .gd-attribute-filter-dropdown-button__next.gd-is-active::after, .edit-mode-on .gd-attribute-filter-dropdown-button__next.gd-is-active::after,
+.gd-mvf-dashboard-filter-button__next:active::after,
+.edit-mode-on .gd-mvf-dashboard-filter-button__next:active::after,
+.gd-mvf-dashboard-filter-button__next.gd-is-active::after,
+.edit-mode-on .gd-mvf-dashboard-filter-button__next.gd-is-active::after {
+  box-shadow: inset 0 1px 0 0 var(--gd-shadow-color-from-theme, rgba(177, 193, 209, 0.65));
+  border-color: var(--gd-palette-complementary-5-from-theme, var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2)));
+  background: var(--gd-palette-complementary-2-from-theme, #ecf0f5); /* Old browsers */
+  background-image: -webkit-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* Chrome 10+, Saf5.1+ */
+  background-image: -moz-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* FF3.6 */
+  background-image: -ms-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* IE10 */
+  background-image: linear-gradient(to top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5));
 }
 
-.gd-attribute-filter-dropdown_button-title-content__next .gd-list-item-tooltip {
+.gd-attribute-filter-dropdown-button__next .gd-ui-kit-control-button__title-row .gd-list-item-tooltip,
+.gd-mvf-dashboard-filter-button__next .gd-ui-kit-control-button__title-row .gd-list-item-tooltip {
   line-height: 15px;
 }
 
+.gd-attribute-filter-dropdown-button__next.gd-is-draggable,
+.gd-mvf-dashboard-filter-button__next.gd-is-draggable {
+  padding-left: 23px;
+}
+
+.gd-mvf-dashboard-filter-button__next {
+  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
+  font-weight: 400;
+}
+
 .gd-attribute-filter-mobile-button-wrapper {
   display: flex;
   align-items: center;
 }
 
-.gd-is-mobile .gd-attribute-filter-dropdown-button-content__next {
+.gd-is-mobile .gd-attribute-filter-dropdown-button__next .gd-ui-kit-control-button__icon {
+  display: flex;
+  height: 100%;
+  align-items: center;
+}
+
+.gd-is-mobile .gd-attribute-filter-dropdown-button__next .gd-ui-kit-control-button__content {
   padding-right: 20px;
   flex-direction: row;
   align-items: center;
@@ -6615,7 +6760,7 @@ input[type=search]::-webkit-search-cancel-button {
   background-image: none;
 }
 
-.gd-is-mobile .gd-attribute-filter-dropdown-button__next.gd-is-active .gd-attribute-filter-dropdown-button-subtitle__next::after {
+.gd-is-mobile .gd-attribute-filter-dropdown-button__next.gd-is-active .gd-ui-kit-control-button__subtitle-row::after {
   right: 0;
 }
 
@@ -6664,8 +6809,8 @@ input[type=search]::-webkit-search-cancel-button {
   right: 4px;
 }
 
-.gd-attribute-filter-button-mobile__next.gd-is-active .gd-attribute-filter-dropdown-button-title__next::after,
-.gd-attribute-filter-button-mobile__next.gd-is-active .gd-attribute-filter-dropdown-button-subtitle__next::after {
+.gd-attribute-filter-button-mobile__next.gd-is-active .gd-attribute-filter-dropdown-button__next .gd-ui-kit-control-button__title::after,
+.gd-attribute-filter-button-mobile__next.gd-is-active .gd-attribute-filter-dropdown-button__next .gd-ui-kit-control-button__subtitle-row::after {
   content: "\e613";
   position: absolute;
   top: 50%;
@@ -6687,75 +6832,27 @@ input[type=search]::-webkit-search-cancel-button {
   background: var(--gd-palette-complementary-0, #fff);
 }
 
-.gd-attribute-filter-dropdown-button-title__next {
-  overflow: hidden;
-  color: var(--gd-palette-complementary-7, #6d7680);
-  margin-right: auto;
-}
-
-.gd-attribute-filter-dropdown-button-title__next .gd-bubble-trigger,
-.gd-attribute-filter-dropdown-button-title__next .shortened {
-  display: inline-flex;
-}
-
-.gd-attribute-filter-dropdown-button-title__next .shortened {
-  max-width: 100%;
+.drag-preview .gd-attribute-filter-dropdown-button__next .gd-ui-kit-control-button__subtitle-row::after {
+  display: none;
 }
 
-.overlay .gd-attribute-filter-dropdown-button-title__next {
+.overlay .gd-attribute-filter-dropdown-button__next .gd-ui-kit-control-button__title {
   flex: 0 0 auto;
   max-width: 100%;
   margin-right: 5px;
   color: var(--gd-palette-complementary-7, #6d7680);
 }
 
-.overlay .gd-attribute-filter-dropdown-button-title__next::after {
+.overlay .gd-attribute-filter-dropdown-button__next .gd-ui-kit-control-button__title::after {
   content: ":";
 }
 
-.gd-attribute-filter-dropdown-button-title__next,
-.gd-attribute-filter-dropdown-button-subtitle__next {
-  max-width: 100%;
-  white-space: nowrap;
-}
-
-.gd-attribute-filter-dropdown-button-title__next::after,
-.gd-attribute-filter-dropdown-button-subtitle__next::after {
-  content: "\e612";
-  display: none;
-  margin-left: 0.5em;
-  font-family: "Indigo", sans-serif;
-  font-weight: normal;
-  font-size: inherit;
-  vertical-align: top;
-  color: var(--gd-palette-complementary-6, #94a1ad);
-  transition: 0.2s;
-}
-
-.drag-preview .gd-attribute-filter-dropdown-button-title__next::after,
-.drag-preview .gd-attribute-filter-dropdown-button-subtitle__next::after {
-  display: none;
-}
-
-.gd-attribute-filter-dropdown-button-subtitle__next {
-  display: inline-flex;
-  flex-wrap: nowrap;
-  overflow: hidden;
-  font-weight: bold;
-  text-overflow: ellipsis;
-  color: var(--gd-palette-complementary-9, #000);
-}
-
-.gd-attribute-filter-dropdown-button-subtitle__next:only-child::after {
-  display: inline-block;
-}
-
-.overlay .gd-attribute-filter-dropdown-button-subtitle__next {
+.overlay .gd-attribute-filter-dropdown-button__next .gd-ui-kit-control-button__subtitle-row {
   flex: 1 1 auto;
   max-width: none;
 }
 
-.overlay .gd-attribute-filter-dropdown-button-subtitle__next::after {
+.overlay .gd-attribute-filter-dropdown-button__next .gd-ui-kit-control-button__subtitle-row::after {
   position: absolute;
   top: 50%;
   right: -20px;
@@ -6763,11 +6860,8 @@ input[type=search]::-webkit-search-cancel-button {
   transform: translateY(-50%);
 }
 
-.gd-attribute-filter-dropdown-button-subtitle__next::after {
-  display: inline-block;
-}
-
-.gd-attribute-filter-dropdown-button-selected-items__next {
+.gd-attribute-filter-dropdown-button-selected-items__next,
+.gd-measure-value-filter-dropdown-button-selected-items__next {
   display: inline-block;
   flex: 0 1 auto;
   min-width: 0;
@@ -6778,7 +6872,8 @@ input[type=search]::-webkit-search-cancel-button {
   color: var(--gd-palette-complementary-8, #464e56);
 }
 
-.overlay .gd-attribute-filter-dropdown-button-selected-items__next {
+.overlay .gd-attribute-filter-dropdown-button-selected-items__next,
+.overlay .gd-measure-value-filter-dropdown-button-selected-items__next {
   max-width: none;
 }
 
@@ -6853,7 +6948,7 @@ input[type=search]::-webkit-search-cancel-button {
   text-decoration: none;
 }
 
-.gd-attribute-filter__next .gd-attribute-filter-dropdown-button__next.disabled .gd-attribute-filter-dropdown-button-subtitle__next::after {
+.gd-attribute-filter__next .gd-attribute-filter-dropdown-button__next.disabled .gd-ui-kit-control-button__subtitle-row::after {
   content: none;
 }
 
@@ -6865,6 +6960,19 @@ input[type=search]::-webkit-search-cancel-button {
   background: var(--gd-palette-primary-dimmed, #e8f7fc);
 }
 
+.gd-mvf-dashboard-filter-button__next.disabled:hover, .gd-mvf-dashboard-filter-button__next.disabled:focus, .gd-mvf-dashboard-filter-button__next.disabled:active, .gd-mvf-dashboard-filter-button__next.disabled:hover::after, .gd-mvf-dashboard-filter-button__next.disabled:focus::after, .gd-mvf-dashboard-filter-button__next.disabled:active::after {
+  cursor: default;
+  user-select: auto;
+  box-shadow: none;
+  background: transparent;
+  border-color: transparent;
+  text-decoration: none;
+}
+
+.gd-mvf-dashboard-filter-button__next.disabled .gd-attribute-filter-dropdown-button-subtitle__next::after {
+  content: none;
+}
+
 .gd-item-title-tooltip {
   min-width: 100px;
 }
@@ -18469,7 +18577,8 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   max-width: 160px;
 }
 
-.gd-attribute-filter-dropdown-actions__next {
+.gd-attribute-filter-dropdown-actions__next,
+.gd-measure-value-filter-dropdown-actions__next {
   border-top: 1px solid var(--gd-palette-complementary-3, #dde4eb);
   text-align: right;
   display: flex;
@@ -18480,17 +18589,26 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
 }
 
 .gd-attribute-filter-dropdown-actions-left-content__next,
-.gd-attribute-filter-dropdown-actions-right-content__next {
+.gd-attribute-filter-dropdown-actions-right-content__next,
+.gd-measure-value-filter-dropdown-actions-left-content__next,
+.gd-measure-value-filter-dropdown-actions-right-content__next {
   display: flex;
   align-items: center;
 }
 
 .gd-attribute-filter-dropdown-actions-left-content__next .gd-ui-kit-tooltip__anchor .gd-attribute-filter-apply-button__next,
-.gd-attribute-filter-dropdown-actions-right-content__next .gd-ui-kit-tooltip__anchor .gd-attribute-filter-apply-button__next {
+.gd-attribute-filter-dropdown-actions-left-content__next .gd-ui-kit-tooltip__anchor .gd-measure-value-filter-apply-button__next,
+.gd-attribute-filter-dropdown-actions-right-content__next .gd-ui-kit-tooltip__anchor .gd-attribute-filter-apply-button__next,
+.gd-attribute-filter-dropdown-actions-right-content__next .gd-ui-kit-tooltip__anchor .gd-measure-value-filter-apply-button__next,
+.gd-measure-value-filter-dropdown-actions-left-content__next .gd-ui-kit-tooltip__anchor .gd-attribute-filter-apply-button__next,
+.gd-measure-value-filter-dropdown-actions-left-content__next .gd-ui-kit-tooltip__anchor .gd-measure-value-filter-apply-button__next,
+.gd-measure-value-filter-dropdown-actions-right-content__next .gd-ui-kit-tooltip__anchor .gd-attribute-filter-apply-button__next,
+.gd-measure-value-filter-dropdown-actions-right-content__next .gd-ui-kit-tooltip__anchor .gd-measure-value-filter-apply-button__next {
   margin-left: 10px;
 }
 
-.gd-is-mobile .gd-attribute-filter-dropdown-actions__next {
+.gd-is-mobile .gd-attribute-filter-dropdown-actions__next,
+.gd-is-mobile .gd-measure-value-filter-dropdown-actions__next {
   display: flex;
   align-items: stretch;
   height: 52px;
@@ -18500,7 +18618,9 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
 
 .gd-is-mobile .gd-attribute-filter-cancel-button__next,
 .gd-is-mobile .gd-attribute-filter-apply-button__next,
-.gd-is-mobile .gd-attribute-filter-close-button__next {
+.gd-is-mobile .gd-attribute-filter-close-button__next,
+.gd-is-mobile .gd-measure-value-filter-cancel-button__next,
+.gd-is-mobile .gd-measure-value-filter-apply-button__next {
   text-align: center;
   flex: 1;
   height: 32px;
@@ -18599,30 +18719,30 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   background-color: var(--gd-palette-complementary-2, #ebeff4);
 }
 
-.gd-attribute-filter-dropdown-button__next {
-  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
-  font-weight: 400;
+.gd-ui-kit-control-button {
   position: relative;
   max-width: 230px;
   padding: 5px 10px;
+  font-family: var(--gd-font-family), gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif;
   font-size: 12px;
+  font-weight: 400;
   line-height: 16px;
   cursor: pointer;
   user-select: none;
   border-radius: 3px;
 }
 
-.gd-attribute-filter-dropdown-button__next.gd-is-draggable {
+.gd-ui-kit-control-button--isDraggable {
   padding-left: 23px;
 }
 
-.gd-attribute-filter-dropdown-button__next::before, .gd-attribute-filter-dropdown-button__next::after {
+.gd-ui-kit-control-button::before, .gd-ui-kit-control-button::after {
   content: "";
   position: absolute;
-  transition: all 0.2s;
+  transition: all 0.2s ease;
 }
 
-.gd-attribute-filter-dropdown-button__next::before {
+.gd-ui-kit-control-button::before {
   z-index: 1;
   top: 8px;
   left: 9px;
@@ -18632,101 +18752,234 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   opacity: 0;
 }
 
-.gd-attribute-filter-dropdown-button__next::after {
-  content: "";
-  position: absolute;
+.gd-ui-kit-control-button::after {
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   border: 1px solid transparent;
-  background: var(--gd-dashboards-filterBar-filterButton-backgroundColor, transparent);
+  background: transparent;
   transform: translateZ(-1px);
   border-radius: 3px;
 }
 
-.gd-attribute-filter-dropdown-button__next:hover.gd-is-draggable:not(.gd-is-active, .gd-is-filtering) {
-  box-shadow: 0 1px 3px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.09)), 0 2px 9px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15));
+.gd-ui-kit-control-button:hover::after {
+  border-color: var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2));
+}
+
+.gd-ui-kit-control-button:hover.gd-ui-kit-control-button--isDraggable {
+  box-shadow: 0 1px 3px 0 rgba(20, 56, 93, 0.1), 0 2px 9px 0 rgba(20, 56, 93, 0.15);
 }
 
-.gd-attribute-filter-dropdown-button__next:hover.gd-is-draggable::before {
+.gd-ui-kit-control-button:hover.gd-ui-kit-control-button--isDraggable::before {
   opacity: 1;
 }
 
-.gd-attribute-filter-dropdown-button__next:hover::after {
-  border-color: var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2));
+.gd-ui-kit-control-button--isOpen::after {
+  box-shadow: inset 0 1px 0 0 rgba(20, 56, 93, 0.1);
+  border-color: var(--gd-palette-complementary-5-from-theme, var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2)));
 }
 
-.gd-attribute-filter-dropdown-button__next.gd-is-filtering:not(.gd-is-active) {
-  background: var(--gd-palette-primary-dimmed, #e8f7fc);
-  border-radius: 3px;
+.gd-ui-kit-control-button--isOpen.gd-ui-kit-control-button--isDraggable::before {
+  opacity: 1;
 }
 
-.gd-attribute-filter-dropdown-button__next.gd-is-filtering:not(.gd-is-active)::before, .gd-attribute-filter-dropdown-button__next.gd-is-filtering:not(.gd-is-active)::after {
-  display: none;
+.gd-ui-kit-control-button--isOpen .gd-ui-kit-control-button__subtitle-row::after {
+  content: "\e613";
 }
 
-.gd-attribute-filter-dropdown-button__next:active.gd-is-draggable::before, .gd-attribute-filter-dropdown-button__next.gd-is-active.gd-is-draggable::before {
-  opacity: 1;
+.gd-ui-kit-control-button--isDragging {
+  display: inline-block;
 }
 
-.gd-attribute-filter-dropdown-button__next:active::after, .edit-mode-on .gd-attribute-filter-dropdown-button__next:active::after, .gd-attribute-filter-dropdown-button__next.gd-is-active::after, .edit-mode-on .gd-attribute-filter-dropdown-button__next.gd-is-active::after {
-  box-shadow: inset 0 1px 0 0 var(--gd-shadow-color-from-theme, rgba(177, 193, 209, 0.65));
-  border-color: var(--gd-palette-complementary-5-from-theme, var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2)));
-  background: var(--gd-palette-complementary-2-from-theme, #ecf0f5); /* Old browsers */
-  background-image: -webkit-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* Chrome 10+, Saf5.1+ */
-  background-image: -moz-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* FF3.6 */
-  background-image: -ms-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* IE10 */
-  background-image: linear-gradient(to top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5));
+.gd-ui-kit-control-button--isDragging::after {
+  border-color: var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2));
+  background: var(--gd-palette-complementary-0-from-theme, rgba(255, 255, 255, 0.95));
 }
 
-.gd-attribute-filter-dropdown-button__next:active .gd-attribute-filter-dropdown-button-title__next::after,
-.gd-attribute-filter-dropdown-button__next:active .gd-attribute-filter-dropdown-button-subtitle__next::after, .gd-attribute-filter-dropdown-button__next.gd-is-active .gd-attribute-filter-dropdown-button-title__next::after,
-.gd-attribute-filter-dropdown-button__next.gd-is-active .gd-attribute-filter-dropdown-button-subtitle__next::after {
-  content: "\e613";
+.gd-ui-kit-control-button--isDragging.gd-ui-kit-control-button--isDraggable::before {
+  opacity: 1;
 }
 
-.gd-attribute-filter-dropdown-button__next.gd-message {
+.gd-ui-kit-control-button--isError {
   font-size: 12px;
+  color: var(--gd-palette-error-base, #e54d42);
+}
+
+.gd-ui-kit-control-button--disabled {
+  cursor: default;
+}
+
+.gd-ui-kit-control-button--disabled:hover, .gd-ui-kit-control-button--disabled:focus, .gd-ui-kit-control-button--disabled:active {
+  user-select: auto;
+  box-shadow: none;
+  background: transparent;
+  border-color: transparent;
+  text-decoration: none;
 }
 
-.gd-attribute-filter-dropdown-button-icon__next {
+.gd-ui-kit-control-button__icon {
   position: relative;
   z-index: 1;
   float: left;
   padding-right: 5px;
 }
 
-.gd-is-mobile .gd-attribute-filter-dropdown-button-icon__next {
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
-
-.gd-attribute-filter-dropdown-button-content__next {
+.gd-ui-kit-control-button__content {
   position: relative;
   z-index: 1;
   display: flex;
   justify-content: center;
   height: 100%;
   flex-direction: column;
+  min-width: 0;
+  flex: 1 1 auto;
 }
 
-.gd-attribute-filter-dropdown_button-title-content__next {
+.gd-ui-kit-control-button__title-row {
   display: flex;
   justify-content: space-between;
+  max-width: 100%;
+  white-space: nowrap;
+}
+
+.gd-ui-kit-control-button__title {
+  overflow: hidden;
+  color: var(--gd-palette-complementary-7, #6d7680);
+  margin-right: auto;
+  max-width: 100%;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.gd-ui-kit-control-button__title .gd-bubble-trigger,
+.gd-ui-kit-control-button__title .shortened {
+  display: inline-flex;
+}
+
+.gd-ui-kit-control-button__title .shortened {
+  max-width: 100%;
+}
+
+.gd-ui-kit-control-button__subtitle-row {
+  display: inline-flex;
+  flex-wrap: nowrap;
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  font-weight: bold;
+  color: var(--gd-palette-complementary-9, #000);
+}
+
+.gd-ui-kit-control-button__subtitle-row::after {
+  content: "\e612";
+  display: inline-block;
+  margin-left: 0.5em;
+  font-family: "Indigo", sans-serif;
+  font-weight: normal;
+  font-size: inherit;
+  vertical-align: top;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+  transition: all 0.2s ease;
+}
+
+.gd-ui-kit-control-button__subtitle {
+  display: inline-block;
+  flex: 0 1 auto;
+  min-width: 0;
+  max-width: 120px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  vertical-align: bottom;
+}
+
+.gd-attribute-filter-dropdown-button__next,
+.gd-mvf-dashboard-filter-button__next {
+  position: relative;
+  max-width: 230px;
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 16px;
+}
+
+.gd-attribute-filter-dropdown-button__next::after,
+.gd-mvf-dashboard-filter-button__next::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  border: 1px solid transparent;
+  background: var(--gd-dashboards-filterBar-filterButton-backgroundColor, transparent);
+  transform: translateZ(-1px);
+  border-radius: 3px;
+}
+
+.gd-attribute-filter-dropdown-button__next:hover.gd-is-draggable:not(.gd-is-active, .gd-is-filtering),
+.gd-mvf-dashboard-filter-button__next:hover.gd-is-draggable:not(.gd-is-active, .gd-is-filtering) {
+  box-shadow: 0 1px 3px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.09)), 0 2px 9px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15));
+}
+
+.gd-attribute-filter-dropdown-button__next:hover::after,
+.gd-mvf-dashboard-filter-button__next:hover::after {
+  border-color: var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2));
+}
+
+.gd-attribute-filter-dropdown-button__next.gd-is-filtering:not(.gd-is-active),
+.gd-mvf-dashboard-filter-button__next.gd-is-filtering:not(.gd-is-active) {
+  background: var(--gd-palette-primary-dimmed, #e8f7fc);
+  border-radius: 3px;
+}
+
+.gd-attribute-filter-dropdown-button__next.gd-is-filtering:not(.gd-is-active)::before, .gd-attribute-filter-dropdown-button__next.gd-is-filtering:not(.gd-is-active)::after,
+.gd-mvf-dashboard-filter-button__next.gd-is-filtering:not(.gd-is-active)::before,
+.gd-mvf-dashboard-filter-button__next.gd-is-filtering:not(.gd-is-active)::after {
+  display: none;
+}
+
+.gd-attribute-filter-dropdown-button__next:active::after, .edit-mode-on .gd-attribute-filter-dropdown-button__next:active::after, .gd-attribute-filter-dropdown-button__next.gd-is-active::after, .edit-mode-on .gd-attribute-filter-dropdown-button__next.gd-is-active::after,
+.gd-mvf-dashboard-filter-button__next:active::after,
+.edit-mode-on .gd-mvf-dashboard-filter-button__next:active::after,
+.gd-mvf-dashboard-filter-button__next.gd-is-active::after,
+.edit-mode-on .gd-mvf-dashboard-filter-button__next.gd-is-active::after {
+  box-shadow: inset 0 1px 0 0 var(--gd-shadow-color-from-theme, rgba(177, 193, 209, 0.65));
+  border-color: var(--gd-palette-complementary-5-from-theme, var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2)));
+  background: var(--gd-palette-complementary-2-from-theme, #ecf0f5); /* Old browsers */
+  background-image: -webkit-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* Chrome 10+, Saf5.1+ */
+  background-image: -moz-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* FF3.6 */
+  background-image: -ms-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* IE10 */
+  background-image: linear-gradient(to top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5));
+}
+
+.gd-attribute-filter-dropdown-button__next .gd-ui-kit-control-button__title-row .gd-list-item-tooltip,
+.gd-mvf-dashboard-filter-button__next .gd-ui-kit-control-button__title-row .gd-list-item-tooltip {
+  line-height: 15px;
+}
+
+.gd-attribute-filter-dropdown-button__next.gd-is-draggable,
+.gd-mvf-dashboard-filter-button__next.gd-is-draggable {
+  padding-left: 23px;
+}
+
+.gd-mvf-dashboard-filter-button__next {
+  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
+  font-weight: 400;
 }
 
-.gd-attribute-filter-dropdown_button-title-content__next .gd-list-item-tooltip {
-  line-height: 15px;
-}
-
 .gd-attribute-filter-mobile-button-wrapper {
   display: flex;
   align-items: center;
 }
 
-.gd-is-mobile .gd-attribute-filter-dropdown-button-content__next {
+.gd-is-mobile .gd-attribute-filter-dropdown-button__next .gd-ui-kit-control-button__icon {
+  display: flex;
+  height: 100%;
+  align-items: center;
+}
+
+.gd-is-mobile .gd-attribute-filter-dropdown-button__next .gd-ui-kit-control-button__content {
   padding-right: 20px;
   flex-direction: row;
   align-items: center;
@@ -18746,7 +18999,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   background-image: none;
 }
 
-.gd-is-mobile .gd-attribute-filter-dropdown-button__next.gd-is-active .gd-attribute-filter-dropdown-button-subtitle__next::after {
+.gd-is-mobile .gd-attribute-filter-dropdown-button__next.gd-is-active .gd-ui-kit-control-button__subtitle-row::after {
   right: 0;
 }
 
@@ -18795,8 +19048,8 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   right: 4px;
 }
 
-.gd-attribute-filter-button-mobile__next.gd-is-active .gd-attribute-filter-dropdown-button-title__next::after,
-.gd-attribute-filter-button-mobile__next.gd-is-active .gd-attribute-filter-dropdown-button-subtitle__next::after {
+.gd-attribute-filter-button-mobile__next.gd-is-active .gd-attribute-filter-dropdown-button__next .gd-ui-kit-control-button__title::after,
+.gd-attribute-filter-button-mobile__next.gd-is-active .gd-attribute-filter-dropdown-button__next .gd-ui-kit-control-button__subtitle-row::after {
   content: "\e613";
   position: absolute;
   top: 50%;
@@ -18818,75 +19071,27 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   background: var(--gd-palette-complementary-0, #fff);
 }
 
-.gd-attribute-filter-dropdown-button-title__next {
-  overflow: hidden;
-  color: var(--gd-palette-complementary-7, #6d7680);
-  margin-right: auto;
-}
-
-.gd-attribute-filter-dropdown-button-title__next .gd-bubble-trigger,
-.gd-attribute-filter-dropdown-button-title__next .shortened {
-  display: inline-flex;
-}
-
-.gd-attribute-filter-dropdown-button-title__next .shortened {
-  max-width: 100%;
+.drag-preview .gd-attribute-filter-dropdown-button__next .gd-ui-kit-control-button__subtitle-row::after {
+  display: none;
 }
 
-.overlay .gd-attribute-filter-dropdown-button-title__next {
+.overlay .gd-attribute-filter-dropdown-button__next .gd-ui-kit-control-button__title {
   flex: 0 0 auto;
   max-width: 100%;
   margin-right: 5px;
   color: var(--gd-palette-complementary-7, #6d7680);
 }
 
-.overlay .gd-attribute-filter-dropdown-button-title__next::after {
+.overlay .gd-attribute-filter-dropdown-button__next .gd-ui-kit-control-button__title::after {
   content: ":";
 }
 
-.gd-attribute-filter-dropdown-button-title__next,
-.gd-attribute-filter-dropdown-button-subtitle__next {
-  max-width: 100%;
-  white-space: nowrap;
-}
-
-.gd-attribute-filter-dropdown-button-title__next::after,
-.gd-attribute-filter-dropdown-button-subtitle__next::after {
-  content: "\e612";
-  display: none;
-  margin-left: 0.5em;
-  font-family: "Indigo", sans-serif;
-  font-weight: normal;
-  font-size: inherit;
-  vertical-align: top;
-  color: var(--gd-palette-complementary-6, #94a1ad);
-  transition: 0.2s;
-}
-
-.drag-preview .gd-attribute-filter-dropdown-button-title__next::after,
-.drag-preview .gd-attribute-filter-dropdown-button-subtitle__next::after {
-  display: none;
-}
-
-.gd-attribute-filter-dropdown-button-subtitle__next {
-  display: inline-flex;
-  flex-wrap: nowrap;
-  overflow: hidden;
-  font-weight: bold;
-  text-overflow: ellipsis;
-  color: var(--gd-palette-complementary-9, #000);
-}
-
-.gd-attribute-filter-dropdown-button-subtitle__next:only-child::after {
-  display: inline-block;
-}
-
-.overlay .gd-attribute-filter-dropdown-button-subtitle__next {
+.overlay .gd-attribute-filter-dropdown-button__next .gd-ui-kit-control-button__subtitle-row {
   flex: 1 1 auto;
   max-width: none;
 }
 
-.overlay .gd-attribute-filter-dropdown-button-subtitle__next::after {
+.overlay .gd-attribute-filter-dropdown-button__next .gd-ui-kit-control-button__subtitle-row::after {
   position: absolute;
   top: 50%;
   right: -20px;
@@ -18894,11 +19099,8 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   transform: translateY(-50%);
 }
 
-.gd-attribute-filter-dropdown-button-subtitle__next::after {
-  display: inline-block;
-}
-
-.gd-attribute-filter-dropdown-button-selected-items__next {
+.gd-attribute-filter-dropdown-button-selected-items__next,
+.gd-measure-value-filter-dropdown-button-selected-items__next {
   display: inline-block;
   flex: 0 1 auto;
   min-width: 0;
@@ -18909,7 +19111,8 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   color: var(--gd-palette-complementary-8, #464e56);
 }
 
-.overlay .gd-attribute-filter-dropdown-button-selected-items__next {
+.overlay .gd-attribute-filter-dropdown-button-selected-items__next,
+.overlay .gd-measure-value-filter-dropdown-button-selected-items__next {
   max-width: none;
 }
 
@@ -18984,7 +19187,7 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   text-decoration: none;
 }
 
-.gd-attribute-filter__next .gd-attribute-filter-dropdown-button__next.disabled .gd-attribute-filter-dropdown-button-subtitle__next::after {
+.gd-attribute-filter__next .gd-attribute-filter-dropdown-button__next.disabled .gd-ui-kit-control-button__subtitle-row::after {
   content: none;
 }
 
@@ -18996,6 +19199,19 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   background: var(--gd-palette-primary-dimmed, #e8f7fc);
 }
 
+.gd-mvf-dashboard-filter-button__next.disabled:hover, .gd-mvf-dashboard-filter-button__next.disabled:focus, .gd-mvf-dashboard-filter-button__next.disabled:active, .gd-mvf-dashboard-filter-button__next.disabled:hover::after, .gd-mvf-dashboard-filter-button__next.disabled:focus::after, .gd-mvf-dashboard-filter-button__next.disabled:active::after {
+  cursor: default;
+  user-select: auto;
+  box-shadow: none;
+  background: transparent;
+  border-color: transparent;
+  text-decoration: none;
+}
+
+.gd-mvf-dashboard-filter-button__next.disabled .gd-attribute-filter-dropdown-button-subtitle__next::after {
+  content: none;
+}
+
 .gd-item-title-tooltip {
   min-width: 100px;
 }
@@ -19719,209 +19935,3384 @@ div.gd-empty-item-bubble {
   min-height: 38px;
 }
 
-.gd-chips-input__container:focus-within {
-  border-color: var(--gd-palette-primary-base, #14b2e2);
+.gd-chips-input__container:focus-within {
+  border-color: var(--gd-palette-primary-base, #14b2e2);
+}
+
+.gd-chips-input__container--with-values {
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+}
+
+.gd-chips-input__container--with-values .gd-chips-input__chips-frame {
+  padding: 7px 5px;
+  max-height: 120px;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  border-bottom: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
+  border-radius: var(--gd-button-borderRadius, 3px) var(--gd-button-borderRadius, 3px) 0 0;
+}
+
+.gd-chips-input__container--with-values .gd-chips-input__input-frame {
+  padding: 0 7px;
+}
+
+.gd-chips-input__container--warning {
+  border-color: var(--gd-palette-warning-base, #f18600);
+}
+
+.gd-chips-input__container--warning:focus-within {
+  border-color: var(--gd-palette-warning-base, #f18600);
+}
+
+.gd-chips-input__container--warning.gd-chips-input__container--with-values .gd-chips-input__chips-frame {
+  border-bottom-color: var(--gd-palette-warning-base, #f18600);
+}
+
+.gd-chips-input__container--warning.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field {
+  border-color: var(--gd-palette-warning-base, #f18600);
+}
+
+.gd-chips-input__container--warning.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field:focus, .gd-chips-input__container--warning.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field:focus-visible {
+  border-color: var(--gd-palette-warning-base, #f18600);
+}
+
+.gd-chips-input__container--error {
+  border-color: var(--gd-palette-error-base, #e54d42);
+}
+
+.gd-chips-input__container--error:focus-within {
+  border-color: var(--gd-palette-error-base, #e54d42);
+}
+
+.gd-chips-input__container--error.gd-chips-input__container--with-values .gd-chips-input__chips-frame {
+  border-bottom-color: var(--gd-palette-error-base, #e54d42);
+}
+
+.gd-chips-input__container--error.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field {
+  border-color: var(--gd-palette-error-base, #e54d42);
+}
+
+.gd-chips-input__container--error.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field:focus, .gd-chips-input__container--error.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field:focus-visible {
+  border-color: var(--gd-palette-error-base, #e54d42);
+}
+
+.gd-chips-input__chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  align-items: center;
+}
+
+.gd-chips-input__input-frame--standalone {
+  padding: 0;
+}
+
+.gd-chips-input__input {
+  flex: 1;
+  min-width: 120px;
+  display: block;
+}
+
+.gd-chips-input__input .gd-input-field {
+  border: none;
+  outline: none;
+  padding: 4px 0;
+  font-size: 13px;
+  background: transparent;
+  box-shadow: none;
+}
+
+.gd-chips-input__input .gd-input-field:focus-visible {
+  outline: none;
+}
+
+.gd-chips-input__input .gd-input-field::placeholder {
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+
+.gd-chips-input__input .gd-input-field:disabled {
+  cursor: not-allowed;
+}
+
+.gd-chips-input__container--empty {
+  border: none;
+  min-height: auto;
+  background: transparent;
+}
+
+.gd-chips-input__container--empty:focus-within {
+  border-color: transparent;
+}
+
+.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 6px 7px 5px;
+  border: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
+  line-height: normal;
+  vertical-align: middle;
+  color: var(--gd-palette-complementary-8, #464e56);
+  background: var(--gd-palette-complementary-0, #fff);
+  font-size: 14px;
+  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
+  font-weight: 200;
+  height: 27.1px;
+  padding: 5px 7px;
+  font-size: 13px;
+  border-radius: 3px;
+  border: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
+  box-shadow: inset 0 1px 2px 0 rgba(31, 53, 74, 0.15);
+}
+
+.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field:focus, .gd-chips-input__container--empty .gd-chips-input__input .gd-input-field:focus-visible {
+  outline: none;
+  border-color: var(--gd-palette-primary-base, #14b2e2);
+}
+
+.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field::placeholder {
+  color: var(--gd-palette-complementary-5, #b0beca);
+}
+
+.gd-chips-input__autocomplete {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  z-index: 100;
+  list-style: none;
+  margin: 0;
+  padding: 6px 0;
+  background-color: #fcfcfd;
+  border: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+  border-radius: var(--gd-button-borderRadius, 3px);
+  box-shadow: 0 2px 20px 0 rgba(20, 56, 93, 0.2);
+  max-height: 200px;
+  overflow: hidden;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+
+.gd-chips-input__autocomplete-item {
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 18px;
+  cursor: pointer;
+  color: var(--gd-palette-complementary-8, #464e56);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.gd-chips-input__autocomplete-item strong {
+  font-weight: 700;
+  text-decoration: underline;
+  text-decoration-style: solid;
+  color: inherit;
+}
+
+.gd-chips-input__autocomplete-item:hover {
+  background-color: var(--gd-palette-complementary-2, #ebeff4);
+}
+
+.gd-chips-input__autocomplete-item--active {
+  background-color: var(--gd-palette-complementary-2, #ebeff4);
+}
+
+.gd-chips-input__autocomplete-loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 5px 10px;
+  min-height: 28px;
+  cursor: default;
+  pointer-events: none;
+}
+
+.gd-attribute-filter-details-bubble__trigger {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 2px;
+}
+
+.gd-attribute-filter-details-bubble {
+  width: 220px;
+  margin: -7px -10px;
+  padding: 15px;
+  background: rgba(255, 255, 255, 0.95);
+  border: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+  border-radius: var(--gd-modal-borderRadius, 3px);
+  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
+}
+
+.gd-attribute-filter-details-bubble__content {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.gd-attribute-filter-details-bubble__section {
+  display: flex;
+  flex-direction: column;
+  margin-top: 5px;
+  gap: 3px;
+}
+
+.gd-attribute-filter-details-bubble__title {
+  margin: 0;
+  font-size: 13px;
+  font-weight: 700;
+  line-height: 1.4;
+  color: var(--gd-palette-complementary-8, #464e56);
+  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
+}
+
+.gd-attribute-filter-details-bubble__description {
+  margin: 0;
+  font-size: 12px;
+  line-height: 1.4;
+  color: var(--gd-palette-complementary-7, #6d7680);
+  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
+}
+
+.gd-attribute-filter-details-bubble__key {
+  display: block;
+  margin: 0;
+  font-size: 10px;
+  font-weight: 400;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  line-height: normal;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
+}
+
+.gd-attribute-filter-details-bubble__value {
+  display: block;
+  margin: 0;
+  margin-top: 2px;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 1.5;
+  color: var(--gd-palette-complementary-8, #464e56);
+  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
+}
+
+.gd-attribute-filter-details-bubble__elements {
+  margin-top: 2px;
+  font-size: 12px;
+  line-height: 1.5;
+  color: var(--gd-palette-complementary-8, #464e56);
+  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
+}
+
+.gd-attribute-filter-details-bubble__element {
+  display: block;
+}
+
+.gd-attribute-filter-details-bubble__more {
+  display: block;
+  margin-top: 4px;
+  font-size: 10px;
+  font-weight: 400;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
+}
+
+.gd-attribute-filter-details-bubble__loading {
+  margin: 0;
+  font-size: 12px;
+  color: var(--gd-palette-complementary-7, #6d7680);
+}
+
+.gd-attribute-filter-details-bubble__error {
+  margin: 0;
+  font-size: 12px;
+  color: var(--gd-palette-error-base, #e54d42);
+}
+
+
+/* 0, 640px */
+/* 641px, 1024px */
+/* 1025px, 1440px */
+/* 1441px, 1920px */
+/* 1921px, ... */
+.gd-icon-fact::before,
+.gd-icon-measure::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-fact[class*=gd-button-]::before,
+.gd-icon-measure[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-fact::before,
+.gd-icon-measure::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/measure.svg");
+}
+
+.gd-icon-fact.disabled::before, .gd-icon-fact[disabled=disabled]::before,
+.gd-icon-measure.disabled::before,
+.gd-icon-measure[disabled=disabled]::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-fact.disabled[class*=gd-button-]::before, .gd-icon-fact[disabled=disabled][class*=gd-button-]::before,
+.gd-icon-measure.disabled[class*=gd-button-]::before,
+.gd-icon-measure[disabled=disabled][class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-fact.disabled::before, .gd-icon-fact[disabled=disabled]::before,
+.gd-icon-measure.disabled::before,
+.gd-icon-measure[disabled=disabled]::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/measure-disabled.svg");
+}
+
+.gd-icon-fact.gd-button-small::before, .gd-icon-fact.gd-button-link::before,
+.gd-icon-measure.gd-button-small::before,
+.gd-icon-measure.gd-button-link::before {
+  margin-top: -1px;
+}
+
+.gd-icon-aggregated-fact::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-aggregated-fact[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-aggregated-fact::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/aggregated-fact.svg");
+}
+
+.gd-icon-aggregated-fact.gd-button-small::before, .gd-icon-aggregated-fact.gd-button-link::before {
+  margin-top: -1px;
+}
+
+.gd-icon-aggregation::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-aggregation[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-aggregation::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/sum.svg");
+}
+
+.gd-icon-aggregation.gd-button-small::before, .gd-icon-aggregation.gd-button-link::before {
+  margin-top: -1px;
+}
+
+.gd-icon-metric::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-metric[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-metric::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/metric.svg");
+}
+
+.gd-icon-metric.disabled::before, .gd-icon-metric[disabled=disabled]::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-metric.disabled[class*=gd-button-]::before, .gd-icon-metric[disabled=disabled][class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-metric.disabled::before, .gd-icon-metric[disabled=disabled]::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/metric-disabled.svg");
+}
+
+.gd-icon-metric.gd-button-small::before, .gd-icon-metric.gd-button-link::before {
+  margin-top: -1px;
+}
+
+.gd-icon-attribute::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-attribute[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-attribute::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/attribute.svg");
+}
+
+.gd-icon-attribute.disabled::before, .gd-icon-attribute[disabled=disabled]::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-attribute.disabled[class*=gd-button-]::before, .gd-icon-attribute[disabled=disabled][class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-attribute.disabled::before, .gd-icon-attribute[disabled=disabled]::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/attribute-disabled.svg");
+}
+
+.gd-icon-attribute.gd-button-small::before, .gd-icon-attribute.gd-button-link::before {
+  margin-top: -1px;
+}
+
+.gd-icon-model::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-model[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-model::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/model.svg");
+}
+
+.gd-icon-model.is-active::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-model.is-active[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-model.is-active::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/model-active.svg");
+}
+
+.gd-icon-sources::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-sources[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-sources::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/sources.svg");
+}
+
+.gd-icon-sources.is-active::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-sources.is-active[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-sources.is-active::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/sources-active.svg");
+}
+
+.gd-icon-date::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-date[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-date::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/date.svg");
+}
+
+.gd-icon-date.disabled::before, .gd-icon-date[disabled=disabled]::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-date.disabled[class*=gd-button-]::before, .gd-icon-date[disabled=disabled][class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-date.disabled::before, .gd-icon-date[disabled=disabled]::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/date-disabled.svg");
+}
+
+.gd-icon-date.gd-button-small::before {
+  margin-top: -1px;
+}
+
+.gd-icon-date.gd-button-link::before {
+  margin-top: -2px;
+}
+
+.gd-icon-measure-value-filter::before, .gd-icon-anomaly-detection::before, .gd-icon-changes-by::before, .gd-icon-decreases-by::before, .gd-icon-increases-by::before, .gd-icon-not-equal-to::before, .gd-icon-equal-to::before, .gd-icon-not-between::before, .gd-icon-between::before, .gd-icon-less-than-equal-to::before, .gd-icon-less-than::before, .gd-icon-greater-than-equal-to::before, .gd-icon-greater-than::before, .gd-icon-all::before {
+  width: 18px;
+  height: 15px;
+}
+
+.gd-icon-all::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-all[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-all::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/all.svg");
+}
+
+.gd-icon-all.gd-button-small::before {
+  margin-top: -1px;
+}
+
+.gd-icon-all.gd-button-link::before {
+  margin-top: -2px;
+}
+
+.gd-icon-greater-than::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-greater-than[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-greater-than::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/greater-than.svg");
+}
+
+.gd-icon-greater-than.gd-button-small::before {
+  margin-top: -1px;
+}
+
+.gd-icon-greater-than.gd-button-link::before {
+  margin-top: -2px;
+}
+
+.gd-icon-greater-than-equal-to::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-greater-than-equal-to[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-greater-than-equal-to::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/greater-than-equal-to.svg");
+}
+
+.gd-icon-greater-than-equal-to.gd-button-small::before {
+  margin-top: -1px;
+}
+
+.gd-icon-greater-than-equal-to.gd-button-link::before {
+  margin-top: -2px;
+}
+
+.gd-icon-less-than::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-less-than[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-less-than::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/less-than.svg");
+}
+
+.gd-icon-less-than.gd-button-small::before {
+  margin-top: -1px;
+}
+
+.gd-icon-less-than.gd-button-link::before {
+  margin-top: -2px;
+}
+
+.gd-icon-less-than-equal-to::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-less-than-equal-to[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-less-than-equal-to::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/less-than-equal-to.svg");
+}
+
+.gd-icon-less-than-equal-to.gd-button-small::before {
+  margin-top: -1px;
+}
+
+.gd-icon-less-than-equal-to.gd-button-link::before {
+  margin-top: -2px;
+}
+
+.gd-icon-between::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-between[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-between::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/between.svg");
+}
+
+.gd-icon-between.gd-button-small::before {
+  margin-top: -1px;
+}
+
+.gd-icon-between.gd-button-link::before {
+  margin-top: -2px;
+}
+
+.gd-icon-not-between::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-not-between[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-not-between::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/not-between.svg");
+}
+
+.gd-icon-not-between.gd-button-small::before {
+  margin-top: -1px;
+}
+
+.gd-icon-not-between.gd-button-link::before {
+  margin-top: -2px;
+}
+
+.gd-icon-equal-to::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-equal-to[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-equal-to::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/equal-to.svg");
+}
+
+.gd-icon-equal-to.gd-button-small::before {
+  margin-top: -1px;
+}
+
+.gd-icon-equal-to.gd-button-link::before {
+  margin-top: -2px;
+}
+
+.gd-icon-not-equal-to::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-not-equal-to[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-not-equal-to::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/not-equal-to.svg");
+}
+
+.gd-icon-not-equal-to.gd-button-small::before {
+  margin-top: -1px;
+}
+
+.gd-icon-not-equal-to.gd-button-link::before {
+  margin-top: -2px;
+}
+
+.gd-icon-increases-by::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-increases-by[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-increases-by::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/increases-by.svg");
+}
+
+.gd-icon-increases-by.gd-button-small::before {
+  margin-top: -1px;
+}
+
+.gd-icon-increases-by.gd-button-link::before {
+  margin-top: -2px;
+}
+
+.gd-icon-decreases-by::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-decreases-by[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-decreases-by::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/decreases-by.svg");
+}
+
+.gd-icon-decreases-by.gd-button-small::before {
+  margin-top: -1px;
+}
+
+.gd-icon-decreases-by.gd-button-link::before {
+  margin-top: -2px;
+}
+
+.gd-icon-changes-by::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-changes-by[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-changes-by::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/changes-by.svg");
+}
+
+.gd-icon-changes-by.gd-button-small::before {
+  margin-top: -1px;
+}
+
+.gd-icon-changes-by.gd-button-link::before {
+  margin-top: -2px;
+}
+
+.gd-icon-anomaly-detection::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-anomaly-detection[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-anomaly-detection::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/ai.svg");
+}
+
+.gd-icon-anomaly-detection.gd-button-small::before {
+  margin-top: -1px;
+}
+
+.gd-icon-anomaly-detection.gd-button-link::before {
+  margin-top: -2px;
+}
+
+.gd-icon-label::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-label[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-label::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/label.svg");
+}
+
+.gd-icon-label-disabled::before, .gd-icon-label.disabled::before, .gd-icon-label[disabled=disabled]::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-label-disabled[class*=gd-button-]::before, .gd-icon-label.disabled[class*=gd-button-]::before, .gd-icon-label[disabled=disabled][class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-label-disabled::before, .gd-icon-label.disabled::before, .gd-icon-label[disabled=disabled]::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/label-disabled.svg");
+}
+
+.gd-icon-label-active::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-label-active[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-label-active::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/label-active.svg");
+}
+
+.gd-icon-label-warning::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-label-warning[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-label-warning::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/label-warning.svg");
+}
+
+.gd-icon-hyperlink::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-hyperlink[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-hyperlink::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/hyperlink.svg");
+}
+
+.gd-icon-hyperlink-disabled::before, .gd-icon-hyperlink.disabled::before, .gd-icon-hyperlink[disabled=disabled]::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-hyperlink-disabled[class*=gd-button-]::before, .gd-icon-hyperlink.disabled[class*=gd-button-]::before, .gd-icon-hyperlink[disabled=disabled][class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-hyperlink-disabled::before, .gd-icon-hyperlink.disabled::before, .gd-icon-hyperlink[disabled=disabled]::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/hyperlink-disabled.svg");
+}
+
+.gd-icon-hyperlink-active::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-hyperlink-active[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-hyperlink-active::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/hyperlink-active.svg");
+}
+
+.gd-icon-hyperlink-warning::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-hyperlink-warning[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-hyperlink-warning::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/hyperlink-warning.svg");
+}
+
+.gd-icon-image::before {
+  content: "";
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-icon-image[class*=gd-button-]::before {
+  height: 100%;
+}
+
+.gd-icon-image::before {
+  background-image: url("@gooddata/sdk-ui-kit/styles/icons/image.svg");
+}
+
+.gd-dropdown.overlay {
+  padding: 0;
+}
+
+.gd-dropdown-search {
+  margin: 8px;
+  vertical-align: baseline;
+}
+
+.gd-dropdown-buttons {
+  padding: 8px;
+  text-align: right;
+}
+
+.gd-dropdown-buttons .gd-button {
+  margin-left: 10px;
+}
+
+.gd-dropdown .gd-input-label {
+  margin-bottom: 5px;
+}
+
+.gd-dropdown .gd-list,
+.gd-dropdown .gd-list-view,
+.gd-dropdown .gd-infinite-list,
+.dropdown-body .gd-list,
+.dropdown-body .gd-list-view,
+.dropdown-body .gd-infinite-list {
+  margin: 6px 0;
+}
+
+@media only screen and (max-width: 640px) {
+  .gd-dropdown .gd-list,
+  .gd-dropdown .gd-list-view,
+  .gd-dropdown .gd-infinite-list,
+  .dropdown-body .gd-list,
+  .dropdown-body .gd-list-view,
+  .dropdown-body .gd-infinite-list {
+    margin: 0;
+  }
+}
+.gd-dropdown .gd-async-list,
+.dropdown-body .gd-async-list {
+  margin: 6px 0;
+}
+
+@media only screen and (max-width: 640px) {
+  .gd-dropdown .gd-async-list,
+  .dropdown-body .gd-async-list {
+    margin: 6px 0;
+  }
+}
+.gd-dropdown .gd-list-view,
+.gd-dropdown-small .gd-list-view {
+  font-size: 12px;
+}
+
+.gd-dropdown .gd-list-view-item,
+.gd-dropdown .gd-list-view-item-header,
+.gd-dropdown-small .gd-list-view-item,
+.gd-dropdown-small .gd-list-view-item-header {
+  height: 25px;
+}
+
+.gd-dropdown .gd-list-view-item > div,
+.gd-dropdown .gd-list-view-item-header > div,
+.gd-dropdown-small .gd-list-view-item > div,
+.gd-dropdown-small .gd-list-view-item-header > div {
+  line-height: 25px;
+}
+
+.gd-dropdown-normal .gd-list-view {
+  font-size: 14px;
+}
+
+.gd-dropdown-normal .gd-list-view-item,
+.gd-dropdown-normal .gd-list-view-item-header {
+  height: 28px;
+}
+
+.gd-dropdown-normal .gd-list-view-item > div,
+.gd-dropdown-normal .gd-list-view-item-header > div {
+  line-height: 28px;
+}
+
+.gd-list-searchfield,
+.gd-dropdown-searchfield {
+  margin: 10px;
+}
+
+.gd-list-title {
+  margin: 0;
+  padding: 10px;
+  background: var(--gd-palette-complementary-2, #ebeff4);
+  color: var(--gd-palette-complementary-6, #94a1ad);
+  font-size: 11px;
+  font-weight: bold;
+  text-transform: uppercase;
+}
+
+.gd-dropdown-tabs {
+  margin: 0 10px;
+}
+
+.gd-mobile-dropdown-overlay {
+  height: 100%;
+  background-color: var(--gd-palette-complementary-0-from-theme, #f8fafb);
+}
+
+.gd-mobile-dropdown-overlay .gd-mobile-dropdown-header .gd-button,
+.gd-mobile-dropdown-overlay .gd-mobile-dropdown-header .gd-header-project {
+  margin: 0;
+  box-shadow: 0 1px 2px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.1));
+  color: var(--gd-palette-complementary-8-from-theme, #000);
+  border-bottom: 1px solid var(--gd-palette-complementary-4-from-theme, #c9d5e0);
+}
+
+.gd-mobile-dropdown-overlay .gd-mobile-dropdown-header .gd-button.is-expanded::after, .gd-mobile-dropdown-overlay .gd-mobile-dropdown-header .gd-button.is-collapsed::after,
+.gd-mobile-dropdown-overlay .gd-mobile-dropdown-header .gd-header-project.is-expanded::after,
+.gd-mobile-dropdown-overlay .gd-mobile-dropdown-header .gd-header-project.is-collapsed::after {
+  right: 10px;
+  color: var(--gd-palette-complementary-8, #464e56);
+  opacity: 1;
+}
+
+.gd-mobile-dropdown-overlay .gd-mobile-dropdown-header .gd-button.is-expanded, .gd-mobile-dropdown-overlay .gd-mobile-dropdown-header .gd-button.is-expanded:hover, .gd-mobile-dropdown-overlay .gd-mobile-dropdown-header .gd-button.is-collapsed, .gd-mobile-dropdown-overlay .gd-mobile-dropdown-header .gd-button.is-collapsed:hover,
+.gd-mobile-dropdown-overlay .gd-mobile-dropdown-header .gd-header-project.is-expanded,
+.gd-mobile-dropdown-overlay .gd-mobile-dropdown-header .gd-header-project.is-expanded:hover,
+.gd-mobile-dropdown-overlay .gd-mobile-dropdown-header .gd-header-project.is-collapsed,
+.gd-mobile-dropdown-overlay .gd-mobile-dropdown-header .gd-header-project.is-collapsed:hover {
+  background-color: var(--gd-palette-complementary-0, #fff);
+}
+
+@font-face {
+  font-family: "Indigo";
+  src: url("@gooddata/sdk-ui-kit/styles/fonts/Indigo-v2.woff2") format("woff2"), url("@gooddata/sdk-ui-kit/styles/fonts/Indigo-v2.woff") format("woff");
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+[class^=gd-icon-]::before,
+[class*=" gd-icon-"]::before,
+[class^=gd-icon-].gd-icon-right::after,
+[class*=" gd-icon-"].gd-icon-right::after {
+  font-family: "Indigo", sans-serif;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  /* Better Font Rendering looks better in Chrome, corresponds to Sketch mockups */
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: subpixel-antialiased;
+  text-transform: none;
+}
+
+[class^=gd-icon-].gd-icon-right::before,
+[class*=" gd-icon-"].gd-icon-right::before {
+  content: "";
+  display: none;
+}
+
+.gd-icon-trend-down::before,
+.gd-icon-trend-down.gd-icon-right::after {
+  content: "\e600";
+}
+
+.gd-icon-trend-up::before,
+.gd-icon-trend-up.gd-icon-right::after {
+  content: "\e601";
+}
+
+.gd-icon-user::before,
+.gd-icon-user.gd-icon-right::after {
+  content: "\e602";
+}
+
+.gd-icon-ghost::before,
+.gd-icon-ghost.gd-icon-right::after {
+  content: "\e603";
+}
+
+.gd-icon-redo::before,
+.gd-icon-redo.gd-icon-right::after {
+  content: "\e604";
+}
+
+.gd-icon-undo::before,
+.gd-icon-undo.gd-icon-right::after {
+  content: "\e605";
+}
+
+.gd-icon-pause::before,
+.gd-icon-pause.gd-icon-right::after {
+  content: "\e606";
+}
+
+.gd-icon-users::before,
+.gd-icon-users.gd-icon-right::after {
+  content: "\e607";
+}
+
+.gd-icon-cloud-rain::before, .gd-icon-rain::before,
+.gd-icon-cloud-rain.gd-icon-right::after,
+.gd-icon-right.gd-icon-rain::after {
+  content: "\e608";
+}
+
+.gd-icon-calendar::before,
+.gd-icon-calendar.gd-icon-right::after {
+  content: "\e609";
+}
+
+.gd-icon-circle-exclamation::before,
+.gd-icon-circle-exclamation.gd-icon-right::after {
+  content: "\e60a";
+}
+
+.gd-icon-circle-question::before,
+.gd-icon-circle-question.gd-icon-right::after {
+  content: "\e60b";
+}
+
+.gd-icon-dropright::before,
+.gd-icon-dropright.gd-icon-right::after {
+  content: "\e60c";
+}
+
+.gd-icon-dropdown::before,
+.gd-icon-dropdown.gd-icon-right::after {
+  content: "\e60d";
+}
+
+.gd-icon-question::before,
+.gd-icon-question.gd-icon-right::after {
+  content: "\e60e";
+}
+
+.gd-icon-number::before,
+.gd-icon-number.gd-icon-right::after {
+  content: "\e60f";
+}
+
+.gd-icon-navigateleft::before,
+.gd-icon-navigateleft.gd-icon-right::after {
+  content: "\e610";
+}
+
+.gd-icon-navigateright::before,
+.gd-icon-navigateright.gd-icon-right::after {
+  content: "\e611";
+}
+
+.gd-icon-navigatedown::before,
+.gd-icon-navigatedown.gd-icon-right::after {
+  content: "\e612";
+}
+
+.gd-icon-navigateup::before,
+.gd-icon-navigateup.gd-icon-right::after {
+  content: "\e613";
+}
+
+.gd-icon-pencil::before,
+.gd-icon-pencil.gd-icon-right::after {
+  content: "\e614";
+}
+
+.gd-icon-magic::before,
+.gd-icon-magic.gd-icon-right::after {
+  content: "\e615";
+}
+
+.gd-icon-cloud-upload::before, .gd-icon-upload::before, .gd-icon-uploadcloud::before,
+.gd-icon-cloud-upload.gd-icon-right::after,
+.gd-icon-right.gd-icon-upload::after,
+.gd-icon-right.gd-icon-uploadcloud::after {
+  content: "\e616";
+}
+
+.gd-icon-lock::before,
+.gd-icon-lock.gd-icon-right::after {
+  content: "\e617";
+}
+
+.gd-icon-unlock::before,
+.gd-icon-unlock.gd-icon-right::after {
+  content: "\e618";
+}
+
+.gd-icon-settings::before, .gd-icon-config::before,
+.gd-icon-settings.gd-icon-right::after,
+.gd-icon-right.gd-icon-config::after {
+  content: "\e619";
+}
+
+.gd-icon-trash::before,
+.gd-icon-trash.gd-icon-right::after {
+  content: "\e61a";
+}
+
+.gd-icon-at-sign::before,
+.gd-icon-at-sign.gd-icon-right::after {
+  content: "\e61b";
+}
+
+.gd-icon-envelope::before,
+.gd-icon-envelope.gd-icon-right::after {
+  content: "\e61c";
+}
+
+.gd-icon-visible::before,
+.gd-icon-visible.gd-icon-right::after {
+  content: "\e61d";
+}
+
+.gd-icon-invisible::before,
+.gd-icon-invisible.gd-icon-right::after {
+  content: "\e61e";
+}
+
+.gd-icon-save::before,
+.gd-icon-save.gd-icon-right::after {
+  content: "\e61f";
+}
+
+.gd-icon-printer::before,
+.gd-icon-printer.gd-icon-right::after {
+  content: "\e620";
+}
+
+.gd-icon-file::before,
+.gd-icon-file.gd-icon-right::after {
+  content: "\e621";
+}
+
+.gd-icon-folder::before,
+.gd-icon-folder.gd-icon-right::after {
+  content: "\e622";
+}
+
+.gd-icon-enter::before,
+.gd-icon-enter.gd-icon-right::after {
+  content: "\e623";
+}
+
+.gd-icon-earth::before,
+.gd-icon-earth.gd-icon-right::after {
+  content: "\e624";
+}
+
+.gd-icon-bell::before,
+.gd-icon-bell.gd-icon-right::after {
+  content: "\e625";
+}
+
+.gd-icon-horn::before,
+.gd-icon-horn.gd-icon-right::after {
+  content: "\e626";
+}
+
+.gd-icon-sync::before,
+.gd-icon-sync.gd-icon-right::after {
+  content: "\e627";
+}
+
+.gd-icon-clock::before,
+.gd-icon-clock.gd-icon-right::after {
+  content: "\e628";
+}
+
+.gd-icon-timer::before,
+.gd-icon-timer.gd-icon-right::after {
+  content: "\e629";
+}
+
+.gd-icon-download::before,
+.gd-icon-download.gd-icon-right::after {
+  content: "\e62a";
+}
+
+.gd-icon-magnifier::before, .gd-icon-search::before,
+.gd-icon-magnifier.gd-icon-right::after,
+.gd-icon-right.gd-icon-search::after {
+  content: "\e62b";
+}
+
+.gd-icon-checkmark::before,
+.gd-icon-checkmark.gd-icon-right::after {
+  content: "\e62c";
+}
+
+.gd-icon-cross::before, .gd-icon-clear::before,
+.gd-icon-cross.gd-icon-right::after,
+.gd-icon-right.gd-icon-clear::after {
+  content: "\e62d";
+}
+
+.gd-icon-chevron-up::before,
+.gd-icon-chevron-up.gd-icon-right::after {
+  content: "\e62e";
+}
+
+.gd-icon-chevron-down::before,
+.gd-icon-chevron-down.gd-icon-right::after {
+  content: "\e62f";
+}
+
+.gd-icon-chevron-left::before,
+.gd-icon-chevron-left.gd-icon-right::after {
+  content: "\e630";
+}
+
+.gd-icon-chevron-right::before,
+.gd-icon-chevron-right.gd-icon-right::after {
+  content: "\e631";
+}
+
+.gd-icon-arrow-up::before,
+.gd-icon-arrow-up.gd-icon-right::after {
+  content: "\e632";
+}
+
+.gd-icon-arrow-down::before,
+.gd-icon-arrow-down.gd-icon-right::after {
+  content: "\e633";
+}
+
+.gd-icon-arrow-left::before,
+.gd-icon-arrow-left.gd-icon-right::after {
+  content: "\e634";
+}
+
+.gd-icon-arrow-right::before,
+.gd-icon-arrow-right.gd-icon-right::after {
+  content: "\e635";
+}
+
+.gd-icon-tab::before,
+.gd-icon-tab.gd-icon-right::after {
+  content: "\e636";
+}
+
+.gd-icon-warning::before,
+.gd-icon-warning.gd-icon-right::after {
+  content: "\e637";
+}
+
+.gd-icon-circle-checkmark::before,
+.gd-icon-circle-checkmark.gd-icon-right::after {
+  content: "\e638";
+}
+
+.gd-icon-circle-cross::before,
+.gd-icon-circle-cross.gd-icon-right::after {
+  content: "\e639";
+}
+
+.gd-icon-circle-plus::before,
+.gd-icon-circle-plus.gd-icon-right::after {
+  content: "\e63a";
+}
+
+.gd-icon-circle-minus::before,
+.gd-icon-circle-minus.gd-icon-right::after {
+  content: "\e63b";
+}
+
+.gd-icon-filter::before,
+.gd-icon-filter.gd-icon-right::after {
+  content: "\e63c";
+}
+
+.gd-icon-sharp::before,
+.gd-icon-sharp.gd-icon-right::after {
+  content: "\e63d";
+}
+
+.gd-icon-money::before,
+.gd-icon-money.gd-icon-right::after {
+  content: "\e63e";
+}
+
+.gd-icon-percent::before,
+.gd-icon-percent.gd-icon-right::after {
+  content: "\e63f";
+}
+
+.gd-icon-plus::before, .gd-icon-add::before,
+.gd-icon-plus.gd-icon-right::after,
+.gd-icon-right.gd-icon-add::after {
+  content: "\e640";
+}
+
+.gd-icon-A::before,
+.gd-icon-A.gd-icon-right::after {
+  content: "\e641";
+}
+
+.gd-icon-copyright::before,
+.gd-icon-copyright.gd-icon-right::after {
+  content: "\e642";
+}
+
+/* allow vendor prefixes and disable max length */
+/* allow vendor prefixes and disable max length */
+/* ==========================================================================
+   Mixins, silent classes etc.
+   ========================================================================== */
+/* ==========================================================================
+   General styles for inputs & selects
+   ========================================================================== */
+.gd-input {
+  position: relative;
+  display: block;
+}
+
+.gd-input-wrapper,
+.gd-input-field,
+.input-text {
+  width: 100%;
+  max-width: 100%;
+}
+
+.gd-input-wrapper {
+  position: relative;
+}
+
+.gd-input-field,
+.input-text {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 6px 7px 5px;
+  border: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
+  line-height: normal;
+  vertical-align: middle;
+  color: var(--gd-palette-complementary-8, #464e56);
+  background: var(--gd-palette-complementary-0, #fff);
+  font-size: 14px;
+  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
+  font-weight: 200;
+  border-radius: 3px;
+  box-shadow: inset 0 1px 1px 0 rgba(31, 53, 74, 0.15);
+}
+
+.gd-input-field::-webkit-input-placeholder,
+.input-text::-webkit-input-placeholder {
+  color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
+  -moz-transition-property: color;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -moz-transition-duration: 0.25s;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+  -moz-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+}
+
+.gd-input-field:-moz-placeholder,
+.input-text:-moz-placeholder {
+  color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
+  -moz-transition-property: color;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -moz-transition-duration: 0.25s;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+  -moz-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+}
+
+.gd-input-field::-moz-placeholder,
+.input-text::-moz-placeholder {
+  color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
+  -moz-transition-property: color;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -moz-transition-duration: 0.25s;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+  -moz-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+}
+
+.gd-input-field:-ms-input-placeholder,
+.input-text:-ms-input-placeholder {
+  color: var(--gd-palette-complementary-6-from-theme, rgba(109, 118, 128, 0.75));
+  -moz-transition-property: color;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -moz-transition-duration: 0.25s;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+  -moz-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+}
+
+.gd-input-field:hover,
+.input-text:hover {
+  border-color: var(--gd-palette-complementary-5-from-theme, #b1c1d1);
+}
+
+.gd-input-field:hover::-webkit-input-placeholder,
+.input-text:hover::-webkit-input-placeholder {
+  color: var(--gd-palette-complementary-7, #6d7680);
+}
+
+.gd-input-field:hover:-moz-placeholder,
+.input-text:hover:-moz-placeholder {
+  color: var(--gd-palette-complementary-7, #6d7680);
+}
+
+.gd-input-field:hover::-moz-placeholder,
+.input-text:hover::-moz-placeholder {
+  color: var(--gd-palette-complementary-7, #6d7680);
+}
+
+.gd-input-field:hover:-ms-input-placeholder,
+.input-text:hover:-ms-input-placeholder {
+  color: var(--gd-palette-complementary-7, #6d7680);
+}
+
+.gd-input-field:focus,
+.input-text:focus {
+  box-shadow: inset 0 1px 1px 0 rgba(31, 53, 74, 0.2);
+}
+
+.gd-input-field:focus-visible,
+.input-text:focus-visible {
+  box-shadow: none;
+  outline-color: var(--gd-palette-primary-base, #14b2e2);
+}
+
+.gd-input-field:disabled, .gd-input-field:disabled:hover, .gd-input-field.disabled, .gd-input-field.disabled:hover,
+.input-text:disabled,
+.input-text:disabled:hover,
+.input-text.disabled,
+.input-text.disabled:hover {
+  color: var(--gd-palette-complementary-5, #b0beca);
+  border-color: var(--gd-palette-complementary-4, #ccd8e2);
+  background-color: var(--gd-palette-complementary-0-from-theme, #fcfcfd);
+  box-shadow: none;
+}
+
+.gd-input-field.gd-input-field-small, .gd-input-field.small,
+.input-text.gd-input-field-small,
+.input-text.small {
+  height: 27.1px;
+  padding: 5px 7px;
+  font-size: 13px;
+}
+
+textarea.gd-input, textarea.input-text {
+  height: auto;
+}
+
+/* Searchfield
+   ========================================================================== */
+.gd-input-search,
+.searchfield {
+  position: relative;
+}
+
+.gd-input-search.gd-input-small .gd-input-field,
+.gd-input-search.gd-input-small .searchfield-input, .gd-input-search.small .gd-input-field,
+.gd-input-search.small .searchfield-input,
+.searchfield.gd-input-small .gd-input-field,
+.searchfield.gd-input-small .searchfield-input,
+.searchfield.small .gd-input-field,
+.searchfield.small .searchfield-input {
+  padding-left: 30px;
+  padding-right: 30px;
+}
+
+.gd-input-search.gd-input-small .gd-input-icon,
+.gd-input-search.gd-input-small .searchfield-icon, .gd-input-search.small .gd-input-icon,
+.gd-input-search.small .searchfield-icon,
+.searchfield.gd-input-small .gd-input-icon,
+.searchfield.gd-input-small .searchfield-icon,
+.searchfield.small .gd-input-icon,
+.searchfield.small .searchfield-icon {
+  left: 8px;
+}
+
+.gd-input-search.gd-input-small .gd-input-icon-clear,
+.gd-input-search.gd-input-small .searchfield-clear, .gd-input-search.small .gd-input-icon-clear,
+.gd-input-search.small .searchfield-clear,
+.searchfield.gd-input-small .gd-input-icon-clear,
+.searchfield.gd-input-small .searchfield-clear,
+.searchfield.small .gd-input-icon-clear,
+.searchfield.small .searchfield-clear {
+  right: 8px;
+}
+
+.gd-input-search.gd-input-small .gd-input-icon,
+.gd-input-search.gd-input-small .gd-input-icon-clear,
+.gd-input-search.gd-input-small .searchfield-icon,
+.gd-input-search.gd-input-small .searchfield-clear, .gd-input-search.small .gd-input-icon,
+.gd-input-search.small .gd-input-icon-clear,
+.gd-input-search.small .searchfield-icon,
+.gd-input-search.small .searchfield-clear,
+.searchfield.gd-input-small .gd-input-icon,
+.searchfield.gd-input-small .gd-input-icon-clear,
+.searchfield.gd-input-small .searchfield-icon,
+.searchfield.gd-input-small .searchfield-clear,
+.searchfield.small .gd-input-icon,
+.searchfield.small .gd-input-icon-clear,
+.searchfield.small .searchfield-icon,
+.searchfield.small .searchfield-clear {
+  line-height: 29px;
+  font-size: 14px;
+}
+
+.gd-input-search .gd-input-field,
+.searchfield-input {
+  padding-left: 36px;
+  padding-right: 36px;
+}
+
+.gd-input-icon,
+.searchfield-icon {
+  left: 10px;
+  color: var(--gd-palette-complementary-5, #b0beca);
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  line-height: 32px;
+  font-size: 16px;
+  -moz-transition-property: all;
+  -webkit-transition-property: all;
+  transition-property: all;
+  -moz-transition-duration: 0.25s;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+  -moz-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+}
+
+:focus + .gd-input-icon,
+:focus + .searchfield-icon {
+  color: var(--gd-palette-primary-base, #14b2e2);
+}
+
+.gd-input-icon-clear,
+.searchfield-clear {
+  right: 10px;
+  color: var(--gd-palette-complementary-7, #6d7680);
+  cursor: pointer;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  line-height: 32px;
+  font-size: 16px;
+  -moz-transition-property: all;
+  -webkit-transition-property: all;
+  transition-property: all;
+  -moz-transition-duration: 0.25s;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+  -moz-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+}
+
+.gd-input-icon-clear:hover,
+.searchfield-clear:hover {
+  color: var(--gd-palette-primary-base, #14b2e2);
+}
+
+/* Input states
+   ========================================================================== */
+.has-error .gd-input-field,
+.has-error .input-text {
+  color: var(--gd-palette-complementary-8, #464e56);
+  border-color: var(--gd-palette-error-base, #e54d42);
+  box-shadow: none;
+}
+
+.has-error .gd-input-field:focus-visible,
+.has-error .input-text:focus-visible {
+  outline-color: var(--gd-palette-error-base, #e54d42);
+}
+
+.has-error .gd-input-icon {
+  color: var(--gd-palette-error-base, #e54d42);
+}
+
+.has-warning .gd-input-field,
+.has-warning .input-text {
+  border-color: var(--gd-palette-warning-base, #f18600);
+  box-shadow: none;
+}
+
+.has-warning .gd-input-field:focus-visible,
+.has-warning .input-text:focus-visible {
+  outline-color: var(--gd-palette-warning-base, #f18600);
+}
+
+/* Input label
+   ========================================================================== */
+.gd-input-with-label {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.gd-input-with-label .gd-input-wrapper {
+  flex: 1 1 auto;
+}
+
+.gd-input-with-label.is-disabled .gd-input-label {
+  color: var(--gd-palette-complementary-5, #b0beca);
+  user-select: none;
+}
+
+.gd-input-with-label.has-error .gd-input-label {
+  color: var(--gd-palette-error-base, #e54d42);
+}
+
+.gd-input-label {
+  flex: 0 0 auto;
+  margin-right: 20px;
+  white-space: nowrap;
+  color: var(--gd-palette-complementary-7, #6d7680);
+  font-size: 14px;
+}
+
+.gd-input-label-top {
+  flex-wrap: wrap;
+}
+
+.gd-input-label-top .gd-input-label {
+  width: 100%;
+  margin-right: 0;
+  margin-bottom: 5px;
+  font-size: 10px;
+  text-transform: uppercase;
+}
+
+/* Input prefixes and suffixes
+   ========================================================================== */
+.gd-input-with-prefix .gd-input-wrapper,
+.gd-input-with-suffix .gd-input-wrapper {
+  display: flex;
+}
+
+.gd-input-with-prefix:hover .gd-input-field,
+.gd-input-with-prefix:hover .gd-input-prefix,
+.gd-input-with-prefix:hover .gd-input-suffix,
+.gd-input-with-suffix:hover .gd-input-field,
+.gd-input-with-suffix:hover .gd-input-prefix,
+.gd-input-with-suffix:hover .gd-input-suffix {
+  border-color: var(--gd-palette-complementary-5-from-theme, #b1c1d1);
+}
+
+.gd-input-with-prefix:hover .gd-input-field:disabled,
+.gd-input-with-prefix:hover .gd-input-field:disabled ~ .gd-input-prefix,
+.gd-input-with-prefix:hover .gd-input-field:disabled ~ .gd-input-suffix,
+.gd-input-with-suffix:hover .gd-input-field:disabled,
+.gd-input-with-suffix:hover .gd-input-field:disabled ~ .gd-input-prefix,
+.gd-input-with-suffix:hover .gd-input-field:disabled ~ .gd-input-suffix {
+  border-color: var(--gd-palette-complementary-4, #ccd8e2);
+}
+
+.gd-input-with-prefix .gd-input-prefix,
+.gd-input-with-suffix .gd-input-prefix {
+  order: 0;
+}
+
+.gd-input-with-prefix .gd-input-field,
+.gd-input-with-suffix .gd-input-field {
+  flex: 1 1 100%;
+  min-width: 0;
+}
+
+.gd-input-with-prefix .gd-input-field:focus,
+.gd-input-with-prefix .gd-input-field:focus ~ .gd-input-prefix,
+.gd-input-with-prefix .gd-input-field:focus ~ .gd-input-suffix,
+.gd-input-with-suffix .gd-input-field:focus,
+.gd-input-with-suffix .gd-input-field:focus ~ .gd-input-prefix,
+.gd-input-with-suffix .gd-input-field:focus ~ .gd-input-suffix {
+  border-color: var(--gd-palette-primary-base, #14b2e2);
+}
+
+.gd-input-with-prefix .gd-input-field.gd-input-field-small,
+.gd-input-with-prefix .gd-input-field.gd-input-field-small ~ .gd-input-prefix,
+.gd-input-with-prefix .gd-input-field.gd-input-field-small ~ .gd-input-suffix, .gd-input-with-prefix .gd-input-field.small,
+.gd-input-with-prefix .gd-input-field.small ~ .gd-input-prefix,
+.gd-input-with-prefix .gd-input-field.small ~ .gd-input-suffix,
+.gd-input-with-suffix .gd-input-field.gd-input-field-small,
+.gd-input-with-suffix .gd-input-field.gd-input-field-small ~ .gd-input-prefix,
+.gd-input-with-suffix .gd-input-field.gd-input-field-small ~ .gd-input-suffix,
+.gd-input-with-suffix .gd-input-field.small,
+.gd-input-with-suffix .gd-input-field.small ~ .gd-input-prefix,
+.gd-input-with-suffix .gd-input-field.small ~ .gd-input-suffix {
+  height: 27.1px;
+  padding: 5px 7px;
+  font-size: 13px;
+}
+
+.gd-input-with-prefix .gd-input-field.gd-input-field-small ~ .gd-input-prefix,
+.gd-input-with-prefix .gd-input-field.gd-input-field-small ~ .gd-input-suffix, .gd-input-with-prefix .gd-input-field.small ~ .gd-input-prefix,
+.gd-input-with-prefix .gd-input-field.small ~ .gd-input-suffix,
+.gd-input-with-suffix .gd-input-field.gd-input-field-small ~ .gd-input-prefix,
+.gd-input-with-suffix .gd-input-field.gd-input-field-small ~ .gd-input-suffix,
+.gd-input-with-suffix .gd-input-field.small ~ .gd-input-prefix,
+.gd-input-with-suffix .gd-input-field.small ~ .gd-input-suffix {
+  min-width: 27px;
+}
+
+.gd-input-with-prefix .gd-input-field,
+.gd-input-with-prefix .gd-input-suffix,
+.gd-input-with-suffix .gd-input-field,
+.gd-input-with-suffix .gd-input-suffix {
+  order: 1;
+}
+
+.gd-input-with-prefix.has-error .gd-input-field,
+.gd-input-with-prefix.has-error .gd-input-field ~ .gd-input-prefix,
+.gd-input-with-prefix.has-error .gd-input-field ~ .gd-input-suffix,
+.gd-input-with-suffix.has-error .gd-input-field,
+.gd-input-with-suffix.has-error .gd-input-field ~ .gd-input-prefix,
+.gd-input-with-suffix.has-error .gd-input-field ~ .gd-input-suffix {
+  border-color: var(--gd-palette-error-base, #e54d42);
+}
+
+.gd-input-with-prefix .gd-input-field {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.gd-input-with-suffix .gd-input-field {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.gd-input-prefix,
+.gd-input-suffix {
+  display: block;
+  flex: 0 0 auto;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 6px 7px 5px;
+  border: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
+  line-height: normal;
+  vertical-align: middle;
+  color: var(--gd-palette-complementary-8, #464e56);
+  background: var(--gd-palette-complementary-0, #fff);
+  font-size: 14px;
+  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
+  font-weight: 200;
+  color: var(--gd-palette-complementary-6-from-theme, #b0beca);
+  min-width: 30px;
+  text-align: center;
+  background-color: var(--gd-palette-complementary-1-from-theme, #fcfcfd);
+}
+
+.gd-input-prefix {
+  border-right: none;
+  border-radius: 3px 0 0 3px;
+}
+
+.gd-input-suffix {
+  border-left: none;
+  border-radius: 0 3px 3px 0;
+}
+
+/* Icon button
+   ========================================================================== */
+.gd-input-with-icon-button .gd-input-field {
+  padding-right: var(--gd-button-M);
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.gd-input-icon-button {
+  position: absolute;
+  right: 0;
+}
+
+/* Checkbox and radio
+   ========================================================================== */
+.input-radio-label,
+.input-checkbox-label {
+  position: relative;
+  display: inline-block;
+  height: 20px;
+  padding: 0 10px 0 23px;
+  line-height: 20px;
+  margin-left: -3px;
+}
+
+.input-radio-label .input-label-text,
+.input-checkbox-label .input-label-text {
+  line-height: inherit;
+  vertical-align: middle;
+  color: var(--gd-palette-complementary-8, #464e56);
+}
+
+.input-radio-label .input-label-text::before, .input-radio-label .input-label-text::after,
+.input-checkbox-label .input-label-text::before,
+.input-checkbox-label .input-label-text::after {
+  content: "";
+  position: absolute;
+  box-sizing: content-box;
+  cursor: pointer;
+}
+
+.input-radio-label .input-label-text::before,
+.input-checkbox-label .input-label-text::before {
+  top: 3px;
+  left: 3px;
+  width: 12px;
+  height: 12px;
+  border: 1px solid var(--gd-palette-complementary-5-from-theme, #b1c1d1);
+  transition: all 0.2s;
+  background-color: var(--gd-palette-complementary-0, #fff);
+}
+
+.input-radio-label .input-label-text::after,
+.input-checkbox-label .input-label-text::after {
+  transform: scale(0);
+  transition: transform 0.2s;
+}
+
+.input-radio-label .gd-checkbox-label-small,
+.input-checkbox-label .gd-checkbox-label-small {
+  line-height: inherit;
+  vertical-align: inherit;
+}
+
+.input-radio-label input:disabled ~ .input-label-text::before,
+.input-radio-label input.disabled ~ .input-label-text::before, .input-radio-label:hover input:disabled ~ .input-label-text::before,
+.input-radio-label:hover input.disabled ~ .input-label-text::before, .input-radio-label:active input:disabled ~ .input-label-text::before,
+.input-radio-label:active input.disabled ~ .input-label-text::before,
+.input-checkbox-label input:disabled ~ .input-label-text::before,
+.input-checkbox-label input.disabled ~ .input-label-text::before,
+.input-checkbox-label:hover input:disabled ~ .input-label-text::before,
+.input-checkbox-label:hover input.disabled ~ .input-label-text::before,
+.input-checkbox-label:active input:disabled ~ .input-label-text::before,
+.input-checkbox-label:active input.disabled ~ .input-label-text::before {
+  box-shadow: none;
+  border-color: var(--gd-palette-complementary-3-from-theme, rgba(204, 216, 226, 0.7));
+  background-color: var(--gd-palette-complementary-0-from-theme, #fcfcfd);
+}
+
+.input-radio-label:hover .input-label-text::before, .input-radio-label:active .input-label-text::before,
+.input-checkbox-label:hover .input-label-text::before,
+.input-checkbox-label:active .input-label-text::before {
+  box-shadow: inset 0 1px 2px 0 rgba(31, 53, 74, 0.25);
+}
+
+.input-radio-label:hover input:checked ~ .input-label-text::before, .input-radio-label:active input:checked ~ .input-label-text::before,
+.input-checkbox-label:hover input:checked ~ .input-label-text::before,
+.input-checkbox-label:active input:checked ~ .input-label-text::before {
+  box-shadow: none;
+  border-color: transparent;
+}
+
+.input-radio-label:hover .input-label-text::before,
+.input-checkbox-label:hover .input-label-text::before {
+  border-color: var(--gd-palette-complementary-6, #94a1ad);
+}
+
+.input-radio-label:active .input-label-text::before,
+.input-checkbox-label:active .input-label-text::before {
+  border-color: var(--gd-palette-primary-base, #14b2e2);
+  background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
+}
+
+.input-radio-label input,
+.input-checkbox-label input {
+  position: absolute;
+  opacity: 0;
+}
+
+.input-radio-label input:checked ~ .input-label-text::before,
+.input-checkbox-label input:checked ~ .input-label-text::before {
+  border-color: transparent;
+  background-color: var(--gd-palette-primary-base, #14b2e2);
+}
+
+.input-radio-label input:checked ~ .input-label-text::after,
+.input-checkbox-label input:checked ~ .input-label-text::after {
+  transform: scale(1);
+}
+
+.input-radio-label input:disabled ~ .input-label-text, .input-radio-label input.disabled ~ .input-label-text,
+.input-checkbox-label input:disabled ~ .input-label-text,
+.input-checkbox-label input.disabled ~ .input-label-text {
+  color: var(--gd-palette-complementary-5, #b0beca);
+}
+
+.input-radio-label input:disabled ~ .input-label-text::before,
+.input-radio-label input:disabled ~ .input-label-text::after, .input-radio-label input.disabled ~ .input-label-text::before,
+.input-radio-label input.disabled ~ .input-label-text::after,
+.input-checkbox-label input:disabled ~ .input-label-text::before,
+.input-checkbox-label input:disabled ~ .input-label-text::after,
+.input-checkbox-label input.disabled ~ .input-label-text::before,
+.input-checkbox-label input.disabled ~ .input-label-text::after {
+  cursor: default;
+}
+
+.input-radio-label input:disabled:checked ~ .input-label-text::before, .input-radio-label input.disabled:checked ~ .input-label-text::before,
+.input-checkbox-label input:disabled:checked ~ .input-label-text::before,
+.input-checkbox-label input.disabled:checked ~ .input-label-text::before {
+  background-color: var(--gd-palette-complementary-4, #ccd8e2);
+}
+
+.input-radio-label input[type=checkbox]:focus-visible + ::before,
+.input-radio-label input[type=radio]:focus-visible + ::before,
+.input-checkbox-label input[type=checkbox]:focus-visible + ::before,
+.input-checkbox-label input[type=radio]:focus-visible + ::before,
+.input-checkbox-toggle input[type=checkbox]:focus-visible + ::before,
+.input-checkbox-toggle input[type=radio]:focus-visible + ::before {
+  outline: 2px solid var(--gd-palette-primary-base, #14b2e2);
+  outline-offset: 2px;
+  transition: none;
+}
+
+.input-radio-label .input-label-text::before {
+  border-radius: 50%;
+}
+
+.input-radio-label .input-label-text::after {
+  top: 7px;
+  left: 7px;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background-color: var(--gd-palette-complementary-0, #fff);
+}
+
+.input-checkbox-label .input-label-text::before {
+  border-radius: 2px;
+}
+
+.input-checkbox-label .input-label-text::after {
+  top: 7px;
+  left: 4px;
+  width: 7px;
+  height: 3px;
+  transform: scale(0) rotate(315deg) skew(-2deg);
+  transform-origin: top;
+  border-left: 2px solid var(--gd-palette-complementary-0, #fff);
+  border-bottom: 2px solid var(--gd-palette-complementary-0, #fff);
+}
+
+.input-checkbox-label input:checked ~ .input-label-text::after {
+  transform: scale(1) rotate(315deg) skew(-2deg);
+}
+
+.input-checkbox-label .checkbox-indefinite ~ .input-label-text::after {
+  top: 9px;
+  left: 6px;
+  width: 8px;
+  height: 0;
+  transform: scale(0);
+  border-left: none;
+}
+
+.input-checkbox-label .checkbox-indefinite:checked ~ .input-label-text::after {
+  transform: scale(1);
+}
+
+.input-checkbox-toggle input {
+  position: absolute;
+  opacity: 0;
+}
+
+.input-checkbox-toggle input:disabled ~ .input-label-text, .input-checkbox-toggle input.disabled ~ .input-label-text {
+  color: var(--gd-palette-complementary-5, #b0beca);
+}
+
+.input-checkbox-toggle .input-label-text {
+  position: relative;
+  height: 14px;
+  line-height: 14px;
+  padding-right: 35px;
+}
+
+.input-checkbox-toggle .input-label-text::before, .input-checkbox-toggle .input-label-text::after {
+  content: "";
+  position: absolute;
+  box-sizing: content-box;
+  background: var(--gd-palette-complementary-0-from-theme, #f3f6f7);
+  cursor: pointer;
+  transition: all 0.4s;
+}
+
+.input-checkbox-toggle .input-label-text::before {
+  top: 1px;
+  right: 0;
+  width: 28px;
+  height: 12px;
+  border: 1px solid var(--gd-palette-complementary-4-from-theme, #c9d5e0);
+  border-radius: 7px;
+}
+
+.input-checkbox-toggle .input-label-text::after {
+  top: 3px;
+  right: 18px;
+  width: 8px;
+  height: 8px;
+  border: 1px solid var(--gd-palette-complementary-5, #b0beca);
+  border-radius: 50%;
+}
+
+.input-checkbox-toggle input:checked ~ .input-label-text::after {
+  right: 2px;
+  border: 1px solid var(--gd-palette-primary-base-d06, #129cc6);
+  background: var(--gd-palette-primary-base, #14b2e2);
+}
+
+.input-checkbox-toggle:hover .input-label-text::after, .input-checkbox-toggle:active .input-label-text::after {
+  border: 1px solid var(--gd-palette-complementary-5-from-theme, #94a1ad);
+  background: var(--gd-palette-complementary-3-from-theme, #d7dfe5);
+}
+
+.input-checkbox-toggle:hover input:checked ~ .input-label-text::after, .input-checkbox-toggle:active input:checked ~ .input-label-text::after {
+  background: var(--gd-palette-primary-base-d06, #129cc6);
+}
+
+.input-checkbox-toggle input:disabled ~ .input-label-text::before,
+.input-checkbox-toggle input:disabled ~ .input-label-text::after,
+.input-checkbox-toggle input.disabled ~ .input-label-text::before,
+.input-checkbox-toggle input.disabled ~ .input-label-text::after, .input-checkbox-toggle:hover input:disabled ~ .input-label-text::before,
+.input-checkbox-toggle:hover input:disabled ~ .input-label-text::after,
+.input-checkbox-toggle:hover input.disabled ~ .input-label-text::before,
+.input-checkbox-toggle:hover input.disabled ~ .input-label-text::after, .input-checkbox-toggle:active input:disabled ~ .input-label-text::before,
+.input-checkbox-toggle:active input:disabled ~ .input-label-text::after,
+.input-checkbox-toggle:active input.disabled ~ .input-label-text::before,
+.input-checkbox-toggle:active input.disabled ~ .input-label-text::after {
+  box-shadow: none;
+  cursor: default;
+  border-color: var(--gd-palette-complementary-3-from-theme, rgba(204, 216, 226, 0.5));
+  background-color: var(--gd-palette-complementary-0-from-theme, #fcfcfd);
+}
+
+/* ==========================================================================
+   Variables
+   ========================================================================== */
+/* ==========================================================================
+   Silent classes - more clever mixins
+   ========================================================================== */
+.gd-button-primary,
+.gd-button-secondary, .gd-button-positive, .gd-button-negative, .gd-button-action, .gd-button-link.gd-button-icon-only[class*=gd-icon-], .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed {
+  position: relative;
+  display: inline-flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 5px 14px;
+  border: 1px solid transparent;
+  font: 400 14px/20px var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
+  white-space: nowrap;
+  vertical-align: middle;
+  cursor: pointer;
+  text-align: left;
+  border-radius: var(--gd-button-borderRadius, 3px);
+  text-transform: var(--gd-button-textCapitalization, none);
+  -moz-transition-property: all;
+  -webkit-transition-property: all;
+  transition-property: all;
+  -moz-transition-duration: 0.25s;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+  -moz-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+}
+
+.gd-button-primary::before,
+.gd-button-secondary::before, .gd-button-positive::before, .gd-button-negative::before, .gd-button-action::before, .gd-button-link.gd-button-icon-only[class*=gd-icon-]::before, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed::before, .gd-button-primary::after,
+.gd-button-secondary::after, .gd-button-positive::after, .gd-button-negative::after, .gd-button-action::after, .gd-button-link.gd-button-icon-only[class*=gd-icon-]::after, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed::after {
+  position: absolute;
+  top: 50%;
+  height: 20px;
+  line-height: 20px;
+  color: var(--gd-palette-complementary-5, #b0beca);
+  transform: translateY(-50%);
+  font-size: 18px;
+  text-align: center;
+  -moz-transition-property: color;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -moz-transition-duration: 0.25s;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+  -moz-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+}
+
+.gd-button-primary::before,
+.gd-button-secondary::before, .gd-button-positive::before, .gd-button-negative::before, .gd-button-action::before, .gd-button-link.gd-button-icon-only[class*=gd-icon-]::before, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed::before {
+  left: 10px;
+  margin-right: 0.5em;
+}
+
+.gd-button-primary::after,
+.gd-button-secondary::after, .gd-button-positive::after, .gd-button-negative::after, .gd-button-action::after, .gd-button-link.gd-button-icon-only[class*=gd-icon-]::after, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed::after {
+  right: 7px;
+  margin-left: 0.5em;
+}
+
+.gd-button-primary .gd-button-text,
+.gd-button-secondary .gd-button-text, .gd-button-positive .gd-button-text, .gd-button-negative .gd-button-text, .gd-button-action .gd-button-text, .gd-button-link.gd-button-icon-only[class*=gd-icon-] .gd-button-text, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed .gd-button-text,
+.gd-button-primary .gd-button-icon,
+.gd-button-secondary .gd-button-icon,
+.gd-button-positive .gd-button-icon,
+.gd-button-negative .gd-button-icon,
+.gd-button-action .gd-button-icon,
+.gd-button-link.gd-button-icon-only[class*=gd-icon-] .gd-button-icon,
+.gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed .gd-button-icon {
+  position: relative;
+  display: block;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.gd-button-primary .gd-button-text,
+.gd-button-secondary .gd-button-text, .gd-button-positive .gd-button-text, .gd-button-negative .gd-button-text, .gd-button-action .gd-button-text, .gd-button-link.gd-button-icon-only[class*=gd-icon-] .gd-button-text, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed .gd-button-text {
+  top: 1px;
+  flex: 1 1 auto;
+  overflow: hidden;
+  width: 100%;
+  text-overflow: ellipsis;
+}
+
+.gd-button-primary .gd-button-icon,
+.gd-button-secondary .gd-button-icon, .gd-button-positive .gd-button-icon, .gd-button-negative .gd-button-icon, .gd-button-action .gd-button-icon, .gd-button-link.gd-button-icon-only[class*=gd-icon-] .gd-button-icon, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed .gd-button-icon {
+  flex: 0 0 auto;
+  width: 18px;
+  height: 18px;
+  margin: 0 0.5em;
+  line-height: 18px;
+  color: var(--gd-palette-complementary-5, #b0beca);
+  font-size: 18px;
+  text-align: center;
+  text-decoration: none;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.gd-button-primary .gd-button-icon::before,
+.gd-button-secondary .gd-button-icon::before, .gd-button-positive .gd-button-icon::before, .gd-button-negative .gd-button-icon::before, .gd-button-action .gd-button-icon::before, .gd-button-link.gd-button-icon-only[class*=gd-icon-] .gd-button-icon::before, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed .gd-button-icon::before, .gd-button-primary .gd-button-icon::after,
+.gd-button-secondary .gd-button-icon::after, .gd-button-positive .gd-button-icon::after, .gd-button-negative .gd-button-icon::after, .gd-button-action .gd-button-icon::after, .gd-button-link.gd-button-icon-only[class*=gd-icon-] .gd-button-icon::after, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed .gd-button-icon::after {
+  color: inherit;
+  -moz-transition-property: color;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -moz-transition-duration: 0.25s;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+  -moz-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+}
+
+.gd-button-primary:not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:first-child,
+.gd-button-secondary:not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:first-child, .gd-button-positive:not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:first-child, .gd-button-negative:not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:first-child, .gd-button-action:not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:first-child, .gd-button-link.gd-button-icon-only[class*=gd-icon-]:not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:first-child, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:first-child {
+  margin-left: -4px;
+}
+
+.gd-button-primary:not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:last-child,
+.gd-button-secondary:not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:last-child, .gd-button-positive:not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:last-child, .gd-button-negative:not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:last-child, .gd-button-action:not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:last-child, .gd-button-link.gd-button-icon-only[class*=gd-icon-]:not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:last-child, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:last-child {
+  margin-right: -4px;
+}
+
+.gd-button-primary:not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:only-child,
+.gd-button-secondary:not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:only-child, .gd-button-positive:not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:only-child, .gd-button-negative:not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:only-child, .gd-button-action:not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:only-child, .gd-button-link.gd-button-icon-only[class*=gd-icon-]:not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:only-child, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:only-child {
+  width: 19px;
+  height: 17px;
+  line-height: 17px;
+  margin-right: -9px;
+  margin-left: -9px;
+  font-size: 16px;
+}
+
+.gd-button-primary:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active::before,
+.gd-button-secondary:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active::before, .gd-button-positive:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active::before, .gd-button-negative:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active::before, .gd-button-action:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active::before, .gd-button-link.gd-button-icon-only[class*=gd-icon-]:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active::before, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active::before, .gd-button-primary:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active::after,
+.gd-button-secondary:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active::after, .gd-button-positive:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active::after, .gd-button-negative:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active::after, .gd-button-action:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active::after, .gd-button-link.gd-button-icon-only[class*=gd-icon-]:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active::after, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active::after {
+  top: calc(50% + 1px);
+}
+
+.gd-button-primary:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active .gd-button-text,
+.gd-button-secondary:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active .gd-button-text, .gd-button-positive:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active .gd-button-text, .gd-button-negative:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active .gd-button-text, .gd-button-action:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active .gd-button-text, .gd-button-link.gd-button-icon-only[class*=gd-icon-]:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active .gd-button-text, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active .gd-button-text {
+  top: 2px;
+}
+
+.gd-button-primary:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active .gd-button-icon,
+.gd-button-secondary:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active .gd-button-icon, .gd-button-positive:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active .gd-button-icon, .gd-button-negative:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active .gd-button-icon, .gd-button-action:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active .gd-button-icon, .gd-button-link.gd-button-icon-only[class*=gd-icon-]:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active .gd-button-icon, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed):active .gd-button-icon {
+  margin-top: 2px;
+}
+
+.gd-button-primary:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:only-child,
+.gd-button-secondary:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:only-child, .gd-button-positive:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:only-child, .gd-button-negative:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:only-child, .gd-button-action:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:only-child, .gd-button-link.gd-button-icon-only[class*=gd-icon-]:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:only-child, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:not(.disabled):not(.gd-button-link):not(.gd-button-link-dimmed) .gd-button-icon:only-child {
+  color: var(--gd-palette-complementary-7-from-theme, #778491);
+}
+
+.gd-button-primary:hover::before,
+.gd-button-secondary:hover::before, .gd-button-positive:hover::before, .gd-button-negative:hover::before, .gd-button-action:hover::before, .gd-button-link.gd-button-icon-only[class*=gd-icon-]:hover::before, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:hover::before, .gd-button-primary:hover::after,
+.gd-button-secondary:hover::after, .gd-button-positive:hover::after, .gd-button-negative:hover::after, .gd-button-action:hover::after, .gd-button-link.gd-button-icon-only[class*=gd-icon-]:hover::after, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:hover::after,
+.gd-button-primary:hover .gd-button-icon,
+.gd-button-secondary:hover .gd-button-icon,
+.gd-button-positive:hover .gd-button-icon,
+.gd-button-negative:hover .gd-button-icon,
+.gd-button-action:hover .gd-button-icon,
+.gd-button-link.gd-button-icon-only[class*=gd-icon-]:hover .gd-button-icon,
+.gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:hover .gd-button-icon {
+  color: var(--gd-palette-primary-base, #14b2e2);
+}
+
+.gd-button-primary:focus-visible,
+.gd-button-secondary:focus-visible, .gd-button-positive:focus-visible, .gd-button-negative:focus-visible, .gd-button-action:focus-visible, .gd-button-link.gd-button-icon-only[class*=gd-icon-]:focus-visible, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:focus-visible {
+  transition: none;
+}
+
+[class*=gd-icon-].gd-button-primary,
+[class*=gd-icon-].gd-button-secondary, [class*=gd-icon-].gd-button-positive, [class*=gd-icon-].gd-button-negative, [class*=gd-icon-].gd-button-action, [class*=gd-icon-].gd-button-link.gd-button-icon-only, [class*=gd-icon-].gd-button-icon-only.gd-button-link-dimmed {
+  padding-left: 37px;
+}
+
+[class*=gd-icon-].gd-icon-right.gd-button-primary,
+[class*=gd-icon-].gd-icon-right.gd-button-secondary, [class*=gd-icon-].gd-icon-right.gd-button-positive, [class*=gd-icon-].gd-icon-right.gd-button-negative, [class*=gd-icon-].gd-icon-right.gd-button-action, [class*=gd-icon-].gd-icon-right.gd-button-link.gd-button-icon-only, [class*=gd-icon-].gd-icon-right.gd-button-icon-only.gd-button-link-dimmed {
+  padding-left: 11px;
+  padding-right: 32px;
+}
+
+.gd-button-primary .ss-icon,
+.gd-button-secondary .ss-icon, .gd-button-positive .ss-icon, .gd-button-negative .ss-icon, .gd-button-action .ss-icon, .gd-button-link.gd-button-icon-only[class*=gd-icon-] .ss-icon, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed .ss-icon {
+  vertical-align: middle;
+}
+
+/* Basic button variants
+   ========================================================================== */
+/* disable max length */
+.gd-button + .gd-button {
+  margin-left: 10px;
+}
+
+.gd-button-primary, .gd-button-link.gd-button-icon-only[class*=gd-icon-], .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed,
+.gd-button-secondary {
+  box-shadow: var(--gd-button-dropShadow, 0 1px 1px 0) var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15));
+  color: var(--gd-palette-complementary-7-from-theme, #778491);
+  background: var(--gd-palette-complementary-0-from-theme, #fcfcfd);
+  border-color: var(--gd-palette-complementary-4, #ccd8e2);
+}
+
+.gd-button-primary:hover, .gd-button-link.gd-button-icon-only[class*=gd-icon-]:hover, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:hover,
+.gd-button-secondary:hover {
+  box-shadow: 0 1px 1px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15)), inset 0 -1px 0 0 var(--gd-shadow-color-from-theme, rgba(177, 193, 209, 0.6));
+  color: var(--gd-palette-complementary-8, #464e56);
+  background: var(--gd-palette-complementary-1, #f5f8fa);
+  border-color: var(--gd-palette-complementary-4-from-theme, rgba(31, 52, 73, 0.2));
+}
+
+.gd-button-primary:focus, .gd-button-link.gd-button-icon-only[class*=gd-icon-]:focus, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:focus, .gd-button-primary.is-focus, .is-focus.gd-button-link.gd-button-icon-only[class*=gd-icon-], .is-focus.gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed,
+.gd-button-secondary:focus,
+.gd-button-secondary.is-focus {
+  box-shadow: var(--gd-button-dropShadow, 0 0 3px 1px) rgba(69, 199, 239, 0), var(--gd-button-dropShadow, 0 1px 2px 0) var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15)), inset 0 -1px 0 0 var(--gd-shadow-color-from-theme, rgba(177, 193, 209, 0.6));
+  border-color: var(--gd-palette-primary-base-t25, rgba(20, 178, 226, 0.75));
+}
+
+.gd-button-primary:active, .gd-button-link.gd-button-icon-only[class*=gd-icon-]:active, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:active, .gd-button-primary.is-active, .is-active.gd-button-link.gd-button-icon-only[class*=gd-icon-], .is-active.gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed,
+.gd-button-secondary:active,
+.gd-button-secondary.is-active {
+  box-shadow: inset 0 1px 0 0 var(--gd-shadow-color-from-theme, rgba(177, 193, 209, 0.65));
+  color: var(--gd-palette-complementary-8, #464e56);
+  border-color: var(--gd-palette-complementary-5-from-theme, #b1c1d1);
+  background: var(--gd-palette-complementary-2-from-theme, #ecf0f5); /* Old browsers */
+  background-image: -webkit-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* Chrome 10+, Saf5.1+ */
+  background-image: -moz-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* FF3.6 */
+  background-image: -ms-linear-gradient(top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5)); /* IE10 */
+  background-image: linear-gradient(to top, var(--gd-palette-complementary-2-from-theme, #dee6ef), var(--gd-palette-complementary-2-from-theme, #ecf0f5));
+}
+
+.gd-button-primary.is-full-width, .is-full-width.gd-button-link.gd-button-icon-only[class*=gd-icon-], .is-full-width.gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed,
+.gd-button-secondary.is-full-width {
+  width: 100%;
+}
+
+.gd-button-positive,
+.gd-button-negative,
+.gd-button-action {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  color: var(--gd-palette-complementary-0, #fff);
+}
+
+.gd-button-positive[class*=gd-icon-],
+.gd-button-positive .gd-button-icon,
+.gd-button-negative[class*=gd-icon-],
+.gd-button-negative .gd-button-icon,
+.gd-button-action[class*=gd-icon-],
+.gd-button-action .gd-button-icon {
+  color: var(--gd-palette-complementary-0, #fff);
+}
+
+.gd-button-positive[class*=gd-icon-]::before, .gd-button-positive[class*=gd-icon-]::after,
+.gd-button-positive[class*=gd-icon-] .gd-button-icon, .gd-button-positive[class*=gd-icon-]:hover::before, .gd-button-positive[class*=gd-icon-]:hover::after,
+.gd-button-positive[class*=gd-icon-]:hover .gd-button-icon,
+.gd-button-positive .gd-button-icon::before,
+.gd-button-positive .gd-button-icon::after,
+.gd-button-positive .gd-button-icon .gd-button-icon,
+.gd-button-positive .gd-button-icon:hover::before,
+.gd-button-positive .gd-button-icon:hover::after,
+.gd-button-positive .gd-button-icon:hover .gd-button-icon,
+.gd-button-negative[class*=gd-icon-]::before,
+.gd-button-negative[class*=gd-icon-]::after,
+.gd-button-negative[class*=gd-icon-] .gd-button-icon,
+.gd-button-negative[class*=gd-icon-]:hover::before,
+.gd-button-negative[class*=gd-icon-]:hover::after,
+.gd-button-negative[class*=gd-icon-]:hover .gd-button-icon,
+.gd-button-negative .gd-button-icon::before,
+.gd-button-negative .gd-button-icon::after,
+.gd-button-negative .gd-button-icon .gd-button-icon,
+.gd-button-negative .gd-button-icon:hover::before,
+.gd-button-negative .gd-button-icon:hover::after,
+.gd-button-negative .gd-button-icon:hover .gd-button-icon,
+.gd-button-action[class*=gd-icon-]::before,
+.gd-button-action[class*=gd-icon-]::after,
+.gd-button-action[class*=gd-icon-] .gd-button-icon,
+.gd-button-action[class*=gd-icon-]:hover::before,
+.gd-button-action[class*=gd-icon-]:hover::after,
+.gd-button-action[class*=gd-icon-]:hover .gd-button-icon,
+.gd-button-action .gd-button-icon::before,
+.gd-button-action .gd-button-icon::after,
+.gd-button-action .gd-button-icon .gd-button-icon,
+.gd-button-action .gd-button-icon:hover::before,
+.gd-button-action .gd-button-icon:hover::after,
+.gd-button-action .gd-button-icon:hover .gd-button-icon {
+  color: var(--gd-palette-complementary-0, #fff);
+}
+
+.gd-button-positive,
+.gd-button-negative,
+.gd-button-action,
+.gd-button-primary,
+.gd-button-link.gd-button-icon-only[class*=gd-icon-],
+.gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed {
+  font-weight: 700;
+}
+
+.gd-button-positive {
+  box-shadow: var(--gd-button-dropShadow, 0 1px 1px 0) var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.09));
+  background: var(--gd-palette-success-base, #00c18d);
+}
+
+.gd-button-positive:hover {
+  box-shadow: 0 1px 1px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15)), inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
+  background: var(--gd-palette-success-base-d06, #00a277);
+}
+
+.gd-button-positive:focus {
+  box-shadow: var(--gd-button-dropShadow, 0 0 3px 1px) var(--gd-palette-success-focus, rgba(0, 224, 163, 0.5)), var(--gd-button-dropShadow, 0 1px 1px 0) var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15)), inset 0 -2px 0 0 rgba(0, 0, 0, 0.15);
+}
+
+.gd-button-positive:active, .gd-button-positive.is-active {
+  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.15);
+  background: var(--gd-palette-success-base-d06, #00a277); /* Old browsers */
+  background-image: -webkit-linear-gradient(top, var(--gd-palette-success-base-d12, #008460), var(--gd-palette-success-base-d06, #00a277)); /* Chrome 10+, Saf5.1+ */
+  background-image: -moz-linear-gradient(top, var(--gd-palette-success-base-d12, #008460), var(--gd-palette-success-base-d06, #00a277)); /* FF3.6 */
+  background-image: -ms-linear-gradient(top, var(--gd-palette-success-base-d12, #008460), var(--gd-palette-success-base-d06, #00a277)); /* IE10 */
+  background-image: linear-gradient(to top, var(--gd-palette-success-base-d12, #008460), var(--gd-palette-success-base-d06, #00a277));
+}
+
+.gd-button-negative {
+  box-shadow: var(--gd-button-dropShadow, 0 1px 1px 0) var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.09));
+  background: var(--gd-palette-error-base, #e54d42);
+}
+
+.gd-button-negative:hover {
+  box-shadow: 0 1px 1px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15)), inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
+  background: var(--gd-palette-error-base-d10, #d62a1e);
+}
+
+.gd-button-negative:focus {
+  box-shadow: var(--gd-button-dropShadow, 0 0 3px 1px) var(--gd-palette-error-focus, rgba(235, 119, 111, 0.6)), var(--gd-button-dropShadow, 0 1px 1px 0) var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15)), inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
+}
+
+.gd-button-negative:active, .gd-button-negative.is-active {
+  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.15);
+  background: var(--gd-palette-error-base-d10, #d62a1e); /* Old browsers */
+  background-image: -webkit-linear-gradient(top, var(--gd-palette-error-base-d20, #aa2117), var(--gd-palette-error-base-d10, #d62a1e)); /* Chrome 10+, Saf5.1+ */
+  background-image: -moz-linear-gradient(top, var(--gd-palette-error-base-d20, #aa2117), var(--gd-palette-error-base-d10, #d62a1e)); /* FF3.6 */
+  background-image: -ms-linear-gradient(top, var(--gd-palette-error-base-d20, #aa2117), var(--gd-palette-error-base-d10, #d62a1e)); /* IE10 */
+  background-image: linear-gradient(to top, var(--gd-palette-error-base-d20, #aa2117), var(--gd-palette-error-base-d10, #d62a1e));
+}
+
+.gd-button-action {
+  box-shadow: var(--gd-button-dropShadow, 1px 1px 0) var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.09));
+  background: var(--gd-palette-primary-base, #14b2e2);
+}
+
+.gd-button-action:hover {
+  box-shadow: 0 1px 1px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15)), inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
+  background: var(--gd-palette-primary-base-d06, #129cc6);
+}
+
+.gd-button-action:focus {
+  box-shadow: var(--gd-button-dropShadow, 0 0 3px 1px) var(--gd-palette-primary-focus, rgba(41, 190, 236, 0.6)), var(--gd-button-dropShadow, 0 1px 1px 0) var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15)), inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
+}
+
+.gd-button-action:active, .gd-button-action.is-active {
+  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.15);
+  background: var(--gd-palette-primary-base-d06, #129cc6); /* Old browsers */
+  background-image: -webkit-linear-gradient(top, var(--gd-palette-primary-base-d12, #0f86aa), var(--gd-palette-primary-base-d06, #129cc6)); /* Chrome 10+, Saf5.1+ */
+  background-image: -moz-linear-gradient(top, var(--gd-palette-primary-base-d12, #0f86aa), var(--gd-palette-primary-base-d06, #129cc6)); /* FF3.6 */
+  background-image: -ms-linear-gradient(top, var(--gd-palette-primary-base-d12, #0f86aa), var(--gd-palette-primary-base-d06, #129cc6)); /* IE10 */
+  background-image: linear-gradient(to top, var(--gd-palette-primary-base-d12, #0f86aa), var(--gd-palette-primary-base-d06, #129cc6));
+}
+
+/* Button links
+   ========================================================================== */
+.gd-button-link[class*=gd-icon-], [class*=gd-icon-].gd-button-link-dimmed {
+  position: relative;
+  padding-left: 32px;
+}
+
+.gd-button-link[class*=gd-icon-].gd-icon-right, [class*=gd-icon-].gd-icon-right.gd-button-link-dimmed {
+  padding-left: 11px;
+  padding-right: 30px;
+}
+
+.gd-button-link[class*=gd-icon-].gd-icon-right::after, [class*=gd-icon-].gd-icon-right.gd-button-link-dimmed::after {
+  position: absolute;
+  right: 5px;
+  font-size: 18px;
+}
+
+.gd-button-link, .gd-button-link-dimmed {
+  box-sizing: border-box;
+  display: inline-flex;
+  padding: 0 6px;
+  border: 1px solid transparent;
+  font: 400 14px/30px var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
+  vertical-align: middle;
+  color: var(--gd-palette-primary-base, #14b2e2);
+  background: none;
+  cursor: pointer;
+  -moz-transition-property: all;
+  -webkit-transition-property: all;
+  transition-property: all;
+  -moz-transition-duration: 0.25s;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+  -moz-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+}
+
+.gd-button-link > span, .gd-button-link-dimmed > span {
+  text-decoration: none;
+}
+
+.gd-button-link::before, .gd-button-link-dimmed::before, .gd-button-link::after, .gd-button-link-dimmed::after {
+  position: absolute;
+  top: 50%;
+  width: 20px;
+  transform: translateY(-50%);
+  font-size: 18px;
+  text-align: center;
+  -moz-transition-property: color;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -moz-transition-duration: 0.25s;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+  -moz-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+}
+
+.gd-button-link::before, .gd-button-link-dimmed::before, .gd-button-link::after, .gd-button-link-dimmed::after,
+.gd-button-link .gd-button-icon,
+.gd-button-link-dimmed .gd-button-icon {
+  color: var(--gd-palette-primary-base, #14b2e2);
+}
+
+.gd-button-link::before, .gd-button-link-dimmed::before {
+  left: 6px;
+}
+
+.gd-button-link::after, .gd-button-link-dimmed::after {
+  right: 6px;
+}
+
+.gd-button-link .gd-button-icon, .gd-button-link-dimmed .gd-button-icon {
+  width: 20px;
+  margin: 0 6px;
+  font-size: 18px;
+}
+
+.gd-button-link .gd-button-icon:first-child, .gd-button-link-dimmed .gd-button-icon:first-child {
+  margin-left: 0;
+}
+
+.gd-button-link .gd-button-icon:last-child, .gd-button-link-dimmed .gd-button-icon:last-child {
+  margin-right: 0;
+}
+
+.gd-button-link .gd-button-icon:only-child, .gd-button-link-dimmed .gd-button-icon:only-child {
+  position: relative;
+  left: -3px;
+}
+
+.gd-button-link:hover, .gd-button-link-dimmed:hover, .gd-button-link:active, .gd-button-link-dimmed:active, .gd-button-link.is-active, .is-active.gd-button-link-dimmed {
+  color: var(--gd-palette-complementary-8, #464e56);
+}
+
+.gd-button-link:hover::after, .gd-button-link-dimmed:hover::after, .gd-button-link:hover::before, .gd-button-link-dimmed:hover::before,
+.gd-button-link:hover .gd-button-icon,
+.gd-button-link-dimmed:hover .gd-button-icon, .gd-button-link:active::after, .gd-button-link-dimmed:active::after, .gd-button-link:active::before, .gd-button-link-dimmed:active::before,
+.gd-button-link:active .gd-button-icon,
+.gd-button-link-dimmed:active .gd-button-icon, .gd-button-link.is-active::after, .is-active.gd-button-link-dimmed::after, .gd-button-link.is-active::before, .is-active.gd-button-link-dimmed::before,
+.gd-button-link.is-active .gd-button-icon,
+.is-active.gd-button-link-dimmed .gd-button-icon {
+  color: var(--gd-palette-primary-base, #14b2e2);
+}
+
+.gd-button-link:hover .gd-button-text, .gd-button-link-dimmed:hover .gd-button-text, .gd-button-link:focus .gd-button-text, .gd-button-link-dimmed:focus .gd-button-text, .gd-button-link:active .gd-button-text, .gd-button-link-dimmed:active .gd-button-text, .gd-button-link.is-active .gd-button-text, .is-active.gd-button-link-dimmed .gd-button-text {
+  text-decoration: underline;
+}
+
+.gd-button-link-dimmed {
+  color: var(--gd-palette-complementary-7-from-theme, #778491);
+}
+
+.gd-button-link-dimmed::before, .gd-button-link-dimmed::after,
+.gd-button-link-dimmed .gd-button-icon {
+  color: var(--gd-palette-complementary-5, #b0beca);
+}
+
+.gd-button-link-dimmed.is-active, .gd-button-link-dimmed:hover, .gd-button-link-dimmed:focus, .gd-button-link-dimmed:active {
+  color: var(--gd-palette-complementary-8-from-theme, #000);
+}
+
+.gd-button-link-dimmed .gd-button-text {
+  text-decoration: underline;
+}
+
+.gd-button-link.gd-button-icon-only[class*=gd-icon-], .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed {
+  width: 31px;
+  height: 29px;
+  line-height: 27px;
+}
+
+.gd-button-link.gd-button-icon-only[class*=gd-icon-], .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed, .gd-button-link.gd-button-icon-only[class*=gd-icon-]:hover, .gd-button-link.gd-button-icon-only[class*=gd-icon-]:focus, .gd-button-link.gd-button-icon-only[class*=gd-icon-]:active {
+  border: 0;
+  box-shadow: none;
+  background: none;
+  padding-left: 0;
+}
+
+.gd-button-link.gd-button-icon-only[class*=gd-icon-].gd-button-small::before, .gd-button-icon-only[class*=gd-icon-].gd-button-small.gd-button-link-dimmed::before {
+  font-size: 16px;
+}
+
+.gd-button-link.gd-button-icon-only[class*=gd-icon-]::before, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed::before,
+.gd-button-link.gd-button-icon-only[class*=gd-icon-] .gd-button-icon,
+.gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed .gd-button-icon {
+  color: var(--gd-palette-complementary-7, #6d7680);
+}
+
+.gd-button-link.gd-button-icon-only[class*=gd-icon-]:active::before, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:active::before,
+.gd-button-link.gd-button-icon-only[class*=gd-icon-]:active .gd-button-icon,
+.gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:active .gd-button-icon {
+  color: var(--gd-palette-primary-base-d06, #129cc6);
+}
+
+.gd-button-link.gd-button-icon-only[class*=gd-icon-]:hover::before, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:hover::before,
+.gd-button-link.gd-button-icon-only[class*=gd-icon-]:hover .gd-button-icon,
+.gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed:hover .gd-button-icon {
+  color: var(--gd-palette-primary-base, #14b2e2);
+}
+
+.gd-button-link.gd-button-icon-only[class*=gd-icon-].disabled::before, .gd-button-icon-only[class*=gd-icon-].disabled.gd-button-link-dimmed::before,
+.gd-button-link.gd-button-icon-only[class*=gd-icon-].disabled .gd-button-icon,
+.gd-button-icon-only[class*=gd-icon-].disabled.gd-button-link-dimmed .gd-button-icon, .gd-button-link.gd-button-icon-only[class*=gd-icon-].disabled:hover::before,
+.gd-button-link.gd-button-icon-only[class*=gd-icon-].disabled:hover .gd-button-icon, .gd-button-link.gd-button-icon-only[class*=gd-icon-].disabled:focus::before,
+.gd-button-link.gd-button-icon-only[class*=gd-icon-].disabled:focus .gd-button-icon, .gd-button-link.gd-button-icon-only[class*=gd-icon-].disabled:active::before,
+.gd-button-link.gd-button-icon-only[class*=gd-icon-].disabled:active .gd-button-icon {
+  color: var(--gd-palette-complementary-5, #b0beca);
+}
+
+:not(button).gd-button-link, :not(button).gd-button-link-dimmed {
+  line-height: 0.8;
+}
+
+.button-dropdown {
+  font-weight: 400;
+}
+
+.button-dropdown:not(.customizable) {
+  border-radius: 3px;
+  text-transform: "none";
+}
+
+.button-dropdown::after, .button-dropdown::before,
+.button-dropdown .gd-button-icon {
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+
+.button-dropdown:focus::after, .button-dropdown:focus::before,
+.button-dropdown:focus .gd-button-icon, .button-dropdown:hover::after, .button-dropdown:hover::before,
+.button-dropdown:hover .gd-button-icon, .button-dropdown:active::after, .button-dropdown:active::before,
+.button-dropdown:active .gd-button-icon, .button-dropdown.is-active::after, .button-dropdown.is-active::before,
+.button-dropdown.is-active .gd-button-icon {
+  color: var(--gd-palette-complementary-7, #6d7680);
+}
+
+/* Button sizes
+   ========================================================================== */
+.gd-button-small {
+  height: 27px;
+  padding: 0 11px;
+  line-height: 25px;
+  font-size: 12px;
+}
+
+.gd-button-small[class*=gd-icon-] {
+  padding-left: 32px;
+}
+
+.gd-button-small[class*=gd-icon-]::before, .gd-button-small[class*=gd-icon-]::after {
+  width: 18px;
+  font-size: 15px;
+  -moz-transition-property: color;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -moz-transition-duration: 0.25s;
+  -webkit-transition-duration: 0.25s;
+  transition-duration: 0.25s;
+  -moz-transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+  transition-timing-function: ease-in-out;
+}
+
+.gd-button-small[class*=gd-icon-]::before {
+  left: 9px;
+}
+
+.gd-button-small[class*=gd-icon-]::after {
+  right: 7px;
+}
+
+.gd-button-small[class*=gd-icon-].gd-button-icon-only {
+  height: 27px;
+}
+
+.gd-button-small[class*=gd-icon-].gd-button-icon-only::before {
+  width: auto;
+}
+
+.gd-button-small .gd-button-icon {
+  width: 16px;
+  height: 16px;
+  line-height: 16px;
+  font-size: 16px;
+}
+
+.gd-button-important,
+.gd-button-large {
+  height: 38px;
+  padding: 7px 19px;
+  line-height: 22px;
+  font-size: 16px;
+}
+
+.gd-button.gd-button-icon-only {
+  width: 31px;
+  height: 29px;
+  line-height: 27px;
+  color: var(--gd-palette-complementary-7-from-theme, #778491);
+  padding-left: 0;
+}
+
+.gd-button.gd-button-icon-only::before {
+  right: 0;
+  left: 0;
+  margin: 0;
+  padding: 0;
+  color: var(--gd-palette-complementary-7-from-theme, #778491);
+  font-size: 16px;
+}
+
+.gd-button.gd-button-icon-only:hover::before,
+.gd-button.gd-button-icon-only:hover .gd-button-icon {
+  color: var(--gd-palette-primary-base, #14b2e2);
+}
+
+/* Button states
+   ========================================================================== */
+.gd-button.disabled, .gd-button.disabled:hover, .gd-button.disabled:focus, .gd-button.disabled:active {
+  box-shadow: none;
+  background: transparent;
+  cursor: default;
+  border-color: transparent;
+  text-decoration: none;
+}
+
+.gd-button-primary.disabled, .disabled.gd-button-link.gd-button-icon-only[class*=gd-icon-], .disabled.gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed,
+.gd-button-secondary.disabled {
+  cursor: default;
+}
+
+.gd-button-primary.disabled, .disabled.gd-button-link.gd-button-icon-only[class*=gd-icon-], .disabled.gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed, .gd-button-primary.disabled:hover, .gd-button-primary.disabled:focus, .gd-button-primary.disabled:active,
+.gd-button-secondary.disabled,
+.gd-button-secondary.disabled:hover,
+.gd-button-secondary.disabled:focus,
+.gd-button-secondary.disabled:active {
+  color: var(--gd-palette-complementary-5, #b0beca);
+  background: rgba(252, 252, 253, 0.3);
+  border-color: rgba(210, 219, 227, 0.75);
+}
+
+.gd-button-primary.disabled::before, .disabled.gd-button-link.gd-button-icon-only[class*=gd-icon-]::before, .disabled.gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed::before, .gd-button-primary.disabled::after, .disabled.gd-button-link.gd-button-icon-only[class*=gd-icon-]::after, .disabled.gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed::after,
+.gd-button-primary.disabled .gd-button-icon,
+.disabled.gd-button-link.gd-button-icon-only[class*=gd-icon-] .gd-button-icon,
+.disabled.gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed .gd-button-icon, .gd-button-primary.disabled:hover::before, .gd-button-primary.disabled:hover::after,
+.gd-button-primary.disabled:hover .gd-button-icon, .gd-button-primary.disabled:focus::before, .gd-button-primary.disabled:focus::after,
+.gd-button-primary.disabled:focus .gd-button-icon, .gd-button-primary.disabled:active::before, .gd-button-primary.disabled:active::after,
+.gd-button-primary.disabled:active .gd-button-icon,
+.gd-button-secondary.disabled::before,
+.gd-button-secondary.disabled::after,
+.gd-button-secondary.disabled .gd-button-icon,
+.gd-button-secondary.disabled:hover::before,
+.gd-button-secondary.disabled:hover::after,
+.gd-button-secondary.disabled:hover .gd-button-icon,
+.gd-button-secondary.disabled:focus::before,
+.gd-button-secondary.disabled:focus::after,
+.gd-button-secondary.disabled:focus .gd-button-icon,
+.gd-button-secondary.disabled:active::before,
+.gd-button-secondary.disabled:active::after,
+.gd-button-secondary.disabled:active .gd-button-icon {
+  color: var(--gd-palette-complementary-5, #b0beca);
+}
+
+.gd-button-positive.disabled {
+  cursor: default;
+}
+
+.gd-button-positive.disabled, .gd-button-positive.disabled:hover, .gd-button-positive.disabled:focus, .gd-button-positive.disabled:active {
+  color: var(--gd-palette-complementary-0, #fff);
+  background: var(--gd-palette-success-disabled, rgba(0, 224, 163, 0.5));
+}
+
+.gd-button-positive.disabled::before, .gd-button-positive.disabled::after,
+.gd-button-positive.disabled .gd-button-icon, .gd-button-positive.disabled:hover::before, .gd-button-positive.disabled:hover::after,
+.gd-button-positive.disabled:hover .gd-button-icon, .gd-button-positive.disabled:focus::before, .gd-button-positive.disabled:focus::after,
+.gd-button-positive.disabled:focus .gd-button-icon, .gd-button-positive.disabled:active::before, .gd-button-positive.disabled:active::after,
+.gd-button-positive.disabled:active .gd-button-icon {
+  color: var(--gd-palette-complementary-0, #fff);
+}
+
+.gd-button-negative.disabled {
+  cursor: default;
+}
+
+.gd-button-negative.disabled, .gd-button-negative.disabled:hover, .gd-button-negative.disabled:focus, .gd-button-negative.disabled:active {
+  color: var(--gd-palette-complementary-0, #fff);
+  background: var(--gd-palette-error-disabled, rgba(241, 161, 156, 0.6));
+}
+
+.gd-button-negative.disabled::before, .gd-button-negative.disabled::after,
+.gd-button-negative.disabled .gd-button-icon, .gd-button-negative.disabled:hover::before, .gd-button-negative.disabled:hover::after,
+.gd-button-negative.disabled:hover .gd-button-icon, .gd-button-negative.disabled:focus::before, .gd-button-negative.disabled:focus::after,
+.gd-button-negative.disabled:focus .gd-button-icon, .gd-button-negative.disabled:active::before, .gd-button-negative.disabled:active::after,
+.gd-button-negative.disabled:active .gd-button-icon {
+  color: var(--gd-palette-complementary-0, #fff);
+}
+
+.gd-button-action.disabled {
+  cursor: default;
+}
+
+.gd-button-action.disabled, .gd-button-action.disabled:hover, .gd-button-action.disabled:focus, .gd-button-action.disabled:active {
+  color: var(--gd-palette-complementary-0, #fff);
+  background: var(--gd-palette-primary-disabled, rgba(69, 199, 239, 0.6));
+  -ms-filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
+
+.gd-button-action.disabled::before, .gd-button-action.disabled::after,
+.gd-button-action.disabled .gd-button-icon, .gd-button-action.disabled:hover::before, .gd-button-action.disabled:hover::after,
+.gd-button-action.disabled:hover .gd-button-icon, .gd-button-action.disabled:focus::before, .gd-button-action.disabled:focus::after,
+.gd-button-action.disabled:focus .gd-button-icon, .gd-button-action.disabled:active::before, .gd-button-action.disabled:active::after,
+.gd-button-action.disabled:active .gd-button-icon {
+  color: var(--gd-palette-complementary-0, #fff);
+}
+
+.gd-button-link.disabled, .disabled.gd-button-link-dimmed {
+  cursor: default;
+}
+
+.gd-button-link.disabled, .disabled.gd-button-link-dimmed, .gd-button-link.disabled:hover, .gd-button-link.disabled:focus, .gd-button-link.disabled:active {
+  color: var(--gd-palette-complementary-4, #ccd8e2);
+  border-color: transparent;
+}
+
+.gd-button-link.disabled > span, .disabled.gd-button-link-dimmed > span, .gd-button-link.disabled:hover > span, .gd-button-link.disabled:focus > span, .gd-button-link.disabled:active > span {
+  text-decoration: none;
+}
+
+.gd-button-link.disabled::before, .disabled.gd-button-link-dimmed::before, .gd-button-link.disabled::after, .disabled.gd-button-link-dimmed::after,
+.gd-button-link.disabled .gd-button-icon,
+.disabled.gd-button-link-dimmed .gd-button-icon {
+  color: var(--gd-palette-complementary-4, #ccd8e2);
+}
+
+.gd-button-link.gd-button-icon-only[class*=gd-icon-]::before, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed::before, .gd-button-link.gd-button-icon-only[class*=gd-icon-]::after, .gd-button-icon-only[class*=gd-icon-].gd-button-link-dimmed::after {
+  right: 0;
+  left: 0;
+  margin: 0 auto;
+  padding: 0;
+}
+
+.gd-button-group .gd-button {
+  position: relative;
+  z-index: 1;
+  margin: 0 -1px 0 0;
+  border-radius: 0;
+}
+
+.gd-button-group .gd-button:focus {
+  z-index: 2;
+}
+
+.gd-button-group .gd-button:not(:focus) {
+  box-shadow: none;
+}
+
+.gd-button-group > .gd-button:first-child,
+.gd-button-group > *:not(.gd-button):first-child .gd-button {
+  border-radius: var(--gd-button-borderRadius, 3px) 0 0 var(--gd-button-borderRadius, 3px);
+}
+
+.gd-button-group > .gd-button:last-child,
+.gd-button-group > *:not(.gd-button):last-child .gd-button {
+  margin-right: 0;
+  border-radius: 0 var(--gd-button-borderRadius, 3px) var(--gd-button-borderRadius, 3px) 0;
+}
+
+/* Alternative markup support
+   ========================================================================== */
+a[class*=gd-button-] {
+  box-sizing: border-box;
+  display: inline-block;
+}
+
+a[class*=gd-button-], a[class*=gd-button-]:hover, a[class*=gd-button-]:focus {
+  text-decoration: none;
+}
+
+a[class*=gd-button-], a[class*=gd-button-]:active {
+  outline: none;
+}
+
+a[class*=gd-button-] .gd-button-text {
+  display: initial;
+}
+
+a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button-text {
+  text-decoration: underline;
+}
+
+.gd-mvf-dropdown-body {
+  width: 250px;
+  padding: 0 !important;
+}
+
+.gd-mvf-dropdown-body .gd-mvf-dropdown-section {
+  padding: 10px 10px 0;
+}
+
+.gd-mvf-dropdown-body .gd-mvf-dropdown-section .gd-mvf-warning-message {
+  padding: 4px 8px 4px 10px;
+  line-height: 1.4em;
+  font-size: 12px;
+  border-radius: 3px;
+  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
+  margin-top: 4px;
+}
+
+.gd-mvf-dropdown-body .gd-mvf-dropdown-section .gd-mvf-warning-message.gd-mvf-warning-message-low {
+  color: var(--gd-palette-primary-base, #14b2e2);
+  background: var(--gd-palette-primary-base-t80, rgba(20, 178, 226, 0.2));
+}
+
+.gd-mvf-dropdown-body .gd-mvf-dropdown-section .gd-mvf-warning-message.gd-mvf-warning-message-medium {
+  color: #f18600;
+  background: var(--gd-palette-warning-base-t85, rgba(241, 134, 0, 0.15));
+}
+
+.gd-mvf-dropdown-body .gd-mvf-dropdown-section .gd-mvf-warning-message.gd-mvf-warning-message-high {
+  color: #e54d42;
+  background: rgba(229, 77, 66, 0.15);
+}
+
+.gd-mvf-dropdown-body .gd-mvf-dropdown-section .gd-mvf-treat-null-values-as-zero {
+  margin-top: 8px;
+  font-size: 12px;
+}
+
+.gd-mvf-dropdown-body .gd-mvf-dropdown-section .gd-mvf-treat-null-values-as-zero .inlineBubbleHelp {
+  margin: 0 0 2px 5px;
+  font-size: 12px;
+}
+
+.gd-mvf-dropdown-body .gd-mvf-dropdown-section .gd-mvf-apply-on-result-checkbox {
+  margin-top: 8px;
+  font-size: 12px;
+}
+
+.gd-mvf-dropdown-body .gd-mvf-dropdown-section .gd-mvf-treat-null-values-as-zero + .gd-mvf-apply-on-result-checkbox {
+  margin-top: 0;
+}
+
+.gd-mvf-dropdown-body .gd-mvf-dropdown-section:last-child {
+  padding-bottom: 10px;
+}
+
+.gd-mvf-dropdown-body .gd-mvf-dropdown-footer {
+  margin: 0 10px;
+  padding: 10px 0;
+  border-top: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+  text-align: right;
+}
+
+.gd-mvf-dropdown-body .gd-mvf-dropdown-footer > * {
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.gd-mvf-dropdown-body .gd-mvf-dropdown-footer > *:not(:first-child) {
+  margin-left: 10px;
+}
+
+.gd-mvf-operator-dropdown-button {
+  width: 100%;
+}
+
+.gd-mvf-operator-dropdown {
+  display: flex;
+  flex-direction: column;
+}
+
+.gd-mvf-operator-dropdown-label {
+  font-size: 12px;
+  color: var(--gd-palette-complementary-7, #6d7680);
+}
+
+.gd-mvf-condition-header {
+  display: flex;
+  align-items: flex-end;
+  gap: 10px;
+}
+
+.gd-mvf-condition-operator {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+.gd-mvf-condition-action {
+  flex: 0 0 28px;
+  width: 28px;
+  display: flex;
+  justify-content: flex-end;
+}
+
+.gd-mvf-condition-inputs {
+  margin-top: 10px;
+}
+
+.gd-mvf-input-error {
+  margin-top: 4px;
+  font-size: 12px;
+  line-height: 1.4em;
+  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
+  color: #e54d42;
+}
+
+.gd-mvf-input-error--range {
+  max-width: 100%;
+  overflow-wrap: anywhere;
 }
 
-.gd-chips-input__container--with-values {
-  display: flex;
-  flex-direction: column;
-  padding: 0;
+.gd-mvf-condition-section--multi .gd-mvf-condition-inputs {
+  padding-right: 38px;
 }
 
-.gd-chips-input__container--with-values .gd-chips-input__chips-frame {
-  padding: 7px 5px;
-  max-height: 120px;
+.gd-mvf-conditions-scroll-container {
+  max-height: 322px;
   overflow-y: auto;
   overscroll-behavior: contain;
-  border-bottom: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
-  border-radius: var(--gd-button-borderRadius, 3px) var(--gd-button-borderRadius, 3px) 0 0;
 }
 
-.gd-chips-input__container--with-values .gd-chips-input__input-frame {
-  padding: 0 7px;
+.gd-mvf-conditions-joiner {
+  margin-top: 10px;
+  font-size: 12px;
+  line-height: 20px;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+  text-transform: lowercase;
 }
 
-.gd-chips-input__container--warning {
-  border-color: var(--gd-palette-warning-base, #f18600);
+.gd-mvf-operator-dropdown-body {
+  width: 230px;
+  padding: 5px 0;
 }
 
-.gd-chips-input__container--warning:focus-within {
-  border-color: var(--gd-palette-warning-base, #f18600);
+.gd-mvf-operator-dropdown-body .gd-list-item {
+  padding: 5px 10px;
 }
 
-.gd-chips-input__container--warning.gd-chips-input__container--with-values .gd-chips-input__chips-frame {
-  border-bottom-color: var(--gd-palette-warning-base, #f18600);
+.gd-mvf-operator-dropdown-body .gd-list-item > span {
+  margin-left: 5px;
 }
 
-.gd-chips-input__container--warning.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field {
-  border-color: var(--gd-palette-warning-base, #f18600);
+.gd-mvf-operator-dropdown-body .gd-list-item > .tooltip-bubble {
+  margin-right: 5px;
+  text-align: right;
 }
 
-.gd-chips-input__container--warning.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field:focus, .gd-chips-input__container--warning.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field:focus-visible {
-  border-color: var(--gd-palette-warning-base, #f18600);
+.gd-mvf-operator-dropdown-body .gd-list-item.is-disabled {
+  opacity: 0.5;
+  cursor: default;
 }
 
-.gd-chips-input__container--error {
-  border-color: var(--gd-palette-error-base, #e54d42);
+.gd-mvf-range-input {
+  display: flex;
 }
 
-.gd-chips-input__container--error:focus-within {
-  border-color: var(--gd-palette-error-base, #e54d42);
+.gd-mvf-range-input.hidden {
+  display: none;
 }
 
-.gd-chips-input__container--error.gd-chips-input__container--with-values .gd-chips-input__chips-frame {
-  border-bottom-color: var(--gd-palette-error-base, #e54d42);
+.gd-mvf-range-input .gd-mvf-range-input__field {
+  flex: 1 1 0;
+  min-width: 0;
 }
 
-.gd-chips-input__container--error.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field {
-  border-color: var(--gd-palette-error-base, #e54d42);
+.gd-mvf-range-input .gd-mvf-range-input__field--to {
+  margin-left: 10px;
 }
 
-.gd-chips-input__container--error.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field:focus, .gd-chips-input__container--error.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field:focus-visible {
-  border-color: var(--gd-palette-error-base, #e54d42);
+.gd-mvf-compare-input.hidden {
+  display: none;
 }
 
-.gd-chips-input__chips {
+.s-mvf-comparison-value-input .gd-input-field,
+.s-mvf-range-from-input .gd-input-field,
+.s-mvf-range-to-input .gd-input-field {
+  text-align: right;
+}
+
+.gd-mvf-dimensionality-header {
   display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-  align-items: center;
 }
 
-.gd-chips-input__input-frame--standalone {
-  padding: 0;
+.gd-mvf-dimensionality-header label {
+  font-size: 12px;
+  line-height: 20px;
+  color: var(--gd-palette-complementary-7, #6d7680);
 }
 
-.gd-chips-input__input {
-  flex: 1;
-  min-width: 120px;
-  display: block;
+.gd-mvf-dimensionality-items {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 5px;
+  max-height: 350px;
+  overflow-y: auto;
+  overscroll-behavior: contain;
 }
 
-.gd-chips-input__input .gd-input-field {
-  border: none;
-  outline: none;
-  padding: 4px 0;
-  font-size: 13px;
-  background: transparent;
-  box-shadow: none;
+.gd-mvf-dimensionality-reset-button {
+  position: relative;
+  left: -5px;
 }
 
-.gd-chips-input__input .gd-input-field:focus-visible {
-  outline: none;
+.gd-mvf-dimensionality-tag-wrapper {
+  max-width: 180px;
+  min-width: 0;
+  display: flex;
 }
 
-.gd-chips-input__input .gd-input-field::placeholder {
-  color: var(--gd-palette-complementary-6, #94a1ad);
+.gd-mvf-dimensionality-add-wrapper {
+  display: flex;
+  align-items: center;
 }
 
-.gd-chips-input__input .gd-input-field:disabled {
-  cursor: not-allowed;
+.gd-mvf-dimensionality-empty-actions {
+  display: flex;
+  align-items: center;
+  gap: 10px;
 }
 
-.gd-chips-input__container--empty {
-  border: none;
-  min-height: auto;
-  background: transparent;
+.gd-mvf-preview {
+  font-size: 12px;
+  padding: 5px 10px 10px;
 }
 
-.gd-chips-input__container--empty:focus-within {
-  border-color: transparent;
+.gd-mvf-preview .gd-mvf-preview-header {
+  border-top: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+  padding-top: 10px;
 }
 
-.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 6px 7px 5px;
-  border: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
-  line-height: normal;
-  vertical-align: middle;
-  color: var(--gd-palette-complementary-8, #464e56);
-  background: var(--gd-palette-complementary-0, #fff);
-  font-size: 14px;
-  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
-  font-weight: 200;
-  height: 27.1px;
-  padding: 5px 7px;
-  font-size: 13px;
-  border-radius: 3px;
-  border: 1px solid var(--gd-palette-complementary-4, #ccd8e2);
-  box-shadow: inset 0 1px 2px 0 rgba(31, 53, 74, 0.15);
+.gd-mvf-preview .gd-mvf-preview-content {
+  line-height: 16px;
 }
 
-.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field:focus, .gd-chips-input__container--empty .gd-chips-input__input .gd-input-field:focus-visible {
-  outline: none;
-  border-color: var(--gd-palette-primary-base, #14b2e2);
+.gd-mvf-preview .gd-mvf-preview-content--truncated {
+  max-height: 48px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  word-break: break-word;
 }
 
-.gd-chips-input__container--empty .gd-chips-input__input .gd-input-field::placeholder {
-  color: var(--gd-palette-complementary-5, #b0beca);
+.gd-mvf-preview-tooltip-content {
+  max-width: 300px;
+  word-wrap: break-word;
 }
 
-.gd-chips-input__autocomplete {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  right: 0;
-  z-index: 100;
-  list-style: none;
-  margin: 0;
-  padding: 6px 0;
-  background-color: #fcfcfd;
-  border: 1px solid var(--gd-palette-complementary-3, #dde4eb);
-  border-radius: var(--gd-button-borderRadius, 3px);
-  box-shadow: 0 2px 20px 0 rgba(20, 56, 93, 0.2);
-  max-height: 200px;
-  overflow: hidden;
-  overflow-y: auto;
-  overscroll-behavior: contain;
+.gd-mvf-backward-compatibility-message {
+  margin-top: 10px;
 }
 
-.gd-chips-input__autocomplete-item {
-  padding: 5px 10px;
+.gd-mvf-backward-compatibility-message .gd-message-text {
   font-size: 12px;
-  line-height: 18px;
-  cursor: pointer;
-  color: var(--gd-palette-complementary-8, #464e56);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
 }
 
-.gd-chips-input__autocomplete-item strong {
-  font-weight: 700;
-  text-decoration: underline;
-  text-decoration-style: solid;
-  color: inherit;
+.gd-mvf-dropdown-header {
+  display: flex;
+  gap: 5px;
+  align-items: center;
+  height: 35px;
+  padding: 0 10px;
+  background: var(--gd-palette-complementary-2, #ebeff4);
+  box-sizing: border-box;
+  border-radius: 3px 3px 0 0;
 }
 
-.gd-chips-input__autocomplete-item:hover {
-  background-color: var(--gd-palette-complementary-2, #ebeff4);
+.gd-mvf-dropdown-header__title {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  min-width: 0;
+  overflow: hidden;
+  color: var(--gd-palette-complementary-7, #6d7680);
+  font-size: 11px;
+  font-weight: 800;
+  text-transform: uppercase;
+  line-height: 15px;
+  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
 }
 
-.gd-chips-input__autocomplete-item--active {
-  background-color: var(--gd-palette-complementary-2, #ebeff4);
+.gd-mvf-dropdown-header__title-text {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
 }
 
-.gd-chips-input__autocomplete-loading {
+.gd-mvf-dropdown-header__title-icon {
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 5px 10px;
-  min-height: 28px;
-  cursor: default;
-  pointer-events: none;
 }
 
-.gd-attribute-filter-details-bubble__trigger {
+.gd-mvf-details-bubble__trigger {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   margin-top: 2px;
 }
 
-.gd-attribute-filter-details-bubble {
+.gd-mvf-details-bubble {
   width: 220px;
   margin: -7px -10px;
   padding: 15px;
@@ -19931,20 +23322,20 @@ div.gd-empty-item-bubble {
   box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
 }
 
-.gd-attribute-filter-details-bubble__content {
+.gd-mvf-details-bubble__content {
   display: flex;
   flex-direction: column;
   gap: 10px;
 }
 
-.gd-attribute-filter-details-bubble__section {
+.gd-mvf-details-bubble__section {
   display: flex;
   flex-direction: column;
   margin-top: 5px;
   gap: 3px;
 }
 
-.gd-attribute-filter-details-bubble__title {
+.gd-mvf-details-bubble__title {
   margin: 0;
   font-size: 13px;
   font-weight: 700;
@@ -19953,7 +23344,7 @@ div.gd-empty-item-bubble {
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
 }
 
-.gd-attribute-filter-details-bubble__description {
+.gd-mvf-details-bubble .gd-mvf-details-bubble__description {
   margin: 0;
   font-size: 12px;
   line-height: 1.4;
@@ -19961,7 +23352,7 @@ div.gd-empty-item-bubble {
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
 }
 
-.gd-attribute-filter-details-bubble__key {
+.gd-mvf-details-bubble__key {
   display: block;
   margin: 0;
   font-size: 10px;
@@ -19973,7 +23364,7 @@ div.gd-empty-item-bubble {
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
 }
 
-.gd-attribute-filter-details-bubble__value {
+.gd-mvf-details-bubble__value {
   display: block;
   margin: 0;
   margin-top: 2px;
@@ -19984,40 +23375,32 @@ div.gd-empty-item-bubble {
   font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
 }
 
-.gd-attribute-filter-details-bubble__elements {
-  margin-top: 2px;
-  font-size: 12px;
-  line-height: 1.5;
-  color: var(--gd-palette-complementary-8, #464e56);
-  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
-}
-
-.gd-attribute-filter-details-bubble__element {
-  display: block;
-}
-
-.gd-attribute-filter-details-bubble__more {
-  display: block;
-  margin-top: 4px;
-  font-size: 10px;
-  font-weight: 400;
-  color: var(--gd-palette-complementary-6, #94a1ad);
-  font-family: var(--gd-font-family, gdcustomfont, Avenir, "Helvetica Neue", arial, sans-serif);
+.gd-mvf-details-bubble__expression {
+  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
+  font-size: 11px;
+  line-height: 1.4;
+  word-break: break-word;
+  white-space: pre-wrap;
 }
 
-.gd-attribute-filter-details-bubble__loading {
+.gd-mvf-details-bubble__loading {
   margin: 0;
   font-size: 12px;
   color: var(--gd-palette-complementary-7, #6d7680);
 }
 
-.gd-attribute-filter-details-bubble__error {
+.gd-mvf-details-bubble__error {
   margin: 0;
   font-size: 12px;
   color: var(--gd-palette-error-base, #e54d42);
 }
 
 
+.gd-numeric-input {
+  display: flex;
+}
+
+
 .gd-attribute-hierarchy-detail-panel {
   width: 200px;
   padding: 8px 5px;
@@ -20307,6 +23690,15 @@ div.gd-empty-item-bubble {
   background-size: 18px 18px;
 }
 
+.gd-dialog.attribute-hierarchy-dialog .gd-icon-metric::before,
+.attribute-hierarchy-attribute-dropdown-body .gd-icon-metric::before,
+.date-attribute-dropdown-tabs .gd-icon-metric::before {
+  width: 18px;
+  height: 18px;
+  margin-right: 5px;
+  background-size: 18px 16px;
+}
+
 .gd-dialog.attribute-hierarchy-dialog .gd-icon-date::before,
 .attribute-hierarchy-attribute-dropdown-body .gd-icon-date::before,
 .date-attribute-dropdown-tabs .gd-icon-date::before {
@@ -24683,44 +28075,71 @@ figure {
 .apply-all-at-once .dash-filters-all {
   width: calc(100% - 225px);
 }
-.dash-filters-all .dash-filters-date {
+.dash-filters-all .dash-filters-date,
+.dash-filters-all .dash-filters-mvf {
   max-width: 285px;
 }
 .dash-filters-all .dash-filters-attribute,
-.dash-filters-all .dash-filters-date {
+.dash-filters-all .dash-filters-date,
+.dash-filters-all .dash-filters-mvf {
   position: relative;
 }
 .dash-filters-all .dash-filters-attribute .gd-bubble-trigger .gd-attribute-filter-dropdown-button__next,
-.dash-filters-all .dash-filters-date .gd-bubble-trigger .gd-attribute-filter-dropdown-button__next {
+.dash-filters-all .dash-filters-attribute .gd-bubble-trigger .gd-mvf-dashboard-filter-button__next,
+.dash-filters-all .dash-filters-date .gd-bubble-trigger .gd-attribute-filter-dropdown-button__next,
+.dash-filters-all .dash-filters-date .gd-bubble-trigger .gd-mvf-dashboard-filter-button__next,
+.dash-filters-all .dash-filters-mvf .gd-bubble-trigger .gd-attribute-filter-dropdown-button__next,
+.dash-filters-all .dash-filters-mvf .gd-bubble-trigger .gd-mvf-dashboard-filter-button__next {
   display: flex;
 }
-.dash-filters-all .dash-filters-attribute .gd-bubble-trigger .gd-attribute-filter-dropdown-button-content__next,
-.dash-filters-all .dash-filters-date .gd-bubble-trigger .gd-attribute-filter-dropdown-button-content__next {
+.dash-filters-all .dash-filters-attribute .gd-bubble-trigger .gd-attribute-filter-dropdown-button__next .gd-ui-kit-control-button__content,
+.dash-filters-all .dash-filters-date .gd-bubble-trigger .gd-attribute-filter-dropdown-button__next .gd-ui-kit-control-button__content,
+.dash-filters-all .dash-filters-mvf .gd-bubble-trigger .gd-attribute-filter-dropdown-button__next .gd-ui-kit-control-button__content {
   width: calc(100% - 17px);
 }
+.dash-filters-all .dash-filters-attribute .gd-mvf-dashboard-filter-button__next .gd-attribute-filter-dropdown-button-title__next .shortened,
+.dash-filters-all .dash-filters-date .gd-mvf-dashboard-filter-button__next .gd-attribute-filter-dropdown-button-title__next .shortened,
+.dash-filters-all .dash-filters-mvf .gd-mvf-dashboard-filter-button__next .gd-attribute-filter-dropdown-button-title__next .shortened {
+  display: inline-block;
+  width: 100%;
+  white-space: nowrap;
+}
 .dash-filters-all .dash-filters-attribute .gd-attribute-filter-dropdown-button__next,
+.dash-filters-all .dash-filters-attribute .gd-mvf-dashboard-filter-button__next,
 .dash-filters-all .dash-filters-attribute .gd-date-filter-button,
 .dash-filters-all .dash-filters-date .gd-attribute-filter-dropdown-button__next,
-.dash-filters-all .dash-filters-date .gd-date-filter-button {
+.dash-filters-all .dash-filters-date .gd-mvf-dashboard-filter-button__next,
+.dash-filters-all .dash-filters-date .gd-date-filter-button,
+.dash-filters-all .dash-filters-mvf .gd-attribute-filter-dropdown-button__next,
+.dash-filters-all .dash-filters-mvf .gd-mvf-dashboard-filter-button__next,
+.dash-filters-all .dash-filters-mvf .gd-date-filter-button {
   margin: 7px 11px 7px 3px;
 }
 .dash-filters-all .dash-filters-attribute.dash-filter-is-edit-mode,
-.dash-filters-all .dash-filters-date.dash-filter-is-edit-mode {
+.dash-filters-all .dash-filters-date.dash-filter-is-edit-mode,
+.dash-filters-all .dash-filters-mvf.dash-filter-is-edit-mode {
   margin-left: -10px;
 }
 .dash-filters-all .dash-filters-attribute.dash-filter-is-edit-mode .gd-attribute-filter-dropdown-button__next,
+.dash-filters-all .dash-filters-attribute.dash-filter-is-edit-mode .gd-mvf-dashboard-filter-button__next,
 .dash-filters-all .dash-filters-attribute.dash-filter-is-edit-mode .gd-date-filter-button,
 .dash-filters-all .dash-filters-date.dash-filter-is-edit-mode .gd-attribute-filter-dropdown-button__next,
-.dash-filters-all .dash-filters-date.dash-filter-is-edit-mode .gd-date-filter-button {
+.dash-filters-all .dash-filters-date.dash-filter-is-edit-mode .gd-mvf-dashboard-filter-button__next,
+.dash-filters-all .dash-filters-date.dash-filter-is-edit-mode .gd-date-filter-button,
+.dash-filters-all .dash-filters-mvf.dash-filter-is-edit-mode .gd-attribute-filter-dropdown-button__next,
+.dash-filters-all .dash-filters-mvf.dash-filter-is-edit-mode .gd-mvf-dashboard-filter-button__next,
+.dash-filters-all .dash-filters-mvf.dash-filter-is-edit-mode .gd-date-filter-button {
   margin-left: 0;
   padding-left: 23px;
 }
 .dash-filters-all .dash-filters-attribute.dash-filter-is-edit-mode .gd-date-filter-button::before,
-.dash-filters-all .dash-filters-date.dash-filter-is-edit-mode .gd-date-filter-button::before {
+.dash-filters-all .dash-filters-date.dash-filter-is-edit-mode .gd-date-filter-button::before,
+.dash-filters-all .dash-filters-mvf.dash-filter-is-edit-mode .gd-date-filter-button::before {
   left: 9px;
 }
 .dash-filters-all .dash-filters-attribute.dash-filter-is-edit-mode .gd-date-filter-button::after,
-.dash-filters-all .dash-filters-date.dash-filter-is-edit-mode .gd-date-filter-button::after {
+.dash-filters-all .dash-filters-date.dash-filter-is-edit-mode .gd-date-filter-button::after,
+.dash-filters-all .dash-filters-mvf.dash-filter-is-edit-mode .gd-date-filter-button::after {
   left: 0;
 }
 
@@ -24837,7 +28256,8 @@ figure {
   height: 55px;
 }
 
-.draggable-attribute-filter {
+.draggable-attribute-filter,
+.draggable-measure-value-filter {
   position: relative;
   display: flex;
   justify-content: center;
@@ -24858,6 +28278,14 @@ figure {
   color: var(--gd-palette-complementary-8, #464e56);
 }
 
+.dropdown-body .attributes-list-mvf .gd-dropdown-tabs {
+  border-bottom: 0;
+}
+.dropdown-body .attributes-list-mvf .gd-dropdown-tabs .gd-tab {
+  margin: 0;
+  padding: 0;
+}
+
 .gd-button-small[class*=gd-icon-].gd-button-icon-only.gd-configuration-button, .gd-button-small[class*=gd-icon-].gd-button-icon-only.gd-delete-button {
   width: 18px;
   height: 18px;