:host {
  @apply inline-block h-12;
}

.shared-branch-selector-input-container {
  @apply w-full flex flex-row items-center z-modal bg-white cursor-pointer;
}

.shared-branch-selector-input {
  @apply text-ellipsis whitespace-nowrap p-2 font-bold text-lg w-full text-black outline-none flex-grow flex-shrink;
}

.shared-branch-selector-opend.shared-branch-selector-input {
  @apply w-full;
}

.shared-branch-selector-input::placeholder {
  @apply text-black;
}

::ng-deep shared-branch-selector ui-autocomplete .ui-autocomplete-output-wrapper {
  @apply overflow-hidden overflow-y-auto rounded-b-md;
  max-height: 350px;
  width: 100%;
  left: unset;
  box-shadow: 0px 14px 14px rgba(206, 212, 219, 0.2);

  button {
    @apply py-2;
  }

  @screen desktop-small {
    @apply max-w-screen-desktop-small;
  }

  @screen desktop {
    @apply max-w-screen-desktop;
  }

  @screen desktop-x-large {
    @apply max-w-screen-desktop-x-large;
  }

  @screen desktop-xx-large {
    @apply max-w-screen-desktop-xx-large;
  }
}

.shared-branch-selector-autocomplete-option.shared-branch-selector-selected {
  @apply bg-customer;
}
