@gooddata/sdk-ui-analytical-designer 0.0.0-stage → 11.65.0-alpha.7

package/styles/css/buckets.css

@@ -0,0 +1,1723 @@
+/* ==========================================================================
+   Variables
+   ========================================================================== */
+.adi-bucket-item .adi-bucket-item-header {
+  overflow: hidden;
+  white-space: nowrap;
+  font-size: 12px;
+}
+.adi-bucket-item .adi-bucket-item-header div > span {
+  display: block;
+  overflow: hidden;
+}
+.adi-bucket-item .adi-bucket-item-header::before {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 3px;
+  display: block;
+  width: 18px;
+  min-width: 18px;
+  font-family: Indigo, sans-serif;
+  font-weight: normal;
+  font-size: 15px;
+  line-height: 20px;
+  text-align: center;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+.adi-bucket-item .type-date.adi-bucket-item-header::before, .adi-bucket-item .type-fact.adi-bucket-item-header::before, .adi-bucket-item .type-metric.adi-bucket-item-header::before, .adi-bucket-item .type-measure.adi-bucket-item-header::before, .adi-bucket-item .type-attribute.adi-bucket-item-header::before {
+  content: "";
+  animation: fakeHover 1ms;
+}
+.adi-bucket-item .type-date.adi-bucket-item-header::before {
+  width: 12px;
+  margin-top: -1px;
+  background-image: url("@gooddata/sdk-ui-analytical-designer/styles/images/date.svg");
+}
+.adi-bucket-item .type-date.not-available.adi-bucket-item-header::before {
+  opacity: 0.5;
+}
+.is-dragging .adi-bucket-item .type-date.adi-bucket-item-header::before, .adi-bucket-item .is-dragging .type-date.adi-bucket-item-header::before {
+  background-image: url("@gooddata/sdk-ui-analytical-designer/styles/images/date-unrelated.svg");
+}
+.adi-bucket-item .type-fact.adi-bucket-item-header::before, .adi-bucket-item .type-measure.adi-bucket-item-header::before, .adi-bucket-item .type-metric.adi-bucket-item-header::before {
+  width: 18px;
+  background-image: url("@gooddata/sdk-ui-analytical-designer/styles/images/measure.svg");
+}
+.adi-bucket-item .type-fact.not-available.adi-bucket-item-header::before, .adi-bucket-item .type-measure.not-available.adi-bucket-item-header::before, .adi-bucket-item .type-metric.not-available.adi-bucket-item-header::before {
+  opacity: 0.5;
+}
+.is-dragging .adi-bucket-item .type-fact.adi-bucket-item-header::before, .adi-bucket-item .is-dragging .type-fact.adi-bucket-item-header::before, .is-dragging .adi-bucket-item .type-measure.adi-bucket-item-header::before, .adi-bucket-item .is-dragging .type-measure.adi-bucket-item-header::before, .is-dragging .adi-bucket-item .type-metric.adi-bucket-item-header::before, .adi-bucket-item .is-dragging .type-metric.adi-bucket-item-header::before {
+  background-image: url("@gooddata/sdk-ui-analytical-designer/styles/images/measure-unrelated.svg");
+}
+.adi-bucket-item .renaming-measure-enable.type-metric.adi-bucket-item-header::before {
+  width: 14px;
+  background-image: url("@gooddata/sdk-ui-analytical-designer/styles/images/metric.svg");
+}
+.adi-bucket-item .renaming-measure-enable.type-metric.not-available.adi-bucket-item-header::before {
+  opacity: 0.5;
+}
+.is-dragging .adi-bucket-item .renaming-measure-enable.type-metric.adi-bucket-item-header::before, .adi-bucket-item .is-dragging .renaming-measure-enable.type-metric.adi-bucket-item-header::before {
+  background-image: url("@gooddata/sdk-ui-analytical-designer/styles/images/metric-unrelated.svg");
+}
+.adi-bucket-item .type-attribute.adi-bucket-item-header::before {
+  width: 18px;
+  background-image: url("@gooddata/sdk-ui-analytical-designer/styles/images/attribute.svg");
+}
+.adi-bucket-item .type-attribute.not-available.adi-bucket-item-header::before {
+  opacity: 0.5;
+}
+.is-dragging .adi-bucket-item .type-attribute.adi-bucket-item-header::before, .adi-bucket-item .is-dragging .type-attribute.adi-bucket-item-header::before {
+  background-image: url("@gooddata/sdk-ui-analytical-designer/styles/images/attribute-unrelated.svg");
+}
+.adi-bucket-item .type-geo_attribute.adi-bucket-item-header::before {
+  content: "\e624";
+  font-size: 13px;
+  height: 18px;
+  margin: auto;
+  color: #f18600;
+}
+
+@keyframes fakeHover {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+/* allow vendor prefixes and disable max length */
+/* allow vendor prefixes and disable max length */
+.gd-editable-label-overlay textarea, .gd-editable-label textarea {
+  overflow: hidden;
+  width: inherit;
+  border: none;
+  vertical-align: inherit;
+  background: transparent;
+  resize: none;
+}
+.gd-editable-label-overlay textarea::placeholder, .gd-editable-label textarea::placeholder {
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+
+.editable-label {
+  position: relative;
+}
+.editable-label .label-box {
+  width: 400px;
+  font-size: 15px;
+}
+.editable-label .editable-label {
+  cursor: text;
+}
+.editable-label input {
+  padding: 0;
+  border: 0;
+}
+
+.gd-editable-label-textarea-wrapper {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.gd-editable-label {
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  padding: 0 1px;
+  border: 1px solid transparent;
+  line-height: inherit;
+  vertical-align: inherit;
+  min-width: 5em;
+  user-select: none;
+}
+.gd-editable-label:hover, .gd-editable-label:focus, .gd-editable-label:active {
+  cursor: text;
+  border-color: #b1c1d1;
+}
+.gd-editable-label.is-editing {
+  border-color: #b1c1d1;
+}
+.gd-editable-label.is-editing::after {
+  display: none;
+}
+.gd-editable-label textarea {
+  /** 
+  * If a browser needs to programmatically scroll horizontally (such as for example when the text is long and overflows), make sure
+  * it's on textarea itself (i.e. make sure the textarea is not bigger than the container element `.gd-editable-label-inner`), and
+  * not on the nearest container (`.gd-editable-label-inner`), which can have unintended consequences if the `.scrollLeft` DOM property
+  * is leftover and still has an effect even after leaving editing mode (such as in the case of invisible span inside of this container
+  * that keeps overflowing even in non editing mode). See LX-2691 for more details.
+  */
+  max-width: 100%;
+  min-width: inherit;
+  display: block;
+  padding: 0;
+  line-height: inherit;
+  font-size: inherit;
+  text-align: inherit;
+  outline: none;
+}
+
+.gd-editable-label-inner {
+  width: 100%;
+  height: 100%;
+  line-height: inherit;
+  vertical-align: inherit;
+  min-width: 5em;
+}
+
+.gd-editable-label-measure {
+  position: absolute;
+  visibility: hidden;
+  white-space: pre;
+  font: inherit;
+  pointer-events: none;
+}
+
+.gd-editable-label-overlay textarea {
+  padding: 0 1px; /* needed for IE */
+  text-align: center;
+}
+
+.metric-field-icon::before,
+.fact-field-icon::before,
+.measure-field-icon::before, .geo-attr-field-icon::before, .attr-field-icon::before, .date-field-icon::before {
+  content: "";
+  position: relative;
+  display: inline-block;
+  margin: 0 2px 0 3px;
+  font-family: Indigo, sans-serif;
+  font-size: 15px;
+  font-weight: normal;
+  line-height: 10px;
+  text-transform: none;
+  color: var(--gd-palette-primary-base, #14b2e2);
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.adi-bucket-item.about-to-be-removed.has-no-operands::before, .adi-bucket-item.about-to-be-removed::before {
+  content: "\e61a";
+  position: absolute;
+  font-family: Indigo, serif;
+  font-size: 14px;
+  color: var(--gd-palette-primary-base, #14b2e2);
+  animation-name: measure-trash-bin-reveal;
+  animation-duration: 500ms;
+  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  animation-fill-mode: forwards;
+}
+
+.date-field-icon::before {
+  top: -1px;
+  width: 12px;
+  height: 12px;
+  margin: -2px 3px;
+  background-image: url("@gooddata/sdk-ui-analytical-designer/styles/images/date.svg");
+}
+
+.attr-field-icon::before {
+  top: -1px;
+  width: 18px;
+  height: 7px;
+  margin: 0 2px 0 3px;
+  background-image: url("@gooddata/sdk-ui-analytical-designer/styles/images/attribute.svg");
+}
+
+.geo-attr-field-icon::before {
+  content: "\e624";
+  font-family: Indigo, sans-serif;
+  font-size: 13px;
+  height: 14px;
+  margin: 0 2px;
+  line-height: normal;
+  vertical-align: middle;
+  color: #f18600;
+}
+
+.metric-field-icon::before,
+.fact-field-icon::before,
+.measure-field-icon::before {
+  top: -1px;
+  width: 18px;
+  height: 7px;
+  margin: 0 2px 0 3px;
+  background-image: url("@gooddata/sdk-ui-analytical-designer/styles/images/measure.svg");
+}
+
+.metric-field-icon::before {
+  top: 3px;
+  width: 14px;
+  height: 14px;
+  background-image: url("@gooddata/sdk-ui-analytical-designer/styles/images/metric.svg");
+}
+
+.adi-bucket-group {
+  margin: 0 0 10px;
+}
+
+.adi-bucket {
+  margin: 0 0 10px;
+  border-radius: 3px;
+}
+.adi-bucket:last-of-type {
+  margin-bottom: 1px;
+}
+.adi-bucket .bucket-title {
+  position: relative;
+  box-sizing: content-box;
+  height: 30px;
+  border: 1px solid #c9d5e0;
+  border-radius: 3px 3px 0 0;
+  border-bottom: 0;
+  background-color: rgba(212, 212, 223, 0.07);
+}
+.adi-bucket .bucket-title h3 {
+  overflow: hidden;
+  margin: 0 0 0 30px;
+  padding: 2px 0 0;
+  font-weight: bold;
+  font-size: 11px;
+  line-height: 26px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-transform: uppercase;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+  pointer-events: none;
+}
+.adi-bucket .bucket-title .bucket-title-icon {
+  position: relative;
+  top: 6px;
+  left: 6px;
+  float: left;
+  width: 16px;
+  height: 16px;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+.adi-bucket .bucket-title.bucket-title-configuration-panel .bucket-title-icon {
+  background-image: url("@gooddata/sdk-ui-analytical-designer/styles/images/config.svg");
+  cursor: pointer;
+}
+.adi-bucket .bucket-title .bucket-subtitle {
+  font-weight: normal;
+}
+.adi-bucket .bucket-title.bucket-title-metrics-combo2 h3, .adi-bucket .bucket-title.bucket-title-secondary-metrics-combo2 h3 {
+  padding-right: 32px;
+}
+.adi-bucket .bucket-contents {
+  border: 1px solid #c9d5e0;
+  border-radius: 0 0 3px 3px;
+  border-top: none;
+  box-shadow: 0 1px 2px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.09));
+}
+.adi-bucket.bucket-with-warn-message .bucket-contents {
+  border-radius: 0;
+}
+.adi-bucket.s-bucket-stack.bucket-with-warn-message .bucket-container {
+  border: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+  border-top: none;
+  border-radius: 0 0 5px 5px;
+  color: var(--gd-palette-complementary-5, #b0beca);
+  background-color: rgba(188, 199, 210, 0.1);
+}
+.adi-bucket.s-bucket-stack.bucket-with-warn-message .adi-stack-warn {
+  text-align: center;
+}
+.adi-bucket.s-bucket-stack.bucket-with-warn-message .adi-stack-warn.optional-stacking-checkbox-visible {
+  text-align: left;
+}
+.adi-bucket.s-bucket-stack.bucket-with-warn-message .adi-stack-warn,
+.adi-bucket.s-bucket-stack.bucket-with-warn-message .optional-stacking {
+  border: none;
+  background: none;
+}
+.adi-bucket .optional-stacking {
+  background-color: rgba(212, 212, 223, 0.07);
+  border: 1px solid #c9d5e0;
+  border-radius: 0 0 3px 3px;
+  border-top: none;
+  font-size: 12px;
+  color: var(--gd-palette-complementary-8, #464e56);
+}
+.adi-bucket .optional-stacking > div {
+  padding: 8px;
+}
+.adi-bucket .optional-stacking .input-checkbox-label {
+  margin-left: -3px;
+  padding-left: 23px;
+}
+.adi-bucket .optional-stacking.stack-measures-visible {
+  padding-bottom: 6px;
+}
+.adi-bucket .optional-stacking.stack-measures-visible > div {
+  padding: 0 6px 2px;
+}
+.adi-bucket .optional-stacking.stack-measures-visible .stack-to-percent {
+  margin-left: 20px;
+}
+.adi-bucket ul {
+  margin: 0;
+  padding: 0;
+}
+.adi-bucket li {
+  list-style-type: none;
+}
+.adi-bucket .adi-bucket-invitation-separator {
+  margin: 0;
+  border: 0;
+  border-bottom: 1px solid #c9d5e0;
+}
+.adi-bucket.has-rounded-corners .adi-bucket-invitation-inner::before {
+  border-radius: 0 0 3px 3px;
+}
+.adi-bucket .adi-bucket-dropzone .gd-bubble-trigger {
+  display: block;
+}
+.adi-bucket .adi-bucket-invitation {
+  margin: 4px;
+  padding: 3px;
+  border: 2px dashed rgba(176, 190, 202, 0.45);
+  border-radius: 5px;
+  font-size: 11px;
+  font-weight: bold;
+  line-height: 18px;
+  text-align: center;
+  text-transform: uppercase;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+  background: rgba(201, 213, 224, 0.05);
+  transition: 0.2s, margin-right 0.4s;
+}
+.adi-bucket .adi-bucket-invitation .adi-bucket-invitation-inner {
+  padding: 2px 0 0;
+  border-radius: 3px;
+}
+.adi-bucket .adi-bucket-invitation:hover {
+  border-color: rgba(176, 190, 202, 0.85);
+  color: var(--gd-palette-complementary-7);
+  background: rgba(201, 213, 224, 0.1);
+}
+.adi-bucket .adi-bucket-invitation.adi-bucket-invitation-with-button {
+  margin-right: 41px;
+}
+.adi-bucket .adi-droppable-active .adi-bucket-invitation, .adi-bucket.adi-droppable-active .adi-bucket-invitation {
+  border-color: var(--gd-palette-primary-dimmed50, rgb(53.9215686275%, 84.9019607843%, 94.3137254902%));
+  color: var(--gd-palette-complementary-8, #464e56);
+  background-color: var(--gd-palette-primary-dimmed, rgb(90.7843137255%, 96.9803921569%, 98.862745098%));
+}
+.adi-bucket .adi-droppable-active .adi-bucket-invitation-inner::before, .adi-bucket.adi-droppable-active .adi-bucket-invitation-inner::before {
+  border-color: var(--gd-palette-primary-dimmed50, rgb(53.9215686275%, 84.9019607843%, 94.3137254902%));
+}
+.adi-bucket .adi-droppable-active .adi-bucket-invitation-inner::after, .adi-bucket.adi-droppable-active .adi-bucket-invitation-inner::after {
+  display: block;
+}
+.adi-bucket .adi-bucket-invitation-outer {
+  position: relative;
+  overflow: hidden;
+  border-bottom-left-radius: 3px;
+  border-bottom-right-radius: 3px;
+}
+.adi-bucket .adi-bucket-add-item-button {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 100%;
+  visibility: hidden;
+  width: 100%;
+  border-left: 1px solid #c9d5e0;
+  font-size: 12px;
+  line-height: 18px;
+  white-space: nowrap;
+  color: var(--gd-palette-complementary-5, #b0beca);
+  background-color: var(--gd-palette-complementary-0-from-theme, #fcfcfd);
+  cursor: pointer;
+}
+.adi-bucket .adi-bucket-add-item-button:hover {
+  left: 0;
+  border-left-color: transparent;
+  color: var(--gd-palette-primary-base, #14b2e2);
+  transition: all 0.4s;
+}
+.adi-bucket .adi-bucket-add-item-button::before,
+.adi-bucket .adi-bucket-add-item-button span {
+  position: absolute;
+  top: 50%;
+  margin-top: -10px;
+  line-height: 20px;
+}
+.adi-bucket .adi-bucket-add-item-button::before {
+  left: 0;
+  width: 37px;
+  font-size: 20px;
+  text-align: center;
+}
+.adi-bucket .adi-bucket-add-item-button span {
+  right: 11px;
+  left: 37px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.adi-bucket .adi-bucket-add-item-button-active {
+  left: calc(100% - 37px);
+  visibility: visible;
+}
+.adi-bucket .adi-unsupported-configuration {
+  padding: 20px 10px;
+  font-size: 12.5px;
+  line-height: 15px;
+  text-align: center;
+  color: var(--gd-palette-complementary-5, #b0beca);
+  background-color: rgba(188, 199, 210, 0.1);
+}
+.adi-bucket .adi-stack-warn,
+.adi-bucket .adi-category-warn {
+  padding: 10px 6px 8px;
+  border: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+  border-top: none;
+  border-radius: 0 0 5px 5px;
+  font-size: 11px;
+  font-weight: bold;
+  line-height: 15px;
+  text-transform: uppercase;
+  text-align: center;
+  color: var(--gd-palette-complementary-5, #b0beca);
+  background-color: rgba(188, 199, 210, 0.1);
+}
+.adi-bucket .adi-stack-warn .attr-field-icon::before,
+.adi-bucket .adi-category-warn .attr-field-icon::before {
+  color: var(--gd-palette-complementary-5, #b0beca);
+}
+.adi-bucket.adi-droppable-active .adi-stack-warn,
+.adi-bucket .adi-stack-warn:hover, .adi-bucket.adi-droppable-active .adi-category-warn,
+.adi-bucket .adi-category-warn:hover {
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+.adi-bucket.adi-droppable-active .adi-stack-warn .attr-field-icon::before,
+.adi-bucket .adi-stack-warn:hover .attr-field-icon::before, .adi-bucket.adi-droppable-active .adi-category-warn .attr-field-icon::before,
+.adi-bucket .adi-category-warn:hover .attr-field-icon::before {
+  color: var(--gd-palette-primary-base, #14b2e2);
+}
+.adi-bucket.adi-droppable-active .adi-stack-warn .stack-by,
+.adi-bucket .adi-stack-warn:hover .stack-by, .adi-bucket.adi-droppable-active .adi-category-warn .stack-by,
+.adi-bucket .adi-category-warn:hover .stack-by {
+  color: var(--gd-palette-complementary-9, #000);
+}
+.adi-bucket.adi-droppable-hover .adi-bucket-invitation .adi-bucket-invitation-inner, .adi-bucket.adi-droppable-hover.adi-bucket-invitation .adi-bucket-invitation-inner, .adi-bucket.adi-droppable-hover.adi-replace-invitation .adi-bucket-invitation-inner,
+.adi-bucket .adi-droppable-hover .adi-bucket-invitation .adi-bucket-invitation-inner,
+.adi-bucket .adi-droppable-hover.adi-bucket-invitation .adi-bucket-invitation-inner,
+.adi-bucket .adi-droppable-hover.adi-replace-invitation .adi-bucket-invitation-inner {
+  color: var(--gd-palette-complementary-0, #fff);
+  background-color: var(--gd-palette-primary-base, #14b2e2);
+}
+.adi-bucket.adi-droppable-hover.adi-replace-invitation,
+.adi-bucket .adi-droppable-hover.adi-replace-invitation {
+  z-index: 2;
+}
+.adi-bucket.adi-droppable-hover.adi-replace-invitation .adi-bucket-item-header,
+.adi-bucket .adi-droppable-hover.adi-replace-invitation .adi-bucket-item-header {
+  z-index: 2;
+}
+.adi-bucket.adi-droppable-hover.adi-replace-invitation .adi-bucket-invitation-inner,
+.adi-bucket .adi-droppable-hover.adi-replace-invitation .adi-bucket-invitation-inner {
+  display: block;
+  background-color: var(--gd-palette-primary-dimmed, rgb(90.7843137255%, 96.9803921569%, 98.862745098%));
+}
+.adi-bucket.adi-droppable-hover.adi-replace-invitation .adi-bucket-invitation-inner::before, .adi-bucket.adi-droppable-hover.adi-replace-invitation .adi-bucket-invitation-inner::after,
+.adi-bucket .adi-droppable-hover.adi-replace-invitation .adi-bucket-invitation-inner::before,
+.adi-bucket .adi-droppable-hover.adi-replace-invitation .adi-bucket-invitation-inner::after {
+  display: block;
+}
+.adi-bucket.adi-droppable-hover.adi-replace-invitation .adi-bucket-invitation-inner::before,
+.adi-bucket .adi-droppable-hover.adi-replace-invitation .adi-bucket-invitation-inner::before {
+  border: 2px dashed var(--gd-palette-primary-base, #14b2e2);
+}
+.adi-bucket.bucket-notifications {
+  align-items: center;
+  border: 1px solid #c9d5e0;
+  box-shadow: 0 1px 2px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.09));
+  color: #78838c;
+  background-color: var(--gd-palette-primary-dimmed, rgb(90.7843137255%, 96.9803921569%, 98.862745098%));
+}
+.adi-bucket.bucket-notifications .bucket-notification {
+  display: flex;
+  padding: 4px 7px 4px 0;
+}
+.adi-bucket.bucket-notifications .bucket-notification .bucket-notification-icon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 30px;
+  flex-shrink: 0;
+  text-align: center;
+  font-size: 16px;
+  font-family: Indigo, serif;
+  line-height: 100%;
+}
+.adi-bucket.bucket-notifications .bucket-notification .bucket-notification-icon--granularity::before {
+  content: "\e63c";
+}
+.adi-bucket.bucket-notifications .bucket-notification .bucket-notification-icon--removed-items::before {
+  content: "\e61a";
+}
+.adi-bucket.bucket-notifications .bucket-notification .bucket-notification-icon--hidden-items::before {
+  content: "\e61e";
+}
+.adi-bucket.bucket-notifications .bucket-notification .bucket-notification-message {
+  line-height: 15px;
+  font-size: 11px;
+}
+.adi-bucket.bucket-notifications .bucket-notification + .bucket-notification {
+  border-top: 1px solid #c9d5e0;
+}
+
+.bucket-notification-tooltip ul {
+  margin: 5px;
+  padding-inline-start: 15px;
+}
+
+.bucket-collapsed {
+  margin-bottom: 0;
+}
+.bucket-collapsed + .bucket-collapsed .bucket-title {
+  border-top: none;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+.bucket-collapsed:last-child {
+  box-shadow: 0 1px 2px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.09));
+}
+.bucket-collapsed:last-child .bucket-contents {
+  border-bottom: none;
+}
+.bucket-collapsed:last-child .bucket-title {
+  border-bottom: 1px solid #c9d5e0;
+  border-bottom-left-radius: 3px;
+  border-bottom-right-radius: 3px;
+}
+.bucket-collapsed .bucket-title {
+  cursor: pointer;
+}
+.bucket-collapsed .bucket-contents {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.bucket-configuration {
+  margin-top: 10px;
+}
+.bucket-configuration .adi-bucket-item:last-child .adi-bucket-item-header.collapsed {
+  border-bottom-left-radius: 3px;
+  border-bottom-right-radius: 3px;
+}
+
+.adi-bucket-item {
+  position: relative;
+  margin: -1px;
+  padding: 0;
+  border: 1px solid transparent;
+  color: var(--gd-palette-complementary-8, #464e56);
+}
+.adi-bucket-item.is-dragging,
+.adi-bucket-item.is-dragging .adi-bucket-item-header,
+.adi-bucket-item.is-dragging .adi-bucket-item-header::before,
+.adi-bucket-item.is-dragging .gd-button.button-dropdown.gd-icon-right.gd-icon-plus::after,
+.adi-bucket-item.is-dragging .inlineBubbleHelp {
+  color: var(--gd-palette-complementary-5, #b0beca);
+}
+.adi-bucket-item.is-dragging .adi-bucket-item-header,
+.adi-bucket-item.is-dragging .adi-bucket-configuration {
+  background: #f8fafb;
+}
+.adi-bucket-item.is-dragging .adi-catalog-item::before {
+  color: var(--gd-palette-complementary-3, #dde4eb);
+}
+.adi-bucket-item.is-dragging .adi-show-in-percent .input-checkbox-label .input-label-text,
+.adi-bucket-item.is-dragging .adi-show-on-secondary-axis .input-checkbox-label .input-label-text {
+  color: var(--gd-palette-complementary-5, #b0beca);
+}
+.adi-bucket-item.is-dragging .button-dropdown {
+  transition: none;
+}
+.adi-bucket-item.is-dragging .adi-measure-number-format-wrapper .adi-icon-number-format::before {
+  content: url("@gooddata/sdk-ui-analytical-designer/styles/images/number-format-unrelated.svg");
+}
+.adi-bucket-item.highlight .adi-filter-button {
+  background-color: var(--gd-palette-complementary-2, #ebeff4);
+}
+.adi-bucket-item.highlight .adi-attribute-filter-button {
+  border-radius: 3px;
+  background-color: var(--gd-palette-complementary-2, #ebeff4);
+}
+.adi-bucket-item.highlight:not(.adi-filter-item-wrapper) {
+  background-color: var(--gd-palette-complementary-2, #ebeff4);
+}
+.adi-bucket-item .adi-bucket-item-sequence-number {
+  position: absolute;
+  top: 0;
+  right: 5px;
+  font-family: menlo, monaco, consolas, "Courier New", monospace;
+  font-size: 10px;
+  font-weight: normal;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+.adi-bucket-item .adi-bucket-item-header {
+  position: relative;
+  overflow: visible;
+  min-height: 25px;
+  margin: -1px;
+  padding: 4px 10px 4px 33px;
+  border: 1px solid #c9d5e0;
+  border-bottom-left-radius: 3px;
+  border-bottom-right-radius: 3px;
+  line-height: 25px;
+  white-space: normal;
+  text-overflow: ellipsis;
+  color: var(--gd-palette-complementary-9, #000);
+  transition: 0.2s;
+  transition-delay: 0.1s;
+  transition-property: margin-left, padding-left, border-radius, background-color, border-color;
+}
+.adi-bucket-item .adi-bucket-item-header > h4 {
+  position: relative;
+  top: 4px;
+  display: inline-block;
+  overflow: hidden;
+  max-width: 172px;
+  margin: 0 3px 3px 0;
+  font-size: 13px;
+  font-weight: normal;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  vertical-align: middle;
+}
+.adi-bucket-item .adi-bucket-item-header .adi-catalog-item {
+  position: relative;
+  top: 1px;
+  overflow: visible;
+  line-height: 27px;
+  color: inherit;
+}
+.adi-bucket-item .adi-bucket-item-header .adi-catalog-item.configurable-attribute, .adi-bucket-item .adi-bucket-item-header .adi-catalog-item.multiple-dates {
+  left: 20px;
+  width: 150px;
+}
+.adi-bucket-item .adi-bucket-item-header .adi-catalog-item::before {
+  position: absolute;
+  left: -25px;
+}
+.adi-bucket-item .adi-bucket-item-header .adi-catalog-item > div {
+  overflow: hidden;
+}
+.adi-bucket-item .adi-bucket-item-header .adi-attribute-filter-label {
+  font-size: 11px;
+}
+.adi-bucket-item .adi-bucket-item-header .gd-editable-label-inner {
+  height: auto;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+.adi-bucket-item .adi-bucket-item-header .gd-editable-label {
+  position: relative;
+  display: block;
+  overflow: hidden;
+  width: auto;
+  height: auto;
+  min-height: 17px;
+  margin: 0 -6px;
+  padding: 3px 5px;
+  line-height: 17px;
+  text-overflow: ellipsis;
+}
+.adi-bucket-item .adi-bucket-item-header .gd-editable-label:hover, .adi-bucket-item .adi-bucket-item-header .gd-editable-label:focus, .adi-bucket-item .adi-bucket-item-header .gd-editable-label:active, .adi-bucket-item .adi-bucket-item-header .gd-editable-label.is-editing {
+  border-color: rgba(177, 193, 209, 0.75);
+  background-color: var(--gd-palette-complementary-0, #fff);
+}
+.adi-bucket-item .adi-bucket-item-header .gd-editable-label,
+.adi-bucket-item .adi-bucket-item-header .gd-editable-label textarea {
+  white-space: nowrap;
+}
+.adi-bucket-item .adi-bucket-item-header .gd-editable-label textarea {
+  width: 100%;
+}
+.adi-bucket-item .adi-bucket-item-header .gd-editable-label.measure-item-editable-label {
+  margin: 0 20px 0 -6px;
+}
+.adi-bucket-item .adi-bucket-item-header .adi-bucket-item-sub-header {
+  display: block;
+  width: 175px;
+  margin: -2px 0 0;
+  border-radius: 3px;
+  font-size: 10px;
+  font-weight: normal;
+  line-height: 14px;
+  white-space: nowrap;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+  transition: 0.2s;
+  transition-property: color;
+}
+.adi-bucket-item .adi-bucket-item-header.expanded .adi-bucket-item-sub-header {
+  color: inherit;
+}
+.adi-bucket-item .adi-bucket-item-header .adi-attribute-filter-label,
+.adi-bucket-item .adi-bucket-item-header .adi-date-filter-label {
+  overflow: hidden;
+}
+.adi-bucket-item .adi-bucket-item-header .adi-attribute-filter-label .label,
+.adi-bucket-item .adi-bucket-item-header .adi-date-filter-label .label {
+  max-width: 175px;
+}
+.adi-bucket-item .adi-configuration-section-header {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.adi-bucket-item .adi-bucket-item-header-has-toggle {
+  padding-right: 50px;
+}
+.adi-bucket-item .expanded,
+.adi-bucket-item .collapsed {
+  border-color: #c9d5e0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.adi-bucket-item .expanded::before,
+.adi-bucket-item .collapsed::before {
+  content: "\e611";
+  position: absolute;
+  top: 9px;
+  right: 190px;
+  bottom: auto;
+  left: auto;
+  display: inline-block;
+  font-family: Indigo, sans-serif;
+  font-weight: normal;
+  font-size: 15px;
+  line-height: 16px;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+  -webkit-backface-visibility: hidden;
+  transition: 0.2s;
+}
+.adi-bucket-item .expanded {
+  z-index: 1;
+  border: 1px solid #b1c1d1;
+  box-shadow: 0 1px 2px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.09));
+  font-weight: bold;
+}
+.adi-bucket-item .expanded > h4 {
+  font-weight: bold;
+}
+.adi-bucket-item .expanded::before {
+  color: var(--gd-palette-complementary-7);
+  transform: rotate(90deg);
+}
+.adi-bucket-item .expanded .adi-catalog-item {
+  font-weight: bold;
+}
+.adi-bucket-item .adi-bucket-invitation-inner {
+  display: none;
+}
+.adi-bucket-item.adi-replace-invitation {
+  z-index: 1;
+}
+.adi-bucket-item.adi-replace-invitation .adi-bucket-item-header {
+  transition-property: none;
+  transition-duration: 1ms;
+}
+.adi-bucket-item.adi-replace-invitation .adi-bucket-invitation-inner {
+  position: absolute;
+  z-index: 3;
+  top: -1px;
+  right: -1px;
+  bottom: -2px;
+  left: -1px;
+  display: block;
+  margin: 0;
+  font-size: 11px;
+  font-weight: bold;
+  line-height: 20px;
+  text-transform: uppercase;
+  text-align: center;
+  color: transparent;
+}
+.adi-bucket-item.adi-replace-invitation .adi-bucket-invitation-inner::before, .adi-bucket-item.adi-replace-invitation .adi-bucket-invitation-inner::after {
+  content: "";
+  position: absolute;
+  display: none;
+  width: auto;
+  margin: 0;
+}
+.adi-bucket-item.adi-replace-invitation .adi-bucket-invitation-inner::before {
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: block;
+  border: 2px solid var(--gd-palette-primary-dimmed50, rgb(53.9215686275%, 84.9019607843%, 94.3137254902%));
+}
+.adi-bucket-item.adi-replace-invitation .adi-bucket-invitation-inner::after {
+  z-index: -1;
+  top: 4px;
+  right: 4px;
+  bottom: 4px;
+  left: 4px;
+  border-radius: 3px;
+  background-color: var(--gd-palette-primary-base, #14b2e2);
+}
+.adi-bucket-item.adi-replace-invitation .adi-bucket-invitation-inner span {
+  position: absolute;
+  top: 50%;
+  right: 0;
+  left: 0;
+  display: block;
+  max-width: none;
+  margin-top: -10px;
+}
+.adi-bucket-item.adi-replace-invitation .collapsed .adi-bucket-item-header {
+  border-bottom: transparent;
+}
+.adi-bucket-item:hover .adi-bucket-item-header:not(.renaming) {
+  box-shadow: 0 1px 2px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.09));
+}
+.adi-bucket-item:hover .adi-bucket-item-header:not(.renaming)::before {
+  color: var(--gd-palette-complementary-7);
+}
+.adi-bucket-item.adi-dragged-item {
+  width: 218px;
+  border: 1px solid rgba(201, 213, 224, 0.5);
+  border-radius: 2px;
+  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));
+  list-style-type: none;
+  background: rgba(255, 255, 255, 0.95);
+  opacity: 0.8;
+}
+.adi-bucket-item.adi-dragged-item .adi-bucket-configuration {
+  display: none;
+}
+.adi-bucket-item.adi-dragged-item .adi-bucket-item-header::after {
+  background-image: url("@gooddata/sdk-ui-analytical-designer/styles/images/icon-drag-field-dragged.svg");
+  opacity: 1;
+}
+.adi-bucket-item.about-to-be-removed {
+  background-color: var(--gd-palette-primary-dimmed, rgb(90.7843137255%, 96.9803921569%, 98.862745098%));
+}
+.adi-bucket-item.about-to-be-removed::before {
+  line-height: 47px;
+}
+.adi-bucket-item.about-to-be-removed.has-no-operands::before {
+  line-height: 35px;
+}
+.adi-bucket-item.about-to-be-removed,
+.adi-bucket-item.about-to-be-removed .adi-bucket-item-header,
+.adi-bucket-item.about-to-be-removed .adi-bucket-item-header::before,
+.adi-bucket-item.about-to-be-removed .adi-bucket-item-sub-header,
+.adi-bucket-item.about-to-be-removed .gd-button.button-dropdown.gd-icon-right.gd-icon-plus::after {
+  color: var(--gd-palette-complementary-5, #b0beca);
+}
+.adi-bucket-item.about-to-be-removed .adi-bucket-item-sequence-number {
+  visibility: hidden;
+}
+@keyframes measure-trash-bin-reveal {
+  from {
+    right: 15px;
+    opacity: 0;
+  }
+  to {
+    right: 5px;
+    opacity: 1;
+  }
+}
+
+.adi-bucket-item-drag-handle {
+  position: relative;
+}
+.adi-bucket-item-drag-handle .adi-bucket-item-header {
+  cursor: grab;
+}
+.adi-bucket-item-drag-handle .adi-bucket-item-header::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 17px;
+  margin: 6px 0 5px;
+  background: url("@gooddata/sdk-ui-analytical-designer/styles/images/icon-drag-field.svg") repeat-y center top;
+  opacity: 0;
+  transition: 0.2s;
+  transition-delay: 0.1s;
+  transition-property: opacity;
+  transition-timing-function: ease-in;
+}
+.adi-bucket-item-drag-handle:hover {
+  z-index: 1;
+}
+.adi-bucket-item-drag-handle:hover .adi-bucket-item-header:not(.renaming) {
+  margin-left: -7px;
+  padding-left: 39px;
+  border-color: #b1c1d1;
+  border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
+  background-color: var(--gd-palette-complementary-0, #fff);
+}
+.adi-bucket-item-drag-handle:hover .adi-bucket-item-header:not(.renaming)::after {
+  opacity: 1;
+  transition-timing-function: ease-out;
+}
+
+.adi-bucket-item-toggle {
+  position: absolute;
+  z-index: 1;
+  top: 7px;
+  right: 12px;
+}
+
+.adi-bucket-item-toggle-bubble {
+  cursor: help;
+}
+
+.adi-bucket-configuration {
+  z-index: 1;
+  padding: 6px 12px 8px;
+  box-shadow: inset 0 -1px 2px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.09));
+  font-size: 12px;
+  line-height: 16px;
+  background-color: rgba(136, 170, 185, 0.06);
+}
+.adi-bucket-configuration:empty {
+  padding: 0;
+}
+.adi-bucket-configuration section {
+  margin: 5px 0 0;
+  padding: 5px 0 0;
+  border-top: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+}
+.adi-bucket-configuration.adi-arithmetic-measure-configuration section {
+  border-top: 0;
+}
+.adi-bucket-configuration.adi-arithmetic-measure-configuration section.adi-is-a-total-measure {
+  margin-top: 10px;
+  border-top: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+}
+.adi-bucket-configuration.adi-arithmetic-measure-configuration section.adi-is-a-total-measure + section {
+  border-top: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+}
+.adi-bucket-configuration fieldset {
+  margin: 15px 0 0;
+  padding: 0 0 0 10px;
+  border: none;
+  border-left: 2px dotted var(--gd-palette-complementary-3, #dde4eb);
+}
+.adi-bucket-configuration legend {
+  position: relative;
+  top: -10px;
+  left: -17px;
+  box-sizing: border-box;
+  width: calc(100% + 17px);
+  margin: 0 0 -4px;
+  padding: 5px 0 0;
+}
+.adi-bucket-configuration legend .input-checkbox-toggle {
+  position: absolute;
+  top: 5px;
+  right: 0;
+  margin: 0;
+}
+.adi-bucket-configuration .adi-input-warning {
+  color: gray;
+  background: var(--gd-palette-warning-base, #f18600);
+}
+.adi-bucket-configuration .adi-input-error,
+.adi-bucket-configuration .adi-input-progress,
+.adi-bucket-configuration .adi-input-warning {
+  width: 100%;
+  margin-top: 5px;
+  font-size: 12px;
+}
+.adi-bucket-configuration .configuration-subsection {
+  padding-left: 5px;
+}
+.adi-bucket-configuration .configuration-subsection .adi-properties-dropdown-container {
+  display: flex;
+  align-items: center;
+  width: 177px;
+}
+.adi-bucket-configuration .configuration-subsection .adi-properties-dropdown-container .input-label-text {
+  margin-right: 15px;
+}
+.adi-bucket-configuration .adi-properties-dropdown-container {
+  display: flex;
+  align-items: center;
+}
+.adi-bucket-configuration .adi-properties-dropdown-container .input-label-text {
+  flex-grow: 2;
+}
+.adi-bucket-configuration .adi-bucket-inputfield {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 4px 0;
+}
+.adi-bucket-configuration .adi-bucket-inputfield .input-label-text {
+  margin-right: 20px;
+}
+.adi-bucket-configuration .adi-bucket-inputfield .gd-input-field {
+  width: 117px;
+}
+.adi-bucket-configuration .adi-bucket-inputfield .number {
+  text-align: right;
+}
+.adi-bucket-configuration .adi-bucket-inputfield .button-dropdown {
+  width: 100%;
+}
+.adi-bucket-configuration .adi-bucket-inputfield .button-dropdown:focus-visible {
+  outline-color: var(--gd-palette-primary-base, #14b2e2);
+}
+.adi-bucket-configuration .adi-bucket-inputfield-description {
+  color: var(--gd-palette-complementary-7);
+  font-size: 12px;
+  line-height: 16px;
+  margin: 3px 0;
+}
+.adi-bucket-configuration .adi-bucket-inputfield-description a {
+  color: var(--gd-palette-complementary-7);
+  font-size: 12px;
+  line-height: 16px;
+}
+.adi-bucket-configuration .adi-bucket-inputfield-description a:hover {
+  color: var(--gd-palette-complementary-8, #464e56);
+}
+.adi-bucket-configuration .adi-bucket-dropdown {
+  flex: 1 1 auto;
+  overflow: hidden;
+  padding: 5px 0;
+}
+.adi-bucket-configuration .adi-bucket-dropdown,
+.adi-bucket-configuration .adi-bucket-control {
+  width: 117px;
+}
+.adi-bucket-configuration .legend-title {
+  position: relative;
+  display: block;
+  overflow: hidden;
+  margin: 0 40px 0 0;
+  font-size: 11px;
+  font-weight: bold;
+  text-transform: uppercase;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+.adi-bucket-configuration .legend-title:only-child {
+  margin-right: 0;
+}
+.adi-bucket-configuration .legend-title::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  display: inline-block;
+  width: 100%;
+  height: 0;
+  margin-left: 10px;
+  border-top: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+}
+.adi-bucket-configuration .attribute-filters-wrapper h2 {
+  margin-top: 1px;
+  margin-bottom: 2px;
+  font-weight: bold;
+  font-size: 10px;
+  text-transform: uppercase;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+.adi-bucket-configuration .attribute-filters-wrapper .gd-button-link.gd-icon-plus {
+  height: auto;
+  padding-left: 24px;
+  font-size: 12px;
+  color: inherit;
+}
+.adi-bucket-configuration .attribute-filters-wrapper .gd-button-link.gd-icon-plus::after {
+  right: auto;
+  left: 2px;
+  font-size: 15px;
+  color: var(--gd-palette-primary-base, #14b2e2);
+}
+.adi-bucket-configuration .attribute-filters-wrapper .gd-button-link.gd-icon-plus,
+.adi-bucket-configuration .attribute-filters-wrapper .gd-button-link.gd-icon-plus .gd-button-text, .adi-bucket-configuration .attribute-filters-wrapper .gd-button-link.gd-icon-plus:hover,
+.adi-bucket-configuration .attribute-filters-wrapper .gd-button-link.gd-icon-plus:hover .gd-button-text {
+  text-decoration: none;
+}
+.adi-bucket-configuration .adi-catalog-item {
+  color: inherit;
+}
+.adi-bucket-configuration .adi-catalog-item::before {
+  margin-left: 0;
+  margin-right: 5px;
+}
+.adi-bucket-configuration .adi-attribute-filters-list {
+  margin-left: -7px;
+}
+.adi-bucket-configuration .adi-attribute-filters-list .gd-attribute-filter__next {
+  display: flex;
+}
+.adi-bucket-configuration .metric-filter-wrapper {
+  display: flex;
+  justify-content: space-between;
+}
+.adi-bucket-configuration .metric-filter-wrapper > div {
+  flex-grow: 1;
+}
+.adi-bucket-configuration .metric-filter-wrapper .adi-filter-button {
+  max-width: 182px;
+}
+.adi-bucket-configuration .metric-filter-wrapper .remove-filter {
+  flex: 0 0 auto;
+  width: 19px;
+  margin-top: -3px;
+  margin-bottom: -5px;
+}
+.adi-bucket-configuration .metric-filter-wrapper .remove-filter::before {
+  left: 0;
+  font-size: 14px;
+}
+.adi-bucket-configuration .metric-filter-wrapper .gd-bubble-trigger {
+  display: inline-block;
+}
+.adi-bucket-configuration .adi-measure-number-format-button-wrapper {
+  width: 100%;
+}
+.adi-bucket-configuration .adi-bucket-item__checkbox-with-label {
+  display: flex;
+}
+.adi-bucket-configuration .adi-bucket-item__checkbox-with-label .input-checkbox-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.adi-bucket-configuration .adi-bucket-item__checkbox-with-label .adi-bucket-item__checkbox-with-label__tooltip-trigger {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin-left: auto;
+}
+.adi-bucket-configuration .metric-date-filter-button,
+.adi-bucket-configuration .adi-filter-button,
+.adi-bucket-configuration .adi-measure-number-format-button,
+.adi-bucket-configuration .gd-button-link.gd-icon-plus {
+  height: auto;
+  margin-left: -7px;
+  padding: 2px 5px;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  line-height: 18px;
+  color: inherit;
+}
+.adi-bucket-configuration .metric-date-filter-button.adi-metric-attribute-filter,
+.adi-bucket-configuration .adi-filter-button.adi-metric-attribute-filter,
+.adi-bucket-configuration .adi-measure-number-format-button.adi-metric-attribute-filter,
+.adi-bucket-configuration .gd-button-link.gd-icon-plus.adi-metric-attribute-filter {
+  margin-left: 0;
+}
+.adi-bucket-configuration .metric-date-filter-button:hover, .adi-bucket-configuration .metric-date-filter-button.is-active,
+.adi-bucket-configuration .adi-filter-button:hover,
+.adi-bucket-configuration .adi-filter-button.is-active,
+.adi-bucket-configuration .adi-measure-number-format-button:hover,
+.adi-bucket-configuration .adi-measure-number-format-button.is-active,
+.adi-bucket-configuration .gd-button-link.gd-icon-plus:hover,
+.adi-bucket-configuration .gd-button-link.gd-icon-plus.is-active {
+  border-color: #b1c1d1;
+  box-shadow: 0 1px 1px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15)), inset 0 -1px 0 0 rgba(177, 193, 209, 0.6);
+  background-color: #f8fafb;
+}
+.adi-bucket-configuration .metric-date-filter-button:active, .adi-bucket-configuration .metric-date-filter-button.is-active,
+.adi-bucket-configuration .adi-filter-button:active,
+.adi-bucket-configuration .adi-filter-button.is-active,
+.adi-bucket-configuration .adi-measure-number-format-button:active,
+.adi-bucket-configuration .adi-measure-number-format-button.is-active,
+.adi-bucket-configuration .gd-button-link.gd-icon-plus:active,
+.adi-bucket-configuration .gd-button-link.gd-icon-plus.is-active {
+  border: 1px solid rgba(31, 52, 73, 0.2);
+  box-shadow: inset 0 1px 0 0 rgba(177, 193, 209, 0.65);
+  background-image: linear-gradient(-179deg, var(--gd-palette-complementary-2-from-theme, #dee6ef) 0%, var(--gd-palette-complementary-2-from-theme, #ecf0f5) 100%);
+}
+.adi-bucket-configuration .metric-date-filter-button label,
+.adi-bucket-configuration .adi-filter-button label,
+.adi-bucket-configuration .adi-measure-number-format-button label,
+.adi-bucket-configuration .gd-button-link.gd-icon-plus label {
+  text-align: left;
+  color: var(--gd-palette-complementary-8, #464e56);
+}
+.adi-bucket-configuration .metric-date-filter-button.disabled,
+.adi-bucket-configuration .adi-filter-button.disabled,
+.adi-bucket-configuration .adi-measure-number-format-button.disabled,
+.adi-bucket-configuration .gd-button-link.gd-icon-plus.disabled {
+  border-color: transparent;
+  box-shadow: none;
+  color: var(--gd-palette-complementary-5, #b0beca);
+}
+.adi-bucket-configuration .metric-date-filter-button.disabled::before,
+.adi-bucket-configuration .adi-filter-button.disabled::before,
+.adi-bucket-configuration .adi-measure-number-format-button.disabled::before,
+.adi-bucket-configuration .gd-button-link.gd-icon-plus.disabled::before {
+  color: var(--gd-palette-complementary-5, #b0beca);
+}
+.adi-bucket-configuration .metric-date-filter-button .gd-button-text,
+.adi-bucket-configuration .adi-filter-button .gd-button-text,
+.adi-bucket-configuration .adi-measure-number-format-button .gd-button-text,
+.adi-bucket-configuration .gd-button-link.gd-icon-plus .gd-button-text {
+  text-decoration: none;
+}
+.adi-bucket-configuration .adi-filter-button {
+  position: relative;
+  display: block;
+  padding-right: 18px;
+}
+.adi-bucket-configuration .adi-filter-button.adi-dragged-item::before, .adi-bucket-configuration .adi-filter-button.is-active::before, .adi-bucket-configuration .adi-filter-button:hover::before,
+.adi-bucket-configuration .adi-filter-button .gd-button-text::before {
+  display: none;
+}
+.adi-bucket-configuration .adi-filter-button::after {
+  position: absolute;
+  top: 0;
+  right: 5px;
+  bottom: 0;
+}
+.adi-bucket-configuration .adi-show-all-values-section {
+  display: inline-block;
+}
+.adi-bucket-configuration .input-checkbox-label {
+  margin-left: -3px;
+  padding-left: 23px;
+}
+.adi-bucket-configuration.adi-color-configuration {
+  padding-right: 0;
+  padding-bottom: 4px;
+  padding-left: 0;
+}
+.adi-bucket-configuration.adi-color-configuration:empty {
+  padding: 0;
+}
+.adi-bucket-configuration.adi-color-configuration .gd-colored-items-list {
+  width: auto;
+}
+.adi-bucket-configuration .adi-measure-number-format-wrapper .gd-button-link {
+  height: auto;
+  font-size: 12px;
+  color: inherit;
+}
+.adi-bucket-configuration .adi-measure-number-format-wrapper .gd-button-link .gd-button-icon {
+  width: 13px;
+}
+.adi-bucket-configuration .adi-measure-number-format-wrapper .gd-button-link .gd-button-text {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  max-width: 155px;
+}
+.adi-bucket-configuration .adi-measure-number-format-wrapper .adi-measure-number-format-button:hover {
+  outline: none;
+}
+.adi-bucket-configuration .adi-measure-number-format-wrapper .adi-icon-number-format::before {
+  content: url("@gooddata/sdk-ui-analytical-designer/styles/images/number-format.svg");
+}
+.adi-bucket-configuration .comparison-label-conditional .input-checkbox-label {
+  margin-top: 13px;
+}
+.adi-bucket-configuration .comparison-label-itemline .adi-bucket-inputfield {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  align-content: space-between;
+  margin-top: 15px;
+}
+.adi-bucket-configuration .comparison-label-itemline .gd-input-field {
+  width: 177px;
+  margin-top: 7px;
+}
+.adi-bucket-configuration .calculation-control {
+  padding: 8px 0 2px;
+}
+.adi-bucket-configuration .calculation-control .adi-properties-dropdown-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+.adi-bucket-configuration .calculation-control .adi-bucket-inputfield {
+  padding: 0;
+}
+.adi-bucket-configuration .calculation-control .adi-bucket-dropdown {
+  width: 194px;
+}
+.adi-bucket-configuration .comparison-indicator-sub-section {
+  display: flex;
+  flex-direction: column;
+  gap: 13px;
+}
+.adi-bucket-configuration .comparison-color-list-item {
+  margin-top: 3px;
+}
+.adi-bucket-configuration .comparison-color-list-item > div {
+  margin-top: 5px;
+}
+.adi-bucket-configuration .comparison-color-list-item .gd-color-config-list-item {
+  padding: 5px 10px;
+}
+
+.adi-attribute-display-form-button:hover {
+  outline: none;
+}
+
+.date-granularity {
+  margin-top: 0;
+  padding-top: 12px;
+  border-top: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+}
+.date-granularity .select {
+  display: flex;
+  align-items: center;
+  margin-top: 3px;
+  white-space: nowrap;
+}
+.date-granularity .select > span {
+  flex: 0 0 auto;
+}
+.date-granularity .select:first-child,
+.date-granularity .select:first-child .select-label,
+.date-granularity .select:first-child .select-button {
+  margin-top: 0;
+}
+.date-granularity .select-label,
+.date-granularity .select-button {
+  margin-top: 4px;
+}
+.date-granularity .select-label {
+  margin-right: 10px;
+}
+.date-granularity .select-button {
+  flex: 1 1 auto;
+  overflow: hidden;
+}
+.date-granularity .select-button button {
+  width: 100%;
+}
+.date-granularity .adi-date-granularity-switch .gd-menuOpenedByClick-togglerWrapped {
+  width: 100%;
+}
+
+.adi-metric-bucket-item-configuration,
+.adi-attribute-bucket-item-configuration,
+.adi-configuration-bucket-item-configuration {
+  z-index: 2;
+  margin: 0 -1px -1px;
+  border: 1px solid #b1c1d1;
+}
+
+.adi-metric-bucket-item-configuration label:not(.input-checkbox-label) {
+  display: block;
+  padding: 4px 0;
+  color: inherit;
+}
+.adi-metric-bucket-item-configuration label.checkbox {
+  margin-left: 17px;
+}
+.adi-metric-bucket-item-configuration label.checkbox input {
+  float: left;
+  margin: 2px 0 0 -17px;
+}
+.adi-metric-bucket-item-configuration label.select select {
+  margin-left: 3px;
+}
+.adi-metric-bucket-item-configuration label.is-disabled {
+  color: var(--gd-palette-complementary-5, #b0beca);
+}
+
+.adi-configuration-bucket-item-configuration {
+  border-top: none;
+}
+
+.adi-bucket-drop-line {
+  position: absolute;
+  z-index: 2;
+  width: 100%;
+  border-bottom: 3px dashed var(--gd-palette-primary-dimmed50, rgb(53.9215686275%, 84.9019607843%, 94.3137254902%));
+}
+.adi-bucket-drop-line.adi-drop-line-top {
+  top: -1px;
+}
+.adi-bucket-drop-line.adi-drop-line-bottom {
+  bottom: -1px;
+}
+
+.adi-bucket .adi-bucket-item .adi-bucket-item-header.expanded, .adi-bucket .adi-bucket-item .adi-bucket-item-header.collapsed {
+  cursor: pointer;
+}
+.adi-bucket .adi-bucket-item .adi-filter-button {
+  cursor: pointer;
+}
+.adi-bucket .adi-bucket-item .adi-filter-button::before {
+  cursor: grab;
+}
+
+.adi-dragged-item {
+  cursor: grabbing;
+}
+
+.shortened-label {
+  display: flex;
+}
+.shortened-label div.text {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.shortened-label div.count {
+  display: block;
+  flex: 0 0 auto;
+  margin-left: 10px;
+}
+
+.adi-attribute-wrapper,
+.adi-aggregation-wrapper {
+  position: relative;
+  overflow: hidden;
+  width: 194px;
+  font-size: 12px;
+  line-height: 24px;
+  text-overflow: ellipsis;
+  color: inherit;
+}
+.adi-attribute-wrapper .adi-catalog-item,
+.adi-aggregation-wrapper .adi-catalog-item {
+  position: relative;
+}
+.adi-attribute-wrapper .adi-catalog-item > div,
+.adi-aggregation-wrapper .adi-catalog-item > div {
+  padding-right: 20px;
+  padding-left: 25px;
+}
+.adi-attribute-wrapper .adi-catalog-item > .adi-catalog-item-title-tiger,
+.adi-aggregation-wrapper .adi-catalog-item > .adi-catalog-item-title-tiger {
+  padding-right: 40px;
+}
+.adi-attribute-wrapper .inlineBubbleHelp,
+.adi-aggregation-wrapper .inlineBubbleHelp {
+  width: auto;
+}
+
+.adi-attribute-hyperlink-static-text {
+  margin-top: 5px;
+}
+
+.adi-attribute-hyperlink-static-text-label {
+  color: #687581;
+}
+
+.adi-bucket-select > span {
+  margin-left: 3px;
+  line-height: inherit;
+}
+.adi-bucket-select > span:first-child {
+  margin-left: 0;
+}
+.adi-bucket-select select {
+  width: 150px;
+}
+
+.adi-filter-button {
+  box-sizing: border-box;
+  display: inline-block;
+}
+
+.no-date-available {
+  position: relative;
+}
+.adi-bucket-configuration .no-date-available.adi-filter-button, .adi-date-filter .no-date-available {
+  font-size: 11px;
+  font-weight: bold;
+  color: var(--gd-palette-complementary-5, #b0beca);
+}
+.adi-bucket-configuration .no-date-available.adi-filter-button {
+  white-space: normal;
+  text-align: center;
+  text-transform: uppercase;
+}
+.adi-bucket-configuration .no-date-available.adi-filter-button, .adi-bucket-configuration .no-date-available.adi-filter-button:hover, .adi-bucket-configuration .no-date-available.adi-filter-button:active {
+  padding: 0;
+  border: 0;
+  box-shadow: none;
+  background: none;
+  cursor: default;
+}
+.adi-date-filter .no-date-available {
+  padding-right: 8px;
+}
+.adi-date-filter .no-date-available .gd-button-text span {
+  position: relative;
+  top: 1px;
+}
+
+.adi-date-datasets-list .gd-list-item-header,
+.adi-date-presets-list .gd-list-item-header {
+  padding: 6px 10px;
+}
+
+.adi-date-granularity-dropdown {
+  z-index: 5001;
+  min-width: 135px;
+}
+.adi-date-granularity-dropdown .adi-date-granularity-more-options {
+  margin-right: 30px;
+}
+.adi-date-granularity-dropdown .adi-granularity-preview {
+  color: var(--gd-palette-complementary-6);
+  padding-left: 20px;
+  text-align: right;
+  font-weight: normal;
+}
+
+.gd-menu-wrapper.adi-date-granularity-dropdown {
+  padding: 6px 0;
+}
+.gd-menu-wrapper.adi-date-granularity-dropdown .gd-list-item.gd-menu-item {
+  padding: 2px 10px;
+}
+
+.adi-attribute-display-form-button {
+  max-width: 200px;
+  padding: 2px 5px;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  box-shadow: none;
+  line-height: 18px;
+  color: inherit;
+  background-color: inherit;
+}
+.adi-attribute-display-form-button:hover, .adi-attribute-display-form-button.is-active {
+  border-color: #b1c1d1;
+  box-shadow: 0 1px 1px 0 var(--gd-shadow-color-from-theme, rgba(20, 56, 93, 0.15)), inset 0 -1px 0 0 rgba(177, 193, 209, 0.6);
+  background-color: #f8fafb;
+}
+.adi-attribute-display-form-button:active, .adi-attribute-display-form-button.is-active {
+  border: 1px solid rgba(31, 52, 73, 0.2);
+  box-shadow: inset 0 1px 0 0 rgba(177, 193, 209, 0.65);
+  background-image: linear-gradient(-179deg, var(--gd-palette-complementary-2-from-theme, #dee6ef) 0%, var(--gd-palette-complementary-2-from-theme, #ecf0f5) 100%);
+}
+
+.adi-attribute-bucket-item-configuration .adi-attribute-display-form-button {
+  margin-left: -7px;
+}
+
+.adi-date-bucket-item-configuration .select + section {
+  margin-top: 10px;
+}
+.adi-date-bucket-item-configuration .adi-attribute-display-form-button {
+  margin-left: -6px;
+}
+
+.gd-attribute-display-form-dropdown-body {
+  line-height: 1.4rem;
+}
+.gd-attribute-display-form-dropdown-body .gd-attribute-display-form {
+  padding: 2px 10px;
+}
+.gd-attribute-display-form-dropdown-body .gd-attribute-display-form::before {
+  content: "";
+  flex-shrink: 0;
+  position: relative;
+  top: -1px;
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  margin-right: 6px;
+  vertical-align: bottom;
+}
+.gd-attribute-display-form-dropdown-body .gd-attribute-display-form.gd-icon-earth::before {
+  content: "\e624";
+  color: #f18600;
+  text-align: center;
+}
+
+.gd-bubble.bubble-light.calculation-list-item-bubble .calculation-item-info-header {
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 23px;
+  margin-bottom: 10px;
+}
+.gd-bubble.bubble-light.calculation-list-item-bubble .calculation-item-info-use-in-content {
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 18px;
+  color: var(--gd-palette-complementary-8-from-theme, #687581);
+}
+
+.gd-list-footer .unrelated-date-button {
+  line-height: 16px;
+  padding-left: 3px;
+  padding-right: 0;
+  margin-top: -3px;
+  font-size: 12px;
+}
+
+.gd-dropdown-icon-comparison-position-left,
+.gd-dropdown-icon-comparison-position-right,
+.gd-dropdown-icon-comparison-position-top {
+  margin-right: 10px;
+}
+
+.gd-drill-down-item {
+  border-left: 1px dashed #dde4eb;
+  margin: 10px 0 0 5px;
+  padding-left: 10px;
+}
+
+.gd-drill-down-item-content {
+  background-color: var(--gd-palette-complementary-2, #ebeff4);
+  padding: 10px;
+}
+
+.gd-drill-down-item-attribute {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.gd-drill-down-item-hierarchy-item {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  margin-top: 10px;
+  padding-left: 3px;
+}
+.gd-drill-down-item-hierarchy-item .gd-drill-down-hierarchy-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.adi-metric-visualization-select-wrapper {
+  margin: 5px 0 0;
+  padding: 5px 0 0;
+  border-top: 1px solid var(--gd-palette-complementary-3, #dde4eb);
+}
+
+.adi-metric-visualization-select {
+  margin: 5px 0 0;
+  width: 100%;
+  display: flex;
+}
+
+.adi-metric-visualization-select-item {
+  width: 100%;
+  min-width: 0;
+}
+.adi-metric-visualization-select-item .gd-button-text {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/*# sourceMappingURL=buckets.css.map */