export declare const effect1 = "\nrelative w-[74px] h-9 overflow-hidden -mt-5 mb-0 mx-auto top-2/4\n[&>span]:absolute [&>span]:inset-0\n[&>div]:absolute [&>div]:inset-0 [&>div]:z-[2]\n[&>input]:relative [&>input]:w-full [&>input]:h-full [&>input]:opacity-0 [&>input]:cursor-pointer [&>input]:z-[3] [&>input]:m-0 [&>input]:p-0\n\n rounded-[100px] [&>span]:rounded-[100px]\n[&>span]:w-full [&>span]:bg-[#ebf7fc] [&>span]:[transition:0.3s_ease_all] [&>span]:z-[1]\n[&>div]:before:content-[attr(data-tg-off)] [&>div]:before:absolute [&>div]:before:text-white [&>div]:before:text-[10px] [&>div]:before:font-bold [&>div]:before:text-center\n[&>div]:before:leading-none [&>div]:before:bg-[#f44336] [&>div]:before:[transition:0.3s_cubic-bezier(0.18,0.89,0.35,1.15)_all] [&>div]:before:px-1 \n[&>div]:before:[&>div]:before:py-[9px] [&>div]:before:rounded-[50%] [&>div]:before:left-1 [&>div]:before:top-[2px]\n[&>div]:before:w-[2rem] [&>div]:before:h-[2rem] [&>div]:before:flex [&>div]:before:items-center [&>div]:before:justify-center\n[&>input:checked+div]:before:content-[attr(data-tg-on)] [&>input:checked+div]:before:bg-[#03a9f4] [&>input:checked+div]:before:left-[42px]\n[&>input~div]:bg-[#fcebeb]\n[&>input:checked~div]:bg-[#ebfbfc]\n[&>div]:[transition:0.3s_ease_all]\n[&>span]:[transition:0.3s_ease_all]\n";
export declare const effect2 = "\n[&>span]:w-full [&>span]:bg-[#ebf7fc] [&>span]:[transition:0.3s_ease_all] [&>span]:z-[1]\n[&>div]:before:content-[attr(data-tg-off)] [&>div]:before:absolute [&>div]:before:text-white [&>div]:before:text-[10px] [&>div]:before:font-bold [&>div]:before:text-center \n[&>div]:before:leading-none [&>div]:before:bg-[#f44336] [&>div]:before:[transition:0.3s_ease_all] [&>div]:before:px-1 [&>div]:before:py-[9px] \n[&>div]:before:rounded-[50%] [&>div]:before:left-1 [&>div]:before:top-[2px]\n[&>div]:before:w-[2rem] [&>div]:before:h-[2rem] [&>div]:before:flex [&>div]:before:items-center [&>div]:before:justify-center\n[&>div]:after:content-[attr(data-tg-on)] [&>div]:after:absolute [&>div]:after:text-white [&>div]:after:text-[10px] [&>div]:after:font-bold [&>div]:after:text-center \n[&>div]:after:leading-none [&>div]:after:[transition:0.3s_ease_all] [&>div]:after:px-1 [&>div]:after:py-[9px] [&>div]:after:rounded-[50%]\n[&>div]:after:left-1 [&>div]:after:top-[2px]\n[&>div]:after:w-[2rem] [&>div]:after:h-[2rem] [&>div]:after:flex [&>div]:after:items-center [&>div]:after:justify-center\n[&>div]:before:content-[attr(data-tg-off)]\n[&>div]:after:bg-[#03a9f4] [&>div]:after:left-auto [&>div]:after:-right-8\n[&>input:checked+div]:before:-left-8\n[&>input:checked+div]:after:right-1\n[&>input~span]:bg-[#fcebeb]\n[&>input:checked~span]:bg-[#ebfbfc]\n";
export declare const effect3 = "\n[&>span]:w-full [&>span]:bg-[#ebf7fc] [&>span]:[transition:0.3s_ease_all] [&>span]:z-[1]\n[&>div]:before:content-[attr(data-tg-off)] [&>div]:before:absolute [&>div]:before:text-white [&>div]:before:text-[10px] [&>div]:before:font-bold [&>div]:before:text-center\n[&>div]:before:leading-none [&>div]:before:bg-[#f44336] [&>div]:before:px-1 [&>div]:before:py-[9px] [&>div]:before:rounded-[50%] [&>div]:before:left-1\n[&>div]:before:top-[2px]\n[&>div]:before:w-[2rem] [&>div]:before:h-[2rem] [&>div]:before:flex [&>div]:before:items-center [&>div]:before:justify-center\n[&>div]:before:[transition:0.3s_ease_all,left_0.3s_cubic-bezier(0.18,0.89,0.35,1.15)]\n[&>input:active+div]:before:w-[46px] [&>input:active+div]:before:rounded-[100px]\n[&>input:checked:active+div]:before:ml-[-26px]\n[&>input:checked+div]:before:content-[attr(data-tg-on)] [&>input:checked+div]:before:bg-[#03a9f4] [&>input:checked+div]:before:left-[42px]\n[&>input~span]:bg-[#fcebeb]\n[&>input:checked~span]:bg-[#ebfbfc]\n";
export declare const effect4 = "\n[&>span]:w-full [&>span]:bg-[#ebf7fc] [&>span]:[transition:0.3s_ease_all] [&>span]:z-[1]\n[&>div]:before:absolute [&>div]:before:text-white [&>div]:before:text-[10px] [&>div]:before:font-bold [&>div]:before:text-center [&>div]:before:leading-none \n[&>div]:before:bg-[#f44336] [&>div]:before:[transition:0.3s_cubic-bezier(0.18,0.89,0.35,1.15)_all] [&>div]:before:px-1 [&>div]:before:py-[9px] \n[&>div]:before:rounded-[50%] [&>div]:before:left-1 [&>div]:before:top-[2px]\n[&>div]:before:w-[2rem] [&>div]:before:h-[2rem] [&>div]:before:flex [&>div]:before:items-center [&>div]:before:justify-center\n[&>div]:[transition:0.3s_ease_all]\n[&>div]:after:absolute [&>div]:after:text-white [&>div]:after:text-[10px] [&>div]:after:font-bold [&>div]:after:text-center [&>div]:after:leading-none \n[&>div]:after:bg-[#03a9f4] [&>div]:after:[transition:0.3s_cubic-bezier(0.18,0.89,0.35,1.15)_all] [&>div]:after:py-[9px] [&>div]:after:rounded-[50%] \n[&>div]:after:left-1\n[&>div]:after:w-[2rem] [&>div]:after:h-[2rem] [&>div]:after:flex [&>div]:after:items-center [&>div]:after:justify-center\n[&>div]:before:content-[attr(data-tg-off)]\n[&>div]:after:content-[attr(data-tg-on)]\n[&>div]:after:bg-[#03a9f4] [&>div]:after:left-auto [&>div]:after:right-1 [&>div]:after:-top-8\n[&>input:checked+div]:before:-top-8\n[&>input:checked+div]:after:top-[2px]\n[&>input:checked+div]:div:-top-1\n[&>input~span]:bg-[#fcebeb]\n[&>input:checked~span]:bg-[#ebfbfc]\n";
export declare const effect5 = "\n[&>span]:w-full [&>span]:bg-[#ebf7fc] [&>span]:[transition:0.3s_ease_all] [&>span]:z-[1]\noverflow-visible [perspective:60px]\n[&>div]:before:content-[''] [&>div]:before:absolute [&>div]:before:text-white [&>div]:before:text-[10px] [&>div]:before:font-bold [&>div]:before:text-center \n[&>div]:before:leading-none [&>div]:before:[transition:0.3s_cubic-bezier(0.18,0.89,0.35,1.15)_all] [&>div]:before:px-1 [&>div]:before:py-[9px] \n[&>div]:before:rounded-[50%] [&>div]:before:left-1 [&>div]:before:top-[2px]\n[&>div]:before:w-[2rem] [&>div]:before:h-[2rem] [&>div]:before:flex [&>div]:before:items-center [&>div]:before:justify-center\n[&>div>span]:content-[''] [&>div>span]:absolute [&>div>span]:w-[2rem] [&>div>span]:h-[2rem] [&>div>span]:text-white [&>div>span]:text-[10px] [&>div>span]:font-bold \n[&>div>span]:text-center [&>div>span]:leading-none [&>div>span]:[transition:0.3s_cubic-bezier(0.18,0.89,0.35,1.15)_all] [&>div>span]:px-1 [&>div>span]:py-[9px] [&>div>span]:rounded-[50%] [&>div>span]:left-1 [&>div>span]:top-[2px]\n[&>div]:before:bg-[#f44336]\n[&>div>span]:before:content-[attr(data-tg-off)]\n[&>div]:before:origin-center [&>div]:before:[transform:rotateY(0)]\n[&>span]:origin-center [&>span]:[transform:rotateY(0)]\n[&>input:checked+div]:before:left-[42px]\n[&>input:checked+div>span]:left-[42px]\n[&>input:checked+div]:before:bg-[#03a9f4] [&>input:checked+div]:before:[transform:rotateY(180deg)]\n[&>input:checked+div>span]:before:content-[attr(data-tg-on)] [&>input:checked+div>span]:before:left-[42px] [&>input:checked+div>span]:before:pl-[5px]\n[&>input~span]:bg-[#fcebeb]\n[&>input:checked~span]:bg-[#ebfbfc]\n[&>input:checked~span]:[transform:rotateY(-180deg)]\n[&>div]:[transition:0.3s_ease_all]\n[&>div]:before:[transition:0.3s_ease_all]\n[&>span]:[transition:0.3s_ease_all]\n";
export declare const effect6 = "\n[&>span]:w-full [&>span]:bg-[#ebf7fc] [&>span]:[transition:0.3s_ease_all] [&>span]:z-[1]\noverflow-visible\n[&>div]:before:content-[attr(data-tg-off)] [&>div]:before:absolute [&>div]:before:text-white [&>div]:before:text-[10px] [&>div]:before:font-bold \n[&>div]:before:text-center [&>div]:before:leading-none [&>div]:before:bg-[#f44336] [&>div]:before:px-1 [&>div]:before:py-[9px] [&>div]:before:rounded-[50%] \n[&>div]:before:left-1 [&>div]:before:top-[2px]\n[&>div]:before:w-[2rem] [&>div]:before:h-[2rem] [&>div]:before:flex [&>div]:before:items-center [&>div]:before:justify-center\n[&>span]:[transition:0.4s_cubic-bezier(0.18,0.89,0.35,1.15)_all] [&>span]:[transform:rotateZ(0)]\n[&>div]:[transition:0.4s_cubic-bezier(0.18,0.89,0.35,1.15)_all] [&>div]:[transform:rotateZ(0)]\n[&>div]:before:[transition:0.4s_cubic-bezier(0.18,0.89,0.35,1.15)_all] [&>div]:before:[transform:rotateZ(0)]\n[&>input:checked+div]:[transform:rotateZ(-180deg)]\n[&>input:checked+div]:before:content-[attr(data-tg-on)] [&>input:checked+div]:before:bg-[#03a9f4] [&>input:checked+div]:before:[transform:rotateZ(180deg)]\n[&>input~span]:bg-[#fcebeb] \n[&>input:checked~span]:bg-[#ebfbfc] \n[&>input:checked~span]:[transform:rotateZ(180deg)]\n";
export declare const effect7 = "\n[&>span]:w-full [&>span]:bg-[#ebf7fc] [&>span]:[transition:0.3s_ease_all] [&>span]:z-[1]\n[&>div]:before:absolute [&>div]:before:text-[10px] [&>div]:before:font-bold [&>div]:before:text-center [&>div]:before:leading-none [&>div]:before:px-1 [&>div]:before:py-[9px] [&>div]:before:rounded-[50%] [&>div]:before:top-[2px]\n[&>div]:before:w-[2rem] [&>div]:before:h-[2rem] [&>div]:before:flex [&>div]:before:items-center [&>div]:before:justify-center\n[&>div]:after:absolute [&>div]:after:text-[10px] [&>div]:after:font-bold [&>div]:after:text-center [&>div]:after:leading-none [&>div]:after:px-1 [&>div]:after:py-[9px] [&>div]:after:rounded-[50%] [&>div]:after:top-[2px]\n[&>div]:after:w-[2rem] [&>div]:after:h-[2rem] [&>div]:after:flex [&>div]:after:items-center [&>div]:after:justify-center\n[&>div>span]:absolute [&>div>span]:w-[2rem] [&>div>span]:h-[2rem] [&>div>span]:text-[10px] [&>div>span]:font-bold [&>div>span]:text-center [&>div>span]:leading-none [&>div>span]:px-1 [&>div>span]:py-[9px] [&>div>span]:rounded-[50%] [&>div>span]:top-[2px]\n[&>div]:before:content-[attr(data-tg-off)] [&>div]:before:text-white [&>div]:before:opacity-100 [&>div]:before:left-1\n[&>div]:after:content-[attr(data-tg-on)] [&>div]:after:text-white [&>div]:after:text-left [&>div]:after:bg-[#03a9f4] [&>div]:after:opacity-0 [&>div]:after:px-[7px] [&>div]:after:py-[9px] [&>div]:after:left-[42px]\n[&>div]:before:[transition:0.3s_ease_all] [&>div]:before:z-[2]\n[&>div]:after:[transition:0.3s_ease_all] [&>div]:after:z-[2]\n[&>div>span]:bg-[#f44336] [&>div>span]:[transition:0.2s_ease_all] [&>div>span]:z-[1] [&>div>span]:left-1\n[&>input:checked+div]:before:opacity-0\n[&>input:checked+div]:after:opacity-100\n[&>div>span]:w-[2rem] [&>div>span]:h-[2rem]\n[&>input:checked+div>span]:w-0.5 [&>input:checked+div>span]:h-0.5 [&>input:checked+div>span]:bg-white [&>input:checked+div>span]:p-[3px] [&>input:checked+div>span]:left-14 [&>input:checked+div>span]:top-3.5\n[&>input~span]:bg-[#fcebeb]\n[&>input:checked~span]:bg-[#ebfbfc]\n";
export declare const effect8 = "\n[&>span]:w-full [&>span]:bg-[#ebf7fc] [&>span]:[transition:0.3s_ease_all] [&>span]:z-[1]\n[&>div]:before:absolute [&>div]:before:text-[10px] [&>div]:before:font-bold [&>div]:before:text-center [&>div]:before:leading-none [&>div]:before:[transition:0.3s_ease_all] [&>div]:before:px-1 [&>div]:before:py-[9px] [&>div]:before:rounded-[50%] [&>div]:before:top-[2px]\n[&>div]:before:w-[2rem] [&>div]:before:h-[2rem] [&>div]:before:flex [&>div]:before:items-center [&>div]:before:justify-center\n[&>div]:after:absolute [&>div]:after:text-[10px] [&>div]:after:font-bold [&>div]:after:text-center [&>div]:after:leading-none [&>div]:after:[transition:0.3s_ease_all] [&>div]:after:px-1 [&>div]:after:py-[9px] [&>div]:after:rounded-[50%] [&>div]:after:top-[2px]\n[&>div]:after:w-[2rem] [&>div]:after:h-[2rem] [&>div]:after:flex [&>div]:after:items-center [&>div]:after:justify-center\n[&>div>span]:absolute [&>div>span]:w-[2rem] [&>div>span]:h-[2rem] [&>div>span]:text-[10px] [&>div>span]:font-bold [&>div>span]:text-center [&>div>span]:leading-none [&>div>span]:[transition:0.3s_ease_all] [&>div>span]:px-1 [&>div>span]:py-[9px] [&>div>span]:rounded-[50%] [&>div>span]:top-[2px]\n[&>div]:before:content-[attr(data-tg-off)] [&>div]:before:text-white [&>div]:before:left-1\n[&>div]:after:content-[attr(data-tg-on)] [&>div]:after:text-white [&>div]:after:bg-[#03a9f4] [&>div]:after:opacity-0 [&>div]:after:left-[42px]\n[&>div]:before:z-[2]\n[&>div]:after:z-[2]\n[&>div>span]:bg-[#f44336] [&>div>span]:z-[1] [&>div>span]:left-1\n[&>div>span]:w-[2rem] [&>div>span]:h-[2rem]\n\n[&>input:checked+div]:before:opacity-0\n[&>input:checked+div]:after:opacity-100\n[&>input+div>span]:bg-[#f44336] \n[&>input:checked+div>span]:bg-[#ebfbfc] \n[&>input:checked+div>span]:scale-[4]\n";
export declare const effect9 = "\n[&>span]:w-full [&>span]:bg-[#ebf7fc] [&>span]:[transition:0.3s_ease_all] [&>span]:z-[1]\n[&>div]:before:absolute [&>div]:before:text-[10px] [&>div]:before:font-bold [&>div]:before:text-center [&>div]:before:leading-none [&>div]:before:[transition:0.4s_cubic-bezier(0.18,0.89,0.35,1.15)_all] [&>div]:before:px-1 [&>div]:before:py-[9px] [&>div]:before:rounded-[50%] [&>div]:before:top-[2px]\n[&>div]:before:w-[2rem] [&>div]:before:h-[2rem] [&>div]:before:flex [&>div]:before:items-center [&>div]:before:justify-center\n[&>div]:after:absolute [&>div]:after:text-[10px] [&>div]:after:font-bold [&>div]:after:text-center [&>div]:after:leading-none [&>div]:after:[transition:0.4s_cubic-bezier(0.18,0.89,0.35,1.15)_all] [&>div]:after:px-1 [&>div]:after:py-[9px] [&>div]:after:rounded-[50%] [&>div]:after:top-[2px]\n[&>div>span]:absolute [&>div>span]:w-[2rem] [&>div>span]:h-[2rem] [&>div>span]:text-[10px] [&>div>span]:font-bold [&>div>span]:text-center [&>div>span]:leading-none [&>div>span]:[transition:0.4s_cubic-bezier(0.18,0.89,0.35,1.15)_all] [&>div>span]:px-1 [&>div>span]:py-[9px] [&>div>span]:rounded-[50%] [&>div>span]:top-[2px]\n[&>div]:before:content-[attr(data-tg-off)] [&>div]:before:left-1\n[&>div]:after:content-[attr(data-tg-on)] [&>div]:after:-right-6\n[&>div]:before:text-white [&>div]:before:z-[2]\n[&>div]:after:text-white [&>div]:after:z-[2]\n[&>div>span]:bg-[#f44336] [&>div>span]:z-[1] [&>div>span]:left-1\n[&>div>span]:w-[2rem] [&>div>span]:h-[2rem]\n\n[&>input:checked+div]:before:-left-6\n[&>input:checked+div]:after:right-1\n[&>input:checked+div>span]:bg-[#03a9f4] [&>input:checked+div>span]:left-[42px]\n[&>input~span]:bg-[#fcebeb]\n[&>input:checked~span]:bg-[#ebfbfc]\n";
export declare const effect10 = "\n[&>span]:w-full [&>span]:bg-[#ebf7fc] [&>span]:[transition:0.3s_ease_all] [&>span]:z-[1]\n[&>div]:before:absolute [&>div]:before:text-[10px] [&>div]:before:font-bold [&>div]:before:text-center [&>div]:before:leading-none [&>div]:before:[transition:0.3s_ease_all] [&>div]:before:px-1 [&>div]:before:py-[9px] [&>div]:before:rounded-sm [&>div]:before:top-[px]\n[&>div]:before:w-[2rem] [&>div]:before:h-[2rem] [&>div]:before:flex [&>div]:before:items-center [&>div]:before:justify-center\n[&>div]:after:absolute [&>div]:after:text-[10px] [&>div]:after:font-bold [&>div]:after:text-center [&>div]:after:leading-none [&>div]:after:[transition:0.3s_ease_all] [&>div]:after:px-1 [&>div]:after:py-[9px] [&>div]:after:rounded-sm [&>div]:after:top-[4px]\n[&>div>span]:absolute [&>div>span]:w-[2rem] [&>div>span]:h-[2rem] [&>div>span]:text-[10px] [&>div>span]:font-bold [&>div>span]:text-center [&>div>span]:leading-none [&>div>span]:[transition:0.3s_ease_all] [&>div>span]:px-1 [&>div>span]:py-[9px] [&>div>span]:rounded-sm [&>div>span]:top-[2px]\n[&>div]:before:content-[attr(data-tg-off)] [&>div]:before:bg-[#f44336] [&>div]:before:left-1 [&>div]:text-[white] \n[&>div]:after:content-[attr(data-tg-on)] [&>div]:after:text-[#4e4e4e] [&>div]:after:right-1\n[&>div>span]:inline-block [&>div>span]:text-white [&>div>span]:z-[1] [&>div>span]:left-1\n[&>input:checked+div>span]:text-[#4e4e4e]\n[&>input:checked+div]:before:bg-[#03a9f4] [&>input:checked+div]:before:left-[42px]\n[&>div>span]:before:content-[attr(data-tg-off)] [&>div]:before:z-[10] [&>input:checked+div]:before:content-[attr(data-tg-on)] [&>input:checked+div>span]:before:relative \n[&>input:checked+div]:after:text-white\n[&>input~span]:bg-[#fcebeb]\n[&>input:checked~span]:bg-[#ebfbfc]\n";
export declare const effect11 = "\n[&>span]:w-full [&>span]:bg-[#ebf7fc] [&>span]:[transition:0.3s_ease_all] [&>span]:z-[1]\noverflow-visible\n[&>div]:[perspective:70px]\n[&>div]:before:absolute [&>div]:before:rounded-sm [&>div]:before:top-[2px]\n[&>div]:after:absolute [&>div]:after:rounded-sm [&>div]:after:top-[2px]\n[&>div>span]:absolute [&>div>span]:rounded-sm [&>div>span]:top-[2px]\n[&>div]:before:text-[#4e4e4e] [&>div]:before:text-[10px] [&>div]:before:font-bold [&>div]:before:text-center [&>div]:before:leading-none [&>div]:before:px-1 [&>div]:before:py-[9px]\n[&>div]:after:text-[#4e4e4e] [&>div]:after:text-[10px] [&>div]:after:font-bold [&>div]:after:text-center [&>div]:after:leading-none [&>div]:after:px-1 [&>div]:after:py-[9px]\n[&>div]:before:content-[attr(data-tg-off)] [&>div]:before:left-1\n[&>div]:after:content-[attr(data-tg-on)] [&>div]:after:right-1\n[&>div>span]:w-[2rem] [&>div>span]:h-[2rem] [&>div>span]:bg-[#f44336] [&>div>span]:origin-[0%_50%] [&>div>span]:[transition:0.6s_ease_all] [&>div>span]:z-[1] [&>div>span]:right-1 [&>div>span]:[transform:rotateY(0)]\n[&>input:checked+div>span]:bg-[#03a9f4] [&>input:checked+div>span]:[transform:rotateY(-180deg)]\n[&>input~span]:bg-[#fcebeb]\n[&>input:checked~span]:bg-[#ebfbfc]\n";
export declare const effect12 = "\n[&>span]:w-full [&>span]:bg-[#ebf7fc] [&>span]:[transition:0.3s_ease_all] [&>span]:z-[1]\n[&>div]:before:absolute [&>div]:before:text-[10px] [&>div]:before:font-bold [&>div]:before:text-center [&>div]:before:leading-none [&>div]:before:[transition:0.3s_ease_all] [&>div]:before:rounded-sm [&>div]:before:top-[2px]\n[&>div]:after:absolute [&>div]:after:text-[10px] [&>div]:after:font-bold [&>div]:after:text-center [&>div]:after:leading-none [&>div]:after:[transition:0.3s_ease_all] [&>div]:after:rounded-sm [&>div]:after:top-[2px]\n[&>div>span]:absolute [&>div>span]:text-[10px] [&>div>span]:font-bold [&>div>span]:text-center [&>div>span]:leading-none [&>div>span]:[transition:0.3s_ease_all] [&>div>span]:rounded-sm [&>div>span]:top-[2px]\n[&>div>span]:before:absolute [&>div>span]:before:text-[10px] [&>div>span]:before:font-bold [&>div>span]:before:text-center [&>div>span]:before:leading-none [&>div>span]:before:[transition:0.3s_ease_all] [&>div>span]:before:rounded-sm [&>div>span]:before:top-[2px]\n[&>div>span]:after:absolute [&>div>span]:after:text-[10px] [&>div>span]:after:font-bold [&>div>span]:after:text-center [&>div>span]:after:leading-none [&>div>span]:after:[transition:0.3s_ease_all] [&>div>span]:after:rounded-sm [&>div>span]:after:top-[2px]\n[&>div]:before:content-[attr(data-tg-off)] [&>div]:before:left-1\n[&>div]:after:content-[attr(data-tg-on)] [&>div]:after:right-1\n[&>div]:before:w-[27px] [&>div]:before:text-[#4e4e4e] [&>div]:before:z-[1] [&>div]:before:px-[3px] [&>div]:before:py-[9px]\n[&>div]:after:w-[27px] [&>div]:after:text-[#4e4e4e] [&>div]:after:z-[1] [&>div]:after:px-[3px] [&>div]:after:py-[9px]\n[&>div>span]:inline-block [&>div>span]:z-[2] [&>div>span]:before:bg-[#03a9f4] [&>div>span]:before:-left-7 [&>div>span]:after:right-[-42px] [&>div>span]:after:bg-[#f44336]\n[&>div>span]:w-[2rem] [&>div>span]:h-[2rem] [&>div>span]:px-1 [&>div>span]:py-[9px]\n[&>div>span]:before:w--[2rem] [&>div>span]:before:h-[2rem] [&>div>span]:before:px-1 [&>div>span]:before:py-[9px]\n[&>div>span]:after:w-[2rem] [&>div>span]:after:h-[2rem] [&>div>span]:after:px-1 [&>div>span]:after:py-[9px]\n[&>div>span]:before:content-[''] [&>div>span]:before:top-0\n[&>div>span]:after:content-[''] [&>div>span]:after:top-0\n[&>input:checked+div>span]:before:left-1 [&>input:checked+div>span]:before:w-[2rem]\n[&>input:checked+div>span]:after:right-[-74px]\n[&>input~span]:bg-[#fcebeb]\n[&>input:checked~span]:bg-[#ebfbfc]\n";
export declare const effect13 = "\n[&>span]:w-full [&>span]:bg-[#ebf7fc] [&>span]:[transition:0.3s_ease_all] [&>span]:z-[1]\n[&>div]:before:absolute [&>div]:before:text-[10px] [&>div]:before:font-bold [&>div]:before:text-center [&>div]:before:leading-none [&>div]:before:[transition:0.3s_ease_all] [&>div]:before:px-1 [&>div]:before:py-[9px] [&>div]:before:rounded-sm [&>div]:before:top-[2px]\n[&>div]:after:absolute [&>div]:after:text-[10px] [&>div]:after:font-bold [&>div]:after:text-center [&>div]:after:leading-none [&>div]:after:[transition:0.3s_ease_all] [&>div]:after:px-1 [&>div]:after:py-[9px] [&>div]:after:rounded-sm [&>div]:after:top-[2px]\n[&>div>span]:absolute [&>div>span]:w-[2rem] [&>div>span]:h-[2rem] [&>div>span]:text-[10px] [&>div>span]:font-bold [&>div>span]:text-center [&>div>span]:leading-none [&>div>span]:[transition:0.3s_ease_all] [&>div>span]:px-1 [&>div>span]:py-[9px] [&>div>span]:rounded-sm [&>div>span]:top-[2px]\n[&>div]:before:text-[#4e4e4e] [&>div]:before:z-[1]\n[&>div]:after:text-[#4e4e4e] [&>div]:after:z-[1]\n[&>div]:before:content-[attr(data-tg-off)] [&>div]:before:left-1\n[&>div]:after:content-[attr(data-tg-on)] [&>div]:after:right-1\n[&>div>span]:w-[2rem] [&>div>span]:bg-[#f44336] [&>div>span]:z-[2] [&>div>span]:left-[37px]\n[&>input:checked+div>span]:bg-[#03a9f4] [&>input:checked+div>span]:left-1\n[&>input~span]:bg-[#fcebeb]\n[&>input:checked~span]:bg-[#ebfbfc]\n";
export declare const effect14 = "\n[&>span]:w-full [&>span]:bg-[#ebf7fc] [&>span]:[transition:0.3s_ease_all] [&>span]:z-[1]\n[&>div]:before:absolute [&>div]:before:text-[10px] [&>div]:before:font-bold [&>div]:before:text-center [&>div]:before:leading-none [&>div]:before:[transition:0.3s_ease_all] [&>div]:before:px-1 [&>div]:before:py-[9px] [&>div]:before:rounded-sm [&>div]:before:top-[2px]\n[&>div]:after:absolute [&>div]:after:text-[10px] [&>div]:after:font-bold [&>div]:after:text-center [&>div]:after:leading-none [&>div]:after:[transition:0.3s_ease_all] [&>div]:after:px-1 [&>div]:after:py-[9px] [&>div]:after:rounded-sm [&>div]:after:top-[2px]\n[&>div>span]:before:absolute [&>div>span]:before:w-[2rem] [&>div>span]:before:h-[2rem] [&>div>span]:before:text-[10px] [&>div>span]:before:font-bold [&>div>span]:before:text-center [&>div>span]:before:leading-none [&>div>span]:before:[transition:0.3s_ease_all] [&>div>span]:before:px-1 [&>div>span]:before:py-[9px] [&>div>span]:before:rounded-sm\n[&>div>span]:after:absolute [&>div>span]:after:w-[2rem] [&>div>span]:after:h-[2rem] [&>div>span]:after:text-[10px] [&>div>span]:after:font-bold [&>div>span]:after:text-center [&>div>span]:after:leading-none [&>div>span]:after:[transition:0.3s_ease_all] [&>div>span]:after:px-1 [&>div>span]:after:py-[9px] [&>div>span]:after:rounded-sm [&>div>span]:after:top-[2px]\n[&>div]:before:text-[#4e4e4e] [&>div]:before:z-[1]\n[&>div]:after:text-[#4e4e4e] [&>div]:after:z-[1]\n[&>div]:before:content-[attr(data-tg-off)] [&>div]:before:left-1\n[&>div]:after:content-[attr(data-tg-on)] [&>div]:after:right-1\n[&>div>span]:block [&>div>span]:w-full [&>div>span]:h-full [&>div>span]:left-0 [&>div>span]:top-0 [&>div>span]:before:bg-[#03a9f4] [&>div>span]:before:left-1 [&>div>span]:before:-top-7 [&>div>span]:after:bg-[#f44336] [&>div>span]:after:left-[39px] [&>div>span]:after:top-[2px]\n[&>div>span]:before:content-[''] [&>div>span]:before:w-[2rem] [&>div>span]:before:z-[2]\n[&>div>span]:after:content-[''] [&>div>span]:after:w-[2rem] [&>div>span]:after:z-[2]\n[&>input:checked+div>span]:before:top-[2px]\n[&>input:checked+div>span]:after:-top-8\n[&>div>span]:before:-top-8\n[&>input~span]:bg-[#fcebeb]\n[&>input:checked~span]:bg-[#ebfbfc]\n";
export declare const effect15 = "\n[&>span]:w-full [&>span]:bg-[#ebf7fc] [&>span]:[transition:0.3s_ease_all] [&>span]:z-[1]\n[&>div]:before:absolute [&>div]:before:text-white [&>div]:before:text-[10px] [&>div]:before:font-bold [&>div]:before:text-center [&>div]:before:leading-none [&>div]:before:opacity-100 [&>div]:before:[transition:0.3s_cubic-bezier(0.18,0.89,0.35,1.15)_all] [&>div]:before:px-1 [&>div]:before:py-[9px] [&>div]:before:rounded-sm [&>div]:before:scale-100 [&>div]:before:top-[2px]\n[&>div]:before:w-[2rem] [&>div]:before:h-[2rem] [&>div]:before:flex [&>div]:before:items-center [&>div]:before:justify-center\n[&>div]:after:absolute [&>div]:after:text-white [&>div]:after:text-[10px] [&>div]:after:font-bold [&>div]:after:text-center [&>div]:after:leading-none [&>div]:after:opacity-0 [&>div]:after:[transition:0.3s_cubic-bezier(0.18,0.89,0.35,1.15)_all] [&>div]:after:px-1 [&>div]:after:py-[9px] [&>div]:after:rounded-sm [&>div]:after:scale-100 [&>div]:after:top-[2px]\n[&>div]:after:w-[2rem] [&>div]:after:h-[2rem] [&>div]:after:flex [&>div]:after:items-center [&>div]:after:justify-center\n[&>div]:before:content-[attr(data-tg-off)] [&>div]:before:bg-[#f44336] [&>div]:before:left-1\n[&>div]:after:content-[attr(data-tg-on)] [&>div]:after:opacity-0 [&>div]:after:bg-[#03a9f4] [&>div]:after:scale-[4] [&>div]:after:right-1\n[&>input:checked+div]:before:opacity-0 [&>input:checked+div]:before:scale-[4]\n[&>input:checked+div]:after:opacity-100 [&>input:checked+div]:after:scale-100\n[&>input~span]:bg-[#fcebeb]\n[&>input:checked~span]:bg-[#ebfbfc]\n";
export declare const effect16 = "\n[&>span]:w-full [&>span]:bg-[#ebf7fc] [&>span]:[transition:0.3s_ease_all] [&>span]:z-[1]\n[&>div]:before:content-[attr(data-tg-off)] [&>div]:before:absolute [&>div]:before:text-white [&>div]:before:text-[10px] [&>div]:before:font-bold [&>div]:before:text-center [&>div]:before:leading-none [&>div]:before:bg-[#f44336] [&>div]:before:px-1 [&>div]:before:py-[9px] [&>div]:before:rounded-sm [&>div]:before:left-1 [&>div]:before:top-[2px] [&>div]:before:[transition:0.3s_ease_all,left_0.3s_cubic-bezier(0.18,0.89,0.35,1.15)]\n[&>div]:before:w-[2rem] [&>div]:before:h-[2rem] [&>div]:before:flex [&>div]:before:items-center [&>div]:before:justify-center\n[&>input:active+div]:before:w-[46px]\n[&>div]:after:w-[2rem] [&>div]:after:h-[2rem] [&>div]:after:flex [&>div]:after:items-center [&>div]:after:justify-center\n[&>input:checked:active+div]:before:ml-[-26px]\n[&>input:checked+div]:before:content-[attr(data-tg-on)] [&>input:checked+div]:before:bg-[#03a9f4] [&>input:checked+div]:before:left-[42px]\n[&>input~span]:bg-[#fcebeb]\n[&>input:checked~span]:bg-[#ebfbfc]\n";
export declare const effect17 = "\n[&>span]:w-full [&>span]:bg-[#ebf7fc] [&>span]:[transition:0.3s_ease_all] [&>span]:z-[1]\n[&>div]:before:content-[attr(data-tg-off)] [&>div]:before:absolute [&>div]:before:text-white [&>div]:before:text-[10px] [&>div]:before:font-bold [&>div]:before:text-center [&>div]:before:leading-none [&>div]:before:px-1 [&>div]:before:py-[9px] [&>div]:before:left-1 [&>div]:before:top-[2px]\n[&>div]:before:w-[2rem] [&>div]:before:h-[2rem] [&>div]:before:flex [&>div]:before:items-center [&>div]:before:justify-center\n[&>div>span]:content-[attr(data-tg-off)] [&>div>span]:absolute [&>div>span]:w-[2rem] [&>div>span]:h-[2rem] [&>div>span]:text-white [&>div>span]:text-[10px] [&>div>span]:font-bold [&>div>span]:text-center [&>div>span]:leading-none [&>div>span]:px-1 [&>div>span]:py-[9px] [&>div>span]:left-1 [&>div>span]:top-[2px]\n[&>div]:before:z-[2] [&>div]:before:[transition:0.3s_ease_all,left_0.5s_cubic-bezier(0.18,0.89,0.35,1.15)]\n[&>div>span]:bg-[#f44336] [&>div>span]:z-[1] [&>div>span]:rounded-sm [&>div>span]:[transition:0.3s_ease_all,left_0.3s_cubic-bezier(0.18,0.89,0.35,1.15)]\n[&>input:checked+div]:before:content-[attr(data-tg-on)] [&>input:checked+div]:before:left-[42px]\n[&>input:checked+div>span]:bg-[#03a9f4] [&>input:checked+div>span]:left-[42px]\n[&>input~span]:bg-[#fcebeb]\n[&>input:checked~span]:bg-[#ebfbfc]\n";
export declare const effect18 = "\n[&>span]:w-full [&>span]:bg-[#ebf7fc] [&>span]:[transition:0.3s_ease_all] [&>span]:z-[1]\n[&>div]:before:content-[attr(data-tg-off)] [&>div]:before:absolute [&>div]:before:text-white [&>div]:before:text-[10px] [&>div]:before:font-bold [&>div]:before:text-center [&>div]:before:leading-none [&>div]:before:rounded-sm [&>div]:before:left-1\n[&>div>span]:content-[attr(data-tg-off)] [&>div>span]:absolute [&>div>span]:text-white [&>div>span]:text-[10px] [&>div>span]:font-bold [&>div>span]:text-center [&>div>span]:leading-none [&>div>span]:bg-[#f44336] [&>div>span]:rounded-sm [&>div>span]:left-1 \n[&>div]:before:mt-[-5px] [&>div]:before:bg-transparent [&>div]:before:z-[2] [&>div]:before:left-2 [&>div]:before:top-[45%]\n[&>div>span]:w-[2rem] [&>div>span]:h-[2rem] [&>div>span]:z-[1] [&>div>span]:px-1 [&>div>span]:py-[9px] [&>div>span]:[transition:0.3s_ease_all,left_0.3s_cubic-bezier(0.18,0.89,0.35,1.15)]\n[&>input:active+div]:before:w-[46px] [&>input:active+div]:before:h-1 [&>input:active+div]:before:text-transparent [&>input:active+div]:before:bg-[#d80000] [&>input:active+div]:before:[transition:0.3s_ease_all] [&>input:active+div]:before:overflow-hidden [&>input:active+div]:before:-mt-0.5 [&>input:active+div]:before:left-2.5\n[&>input:active+div>span]:w-[68px]\n[&>input:checked:active+div]:before:bg-[#0095d8] [&>input:checked:active+div]:before:left-auto [&>input:checked:active+div]:before:right-2.5\n[&>input:checked:active+div>span]:ml-[-38px]\n[&>input:checked+div]:before:content-[attr(data-tg-on)] [&>input:checked+div]:before:left-[47px]\n[&>input:checked+div>span]:bg-[#03a9f4] [&>input:checked+div>span]:left-[42px]\n[&>input~span]:bg-[#fcebeb]\n[&>input:checked~span]:bg-[#ebfbfc]\n";
export declare const light = "mx-[2em] my-0 \n[&>span]:w-full [&>span]:bg-[#ebf7fc] [&>span]:[transition:0.3s_ease_all] [&>span]:z-[1]\n[&>input]:hidden [&>input]:box-border\n[&>input]:after:box-border [&>input]:before:box-border [&_*]:box-border [&_*]:after:box-border [&_*]:before:box-border [&>label]:box-border\n[&>label]:block [&>label]:w-[4em] [&>label]:h-[2em] [&>label]:relative [&>label]:cursor-pointer [&>label]:select-none [&>label]:after:left-0 [&>label]:[outline:0]\n[&>label]:after:relative [&>label]:after:block [&>label]:after:w-6/12 [&>label]:after:h-full\n[&>label]:before:relative [&>label]:before:w-6/12 [&>label]:before:h-full\n[&>input:checked~label]:after:left-2/4\n\n[&>label]:[transition:all_0.4s_ease] [&>label]:p-0.5 [&>label]:rounded-[2em] [&>label]:after:[transition:all_0.2s_ease] [&>label]:after:rounded-[50%] \n[&>label]:bg-[#f0f0f0]\n[&>label]:after:bg-[#fff]\n[&>input:checked~label]:bg-[#9fd6ae]\n\n[&>label]:after:content-[attr(data-tg-on)] [&>label]:after:flex [&>label]:after:justify-center [&>label]:after:align-center\n[&>input:checked~label]:after:content-[attr(data-tg-off)] [&>input:checked~label]:after:flex [&>input:checked~label]:after:justify-center [&>input:checked~label]:after:align-center\n\n";
export declare const ios = "mx-[2em] my-0 \n[&>span]:w-full [&>span]:bg-[#ebf7fc] [&>span]:[transition:0.3s_ease_all] [&>span]:z-[1]\n[&>input]:hidden [&>input]:box-border\n[&>input]:after:box-border [&>input]:before:box-border [&_*]:box-border [&_*]:after:box-border [&_*]:before:box-border [&>label]:box-border\n[&>label]:block [&>label]:w-[4em] [&>label]:h-[2em] [&>label]:relative [&>label]:cursor-pointer [&>label]:select-none [&>label]:after:left-0 [&>label]:[outline:0]\n[&>label]:after:relative [&>label]:after:block [&>label]:after:w-6/12 [&>label]:after:h-full\n[&>label]:before:relative [&>label]:before:w-6/12 [&>label]:before:h-full\n[&>input:checked~label]:after:left-2/4\n\n[&>label]:[transition:all_0.4s_ease] [&>label]:border [&>label]:p-0.5 [&>label]:rounded-[2em] [&>label]:border-solid [&>label]:border-[#e8eae9] [&>label]:after:shadow-[0_0_0_1px_rgba(0,0,0,0.1),0_4px_0_rgba(0,0,0,0.08)] [&>label]:after:rounded-[2em] [&>label]:hover:after:will-change-[padding] [&>label]:active:shadow-[inset_0_0_0_2em_#e8eae9] [&>label]:active:after:pr-[0.8em] \n[&>label]:after:bg-[#fbfbfb] [&>label]:after:[transition:left_0.3s_cubic-bezier(0.175,0.885,0.32,1.275),padding_0.3s_ease,margin_0.3s_ease]\n[&>input:checked~label]:bg-[#86d993]\n[&>input:checked~label]:active:shadow-none\n[&>input:checked~label]:active:after:ml-[-0.8em]\n\n[&>label]:after:content-[attr(data-tg-on)] [&>label]:after:flex [&>label]:after:justify-center [&>label]:after:align-center\n[&>input:checked~label]:after:content-[attr(data-tg-off)] [&>input:checked~label]:after:flex [&>input:checked~label]:after:justify-center [&>input:checked~label]:after:align-center\n\n";
export declare const skewed = "mx-[2em] my-0\n[&>input]:hidden [&>input]:box-border\n[&>input]:after:box-border [&>input]:before:box-border [&>input]:[&_*]:box-border [&>input]:[&_*]:after:box-border [&>input]:[&_*]:before:box-border [&>input]:[&>label]:box-border\n[&>label]:block [&>label]:w-[4em] [&>label]:h-[2em] [&>label]:relative [&>label]:cursor-pointer [&>label]:select-none [&>label]:[outline:0]\n[&>label]:after:h-full\n[&>label]:before:h-full\n\n[&>label]:overflow-hidden [&>label]:skew-x-[-10deg] [&>label]:[transition:all_0.2s_ease] [&>label]:before:content-[attr(data-tg-on)] [&>label]:after:left-full [&>input:checked~label]:after:content-[attr(data-tg-off)] [&>label]:before:left-0 [&>label]:active:before:left-[-10%]\n[&>label]:[backface-visibility:hidden] [&>label]:font-sans [&>label]:bg-[#888]\n[&>label]:after:skew-x-[10deg] [&>label]:after:inline-block [&>label]:after:[transition:all_0.2s_ease] [&>label]:after:w-full [&>label]:after:text-center [&>label]:after:absolute [&>label]:after:leading-[2em] [&>label]:after:font-bold [&>label]:after:text-white [&>label]:after:text-shadow:[0_1px_0_rgba(0,0,0,0.4)]\n[&>label]:before:skew-x-[10deg] [&>label]:before:inline-block [&>label]:before:[transition:all_0.2s_ease] [&>label]:before:w-full [&>label]:before:text-center [&>label]:before:absolute [&>label]:before:leading-[2em] [&>label]:before:font-bold [&>label]:before:text-white [&>label]:before:text-shadow:[0_1px_0_rgba(0,0,0,0.4)]\n[&>label]:active:bg-[#888]\n[&>input:checked~label]:bg-[#86d993]\n[&>input:checked~label]:before:left-full\n[&>input:checked~label]:after:left-0\n[&>input:checked~label]:active:after:left-[10%]\n";
export declare const flat = "mx-[2em] my-0 \n[&>span]:w-full [&>span]:bg-[#ebf7fc] [&>span]:[transition:0.3s_ease_all] [&>span]:z-[1]\n[&>input]:hidden [&>input]:box-border\n[&>input]:after:box-border [&>input]:before:box-border [&_*]:box-border [&_*]:after:box-border [&_*]:before:box-border [&>label]:box-border\n[&>label]:block [&>label]:w-[4em] [&>label]:h-[2em] [&>label]:relative [&>label]:cursor-pointer [&>label]:select-none [&>label]:after:left-0 [&>label]:[outline:0]\n[&>label]:after:relative [&>label]:after:block [&>label]:after:w-6/12 [&>label]:after:h-full\n[&>label]:before:relative [&>label]:before:w-6/12 [&>label]:before:h-full\n[&>input:checked~label]:after:left-2/4\n\n[&>label]:[transition:all_0.2s_ease] [&>label]:p-0.5 [&>label]:rounded-[2em] [&>label]:border-4 [&>label]:border-solid [&>label]:border-[#f2f2f2] [&>label]:after:[transition:all_0.2s_ease] [&>label]:after:content-[''] [&>label]:after:rounded-[1em] [&>label]:bg-[#fff]\n[&>label]:after:bg-[#f2f2f2]\n[&>input:checked~label]:border-4 [&>input:checked~label]:border-solid [&>input:checked~label]:border-[#7fc6a6] [&>input:checked~label]:after:left-2/4\n[&>input:checked~label]:after:bg-[#7fc6a6]\n\n[&>label]:after:content-[attr(data-tg-on)] [&>label]:after:flex [&>label]:after:justify-center [&>label]:after:align-center\n[&>input:checked~label]:after:content-[attr(data-tg-off)] [&>input:checked~label]:after:flex [&>input:checked~label]:after:justify-center [&>input:checked~label]:after:align-center\n [&>input:checked~label]:after:text-[80%] [&>label]:after:text-[80%]\n";
export declare const flip = "mx-[2em] my-0\n[&>input]:hidden [&>input]:box-border\n[&>input]:after:box-border [&>input]:before:box-border [&>input]:[&_*]:box-border [&>input]:[&_*]:after:box-border [&>input]:[&_*]:before:box-border [&>input]:[&>label]:box-border\n[&>label]:block [&>label]:w-[4em] [&>label]:h-[2em] [&>label]:relative [&>label]:cursor-pointer [&>label]:select-none [&>label]:[outline:0]\n[&>label]:before:h-full\n\n[&>label]:[transition:all_0.2s_ease] [&>label]:p-0.5 [&>label]:before:content-[attr(data-tg-on)] [&>label]:font-sans [&>label]:[perspective:100px]\n[&>label]:before:inline-block [&>label]:before:[transition:all_0.4s_ease] [&>label]:before:w-full [&>label]:before:text-center [&>label]:before:leading-[2em] [&>label]:before:font-bold [&>label]:before:text-white [&>label]:before:absolute [&>label]:before:rounded [&>label]:before:left-0 [&>label]:before:top-0 [&>label]:before:[backface-visibility:hidden]\n\n[&>label]:before:bg-[#ff3a19]\n[&>label]:active:before:[transform:rotateY(-20deg)]\n[&>input:checked~label]:before:[transform:rotateY(180deg)]\n[&>input:checked~label]:after:left-0 [&>input:checked~label]:after:[transform:rotateY(0)] [&>input:checked~label]:after:bg-[#7fc6a6]\n[&>input:checked~label:active:after:[transform:rotateY(20deg)]\n\n[&>label]:after:h-full\n[&>label]:after:bg-[#02c66f] [&>label]:after:[transform:rotateY(-180deg)]\n[&>label]:after:content-[attr(data-tg-off)]\n[&>label]:after:inline-block [&>label]:after:[transition:all_0.4s_ease] [&>label]:after:w-full [&>label]:after:text-center [&>label]:after:leading-[2em] [&>label]:after:font-bold [&>label]:after:text-white [&>label]:after:absolute [&>label]:after:rounded [&>label]:after:left-0 [&>label]:after:top-0 [&>label]:after:[backface-visibility:hidden]\n\n";
//# sourceMappingURL=Switch.effect.d.ts.map