.rc-select {
  @apply !w-full;
}

.rc-select .rc-select-selector {
  @apply rounded-md !border-[1.5px] !border-input !overflow-hidden !bg-white;
}

.rc-select-focused .rc-select-selector {
  @apply outline outline-offset-[2px] outline-[2px] outline-secondary-foreground !border-input;
}

.rc-select .rc-select-selector .rc-select-selection-search-input {
  @apply !bg-white !shadow-none !ring-0 !text-foreground !text-sm !h-[36px] !outline-none;
}

.select-sm .rc-select-selector .rc-select-selection-search-input {
  @apply !h-[30px]
}

.rc-select .rc-select-selection-placeholder {
  @apply !text-muted-foreground  !opacity-100;
}

.rc-select .rc-select-selection-item,
.rc-select .rc-select-selection-placeholder {
  @apply !top-1/2 !left-3 -translate-y-1/2 !text-sm ;
}
.rc-select .rc-select-selection-item {
  @apply max-w-full line-clamp-1 !text-foreground
}

.rc-select .rc-select-clear {
  @apply !text-muted-foreground !text-xs !cursor-pointer !absolute !top-1/2 right-3 -translate-y-1/2;
}
.rc-select .rc-select-clear svg{
  @apply w-3.5 h-3.5
}
.rc-select-dropdown {
  @apply !min-h-fit !bg-white !rounded-lg !border-[1.5px] !border-input !overflow-hidden !z-[61];
}

.rc-select-dropdown .rc-select-item-empty {
  @apply !text-muted-foreground !my-2 !text-sm;
}

.rc-select-dropdown .rc-select-item-option {
  @apply !cursor-pointer;
}

.rc-select-dropdown .rc-select-item-option .rc-select-item-option-content {
  @apply !text-foreground !text-sm !py-2;
}

.rc-select-dropdown .rc-select-item-option-active {
  @apply !bg-primary-foreground;
}

.rc-select-dropdown .rc-select-item-option-selected {
  @apply !bg-accent;
}

.rc-select-dropdown
  .rc-select-item-option-selected
  .rc-select-item-option-state {
  @apply !hidden;
}

.rc-select.rc-select-multiple .rc-select-selector {
  @apply flex-nowrap flex-row-reverse items-center px-2 h-10;
}

.rc-select.rc-select-multiple .rc-select-selection-placeholder,
.rc-select.rc-select-multiple .rc-select-selection-item {
  @apply transform-none;
}

.rc-select-multiple .rc-select-selector .rc-select-selection-item {
  @apply px-1.5 py-1 m-0 flex gap-2 cursor-pointer bg-muted !text-xs;
}

.rc-select-multiple .rc-select-selector .rc-select-selection-overflow-item {
  @apply flex items-center justify-center h-full;
}

.rc-select-multiple .rc-select-selector .rc-select-selection-overflow {
  @apply gap-1 items-center flex-nowrap overflow-x-scroll;
}

.rc-select-multiple
  .rc-select-selector
  .rc-select-selection-overflow::-webkit-scrollbar {
  @apply hidden;
}

.rc-select-selection-item:hover > .rc-select-selection-item-remove {
  @apply text-[#ef4444];
}
