@gooddata/sdk-ui-dashboard 10.11.0-alpha.23 → 10.11.0-alpha.24

package/styles/css/main.css

@@ -10315,7 +10315,145 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   margin-top: 0.5em;
 }
 
-.bubble.bubble-primary {
+.bubble .arrow-position,
+.bubble .arrow-border,
+.bubble .arrow {
+  position: absolute;
+  z-index: 2;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-width: 7px;
+}
+
+.bubble .arrow-position {
+  border-width: 0;
+}
+
+.bubble .arrow {
+  z-index: 4;
+  border-width: 6px;
+}
+
+.bubble.arrow-top-direction .arrow-position, .bubble.arrow-bottom-direction .arrow-position {
+  margin: 0 12px;
+}
+
+.bubble.arrow-top-direction .arrow, .bubble.arrow-bottom-direction .arrow {
+  left: -6px;
+}
+
+.bubble.arrow-top-direction .arrow-border, .bubble.arrow-bottom-direction .arrow-border {
+  top: 1px;
+  left: -7px;
+}
+
+.bubble.arrow-top-direction .helper, .bubble.arrow-bottom-direction .helper {
+  right: 0;
+  left: 0;
+  height: 8px;
+}
+
+.bubble.arrow-top-direction.arrow-tl .arrow-position, .bubble.arrow-top-direction.arrow-bl .arrow-position, .bubble.arrow-bottom-direction.arrow-tl .arrow-position, .bubble.arrow-bottom-direction.arrow-bl .arrow-position {
+  left: 0;
+}
+
+.bubble.arrow-top-direction.arrow-tr .arrow-position, .bubble.arrow-top-direction.arrow-br .arrow-position, .bubble.arrow-bottom-direction.arrow-tr .arrow-position, .bubble.arrow-bottom-direction.arrow-br .arrow-position {
+  right: 0;
+}
+
+.bubble.arrow-top-direction.arrow-tc .arrow-position, .bubble.arrow-top-direction.arrow-bc .arrow-position, .bubble.arrow-bottom-direction.arrow-tc .arrow-position, .bubble.arrow-bottom-direction.arrow-bc .arrow-position {
+  right: 0;
+  left: 0;
+  margin: 0 auto;
+}
+
+.bubble.arrow-top-direction .arrow-position {
+  top: -15px;
+}
+
+.bubble.arrow-top-direction .arrow {
+  top: 3px;
+}
+
+.bubble.arrow-top-direction .helper {
+  top: -8px;
+}
+
+.bubble.arrow-bottom-direction .arrow-position {
+  bottom: 0;
+}
+
+.bubble.arrow-bottom-direction .arrow-border {
+  top: 0;
+}
+
+.bubble.arrow-bottom-direction .helper {
+  bottom: -8px;
+}
+
+.bubble.arrow-left-direction .arrow-position, .bubble.arrow-right-direction .arrow-position {
+  margin: 10px 0;
+}
+
+.bubble.arrow-left-direction .arrow, .bubble.arrow-right-direction .arrow {
+  top: -5px;
+}
+
+.bubble.arrow-left-direction .arrow-border, .bubble.arrow-right-direction .arrow-border {
+  top: -6px;
+  left: 2px;
+}
+
+.bubble.arrow-left-direction .helper, .bubble.arrow-right-direction .helper {
+  top: 0;
+  bottom: 0;
+  width: 8px;
+}
+
+.bubble.arrow-left-direction.arrow-tl .arrow-position, .bubble.arrow-left-direction.arrow-tr .arrow-position, .bubble.arrow-right-direction.arrow-tl .arrow-position, .bubble.arrow-right-direction.arrow-tr .arrow-position {
+  top: 0;
+}
+
+.bubble.arrow-left-direction.arrow-bl .arrow-position, .bubble.arrow-left-direction.arrow-br .arrow-position, .bubble.arrow-right-direction.arrow-bl .arrow-position, .bubble.arrow-right-direction.arrow-br .arrow-position {
+  bottom: 3px;
+}
+
+.bubble.arrow-left-direction.arrow-cl .arrow-position, .bubble.arrow-left-direction.arrow-cr .arrow-position, .bubble.arrow-right-direction.arrow-cl .arrow-position, .bubble.arrow-right-direction.arrow-cr .arrow-position {
+  top: 0;
+  bottom: 0;
+  margin: auto 0;
+}
+
+.bubble.arrow-left-direction .arrow-position {
+  left: -16px;
+}
+
+.bubble.arrow-left-direction .arrow {
+  left: 4px;
+}
+
+.bubble.arrow-left-direction .helper {
+  left: -8px;
+}
+
+.bubble.arrow-right-direction .arrow-position {
+  right: 0;
+}
+
+.bubble.arrow-right-direction .arrow-border {
+  left: 0;
+}
+
+.bubble.arrow-right-direction .helper {
+  right: -8px;
+}
+
+.bubble.arrow-none .arrow-position {
+  display: none;
+}
+
+.bubble-primary {
   padding: 0;
   border-radius: 3px;
   border-style: solid;
@@ -10324,53 +10462,53 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   box-shadow: 0 1px 3px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.1)), 0 2px 9px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.15));
 }
 
