export declare 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 declare const icon = "p-1 group-data-[state=\"open\"]/select:rotate-180 transition-transform duration-50 ease-in-out";
export declare const item = "\n  relative flex items-center w-full gap-2 py-2.5 px-4 text-sm font-normal text-gray-400 cursor-pointer\n  \n  hover:bg-primary-10\n  hover:text-base-black\n  hover:font-medium\n  \n  data-[state=\"checked\"]:bg-primary-10\n  data-[state=\"checked\"]:text-base-black\n  data-[state=\"checked\"]:font-medium\n";
export declare const content = "bg-white rounded-lg py-3 shadow z-10";
export declare const contentViewport = "h-[var(--radix-select-trigger-height)] min-w-[var(--radix-select-trigger-width)] w-full";
//# sourceMappingURL=styles.d.ts.map