.data-select {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: $scrim-content-z-index;
  overflow: auto;
  width: 350px;
  margin-left: -(350px / 2);
  display: flex;
  align-items: center;
  justify-content: center;
  &__content {
    width: 100%;
    text-align: left;
    @include border($panel-border-color);
    @include word-wrap(break-word);
    background-color: $tooltip-background-color;
    border-radius: 2px;
    position: relative;
    margin: 0 auto;
    box-shadow: 0px 4px em-calc(40px) 0px $shadow-color;
  }
  &__options {
    max-height: 255px;
    overflow-y: auto;
    background-color: $ui-0-color;
    @include borderTop($panel-border-color);
    @include borderBottom($panel-border-color);
  }
}