@layer components {
  .ui-dropdown-base {
    @apply rounded-lg border border-neutral-400 hover:border-neutral-600 active:border-neutral-500 pl-4 pr-14 appearance-none select-none focus-base;
    @apply bg-no-repeat text-p2 flex font-medium bg-neutral-100 transition-colors;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjNjY3MDg1IiBkPSJNMTIuOTA0NiAxMkw5LjAwNjcxIDE2LjMzMUwxMC40OTMzIDE3LjY2OUwxNC45OTMzIDEyLjY2OUwxNC45OTMzIDExLjMzMUwxMC40OTMzIDYuMzMxMDVMOS4wMDY3MSA3LjY2ODk4TDEyLjkwNDYgMTJaIiB0cmFuc2Zvcm09InJvdGF0ZSg5MCAxMiAxMikiLz4KPC9zdmc+Cg==");
    background-position: center right 16px;
  }

  .ui-theme-dark .ui-dropdown-base {
    @apply text-neutral-000 bg-neutral-1200 border-neutral-900 hover:border-neutral-700 active:border-neutral-800;
  }

  .ui-dropdown-base option:disabled {
    @apply text-neutral-800;
  }

  .ui-dropdown {
    @apply ui-dropdown-base py-3;
  }

  .ui-dropdown-small {
    @apply ui-dropdown-base py-2.5 text-[14px];
  }

  /* Special wrapper styles for overriding default Select2 functionality */
  .ui-dropdown-select2-wrapper .select2 {
    @apply !w-full;
  }

  .ui-dropdown-select2-wrapper .select2-selection {
    @apply ui-dropdown-small;
  }

  .ui-dropdown-select2-wrapper .select2-selection--single {
    @apply !h-auto !flex !items-center !min-h-[42px];
  }

  .ui-dropdown-select2-wrapper .select2-selection__rendered {
    @apply !leading-normal !px-0;
  }

  .ui-dropdown-select2-wrapper .select2-selection__arrow {
    @apply hidden;
  }

  .ui-dropdown-dark {
    @apply text-neutral-300 bg-neutral-1200 border-neutral-800;
  }
}