-.bubble.bubble-primary .arrow-border {
+.bubble-primary .arrow-border {
   display: none;
 }
 
-.bubble.bubble-primary {
+.bubble-primary {
   color: var(--gd-tooltip-color, var(--gd-palette-complementary-0, #fff));
   background: var(--gd-tooltip-backgroundColor, var(--gd-palette-complementary-8, rgba(70, 78, 86, 0.95)));
 }
 
-.bubble.bubble-primary .arrow-border,
-.bubble.bubble-primary .arrow {
+.bubble-primary .arrow-border,
+.bubble-primary .arrow {
   border-color: transparent;
 }
 
-.bubble.bubble-primary.arrow-bottom-direction .arrow-border {
+.bubble-primary.arrow-bottom-direction .arrow-border {
   border-top-color: var(--gd-tooltip-backgroundColor, var(--gd-palette-complementary-8, rgba(70, 78, 86, 0.95)));
 }
 
-.bubble.bubble-primary.arrow-bottom-direction .arrow {
+.bubble-primary.arrow-bottom-direction .arrow {
   border-top-color: var(--gd-tooltip-backgroundColor, var(--gd-palette-complementary-8, rgba(70, 78, 86, 0.95)));
 }
 
-.bubble.bubble-primary.arrow-top-direction .arrow-border {
+.bubble-primary.arrow-top-direction .arrow-border {
   border-bottom-color: var(--gd-tooltip-backgroundColor, var(--gd-palette-complementary-8, rgba(70, 78, 86, 0.95)));
 }
 
-.bubble.bubble-primary.arrow-top-direction .arrow {
+.bubble-primary.arrow-top-direction .arrow {
   border-bottom-color: var(--gd-tooltip-backgroundColor, var(--gd-palette-complementary-8, rgba(70, 78, 86, 0.95)));
 }
 
-.bubble.bubble-primary.arrow-left-direction .arrow-border {
+.bubble-primary.arrow-left-direction .arrow-border {
   border-right-color: var(--gd-tooltip-backgroundColor, var(--gd-palette-complementary-8, rgba(70, 78, 86, 0.95)));
 }
 
-.bubble.bubble-primary.arrow-left-direction .arrow {
+.bubble-primary.arrow-left-direction .arrow {
   border-right-color: var(--gd-tooltip-backgroundColor, var(--gd-palette-complementary-8, rgba(70, 78, 86, 0.95)));
 }
 
-.bubble.bubble-primary.arrow-right-direction .arrow-border {
+.bubble-primary.arrow-right-direction .arrow-border {
   border-left-color: var(--gd-tooltip-backgroundColor, var(--gd-palette-complementary-8, rgba(70, 78, 86, 0.95)));
 }
 
-.bubble.bubble-primary.arrow-right-direction .arrow {
+.bubble-primary.arrow-right-direction .arrow {
   border-left-color: var(--gd-tooltip-backgroundColor, var(--gd-palette-complementary-8, rgba(70, 78, 86, 0.95)));
 }
 
-.bubble.bubble-secondary {
+.bubble-secondary {
   padding: 0;
   border-radius: 3px;
   border-style: solid;
@@ -10379,53 +10517,53 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   box-shadow: 0 1px 3px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.1)), 0 2px 9px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.15));
 }
 
-.bubble.bubble-secondary .arrow-border {
+.bubble-secondary .arrow-border {
   display: none;
 }
 
-.bubble.bubble-secondary {
+.bubble-secondary {
   color: var(--gd-palette-complementary-0, #fff);
   background: var(--gd-palette-primary-base-t10, rgba(20, 178, 226, 0.9));
 }
 
-.bubble.bubble-secondary .arrow-border,
-.bubble.bubble-secondary .arrow {
+.bubble-secondary .arrow-border,
+.bubble-secondary .arrow {
   border-color: transparent;
 }
 
-.bubble.bubble-secondary.arrow-bottom-direction .arrow-border {
+.bubble-secondary.arrow-bottom-direction .arrow-border {
   border-top-color: var(--gd-palette-primary-base-t10, rgba(20, 178, 226, 0.9));
 }
 
-.bubble.bubble-secondary.arrow-bottom-direction .arrow {
+.bubble-secondary.arrow-bottom-direction .arrow {
   border-top-color: var(--gd-palette-primary-base-t10, rgba(20, 178, 226, 0.9));
 }
 
-.bubble.bubble-secondary.arrow-top-direction .arrow-border {
+.bubble-secondary.arrow-top-direction .arrow-border {
   border-bottom-color: var(--gd-palette-primary-base-t10, rgba(20, 178, 226, 0.9));
 }
 
-.bubble.bubble-secondary.arrow-top-direction .arrow {
+.bubble-secondary.arrow-top-direction .arrow {
   border-bottom-color: var(--gd-palette-primary-base-t10, rgba(20, 178, 226, 0.9));
 }
 
-.bubble.bubble-secondary.arrow-left-direction .arrow-border {
+.bubble-secondary.arrow-left-direction .arrow-border {
   border-right-color: var(--gd-palette-primary-base-t10, rgba(20, 178, 226, 0.9));
 }
 
-.bubble.bubble-secondary.arrow-left-direction .arrow {
+.bubble-secondary.arrow-left-direction .arrow {
   border-right-color: var(--gd-palette-primary-base-t10, rgba(20, 178, 226, 0.9));
 }
 
-.bubble.bubble-secondary.arrow-right-direction .arrow-border {
+.bubble-secondary.arrow-right-direction .arrow-border {
   border-left-color: var(--gd-palette-primary-base-t10, rgba(20, 178, 226, 0.9));
 }
 
-.bubble.bubble-secondary.arrow-right-direction .arrow {
+.bubble-secondary.arrow-right-direction .arrow {
   border-left-color: var(--gd-palette-primary-base-t10, rgba(20, 178, 226, 0.9));
 }
 
-.bubble.bubble-dark {
+.bubble-dark {
   padding: 0;
   border-radius: 3px;
   border-style: solid;
@@ -10434,53 +10572,53 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   box-shadow: 0 1px 3px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.1)), 0 2px 9px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.15));
 }
 
-.bubble.bubble-dark .arrow-border {
+.bubble-dark .arrow-border {
   display: none;
 }
 
-.bubble.bubble-dark {
+.bubble-dark {
   color: var(--gd-tooltip-color, var(--gd-palette-complementary-0, #fff));
   background: var(--gd-tooltip-backgroundColor, var(--gd-palette-complementary-8, rgba(70, 78, 86, 0.95)));
 }
 
-.bubble.bubble-dark .arrow-border,
-.bubble.bubble-dark .arrow {
+.bubble-dark .arrow-border,
+.bubble-dark .arrow {
   border-color: transparent;
 }
 
-.bubble.bubble-dark.arrow-bottom-direction .arrow-border {
+.bubble-dark.arrow-bottom-direction .arrow-border {
   border-top-color: var(--gd-tooltip-backgroundColor, var(--gd-palette-complementary-8, rgba(70, 78, 86, 0.95)));
 }
 
-.bubble.bubble-dark.arrow-bottom-direction .arrow {
+.bubble-dark.arrow-bottom-direction .arrow {
   border-top-color: var(--gd-tooltip-backgroundColor, var(--gd-palette-complementary-8, rgba(70, 78, 86, 0.95)));
 }
 
-.bubble.bubble-dark.arrow-top-direction .arrow-border {
+.bubble-dark.arrow-top-direction .arrow-border {
   border-bottom-color: var(--gd-tooltip-backgroundColor, var(--gd-palette-complementary-8, rgba(70, 78, 86, 0.95)));
 }
 
-.bubble.bubble-dark.arrow-top-direction .arrow {
+.bubble-dark.arrow-top-direction .arrow {
   border-bottom-color: var(--gd-tooltip-backgroundColor, var(--gd-palette-complementary-8, rgba(70, 78, 86, 0.95)));
 }
 
-.bubble.bubble-dark.arrow-left-direction .arrow-border {
+.bubble-dark.arrow-left-direction .arrow-border {
   border-right-color: var(--gd-tooltip-backgroundColor, var(--gd-palette-complementary-8, rgba(70, 78, 86, 0.95)));
 }
 
-.bubble.bubble-dark.arrow-left-direction .arrow {
+.bubble-dark.arrow-left-direction .arrow {
   border-right-color: var(--gd-tooltip-backgroundColor, var(--gd-palette-complementary-8, rgba(70, 78, 86, 0.95)));
 }
 
-.bubble.bubble-dark.arrow-right-direction .arrow-border {
+.bubble-dark.arrow-right-direction .arrow-border {
   border-left-color: var(--gd-tooltip-backgroundColor, var(--gd-palette-complementary-8, rgba(70, 78, 86, 0.95)));
 }
 
-.bubble.bubble-dark.arrow-right-direction .arrow {
+.bubble-dark.arrow-right-direction .arrow {
   border-left-color: var(--gd-tooltip-backgroundColor, var(--gd-palette-complementary-8, rgba(70, 78, 86, 0.95)));
 }
 
-.bubble.bubble-light {
+.bubble-light {
   padding: 0;
   border-radius: 3px;
   border-style: solid;
@@ -10489,49 +10627,49 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   box-shadow: 0 1px 3px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.1)), 0 2px 9px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.15));
 }
 
-.bubble.bubble-light {
+.bubble-light {
   color: #000;
   background: rgba(255, 255, 255, 0.95);
 }
 
-.bubble.bubble-light .arrow-border,
-.bubble.bubble-light .arrow {
+.bubble-light .arrow-border,
+.bubble-light .arrow {
   border-color: transparent;
 }
 
-.bubble.bubble-light.arrow-bottom-direction .arrow-border {
+.bubble-light.arrow-bottom-direction .arrow-border {
   border-top-color: var(--gd-palette-complementary-3, #c9d5e0);
 }
 
-.bubble.bubble-light.arrow-bottom-direction .arrow {
+.bubble-light.arrow-bottom-direction .arrow {
   border-top-color: rgba(255, 255, 255, 0.95);
 }
 
-.bubble.bubble-light.arrow-top-direction .arrow-border {
+.bubble-light.arrow-top-direction .arrow-border {
   border-bottom-color: var(--gd-palette-complementary-3, #c9d5e0);
 }
 
-.bubble.bubble-light.arrow-top-direction .arrow {
+.bubble-light.arrow-top-direction .arrow {
   border-bottom-color: rgba(255, 255, 255, 0.95);
 }
 
-.bubble.bubble-light.arrow-left-direction .arrow-border {
+.bubble-light.arrow-left-direction .arrow-border {
   border-right-color: var(--gd-palette-complementary-3, #c9d5e0);
 }
 
-.bubble.bubble-light.arrow-left-direction .arrow {
+.bubble-light.arrow-left-direction .arrow {
   border-right-color: rgba(255, 255, 255, 0.95);
 }
 
-.bubble.bubble-light.arrow-right-direction .arrow-border {
+.bubble-light.arrow-right-direction .arrow-border {
   border-left-color: var(--gd-palette-complementary-3, #c9d5e0);
 }
 
-.bubble.bubble-light.arrow-right-direction .arrow {
+.bubble-light.arrow-right-direction .arrow {
   border-left-color: rgba(255, 255, 255, 0.95);
 }
 
-.bubble.bubble-warning {
+.bubble-warning {
   padding: 0;
   border-radius: 3px;
   border-style: solid;
@@ -10540,53 +10678,53 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   box-shadow: 0 1px 3px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.1)), 0 2px 9px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.15));
 }
 
-.bubble.bubble-warning .arrow-border {
+.bubble-warning .arrow-border {
   display: none;
 }
 
-.bubble.bubble-warning {
+.bubble-warning {
   color: var(--gd-palette-complementary-0, #fff);
   background: var(--gd-palette-primary-base-t10, rgba(241, 134, 0, 0.9));
 }
 
-.bubble.bubble-warning .arrow-border,
-.bubble.bubble-warning .arrow {
+.bubble-warning .arrow-border,
+.bubble-warning .arrow {
   border-color: transparent;
 }
 
-.bubble.bubble-warning.arrow-bottom-direction .arrow-border {
+.bubble-warning.arrow-bottom-direction .arrow-border {
   border-top-color: var(--gd-palette-primary-base-t10, rgba(241, 134, 0, 0.9));
 }
 
-.bubble.bubble-warning.arrow-bottom-direction .arrow {
+.bubble-warning.arrow-bottom-direction .arrow {
   border-top-color: var(--gd-palette-primary-base-t10, rgba(241, 134, 0, 0.9));
 }
 
-.bubble.bubble-warning.arrow-top-direction .arrow-border {
+.bubble-warning.arrow-top-direction .arrow-border {
   border-bottom-color: var(--gd-palette-primary-base-t10, rgba(241, 134, 0, 0.9));
 }
 
-.bubble.bubble-warning.arrow-top-direction .arrow {
+.bubble-warning.arrow-top-direction .arrow {
   border-bottom-color: var(--gd-palette-primary-base-t10, rgba(241, 134, 0, 0.9));
 }
 
-.bubble.bubble-warning.arrow-left-direction .arrow-border {
+.bubble-warning.arrow-left-direction .arrow-border {
   border-right-color: var(--gd-palette-primary-base-t10, rgba(241, 134, 0, 0.9));
 }
 
-.bubble.bubble-warning.arrow-left-direction .arrow {
+.bubble-warning.arrow-left-direction .arrow {
   border-right-color: var(--gd-palette-primary-base-t10, rgba(241, 134, 0, 0.9));
 }
 
-.bubble.bubble-warning.arrow-right-direction .arrow-border {
+.bubble-warning.arrow-right-direction .arrow-border {
   border-left-color: var(--gd-palette-primary-base-t10, rgba(241, 134, 0, 0.9));
 }
 
-.bubble.bubble-warning.arrow-right-direction .arrow {
+.bubble-warning.arrow-right-direction .arrow {
   border-left-color: var(--gd-palette-primary-base-t10, rgba(241, 134, 0, 0.9));
 }
 
-.bubble.bubble-negative {
+.bubble-negative {
   padding: 0;
   border-radius: 3px;
   border-style: solid;
@@ -10595,190 +10733,52 @@ a.gd-button-link:hover .gd-button-text, a.gd-button-link-dimmed:hover .gd-button
   box-shadow: 0 1px 3px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.1)), 0 2px 9px 0 var(--gd-shadow-color, rgba(20, 56, 93, 0.15));
 }
 
-.bubble.bubble-negative .arrow-border {
+.bubble-negative .arrow-border {
   display: none;
 }
 
-.bubble.bubble-negative {
+.bubble-negative {
   color: var(--gd-palette-complementary-0, #fff);
   background: var(--gd-palette-error-base-t10, rgba(229, 77, 66, 0.9));
 }
 
-.bubble.bubble-negative .arrow-border,
-.bubble.bubble-negative .arrow {
+.bubble-negative .arrow-border,
+.bubble-negative .arrow {
   border-color: transparent;
 }
 
-.bubble.bubble-negative.arrow-bottom-direction .arrow-border {
+.bubble-negative.arrow-bottom-direction .arrow-border {
   border-top-color: var(--gd-palette-error-base-t10, rgba(229, 77, 66, 0.9));
 }
 
-.bubble.bubble-negative.arrow-bottom-direction .arrow {
+.bubble-negative.arrow-bottom-direction .arrow {
   border-top-color: var(--gd-palette-error-base-t10, rgba(229, 77, 66, 0.9));
 }
 
-.bubble.bubble-negative.arrow-top-direction .arrow-border {
+.bubble-negative.arrow-top-direction .arrow-border {
   border-bottom-color: var(--gd-palette-error-base-t10, rgba(229, 77, 66, 0.9));
 }
 
-.bubble.bubble-negative.arrow-top-direction .arrow {
+.bubble-negative.arrow-top-direction .arrow {
   border-bottom-color: var(--gd-palette-error-base-t10, rgba(229, 77, 66, 0.9));
 }
 
-.bubble.bubble-negative.arrow-left-direction .arrow-border {
+.bubble-negative.arrow-left-direction .arrow-border {
   border-right-color: var(--gd-palette-error-base-t10, rgba(229, 77, 66, 0.9));
 }
 
-.bubble.bubble-negative.arrow-left-direction .arrow {
+.bubble-negative.arrow-left-direction .arrow {
   border-right-color: var(--gd-palette-error-base-t10, rgba(229, 77, 66, 0.9));
 }
 
-.bubble.bubble-negative.arrow-right-direction .arrow-border {
+.bubble-negative.arrow-right-direction .arrow-border {
   border-left-color: var(--gd-palette-error-base-t10, rgba(229, 77, 66, 0.9));
 }
 
-.bubble.bubble-negative.arrow-right-direction .arrow {
+.bubble-negative.arrow-right-direction .arrow {
   border-left-color: var(--gd-palette-error-base-t10, rgba(229, 77, 66, 0.9));
 }
 
-.bubble .arrow-position,
-.bubble .arrow-border,
-.bubble .arrow {
-  position: absolute;
-  z-index: 2;
-  width: 0;
-  height: 0;
-  border-style: solid;
-  border-width: 7px;
-}
-
-.bubble .arrow-position {
-  border-width: 0;
-}
-
-.bubble .arrow {
-  z-index: 4;
-  border-width: 6px;
-}
-
-.bubble.arrow-top-direction .arrow-position, .bubble.arrow-bottom-direction .arrow-position {
-  margin: 0 12px;
-}
-
-.bubble.arrow-top-direction .arrow, .bubble.arrow-bottom-direction .arrow {
-  left: -6px;
-}
-
-.bubble.arrow-top-direction .arrow-border, .bubble.arrow-bottom-direction .arrow-border {
-  top: 1px;
-  left: -7px;
-}
-
-.bubble.arrow-top-direction .helper, .bubble.arrow-bottom-direction .helper {
-  right: 0;
-  left: 0;
-  height: 8px;
-}
-
-.bubble.arrow-top-direction.arrow-tl .arrow-position, .bubble.arrow-top-direction.arrow-bl .arrow-position, .bubble.arrow-bottom-direction.arrow-tl .arrow-position, .bubble.arrow-bottom-direction.arrow-bl .arrow-position {
-  left: 0;
-}
-
-.bubble.arrow-top-direction.arrow-tr .arrow-position, .bubble.arrow-top-direction.arrow-br .arrow-position, .bubble.arrow-bottom-direction.arrow-tr .arrow-position, .bubble.arrow-bottom-direction.arrow-br .arrow-position {
-  right: 0;
-}
-
-.bubble.arrow-top-direction.arrow-tc .arrow-position, .bubble.arrow-top-direction.arrow-bc .arrow-position, .bubble.arrow-bottom-direction.arrow-tc .arrow-position, .bubble.arrow-bottom-direction.arrow-bc .arrow-position {
-  right: 0;
-  left: 0;
-  margin: 0 auto;
-}
-
-.bubble.arrow-top-direction .arrow-position {
-  top: -15px;
-}
-
-.bubble.arrow-top-direction .arrow {
-  top: 3px;
-}
-
-.bubble.arrow-top-direction .helper {
-  top: -8px;
-}
-
-.bubble.arrow-bottom-direction .arrow-position {
-  bottom: 0;
-}
-
-.bubble.arrow-bottom-direction .arrow-border {
-  top: 0;
-}
-
-.bubble.arrow-bottom-direction .helper {
-  bottom: -8px;
-}
-
-.bubble.arrow-left-direction .arrow-position, .bubble.arrow-right-direction .arrow-position {
-  margin: 10px 0;
-}
-
-.bubble.arrow-left-direction .arrow, .bubble.arrow-right-direction .arrow {
-  top: -5px;
-}
-
-.bubble.arrow-left-direction .arrow-border, .bubble.arrow-right-direction .arrow-border {
-  top: -6px;
-  left: 2px;
-}
-
-.bubble.arrow-left-direction .helper, .bubble.arrow-right-direction .helper {
-  top: 0;
-  bottom: 0;
-  width: 8px;
-}
-
-.bubble.arrow-left-direction.arrow-tl .arrow-position, .bubble.arrow-left-direction.arrow-tr .arrow-position, .bubble.arrow-right-direction.arrow-tl .arrow-position, .bubble.arrow-right-direction.arrow-tr .arrow-position {
-  top: 0;
-}
-
-.bubble.arrow-left-direction.arrow-bl .arrow-position, .bubble.arrow-left-direction.arrow-br .arrow-position, .bubble.arrow-right-direction.arrow-bl .arrow-position, .bubble.arrow-right-direction.arrow-br .arrow-position {
-  bottom: 3px;
-}
-
-.bubble.arrow-left-direction.arrow-cl .arrow-position, .bubble.arrow-left-direction.arrow-cr .arrow-position, .bubble.arrow-right-direction.arrow-cl .arrow-position, .bubble.arrow-right-direction.arrow-cr .arrow-position {
-  top: 0;
-  bottom: 0;
-  margin: auto 0;
-}
-
-.bubble.arrow-left-direction .arrow-position {
-  left: -16px;
-}
-
-.bubble.arrow-left-direction .arrow {
-  left: 4px;
-}
-
-.bubble.arrow-left-direction .helper {
-  left: -8px;
-}
-
-.bubble.arrow-right-direction .arrow-position {
-  right: 0;
-}
-
-.bubble.arrow-right-direction .arrow-border {
-  left: 0;
-}
-
-.bubble.arrow-right-direction .helper {
-  right: -8px;
-}
-
-.bubble.arrow-none .arrow-position {
-  display: none;
-}
-
 .gecko .bubble-chart,
 .chrome .bubble-chart,
 .safari .bubble-chart {
@@ -24676,4 +24676,143 @@ div.gd-empty-item-bubble {
   margin: 10px 0;
 }
 
+.gd-visualization-switcher-toolbar-bubble-wrapper.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .gd-configuration-bubble.gd-visualization-switcher-configuration-bubble {
+  width: 270px;
+}
+.gd-visualization-switcher-toolbar-bubble-wrapper.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .bubble-content {
+  padding: 0;
+}
+.gd-visualization-switcher-toolbar-bubble-wrapper.gd-configuration-bubble-wrapper.overlay-wrapper.sdk-edit-mode-on .content {
+  padding: 10px;
+}
+
+.gd-visualization-switcher-toolbar-top {
+  width: 189px;
+  height: 40px;
+  padding: 6px 8px;
+  margin-bottom: 8px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  background-color: white;
+  line-height: 0;
+}
+.gd-visualization-switcher-toolbar-top .gd-bubble-trigger {
+  display: inline-block;
+}
+.gd-visualization-switcher-toolbar-top .left-section {
+  padding: 4px;
+  flex: 0 1 auto;
+}
+.gd-visualization-switcher-toolbar-top .vertical-divider {
+  flex: 0 0 1px;
+  width: 1px;
+  height: 28px;
+  background-color: var(--gd-palette-complementary-2, #ebeff4);
+}
+.gd-visualization-switcher-toolbar-top .middle-section {
+  flex: 1 0 auto;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  color: var(--gd-palette-complementary-7, #6d7680);
+  font-size: 14px;
+}
+.gd-visualization-switcher-toolbar-top .status {
+  padding: 2px 0;
+  line-height: 21px;
+}
+.gd-visualization-switcher-toolbar-top .navigate-button {
+  display: flex;
+  padding: 4px;
+  justify-content: center;
+  align-items: center;
+}
+.gd-visualization-switcher-toolbar-top .right-section {
+  display: flex;
+  padding: 4px;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+}
+.gd-visualization-switcher-toolbar-top .gd-trash-icon:hover path {
+  fill: var(--gd-palette-error-base, #e54d42);
+}
+
+.gd-visualization-switcher-toolbar-bottom {
+  background-color: white;
+}
+.gd-visualization-switcher-toolbar-bottom .configuration-panel-header {
+  height: 39px;
+  position: relative;
+}
+.gd-visualization-switcher-toolbar-bottom .insight-configuration-content {
+  padding: 10px 0 5px 0;
+}
+.gd-visualization-switcher-toolbar-bottom .no-visualizations-text {
+  margin-left: 15px;
+  padding: 5px 0;
+  font-size: 12px;
+  line-height: 21px;
+  color: var(--gd-palette-complementary-6, #94a1ad);
+}
+.gd-visualization-switcher-toolbar-bottom .visualizations-list {
+  max-height: 253px;
+  overflow-y: auto;
+}
+.gd-visualization-switcher-toolbar-bottom .horizontal-divider {
+  width: 100%;
+  text-align: center;
+  padding: 5px 15px;
+}
+.gd-visualization-switcher-toolbar-bottom .horizontal-divider .horizontal-divider-line {
+  height: 1px;
+  background-color: var(--gd-palette-complementary-2, #ebeff4);
+}
+.gd-visualization-switcher-toolbar-bottom .gd-add-visualization {
+  margin-left: 5px;
+  font-size: 12px;
+}
+.gd-visualization-switcher-toolbar-bottom .open-visualizations {
+  padding-top: 5px;
+  padding-bottom: 15px;
+}
+.gd-visualization-switcher-toolbar-bottom .switcher-visualizations-list-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 15px;
+  height: 40px;
+  cursor: pointer;
+}
+.gd-visualization-switcher-toolbar-bottom .switcher-visualizations-list-item:hover {
+  background-color: var(--gd-palette-complementary-2, #ebeff4);
+}
+.gd-visualization-switcher-toolbar-bottom .switcher-visualizations-list-item:hover .visualization-title,
+.gd-visualization-switcher-toolbar-bottom .switcher-visualizations-list-item:hover .gd-vis-type {
+  color: var(--gd-palette-complementary-9, #000);
+}
+.gd-visualization-switcher-toolbar-bottom .switcher-visualizations-list-item.is-selected .visualization-title,
+.gd-visualization-switcher-toolbar-bottom .switcher-visualizations-list-item.is-selected .gd-vis-type {
+  font-weight: 700;
+  color: var(--gd-palette-primary-0, #14b2e2);
+}
+.gd-visualization-switcher-toolbar-bottom .switcher-visualizations-list-item.is-selected:hover {
+  background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
+}
+.gd-visualization-switcher-toolbar-bottom .switcher-visualizations-list-item .visualization-title {
+  display: flex;
+  align-items: center;
+}
+.gd-visualization-switcher-toolbar-bottom .switcher-visualizations-list-item .gd-visualizations-list-item-content-name {
+  white-space: nowrap;
+  max-width: 150px;
+}
+.gd-visualization-switcher-toolbar-bottom .switcher-visualizations-list-item .gd-visualizations-list-item-content-name span {
+  display: inline-block;
+  width: 100%;
+  white-space: nowrap;
+}
+
 /*# sourceMappingURL=main.css.map */