export declare const effect1 = "focus:[outline:none] px-0 py-[7px] border-b-[#ccc] border-0 border-b border-solid \n[&~span]:absolute [&~span]:w-0 [&~span]:h-0.5 [&~span]:bg-[#4caf50] [&~span]:duration-[0.4s] [&~span]:left-0 [&~span]:bottom-0\n[&:focus~span]:w-full [&:focus~span]:duration-[0.4s] \n";
export declare const effect2 = "focus:[outline:none] px-0 py-[7px] border-b-[#ccc] border-0 border-b border-solid\n[&~span]:absolute [&~span]:w-0 [&~span]:h-0.5 [&~span]:bg-[#4caf50] [&~span]:duration-[0.4s] [&~span]:left-2/4 [&~span]:bottom-0\n[&:focus~span]:w-full [&:focus~span]:duration-[0.4s] [&:focus~span]:left-0\n";
export declare const effect3 = "focus:[outline:none] px-0 py-[7px] border-b-[#ccc] border-0 border-b border-solid\n[&~span]:absolute [&~span]:w-full [&~span]:h-0.5 [&~span]:z-[99] [&~span]:left-0 [&~span]:bottom-0\n[&~span]:before:content-[''] [&~span]:before:absolute [&~span]:before:w-0 [&~span]:before:h-full [&~span]:before:bg-[#4caf50] [&~span]:before:duration-[0.4s] [&~span]:before:left-0 [&~span]:before:bottom-0\n[&~span]:after:content-[''] [&~span]:after:absolute [&~span]:after:w-0 [&~span]:after:h-full [&~span]:after:bg-[#4caf50] [&~span]:after:duration-[0.4s] [&~span]:after:left-0 [&~span]:after:bottom-0\n[&~span]:after:left-auto [&~span]:after:right-0\n[&:focus~span]:before:w-1/2 [&:focus~span]:before:duration-[0.4s]\n[&:focus~span]:after:w-1/2 [&:focus~span]:after:duration-[0.4s]\n";
export declare const effect4 = "focus:[outline:none] duration-[0.4s] pt-[5px] pb-[7px] px-0 border-b-[#ccc] border-b-solid border-b-2 w-full\nfocus:duration-[0.4s] focus:pt-[5px] focus:pb-[7px] focus:px-3.5\n[&~span]:absolute [&~span]:h-0 [&~span]:w-full [&~span]:duration-[0.4s] [&~span]:z-[-1] [&~span]:left-0 [&~span]:bottom-0\n[&:focus~span]:duration-[0.4s] [&:focus~span]:h-9 [&:focus~span]:z-[1] [&:focus~span]:border-2 [&:focus~span]:border-solid [&:focus~span]:border-[#4caf50]\n";
export declare const effect5 = "focus:[outline:none] duration-[0.4s] pt-[5px] pb-[7px] px-0 border-b-[#ccc] border-b-solid border-b-2 w-full\nfocus:duration-[0.4s] focus:pt-[5px] focus:pb-[7px] focus:px-3.5\n[&~span]:absolute [&~span]:h-9 [&~span]:w-0 [&~span]:duration-[0.4s] [&~span]:left-0 [&~span]:bottom-0\n[&:focus~span]:w-full [&:focus~span]:duration-[0.4s] [&:focus~span]:border-2 [&:focus~span]:border-solid [&:focus~span]:border-[#4caf50]\n";
export declare const effect6 = "focus:[outline:none] duration-[0.4s] pt-[5px] pb-[7px] px-0 border-b-[#ccc] border-b-solid border-b-2 w-full\nfocus:duration-[0.4s] focus:pt-[5px] focus:pb-[7px] focus:px-3.5\n[&~span]:absolute [&~span]:h-9 [&~span]:w-0 [&~span]:duration-[0.4s] [&~span]:right-0 [&~span]:bottom-0\n[&:focus~span]:w-full [&:focus~span]:duration-[0.4s] [&:focus~span]:border-2 [&:focus~span]:border-solid [&:focus~span]:border-[#4caf50]\n";
export declare const effect7 = "focus:[outline:none] border-2 duration-[0.4s] pt-[7px] pb-[9px] px-3.5 border-solid border-[#ccc]\n[&~span]:before:content-[''] [&~span]:before:absolute [&~span]:before:w-0 [&~span]:before:h-0.5 [&~span]:before:bg-[#4caf50] [&~span]:before:duration-[0.4s] [&~span]:before:left-2/4 [&~span]:before:top-0\n[&~span]:after:content-[''] [&~span]:after:absolute [&~span]:after:w-0 [&~span]:after:h-0.5 [&~span]:after:bg-[#4caf50] [&~span]:after:duration-[0.4s] [&~span]:after:left-2/4 [&~span]:after:top-0\n[&~span]:after:top-auto [&~span]:after:bottom-0\n[&~span_i]:before:content-[''] [&~span_i]:before:absolute [&~span_i]:before:w-0.5 [&~span_i]:before:h-0 [&~span_i]:before:bg-[#4caf50] [&~span_i]:before:duration-[0.6s] [&~span_i]:before:left-0 [&~span_i]:before:top-2/4\n[&~span_i]:after:content-[''] [&~span_i]:after:absolute [&~span_i]:after:w-0.5 [&~span_i]:after:h-0 [&~span_i]:after:bg-[#4caf50] [&~span_i]:after:duration-[0.6s]  [&~span_i]:after:top-2/4\n[&~span_i]:after:left-auto [&~span_i]:after:right-0\n[&:focus~span]:before:w-full [&:focus~span]:before:duration-[0.4s] [&:focus~span]:before:left-0\n[&:focus~span]:after:w-full [&:focus~span]:after:duration-[0.4s] [&:focus~span]:after:left-0\n[&:focus~span_i]:before:h-full [&:focus~span_i]:before:duration-[0.6s] [&:focus~span_i]:before:top-0\n[&:focus~span_i]:after:h-full [&:focus~span_i]:after:duration-[0.6s] [&:focus~span_i]:after:top-0\n";
export declare const effect8 = "focus:[outline:none] border-2 duration-[0.4s] pt-[7px] pb-[9px] px-3.5 border-solid border-[#ccc]\n[&~span]:before:content-[''] [&~span]:before:absolute [&~span]:before:w-0 [&~span]:before:h-0.5 [&~span]:before:bg-[#4caf50] [&~span]:before:duration-[0.3s] [&~span]:before:left-0 [&~span]:before:top-0\n[&~span]:after:content-[''] [&~span]:after:absolute [&~span]:after:w-0 [&~span]:after:h-0.5 [&~span]:after:bg-[#4caf50] [&~span]:after:duration-[0.3s] [&~span]:after:left-0 [&~span]:after:top-0\n[&~span]:after:left-auto [&~span]:after:right-0 [&~span]:after:top-auto [&~span]:after:bottom-0\n[&~span_i]:before:content-[''] [&~span_i]:before:absolute [&~span_i]:before:w-0.5 [&~span_i]:before:h-0 [&~span_i]:before:bg-[#4caf50] [&~span_i]:before:duration-[0.4s] [&~span_i]:before:left-0 [&~span_i]:before:top-0\n[&~span_i]:after:content-[''] [&~span_i]:after:absolute [&~span_i]:after:w-0.5 [&~span_i]:after:h-0 [&~span_i]:after:bg-[#4caf50] [&~span_i]:after:duration-[0.4s]  [&~span_i]:after:top-0\n[&~span_i]:after:left-auto [&~span_i]:after:right-0 [&~span_i]:after:top-auto [&~span_i]:after:bottom-0\n[&:focus~span]:before:w-full [&:focus~span]:before:duration-[0.3s]\n[&:focus~span]:after:w-full [&:focus~span]:after:duration-[0.3s]\n[&:focus~span_i]:before:h-full [&:focus~span_i]:before:duration-[0.4s]\n[&:focus~span_i]:after:h-full [&:focus~span_i]:after:duration-[0.4s]\n";
export declare const effect9 = "focus:[outline:none] border-2 duration-[0.4s] pt-[7px] pb-[9px] px-3.5 border-solid border-[#ccc]\n[&~span]:before:content-[\"\"] [&~span]:before:absolute [&~span]:before:w-0 [&~span]:before:h-0.5 [&~span]:before:bg-[#4caf50] [&~span]:before:duration-[0.2s] [&~span]:before:delay-[0.2s] [&~span]:before:right-0 [&~span]:before:top-0\n[&~span]:after:content-[\"\"] [&~span]:after:absolute [&~span]:after:w-0 [&~span]:after:h-0.5 [&~span]:after:bg-[#4caf50] [&~span]:after:duration-[0.2s] [&~span]:after:right-0 [&~span]:after:top-0\n[&~span]:after:delay-[0.6s] [&~span]:after:left-0 [&~span]:after:right-auto [&~span]:after:top-auto [&~span]:after:bottom-0\n[&~span_i]:before:content-[\"\"] [&~span_i]:before:absolute [&~span_i]:before:w-0.5 [&~span_i]:before:h-0 [&~span_i]:before:bg-[#4caf50] [&~span_i]:before:duration-[0.2s] [&~span_i]:before:left-0 [&~span_i]:before:top-0\n[&~span_i]:before:delay-[0.8s]\n[&~span_i]:after:content-[\"\"] [&~span_i]:after:absolute [&~span_i]:after:w-0.5 [&~span_i]:after:h-0 [&~span_i]:after:bg-[#4caf50] [&~span_i]:after:duration-[0.2s]  [&~span_i]:after:top-0\n[&~span_i]:after:delay-[0.4s] [&~span_i]:after:left-auto [&~span_i]:after:right-0 [&~span_i]:after:top-auto [&~span_i]:after:bottom-0\n[&:focus~span]:before:w-full [&:focus~span]:before:duration-[0.2s] [&:focus~span]:before:delay-[0.6s]\n[&:focus~span]:after:w-full [&:focus~span]:after:duration-[0.2s]\n[&:focus~span]:after:delay-[0.2s]\n[&:focus~span_i]:before:h-full [&:focus~span_i]:before:duration-[0.2s] [&:focus~span_i]:before:delay-0\n[&:focus~span_i]:after:h-full [&:focus~span_i]:after:duration-[0.2s]\n\n";
export declare const effect10 = "focus:[outline:none] relative px-[15px] py-[7px] border-2 border-solid border-[#ccc] bg-transparent\n[&~span]:absolute [&~span]:w-full [&~span]:h-full [&~span]:bg-[#ededed] [&~span]:opacity-0 [&~span]:duration-[0.5s] [&~span]:z-[-1] [&~span]:left-0 [&~span]:top-0\n[&:focus~span]:duration-[0.5s] [&:focus~span]:opacity-100\n";
export declare const effect11 = "focus:[outline:none] relative px-[15px] py-[7px] border-2 border-solid border-[#ccc] bg-transparent\n[&~span]:absolute [&~span]:w-0 [&~span]:h-full [&~span]:bg-[#ededed] [&~span]:duration-[0.3s] [&~span]:z-[-1] [&~span]:left-0 [&~span]:top-0\n[&:focus~span]:duration-[0.3s] [&:focus~span]:w-full\n";
export declare const effect12 = "focus:[outline:none] relative px-[15px] py-[7px] border-2 border-solid border-[#ccc] bg-transparent\n[&~span]:absolute [&~span]:w-0 [&~span]:h-full [&~span]:bg-[#ededed] [&~span]:duration-[0.3s] [&~span]:z-[-1] [&~span]:left-2/4 [&~span]:top-0\n[&:focus~span]:duration-[0.3s] [&:focus~span]:w-full [&:focus~span]:left-0\n";
export declare const effect13 = "focus:[outline:none] relative px-[15px] py-[7px] border-2 border-solid border-[#ccc] bg-transparent\n[&~span]:before:content-[''] [&~span]:before:absolute [&~span]:before:w-0 [&~span]:before:h-full [&~span]:before:bg-[#ededed] [&~span]:before:duration-[0.3s] [&~span]:before:z-[-1] [&~span]:before:left-0 [&~span]:before:top-0\n[&~span]:after:content-[''] [&~span]:after:absolute [&~span]:after:w-0 [&~span]:after:h-full [&~span]:after:bg-[#ededed] [&~span]:after:duration-[0.3s] [&~span]:after:z-[-1] [&~span]:after:left-0 [&~span]:after:top-0\n[&:focus~span]:before:duration-[0.3s] [&:focus~span]:before:w-1/2\n[&~span]:after:left-auto [&~span]:after:right-0\n[&:focus~span]:after:duration-[0.3s] [&:focus~span]:after:w-1/2\n";
export declare const effect14 = "focus:[outline:none] relative px-[15px] py-[7px] border-2 border-solid border-[#ccc] bg-transparent\n[&~span]:before:content-[''] [&~span]:before:absolute [&~span]:before:w-0 [&~span]:before:h-0 [&~span]:before:bg-[#ededed] [&~span]:before:duration-[0.3s] [&~span]:before:z-[-1] [&~span]:before:left-0 [&~span]:before:top-0\n[&~span]:after:content-[''] [&~span]:after:absolute [&~span]:after:w-0 [&~span]:after:h-0 [&~span]:after:bg-[#ededed] [&~span]:after:duration-[0.3s] [&~span]:after:z-[-1] [&~span]:after:left-0 [&~span]:after:top-0\n[&:focus~span]:before:duration-[0.3s] [&:focus~span]:before:w-1/2 [&:focus~span]:before:h-full\n[&~span]:after:left-auto [&~span]:after:right-0 [&~span]:after:top-auto [&~span]:after:bottom-0\n[&:focus~span]:after:duration-[0.3s] [&:focus~span]:after:w-1/2 [&:focus~span]:after:h-full\n";
export declare const effect15 = "focus:[outline:none] relative px-[15px] py-[7px] border-2 border-solid border-[#ccc] bg-transparent\n[&~span]:before:content-[''] [&~span]:before:absolute [&~span]:before:w-0 [&~span]:before:h-0 [&~span]:before:bg-[#ededed] [&~span]:before:duration-[0.3s] [&~span]:before:z-[-1] [&~span]:before:left-2/4 [&~span]:before:top-2/4\n[&~span]:after:content-[''] [&~span]:after:absolute [&~span]:after:w-0 [&~span]:after:h-0 [&~span]:after:bg-[#ededed] [&~span]:after:duration-[0.3s] [&~span]:after:z-[-1] [&~span]:after:left-2/4 [&~span]:after:top-2/4\n[&:focus~span]:before:duration-[0.3s] [&:focus~span]:before:w-1/2 [&:focus~span]:before:h-full [&:focus~span]:before:left-0 [&:focus~span]:before:top-0\n[&~span]:after:left-auto [&~span]:after:right-2/4 [&~span]:after:top-auto [&~span]:after:bottom-2/4\n[&:focus~span]:after:duration-[0.3s] [&:focus~span]:after:w-1/2 [&:focus~span]:after:h-full [&:focus~span]:after:right-0 [&:focus~span]:after:bottom-0\n";
export declare const effect16 = "focus:[outline:none] bg-transparent px-0 py-1 border-b-[#ccc] border-0 border-b border-solid\n[&~span]:absolute [&~span]:w-0 [&~span]:h-0.5 [&~span]:bg-[#4caf50] [&~span]:duration-[0.4s] [&~span]:left-0 [&~span]:bottom-0\n[&:focus~span]:w-full [&:focus~span]:duration-[0.4s]\n[&:not(:placeholder-shown)~span]:w-full [&:not(:placeholder-shown)~span]:duration-[0.4s]\n[&~label]:absolute [&~label]:w-full [&~label]:text-[#aaa] [&~label]:duration-[0.3s] [&~label]:z-[-1] [&~label]:tracking-[0.5px] [&~label]:left-0 [&~label]:top-[9px]\n[&:focus~label]:text-xs [&:focus~label]:text-[#4caf50] [&:focus~label]:duration-[0.3s] [&:focus~label]:-top-4\n[&:not(:placeholder-shown)~label]:text-xs [&:not(:placeholder-shown)~label]:text-[#4caf50] [&:not(:placeholder-shown)~label]:duration-[0.3s] [&:not(:placeholder-shown)~label]:-top-4\n";
export declare const effect17 = "focus:[outline:none] bg-transparent px-0 py-1 border-b-[#ccc] border-0 border-b border-solid\n[&~span]:absolute [&~span]:w-0 [&~span]:h-0.5 [&~span]:bg-[#4caf50] [&~span]:duration-[0.4s] [&~span]:left-2/4 [&~span]:bottom-0\n[&:focus~span]:w-full [&:focus~span]:duration-[0.4s] [&:focus~span]:left-0\n[&:not(:placeholder-shown)~span]:w-full [&:not(:placeholder-shown)~span]:duration-[0.4s] [&:not(:placeholder-shown)~span]:left-0\n[&~label]:absolute [&~label]:w-full [&~label]:text-[#aaa] [&~label]:duration-[0.3s] [&~label]:z-[-1] [&~label]:tracking-[0.5px] [&~label]:left-0 [&~label]:top-[9px]\n[&:focus~label]:text-xs [&:focus~label]:text-[#4caf50] [&:focus~label]:duration-[0.3s] [&:focus~label]:-top-4\n[&:not(:placeholder-shown)~label]:text-xs [&:not(:placeholder-shown)~label]:text-[#4caf50] [&:not(:placeholder-shown)~label]:duration-[0.3s] [&:not(:placeholder-shown)~label]:-top-4\n";
export declare const effect18 = "focus:[outline:none] bg-transparent px-0 py-1 border-b-[#ccc] border-0 border-b border-solid\n[&~span]:absolute [&~span]:w-full [&~span]:h-0.5 [&~span]:z-[99] [&~span]:left-0 [&~span]:bottom-0\n[&~span]:before:content-[''] [&~span]:before:absolute [&~span]:before:w-0 [&~span]:before:h-full [&~span]:before:bg-[#4caf50] [&~span]:before:duration-[0.4s] [&~span]:before:left-0 [&~span]:before:bottom-0\n[&~span]:after:content-[''] [&~span]:after:absolute [&~span]:after:w-0 [&~span]:after:h-full [&~span]:after:bg-[#4caf50] [&~span]:after:duration-[0.4s] [&~span]:after:left-0 [&~span]:after:bottom-0\n[&~span]:after:left-auto [&~span]:after:right-0\n[&:focus~span]:before:w-1/2 [&:focus~span]:before:duration-[0.4s]\n[&:focus~span]:after:w-1/2 [&:focus~span]:after:duration-[0.4s]\n[&:not(:placeholder-shown)~span]:before:w-1/2 [&:not(:placeholder-shown)~span]:before:duration-[0.4s]\n[&:not(:placeholder-shown)~span]:after:w-1/2 [&:not(:placeholder-shown)~span]:after:duration-[0.4s]\n[&~label]:absolute [&~label]:w-full [&~label]:text-[#aaa] [&~label]:duration-[0.3s] [&~label]:z-[-1] [&~label]:tracking-[0.5px] [&~label]:left-0 [&~label]:top-[9px]\n[&:focus~label]:text-xs [&:focus~label]:text-[#4caf50] [&:focus~label]:duration-[0.3s] [&:focus~label]:-top-4\n[&:not(:placeholder-shown)~label]:text-xs [&:not(:placeholder-shown)~label]:text-[#4caf50] [&:not(:placeholder-shown)~label]:duration-[0.3s] [&:not(:placeholder-shown)~label]:-top-4\n";
export declare const effect19 = "focus:[outline:none] border duration-[0.4s] px-3.5 py-[7px] border-solid border-[#ccc] bg-transparent\n[&~span]:before:content-[''] [&~span]:before:absolute [&~span]:before:w-0 [&~span]:before:h-0.5 [&~span]:before:bg-[#4caf50] [&~span]:before:duration-[0.4s] [&~span]:before:left-2/4 [&~span]:before:-top-px\n[&~span]:after:content-[''] [&~span]:after:absolute [&~span]:after:w-0 [&~span]:after:h-0.5 [&~span]:after:bg-[#4caf50] [&~span]:after:duration-[0.4s] [&~span]:after:left-2/4 \n[&~span]:after:top-auto [&~span]:after:bottom-0\n[&~span_i]:before:content-[''] [&~span_i]:before:absolute [&~span_i]:before:w-0.5 [&~span_i]:before:h-0 [&~span_i]:before:bg-[#4caf50] [&~span_i]:before:duration-[0.6s] [&~span_i]:before:left-0 [&~span_i]:before:top-2/4\n[&~span_i]:after:content-[''] [&~span_i]:after:absolute [&~span_i]:after:w-0.5 [&~span_i]:after:h-0 [&~span_i]:after:bg-[#4caf50] [&~span_i]:after:duration-[0.6s]  [&~span_i]:after:top-2/4\n[&~span_i]:after:left-auto [&~span_i]:after:right-0\n[&:focus~span]:before:w-full [&:focus~span]:before:duration-[0.4s] [&:focus~span]:before:left-0\n[&:focus~span]:after:w-full [&:focus~span]:after:duration-[0.4s] [&:focus~span]:after:left-0\n[&:not(:placeholder-shown)~span]:before:w-full [&:not(:placeholder-shown)~span]:before:duration-[0.4s] [&:not(:placeholder-shown)~span]:before:left-0\n[&:not(:placeholder-shown)~span]:after:w-full [&:not(:placeholder-shown)~span]:after:duration-[0.4s] [&:not(:placeholder-shown)~span]:after:left-0\n[&:focus~span_i]:before:h-full [&:focus~span_i]:before:duration-[0.6s] [&:focus~span_i]:before:-top-px\n[&:focus~span_i]:after:h-full [&:focus~span_i]:after:duration-[0.6s] [&:focus~span_i]:after:-top-px\n[&:not(:placeholder-shown)~span_i]:before:h-full [&:not(:placeholder-shown)~span_i]:before:duration-[0.6s] [&:not(:placeholder-shown)~span_i]:before:-top-px\n[&:not(:placeholder-shown)~span_i]:after:h-full [&:not(:placeholder-shown)~span_i]:after:duration-[0.6s] [&:not(:placeholder-shown)~span_i]:after:-top-px\n[&~label]:absolute [&~label]:w-full [&~label]:text-[#aaa] [&~label]:duration-[0.3s] [&~label]:z-[-1] [&~label]:tracking-[0.5px] [&~label]:left-3.5 [&~label]:top-2.5\n[&:focus~label]:top-[-18px] [&:focus~label]:text-xs text-[#4caf50] [&:focus~label]:duration-[0.3s] [&:focus~label]:left-0\n[&:not(:placeholder-shown)~label]:top-[-18px] [&:not(:placeholder-shown)~label]:text-xs text-[#4caf50] [&:not(:placeholder-shown)~label]:duration-[0.3s] [&:not(:placeholder-shown)~label]:left-0\n";
export declare const effect20 = "focus:[outline:none] border duration-[0.4s] px-3.5 py-[7px] border-solid border-[#ccc] bg-transparent\n[&~span]:before:content-[''] [&~span]:before:absolute [&~span]:before:w-0 [&~span]:before:h-0.5 [&~span]:before:bg-[#4caf50] [&~span]:before:duration-[0.3s] [&~span]:before:left-0 [&~span]:before:top-0\n[&~span]:after:content-[''] [&~span]:after:absolute [&~span]:after:w-0 [&~span]:after:h-0.5 [&~span]:after:bg-[#4caf50] [&~span]:after:duration-[0.3s] [&~span]:after:left-0 [&~span]:after:top-0\n[&~span]:after:left-auto [&~span]:after:right-0 [&~span]:after:top-auto [&~span]:after:bottom-0\n[&~span_i]:before:content-[''] [&~span_i]:before:absolute [&~span_i]:before:w-0.5 [&~span_i]:before:h-0 [&~span_i]:before:bg-[#4caf50] [&~span_i]:before:duration-[0.4s] [&~span_i]:before:left-0 [&~span_i]:before:top-0\n[&~span_i]:after:content-[''] [&~span_i]:after:absolute [&~span_i]:after:w-0.5 [&~span_i]:after:h-0 [&~span_i]:after:bg-[#4caf50] [&~span_i]:after:duration-[0.4s]  [&~span_i]:after:top-0\n[&~span_i]:after:left-auto [&~span_i]:after:right-0 [&~span_i]:after:top-auto [&~span_i]:after:bottom-0\n[&:focus~span]:before:w-full [&:focus~span]:before:duration-[0.3s]\n[&:focus~span]:after:w-full [&:focus~span]:after:duration-[0.3s]\n[&:not(:placeholder-shown)~span]:before:w-full [&:not(:placeholder-shown)~span]:before:duration-[0.3s]\n[&:not(:placeholder-shown)~span]:after:w-full [&:not(:placeholder-shown)~span]:after:duration-[0.3s]\n[&:focus~span_i]:before:h-full [&:focus~span_i]:before:duration-[0.4s]\n[&:focus~span_i]:after:h-full [&:focus~span_i]:after:duration-[0.4s]\n[&:not(:placeholder-shown)~span_i]:before:h-full [&:not(:placeholder-shown)~span_i]:before:duration-[0.4s]\n[&:not(:placeholder-shown)~span_i]:after:h-full [&:not(:placeholder-shown)~span_i]:after:duration-[0.4s]\n[&~label]:absolute [&~label]:w-full [&~label]:text-[#aaa] [&~label]:duration-[0.3s] [&~label]:z-[-1] [&~label]:tracking-[0.5px] [&~label]:left-3.5 [&~label]:top-2.5\n[&:focus~label]:top-[-18px] [&:focus~label]:text-xs [&:focus~label]:text-[#4caf50] [&:focus~label]:duration-[0.3s] [&:focus~label]:left-0\n[&:not(:placeholder-shown)~label]:top-[-18px] [&:not(:placeholder-shown)~label]:text-xs [&:not(:placeholder-shown)~label]:text-[#4caf50] [&:not(:placeholder-shown)~label]:duration-[0.3s] [&:not(:placeholder-shown)~label]:left-0\n";
export declare const effect21 = "focus:[outline:none] border duration-[0.4s] px-3.5 py-[7px] border-solid border-[#ccc] bg-transparent\n[&~span]:before:content-[''] [&~span]:before:absolute [&~span]:before:w-0 [&~span]:before:h-0.5 [&~span]:before:bg-[#4caf50] [&~span]:before:duration-[0.2s] [&~span]:before:delay-[0.2s] [&~span]:before:right-0 [&~span]:before:top-0\n[&~span]:after:content-[''] [&~span]:after:absolute [&~span]:after:w-0 [&~span]:after:h-0.5 [&~span]:after:bg-[#4caf50] [&~span]:after:duration-[0.2s] [&~span]:after:delay-[0.2s] [&~span]:after:right-0 [&~span]:after:top-0\n[&~span]:after:delay-[0.6s] [&~span]:after:left-0 [&~span]:after:right-auto [&~span]:after:top-auto [&~span]:after:bottom-0\n[&~span_i]:before:content-[''] [&~span_i]:before:absolute [&~span_i]:before:w-0.5 [&~span_i]:before:h-0 [&~span_i]:before:bg-[#4caf50] [&~span_i]:before:duration-[0.2s] [&~span_i]:before:left-0 [&~span_i]:before:top-0\n[&~span_i]:after:content-[''] [&~span_i]:after:absolute [&~span_i]:after:w-0.5 [&~span_i]:after:h-0 [&~span_i]:after:bg-[#4caf50] [&~span_i]:after:duration-[0.2s]  [&~span_i]:after:top-0\n[&~span_i]:after:delay-[0.4s] [&~span_i]:after:left-auto [&~span_i]:after:right-0 [&~span_i]:after:top-auto [&~span_i]:after:bottom-0\n[&:focus~span]:before:w-full [&:focus~span]:before:duration-[0.2s] [&:focus~span]:before:delay-[0.6s]\n[&:focus~span]:after:w-full [&:focus~span]:after:duration-[0.2s] \n[&:not(:placeholder-shown)~span]:before:w-full [&:not(:placeholder-shown)~span]:before:duration-[0.2s] [&:not(:placeholder-shown)~span]:before:delay-[0.6s]\n[&:not(:placeholder-shown)~span]:after:w-full [&:not(:placeholder-shown)~span]:after:duration-[0.2s] [&:not(:placeholder-shown)~span]:after:delay-[0.6s]\n[&:focus~span]:after:delay-[0.4s]\n[&:not(:placeholder-shown)~span]:after:delay-[0.2s]\n[&:focus~span_i]:before:h-full [&:focus~span_i]:before:duration-[0.6s]\n[&:focus~span_i]:after:h-full [&:focus~span_i]:after:duration-[0.2s]\n[&:not(:placeholder-shown)~span_i]:before:h-full [&:not(:placeholder-shown)~span_i]:before:duration-[0.2s]\n[&:not(:placeholder-shown)~span_i]:after:h-full [&:not(:placeholder-shown)~span_i]:after:duration-[0.2s]\n[&:focus~span_i]:after:delay-[0.4s]\n[&:not(:placeholder-shown)~span_i]:after:delay-[0.4s]\n[&~label]:absolute [&~label]:w-full [&~label]:text-[#aaa] [&~label]:duration-[0.3s] [&~label]:z-[-1] [&~label]:tracking-[0.5px] [&~label]:left-3.5 [&~label]:top-2.5\n[&:focus~label]:top-[-18px] [&:focus~label]:text-xs [&:focus~label]:text-[#4caf50] [&:focus~label]:duration-[0.3s] [&:focus~label]:left-0\n[&:not(:placeholder-shown)~label]:top-[-18px] [&:not(:placeholder-shown)~label]:text-xs [&:not(:placeholder-shown)~label]:text-[#4caf50] [&:not(:placeholder-shown)~label]:duration-[0.3s] [&:not(:placeholder-shown)~label]:left-0\n[&~span_i]:before:delay-[0.8s]\n[&:focus~span_i]:before:delay-0\n";
export declare const effect22 = "focus:[outline:none] border-2 relative px-[15px] py-[7px] border-0 border-solid border-[#ccc] bg-transparent\n[&~span]:absolute [&~span]:w-0 [&~span]:h-full [&~span]:bg-transparent [&~span]:duration-[0.4s] [&~span]:z-[-1] [&~span]:left-0 [&~span]:top-0\n[&:focus~span]:duration-[0.4s] [&:focus~span]:w-full [&:focus~span]:bg-[#ededed]\n[&:not(:placeholder-shown)~span]:duration-[0.4s] [&:not(:placeholder-shown)~span]:w-full [&:not(:placeholder-shown)~span]:bg-[#ededed]\n[&~label]:absolute [&~label]:w-full [&~label]:text-[#aaa] [&~label]:duration-[0.3s] [&~label]:z-[-1] [&~label]:tracking-[0.5px] [&~label]:left-3.5 [&~label]:top-2.5\n[&:focus~label]:top-[-18px] [&:focus~label]:text-xs [&:focus~label]:text-[#333] [&:focus~label]:duration-[0.3s] [&:focus~label]:left-0\n[&:not(:placeholder-shown)~label]:top-[-18px] [&:not(:placeholder-shown)~label]:text-xs [&:not(:placeholder-shown)~label]:text-[#4caf50] [&:not(:placeholder-shown)~label]:duration-[0.3s] [&:not(:placeholder-shown)~label]:left-0\n";
export declare const effect23 = "focus:[outline:none] border-2 relative px-[15px] py-[7px] border-0 border-solid border-[#ccc] bg-transparent\n[&~span]:before:content-[''] [&~span]:before:absolute [&~span]:before:w-0 [&~span]:before:h-0 [&~span]:before:bg-[#ededed] [&~span]:before:duration-[0.3s] [&~span]:before:z-[-1] [&~span]:before:left-0 [&~span]:before:top-0\n[&~span]:after:content-[''] [&~span]:after:absolute [&~span]:after:w-0 [&~span]:after:h-0 [&~span]:after:bg-[#ededed] [&~span]:after:duration-[0.3s] [&~span]:after:z-[-1] [&~span]:after:left-0 [&~span]:after:top-0\n[&:focus~span]:before:duration-[0.3s] [&:focus~span]:before:w-1/2 [&:focus~span]:before:h-full\n[&:not(:placeholder-shown)~span]:before:duration-[0.3s] [&:not(:placeholder-shown)~span]:before:w-1/2 [&:not(:placeholder-shown)~span]:before:h-full\n[&~span]:after:left-auto [&~span]:after:right-0 [&~span]:after:top-auto [&~span]:after:bottom-0\n[&:focus~span]:after:duration-[0.3s] [&:focus~span]:after:w-1/2 [&:focus~span]:after:h-full\n[&:not(:placeholder-shown)~span]:after:duration-[0.3s] [&:not(:placeholder-shown)~span]:after:w-1/2 [&:not(:placeholder-shown)~span]:after:h-full\n[&~label]:absolute [&~label]:w-full [&~label]:text-[#aaa] [&~label]:duration-[0.3s] [&~label]:z-[-1] [&~label]:tracking-[0.5px] [&~label]:left-3.5 [&~label]:top-2.5\n[&:focus~label]:top-[-18px] [&:focus~label]:text-xs [&:focus~label]:text-[#333] [&:focus~label]:duration-[0.3s] [&:focus~label]:left-0\n[&:not(:placeholder-shown)~label]:top-[-18px] [&:not(:placeholder-shown)~label]:text-xs [&:not(:placeholder-shown)~label]:text-[#4caf50] [&:not(:placeholder-shown)~label]:duration-[0.3s] [&:not(:placeholder-shown)~label]:left-0\n";
export declare const effect24 = "focus:[outline:none] border-2 relative px-[15px] py-[7px] border-0 border-solid border-[#ccc] bg-transparent\n[&~span]:before:content-[''] [&~span]:before:absolute [&~span]:before:w-0 [&~span]:before:h-0 [&~span]:before:bg-[#ededed] [&~span]:before:duration-[0.3s] [&~span]:before:z-[-1] [&~span]:before:left-2/4 [&~span]:before:top-2/4\n[&~span]:after:content-[''] [&~span]:after:absolute [&~span]:after:w-0 [&~span]:after:h-0 [&~span]:after:bg-[#ededed] [&~span]:after:duration-[0.3s] [&~span]:after:z-[-1] [&~span]:after:left-2/4 [&~span]:after:top-2/4\n[&:focus~span]:before:duration-[0.3s] [&:focus~span]:before:w-1/2 [&:focus~span]:before:h-full [&:focus~span]:before:left-0 [&:focus~span]:before:top-0\n[&:not(:placeholder-shown)~span]:before:duration-[0.3s] [&:not(:placeholder-shown)~span]:before:w-1/2 [&:not(:placeholder-shown)~span]:before:h-full [&:not(:placeholder-shown)~span]:before:left-0 [&:not(:placeholder-shown)~span]:before:top-0\n[&~span]:after:left-auto [&~span]:after:right-2/4 [&~span]:after:top-auto [&~span]:after:bottom-2/4\n[&:focus~span]:after:duration-[0.3s] [&:focus~span]:after:w-1/2 [&:focus~span]:after:h-full [&:focus~span]:after:right-0 [&:focus~span]:after:bottom-0\n[&:not(:placeholder-shown)~span]:after:duration-[0.3s] [&:not(:placeholder-shown)~span]:after:w-1/2 [&:not(:placeholder-shown)~span]:after:h-full [&:not(:placeholder-shown)~span]:after:right-0 [&:not(:placeholder-shown)~span]:after:bottom-0\n[&~label]:absolute [&~label]:w-full [&~label]:text-[#aaa] [&~label]:duration-[0.3s] [&~label]:z-[-1] [&~label]:tracking-[0.5px] [&~label]:left-3.5 [&~label]:top-2.5\n[&:focus~label]:top-[-18px] [&:focus~label]:text-xs [&:focus~label]:text-[#333] [&:focus~label]:duration-[0.3s] [&:focus~label]:left-0\n[&:not(:placeholder-shown)~label]:top-[-18px] [&:not(:placeholder-shown)~label]:text-xs [&:not(:placeholder-shown)~label]:text-[#333] [&:not(:placeholder-shown)~label]:duration-[0.3s] [&:not(:placeholder-shown)~label]:left-0\n";
export declare const effect19a = "focus:[outline:none] border duration-[0.4s] px-3.5 py-[7px] border-solid border-[#ccc] bg-transparent\n[&~span]:before:content-[''] [&~span]:before:absolute [&~span]:before:w-0 [&~span]:before:h-0.5 [&~span]:before:bg-[#4caf50] [&~span]:before:duration-[0.4s] [&~span]:before:left-2/4 [&~span]:before:-top-px\n[&~span]:after:content-[''] [&~span]:after:absolute [&~span]:after:w-0 [&~span]:after:h-0.5 [&~span]:after:bg-[#4caf50] [&~span]:after:duration-[0.4s] [&~span]:after:left-2/4 \n[&~span]:after:top-auto [&~span]:after:bottom-0\n[&~span_i]:before:content-[''] [&~span_i]:before:absolute [&~span_i]:before:w-0.5 [&~span_i]:before:h-0 [&~span_i]:before:bg-[#4caf50] [&~span_i]:before:duration-[0.6s] [&~span_i]:before:left-0 [&~span_i]:before:top-2/4\n[&~span_i]:after:content-[''] [&~span_i]:after:absolute [&~span_i]:after:w-0.5 [&~span_i]:after:h-0 [&~span_i]:after:bg-[#4caf50] [&~span_i]:after:duration-[0.6s]  [&~span_i]:after:top-2/4\n[&~span_i]:after:left-auto [&~span_i]:after:right-0\n[&:focus~span]:before:w-full [&:focus~span]:before:duration-[0.4s] [&:focus~span]:before:left-0\n[&:focus~span]:after:w-full [&:focus~span]:after:duration-[0.4s] [&:focus~span]:after:left-0\n[&:not(:placeholder-shown)~span]:before:w-full [&:not(:placeholder-shown)~span]:before:duration-[0.4s] [&:not(:placeholder-shown)~span]:before:left-0\n[&:not(:placeholder-shown)~span]:after:w-full [&:not(:placeholder-shown)~span]:after:duration-[0.4s] [&:not(:placeholder-shown)~span]:after:left-0\n[&:focus~span_i]:before:h-full [&:focus~span_i]:before:duration-[0.6s] [&:focus~span_i]:before:-top-px\n[&:focus~span_i]:after:h-full [&:focus~span_i]:after:duration-[0.6s] [&:focus~span_i]:after:-top-px\n[&:not(:placeholder-shown)~span_i]:before:h-full [&:not(:placeholder-shown)~span_i]:before:duration-[0.6s] [&:not(:placeholder-shown)~span_i]:before:-top-px\n[&:not(:placeholder-shown)~span_i]:after:h-full [&:not(:placeholder-shown)~span_i]:after:duration-[0.6s] [&:not(:placeholder-shown)~span_i]:after:-top-px\n[&~label]:absolute [&~label]:w-full [&~label]:text-[#aaa] [&~label]:duration-[0.3s] [&~label]:z-[-1] [&~label]:tracking-[0.5px] [&~label]:left-3.5 [&~label]:top-2.5\n[&:focus~label]:top-[-12px] [&:focus~label]:text-xs [&:focus~label]:text-[#4caf50] [&:focus~label]:duration-[0.3s] [&:focus~label]:left-[7px] [&:focus~label]:bg-[white] [&:focus~label]:w-fit [&:focus~label]:z-10 [&:focus~label]:p-[2px]\n[&:not(:placeholder-shown)~label]:top-[-12px] [&:not(:placeholder-shown)~label]:text-xs [&:not(:placeholder-shown)~label]:text-[#4caf50] [&:not(:placeholder-shown)~label]:duration-[0.3s] [&:not(:placeholder-shown)~label]:left-[7px] [&:not(:placeholder-shown)~label]:bg-[white] [&:not(:placeholder-shown)~label]:w-fit [&:not(:placeholder-shown)~label]:z-10 [&:not(:placeholder-shown)~label]:p-[2px]\n";
export declare const effect20a = "focus:[outline:none] border duration-[0.4s] px-3.5 py-[7px] border-solid border-[#ccc] bg-transparent\n[&~span]:before:content-[''] [&~span]:before:absolute [&~span]:before:w-0 [&~span]:before:h-0.5 [&~span]:before:bg-[#4caf50] [&~span]:before:duration-[0.3s] [&~span]:before:left-0 [&~span]:before:top-0\n[&~span]:after:content-[''] [&~span]:after:absolute [&~span]:after:w-0 [&~span]:after:h-0.5 [&~span]:after:bg-[#4caf50] [&~span]:after:duration-[0.3s] [&~span]:after:left-0 [&~span]:after:top-0\n[&~span]:after:left-auto [&~span]:after:right-0 [&~span]:after:top-auto [&~span]:after:bottom-0\n[&~span_i]:before:content-[''] [&~span_i]:before:absolute [&~span_i]:before:w-0.5 [&~span_i]:before:h-0 [&~span_i]:before:bg-[#4caf50] [&~span_i]:before:duration-[0.4s] [&~span_i]:before:left-0 [&~span_i]:before:top-0\n[&~span_i]:after:content-[''] [&~span_i]:after:absolute [&~span_i]:after:w-0.5 [&~span_i]:after:h-0 [&~span_i]:after:bg-[#4caf50] [&~span_i]:after:duration-[0.4s]  [&~span_i]:after:top-0\n[&~span_i]:after:left-auto [&~span_i]:after:right-0 [&~span_i]:after:top-auto [&~span_i]:after:bottom-0\n[&:focus~span]:before:w-full [&:focus~span]:before:duration-[0.3s]\n[&:focus~span]:after:w-full [&:focus~span]:after:duration-[0.3s]\n[&:not(:placeholder-shown)~span]:before:w-full [&:not(:placeholder-shown)~span]:before:duration-[0.3s]\n[&:not(:placeholder-shown)~span]:after:w-full [&:not(:placeholder-shown)~span]:after:duration-[0.3s]\n[&:focus~span_i]:before:h-full [&:focus~span_i]:before:duration-[0.4s]\n[&:focus~span_i]:after:h-full [&:focus~span_i]:after:duration-[0.4s]\n[&:not(:placeholder-shown)~span_i]:before:h-full [&:not(:placeholder-shown)~span_i]:before:duration-[0.4s]\n[&:not(:placeholder-shown)~span_i]:after:h-full [&:not(:placeholder-shown)~span_i]:after:duration-[0.4s]\n[&~label]:absolute [&~label]:w-full [&~label]:text-[#aaa] [&~label]:duration-[0.3s] [&~label]:z-[-1] [&~label]:tracking-[0.5px] [&~label]:left-3.5 [&~label]:top-2.5\n[&:focus~label]:top-[-12px] [&:focus~label]:text-xs [&:focus~label]:text-[#4caf50] [&:focus~label]:duration-[0.3s] [&:focus~label]:left-[7px] [&:focus~label]:bg-[white] [&:focus~label]:w-fit [&:focus~label]:z-10 [&:focus~label]:p-[2px]\n[&:not(:placeholder-shown)~label]:top-[-12px] [&:not(:placeholder-shown)~label]:text-xs [&:not(:placeholder-shown)~label]:text-[#4caf50] [&:not(:placeholder-shown)~label]:duration-[0.3s] [&:not(:placeholder-shown)~label]:left-[7px] [&:not(:placeholder-shown)~label]:bg-[white] [&:not(:placeholder-shown)~label]:w-fit [&:not(:placeholder-shown)~label]:z-10 [&:not(:placeholder-shown)~label]:p-[2px]\n";
export declare const effect21a = "focus:[outline:none] border duration-[0.4s] px-3.5 py-[7px] border-solid border-[#ccc] bg-transparent\n[&~span]:before:content-[''] [&~span]:before:absolute [&~span]:before:w-0 [&~span]:before:h-0.5 [&~span]:before:bg-[#4caf50] [&~span]:before:duration-[0.2s] [&~span]:before:delay-[0.2s] [&~span]:before:right-0 [&~span]:before:top-0\n[&~span]:after:content-[''] [&~span]:after:absolute [&~span]:after:w-0 [&~span]:after:h-0.5 [&~span]:after:bg-[#4caf50] [&~span]:after:duration-[0.2s] [&~span]:after:delay-[0.2s] [&~span]:after:right-0 [&~span]:after:top-0\n[&~span]:after:delay-[0.6s] [&~span]:after:left-0 [&~span]:after:right-auto [&~span]:after:top-auto [&~span]:after:bottom-0\n[&~span_i]:before:content-[''] [&~span_i]:before:absolute [&~span_i]:before:w-0.5 [&~span_i]:before:h-0 [&~span_i]:before:bg-[#4caf50] [&~span_i]:before:duration-[0.2s] [&~span_i]:before:left-0 [&~span_i]:before:top-0\n[&~span_i]:after:content-[''] [&~span_i]:after:absolute [&~span_i]:after:w-0.5 [&~span_i]:after:h-0 [&~span_i]:after:bg-[#4caf50] [&~span_i]:after:duration-[0.2s]  [&~span_i]:after:top-0\n[&~span_i]:after:delay-[0.4s] [&~span_i]:after:left-auto [&~span_i]:after:right-0 [&~span_i]:after:top-auto [&~span_i]:after:bottom-0\n[&:focus~span]:before:w-full [&:focus~span]:before:duration-[0.2s] [&:focus~span]:before:delay-[0.6s]\n[&:focus~span]:after:w-full [&:focus~span]:after:duration-[0.2s] \n[&:not(:placeholder-shown)~span]:before:w-full [&:not(:placeholder-shown)~span]:before:duration-[0.2s] [&:not(:placeholder-shown)~span]:before:delay-[0.6s]\n[&:not(:placeholder-shown)~span]:after:w-full [&:not(:placeholder-shown)~span]:after:duration-[0.2s] [&:not(:placeholder-shown)~span]:after:delay-[0.6s]\n[&:focus~span]:after:delay-[0.4s]\n[&:not(:placeholder-shown)~span]:after:delay-[0.2s]\n[&:focus~span_i]:before:h-full [&:focus~span_i]:before:duration-[0.6s]\n[&:focus~span_i]:after:h-full [&:focus~span_i]:after:duration-[0.2s]\n[&:not(:placeholder-shown)~span_i]:before:h-full [&:not(:placeholder-shown)~span_i]:before:duration-[0.2s]\n[&:not(:placeholder-shown)~span_i]:after:h-full [&:not(:placeholder-shown)~span_i]:after:duration-[0.2s]\n[&:focus~span_i]:after:delay-[0.4s]\n[&:not(:placeholder-shown)~span_i]:after:delay-[0.4s]\n[&~label]:absolute [&~label]:w-full [&~label]:text-[#aaa] [&~label]:duration-[0.3s] [&~label]:z-[-1] [&~label]:tracking-[0.5px] [&~label]:left-3.5 [&~label]:top-2.5\n[&:focus~label]:top-[-12px] [&:focus~label]:text-xs [&:focus~label]:text-[#4caf50] [&:focus~label]:duration-[0.3s] [&:focus~label]:left-[7px] [&:focus~label]:bg-[white] [&:focus~label]:w-fit [&:focus~label]:z-10 [&:focus~label]:p-[2px]\n[&:not(:placeholder-shown)~label]:top-[-12px] [&:not(:placeholder-shown)~label]:text-xs [&:not(:placeholder-shown)~label]:text-[#4caf50] [&:not(:placeholder-shown)~label]:duration-[0.3s] [&:not(:placeholder-shown)~label]:left-[7px] [&:not(:placeholder-shown)~label]:bg-[white] [&:not(:placeholder-shown)~label]:w-fit [&:not(:placeholder-shown)~label]:z-10 [&:not(:placeholder-shown)~label]:p-[2px]\n[&~span_i]:before:delay-[0.8s]\n[&:focus~span_i]:before:delay-0\n";
//# sourceMappingURL=TextField.effect.d.ts.map