.graph-explorer-instances-search {
  flex: auto;
  display: flex;
  flex-direction: column;

  &__criteria {
    flex-shrink: 0;
    margin: 10px 0 10px 0;
  }

  &__criterions {
    padding-left: 15px;
    margin-bottom: 10px;
    &:empty { margin-bottom: 0; }
  }

  &__criterion {
    display: block;
    position: relative;
    width: 100%;
  }

  &__criterion-class,
  &__criterion-element,
  &__criterion-link-type {
    display: inline-block;
    padding: 2px 10px;
    border-radius: var(--ge-radius-pill);
    border: 1px solid transparent;
    font-size: 12px;
    font-weight: 500;
    word-wrap: break-word;
  }

  &__criterion-class {
    background: #fef3c7;
    border-color: #fcd34d;
    color: #92400e;
  }

  &__criterion-element {
    background: #ffedd5;
    border-color: #fdba74;
    color: #9a3412;
  }

  &__criterion-link-type {
    background: #dcfce7;
    border-color: #86efac;
    color: #166534;
  }

  &__link-direction {
    height: 1em;
    opacity: 0.5;
  }

  &__criterion-remove {
    float: right;
    margin: 0 10px 4px 4px;
  }

  &__text-criteria { margin: 0 10px; }

  &__rest {
    padding: 10px 10px 0 10px;
    border-top: 1px solid var(--ge-border);
  }

  &__results {
    padding-left: 0;
    padding-top: 10px;
    margin: 0 10px 0 10px;
    outline: none;
  }

  &[data-state='finished'] &__results:empty:before {
    content: 'No items correspond to the specified criteria.';
    font-style: italic;
  }

  &__rest-end { margin: 5px 0 10px 0; }
  &__load-more {
    width: 100%;
  }
}