.base {
  display: flex;
  flex-direction: column;
  gap: 16px;

  .entries {
    display: flex;
    flex-direction: row;
    gap: 6px;

    .column {
      flex-basis: 50%;

      .targetTitleRow {
        display: flex;
        justify-content: space-between;

        & > * {
          align-self: start;
          border: 0;
          height: 100%;
          padding: 0;
        }
      }
      ul.listContainer {
        border: var(--theme-stroke-width) solid var(--theme-surface-border);
        border-radius: var(--theme-border-radius);
        list-style-type: none;
        margin: 0;
        overflow-y: auto;
        padding-left: 0;
        padding-top: 6px;

        li {
          cursor: pointer;
          height: 24px;
          padding-left: 6px;

          span {
            white-space: nowrap;
          }
          &:hover {
            background-color: var(--theme-surface-strong);
          }
          mark {
            background-color: #faed27;
            padding: 0;
          }
        }
      }
      button {
        padding: 6px;
      }
    }
  }
  h2 {
    color: var(--theme-colors-monochrome-5);
    font-size: 14px;
  }
}
