@use '../../../styles';
@use '../../../themes/defaults';

.jse-select-query-language {
  position: relative;
  width: 32px;

  .jse-select-query-language-container {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    box-shadow: defaults.$controls-box-shadow;

    .jse-query-language {
      @include styles.jsoneditor-button;

      text-align: left;
      padding: defaults.$padding styles.$padding-double;
      white-space: nowrap;
      color: defaults.$context-menu-color;
      background: defaults.$context-menu-background;

      &:hover {
        background: defaults.$context-menu-background-highlight;
      }
    }
  }
}