:host {
  display: contents;

  div.select {
    display: flex;
    flex-flow: row wrap;

    padding: 3px 8px;

    appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2218px%22%20height%3D%2218px%22%20style%3D%22display%3A%20block%3B%2F*%20height%3A%2024px%3B%20*%2F%2F*%20width%3A%2024px%3B%20*%2Fmin-height%3A%2024px%3B%22%3E%3Cpath%20fill%3D%22%23202020%22%20d%3D%22M8.292%2010.293a1.009%201.009%200%20000%201.419l2.939%202.965c.218.215.5.322.779.322s.556-.107.769-.322l2.93-2.955a1.01%201.01%200%20000-1.419.987.987%200%2000-1.406%200l-2.298%202.317-2.307-2.327a.99.99%200%2000-1.406%200z%22%20stroke%3D%22none%22%20stroke-width%3D%221px%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position:
      right 0.2em top 50%,
      0 0;
    border: 1px solid #c5c5c5;
    border-radius: 3px;

    .selected {
      display: flex;
      flex: 0 1 auto;
      flex-flow: row wrap;
      gap: 4px;
    }

    input {
      user-select: none;
      flex: 1;
      background: transparent;
      border: none;

      &:focus-visible {
        outline: none;
      }
    }
  }
}

/* Избавляемся от лишних отступов */
::ng-deep .mat-autocomplete-panel.autocomplete.wiki-auto-ui {
  right: unset;
}
