/*
* 1. Fix overflow of vis's specifically for inside embeddable panels, lets the panel decide the overflow
* 2. Force a better looking scrollbar
*/

.embPanel {
  .visualization {
    @include euiScrollBar; /* 2 */
  }

  .visualization .visChart__container {
    overflow: visible; /* 1 */
  }

  .visLegend__toggle {
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
  }
}

// OPTIONS MENU

/**
  * 1. Use opacity to make this element accessible to screen readers and keyboard.
  * 2. Show on focus to enable keyboard accessibility.
  * 3. Always show in editing mode
  */

.embPanel_optionsMenuPopover[class*="-isOpen"],
.embPanel:hover {
  .visLegend__toggle {
    opacity: 1;
  }
}

/* stylelint-disable-next-line no-duplicate-selectors */
.embPanel .visLegend__toggle {
  opacity: 0; /* 1 */

  &:focus {
    opacity: 1; /* 2 */
  }
}

.embPanel--editing {
  .visLegend__toggle {
    opacity: 1; /* 3 */
  }
}