@import '../../../styles';

.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: var(--jse-controls-box-shadow);

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

      text-align: left;
      padding: $padding $padding-double;
      white-space: nowrap;
      color: var(--jse-context-menu-color);
      background: var(--jse-context-menu-background);

      &:hover {
        background: var(--jse-context-menu-background-highlight);
      }
    }
  }
}