export const trigger = `group/select flex items-center justify-between h-12 w-full rounded border data-[state="open"]:border-primary-100 p-4 bg-base-white`;
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 cursor-pointer rounded py-2.5 px-4 text-sm font-normal text-gray-400 outline-none focus:outline-none hover:bg-primary-10 hover:text-base-black hover:font-medium`;
export const content = `bg-white rounded-lg py-3 shadow`;
export const contentViewport = `h-[var(--radix-select-trigger-height)] min-w-[var(--radix-select-trigger-width)] w-full`;
//# sourceMappingURL=styles.js.map