.hw-combobox {
  @apply w-full;
  --hw-handle-image: url("ui/handle.svg");
  --hw-handle-width: 1.25rem;

  .hw-combobox__label {
    @apply block text-sm font-medium text-gray-700;
  }

  .hw-combobox__main__wrapper {
    @apply w-full py-2.5 pl-3 pr-12 text-gray-900 bg-white border-0 rounded-md shadow-xs ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6;
  }

  hw-combobox__handle {
    @apply w-5 h-5 text-gray-400;

    &::before {
      @apply w-5 h-5 text-gray-400;
    }
  }
}