[vue-entry="CoreVisualizations.SeriesPicker"] {
  display: inline-block;
}

.jqplot-seriespicker {
  display: inline-block;

  &:not(.open) {
    opacity: .55;
  }

  &.open { // while open, make sure we're above other series picker icons
    z-index: 1000;
  }

  > a {
    display: inline-block;
    opacity: 0;
    position: absolute;
  }

  position: relative;
}

.jqplot-seriespicker-popover {
  position: absolute;

  top: -3px;
  left: -4px;
}

// In a narrow legend footer the picker stacks onto its own full-width row; widen this
// inline-block wrapper (built in seriesPicker.js) so the picker inside can fill the line.
.jqplot-legend-footer.is-narrow .jqplot-legend-picker > .series-picker-wrapper {
  width: 100%;
}