.multi-select-with-search--search-input-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: .5rem;
  padding: .5rem;

  svg {
    min-width: 1rem;
    min-height: 1rem;
  }

  input[type="search"] {
    outline: none;
    box-shadow: none;
    padding: unset;
    font-size: var(--rem-14);
    border-radius: unset;
    width: calc(100% - 2rem);

    &::placeholder {
      color: var(--neutral-300);
    }

    &:focus {
      outline: none;
    }
  }
}

.multi-select-with-search--selected-items-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0;
}

.multi-select-with-search--selected-items-container:has(+turbo-frame:not(:empty)) {
  display: none;
}