export const trigger = `w-full group/select flex basis-0 items-center justify-between h-12 rounded border data-[state="open"]:border-primary-100 px-4 py-3 bg-base-white whitespace-nowrap`;
export const icon = `p-1 group-data-[state="open"]/select:rotate-180 transition-transform duration-50 ease-in-out`;
export const item = `
  relative flex items-center w-full gap-2 py-2.5 px-4 text-sm font-normal text-gray-400 cursor-pointer
  
  hover:bg-primary-10
  hover:text-base-black
  hover:font-medium
  
  data-[state="checked"]:bg-primary-10
  data-[state="checked"]:text-base-black
  data-[state="checked"]:font-medium
`;
export const content = `bg-white rounded-lg py-3 shadow z-10`;
export const contentViewport = `h-[var(--radix-select-trigger-height)] min-w-[var(--radix-select-trigger-width)] w-full`;
//# sourceMappingURL=styles.js.map