<template>
  <div style="padding-top: 6px; padding-bottom: 6px">
    <div
      role="menuitem"
      tabindex="-1"
      id=":rph:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            ABAP
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rpi:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Agda
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rpj:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Arduino
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rpk:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Assembly
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rpl:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Bash
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rpm:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            BASIC
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rpn:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            BNF
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rpo:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            C
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rpp:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            C#
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rpq:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            C++
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rpr:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Clojure
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rps:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            CoffeeScript
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rpt:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Coq
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rpu:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            CSS
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rpv:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Dart
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rq0:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Dhall
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rq1:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Diff
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rq2:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Docker
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rq3:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            EBNF
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rq4:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Elixir
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rq5:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Elm
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rq6:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Erlang
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rq7:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            F#
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rq8:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Flow
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rq9:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Fortran
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rqa:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Gherkin
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rqb:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            GLSL
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rqc:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Go
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rqd:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            GraphQL
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rqe:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Groovy
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rqf:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Haskell
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rqg:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            HTML
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rqh:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Idris
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rqi:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Java
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rqj:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            JavaScript
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rqk:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            JSON
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rql:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Julia
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rqm:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Kotlin
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rqn:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            LaTeX
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rqo:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Less
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rqp:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Lisp
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rqq:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            LiveScript
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rqr:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            LLVM IR
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rqs:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Lua
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rqt:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Makefile
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rqu:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Markdown
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rqv:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Markup
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rr0:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            MATLAB
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rr1:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Mathematica
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rr2:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Mermaid
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rr3:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Nix
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rr4:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Notion Formula
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rr5:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Objective-C
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rr6:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            OCaml
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rr7:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Pascal
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rr8:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Perl
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rr9:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            PHP
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rra:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Plain Text
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rrb:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            PowerShell
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rrc:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Prolog
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rrd:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Protobuf
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rre:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            PureScript
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rrf:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Python
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rrg:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            R
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rrh:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Racket
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rri:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Reason
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rrj:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Ruby
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rrk:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Rust
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rrl:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Sass
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rrm:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Scala
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rrn:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Scheme
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rro:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Scss
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rrp:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
        background: rgba(55, 53, 47, 0.08);
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Shell
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rrq:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Solidity
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rrr:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            SQL
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rrs:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Swift
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rrt:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            TOML
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rru:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            TypeScript
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rrv:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            VB.Net
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rs0:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Verilog
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rs1:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            VHDL
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rs2:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            Visual Basic
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rs3:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            WebAssembly
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rs4:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            XML
          </div>
        </div>
      </div>
    </div>
    <div
      role="menuitem"
      tabindex="-1"
      id=":rs5:"
      style="
        user-select: none;
        transition: background 20ms ease-in 0s;
        cursor: pointer;
        width: calc(100% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        border-radius: 4px;
      "
    >
      <div
        style="
          display: flex;
          align-items: center;
          line-height: 120%;
          width: 100%;
          user-select: none;
          min-height: 28px;
          font-size: 14px;
        "
      >
        <div
          style="
            margin-left: 12px;
            margin-right: 12px;
            min-width: 0px;
            flex: 1 1 auto;
          "
        >
          <div
            style="
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
            "
          >
            YAML
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  
  
  
};
</script>

<style scoped></style>
