{"version":3,"file":"static/chunks/160b575a-56c0e9417a46e0e0.js","mappings":"uKAQA,IAAAA,EAAA,UACAC,EAAA,CACA,eACAC,KAAA,aACA,CAIA,IAAsDC,EAAAC,EAAA,EAAuBC,GAAA;WAC7E,EAAa,GAAAC,EAAAC,QAAA;AACb,EAiwBA,IAAAC,EAAA,GAAuCL,EAAAM,EAAA,CAAgB;;oBAEvD,EAAsBC,kBAAiC,MAJvD,iBAIuF;sBACvF,EAAwBA,kBAAiC;;;oBAGzD,EAAsBA,kBAAiC,MARvD,iBAQuF;sBACvF,EAAwBA,kBAAiC;;;oBAGzD,EAAsBA,iBAAiC,MAZvD,iBAYuF;sBACvF,EAAwBA,mBAAiC;;AAEzD,EACA,GAAuCP,EAAAC,EAAA,EAAuBO,IAAA;oBAC9D,EAAsBD,iBAAiC,MAjBvD,iBAiB6D;;aAE7D,EAAeF,EAAA,CAA4B,EAlB3C,IAkBwE;AACxE,EAqmBA,IAAAI,EAAA,CACA,EACA,GACA,GACA,GACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,CACAC,EAAA,GAAuCV,EAAAM,EAAA,CAAgB;;;;AAIvD,EACAK,EAAA,GAAsCX,EAAAC,EAAA,EAAuBW,GAAA;aAC7D,EAAeF,EAAA;;AAEf,EACAG,EAAA,GAA2Cb,EAAAC,EAAA,EAAuBa,QAAA;gBAClE,EAAkB,GAAAX,EAAAY,KAAA,CAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CvC,EACAC,EAAA,EAAqDC,YAAAA,EAAApB,CAAA,CAAAqB,YAAAA,EAAA,IAAAC,kBAAAA,EAAA,OAAAJ,MAAAA,EAAA,KAAAK,QAAAA,EAAA,GAAAC,UAAAA,EAAA,yBAAyP,IAC9S,IAAAC,EAAA,GAAsBC,EAAAC,WAAkB,MAAAf,EAAAgB,GAAA,IACxC,GAA8BC,EAAAC,GAAU,EAAAd,EAAA,CACxCe,OAAA,aACAb,MAAAG,EACAW,UAAA,UAAqCC,EAAM,YAC9BA,IAAA,CACbZ,EACA,EACA,YAA+CQ,EAAAC,GAAU,EAAAhB,EAAA,CACzDoB,MAt8CA,6BAu8CAC,QAAA,YACAjB,MAAAA,EACAkB,OAAAhB,EACAiB,MAAAf,EACA,mCACA,aAAAE,EACA,GAAAvB,CAAA,CACAqC,SAAAb,GACA,GAVA,IAWA,EAwRAc,EAAA,GAAqDpC,EAAAM,EAAA,CAAgB;;;;AAIrE,EACA,GAA0CN,EAAAC,EAAA,EAAuBoC,OAAA;;aAEjE,EAAeD,EAAA;AACf,EACA,GAAsCpC,EAAAC,EAAA,EAAuBW,GAAA;;AAE7D","sources":["webpack://_N_E/./node_modules/react-loader-spinner/dist/module.js"],"sourcesContent":["import {jsx as $fJU0O$jsx, jsxs as $fJU0O$jsxs} from \"react/jsx-runtime\";\nimport {useCallback as $fJU0O$useCallback} from \"react\";\nimport $fJU0O$styledcomponents, {keyframes as $fJU0O$keyframes} from \"styled-components\";\n\n// Such export is called Tree Shaking. It allows to import only the components\n// that are needed while webpack will remove the rest of the code from the bundle.\n\n\nconst $84fda1e7e33cfd28$export$37394b0fa44b998c = \"#4fa94d\";\nconst $84fda1e7e33cfd28$export$6bfda33bcd6c2d18 = {\n    \"aria-busy\": true,\n    role: \"progressbar\"\n};\n\n\n\nconst $4c3f0b77e8caf06d$export$21d9f1931ef75b56 = (0, $fJU0O$styledcomponents).div`\n  display: ${(props)=>props.$visible ? \"flex\" : \"none\"};\n`;\n\n\nconst $eb040f10400edc38$export$98a285aab16ab26c = \"http://www.w3.org/2000/svg\";\n\n\nconst $dcdd04c60cd78d69$export$153755f98d9861de = ({ height: height = \"100\", width: width = \"100\", color: color = (0, $84fda1e7e33cfd28$export$37394b0fa44b998c), ariaLabel: ariaLabel = \"audio-loading\", wrapperStyle: wrapperStyle = {}, wrapperClass: wrapperClass, visible: visible = true })=>/*#__PURE__*/ (0, $fJU0O$jsx)((0, $4c3f0b77e8caf06d$export$21d9f1931ef75b56), {\n        $visible: visible,\n        style: {\n            ...wrapperStyle\n        },\n        className: wrapperClass,\n        \"data-testid\": \"audio-loading\",\n        \"aria-label\": ariaLabel,\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"svg\", {\n            height: `${height}`,\n            width: `${width}`,\n            fill: color,\n            viewBox: \"0 0 55 80\",\n            xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n            \"data-testid\": \"audio-svg\",\n            children: [\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"title\", {\n                    children: \"Audio Visualization\"\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"desc\", {\n                    children: \"Animated representation of audio data\"\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsxs)(\"g\", {\n                    transform: \"matrix(1 0 0 -1 0 80)\",\n                    children: [\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                            width: \"10\",\n                            height: \"20\",\n                            rx: \"3\",\n                            children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                attributeName: \"height\",\n                                begin: \"0s\",\n                                dur: \"4.3s\",\n                                values: \"20;45;57;80;64;32;66;45;64;23;66;13;64;56;34;34;2;23;76;79;20\",\n                                calcMode: \"linear\",\n                                repeatCount: \"indefinite\"\n                            })\n                        }),\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                            x: \"15\",\n                            width: \"10\",\n                            height: \"80\",\n                            rx: \"3\",\n                            children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                attributeName: \"height\",\n                                begin: \"0s\",\n                                dur: \"2s\",\n                                values: \"80;55;33;5;75;23;73;33;12;14;60;80\",\n                                calcMode: \"linear\",\n                                repeatCount: \"indefinite\"\n                            })\n                        }),\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                            x: \"30\",\n                            width: \"10\",\n                            height: \"50\",\n                            rx: \"3\",\n                            children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                attributeName: \"height\",\n                                begin: \"0s\",\n                                dur: \"1.4s\",\n                                values: \"50;34;78;23;56;23;34;76;80;54;21;50\",\n                                calcMode: \"linear\",\n                                repeatCount: \"indefinite\"\n                            })\n                        }),\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                            x: \"45\",\n                            width: \"10\",\n                            height: \"30\",\n                            rx: \"3\",\n                            children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                attributeName: \"height\",\n                                begin: \"0s\",\n                                dur: \"2s\",\n                                values: \"30;45;13;80;56;72;45;76;34;23;67;30\",\n                                calcMode: \"linear\",\n                                repeatCount: \"indefinite\"\n                            })\n                        })\n                    ]\n                })\n            ]\n        })\n    });\n\n\n\n\n\n\n\nconst $e035d01ad1d05b44$export$68949ad0373623af = ({ height: height = 100, width: width = 100, radius: radius = 5, color: color = (0, $84fda1e7e33cfd28$export$37394b0fa44b998c), ariaLabel: ariaLabel = \"ball-triangle-loading\", wrapperClass: wrapperClass, wrapperStyle: wrapperStyle, visible: visible = true })=>/*#__PURE__*/ (0, $fJU0O$jsx)((0, $4c3f0b77e8caf06d$export$21d9f1931ef75b56), {\n        style: {\n            ...wrapperStyle\n        },\n        $visible: visible,\n        className: wrapperClass,\n        \"data-testid\": \"ball-triangle-loading\",\n        \"aria-label\": ariaLabel,\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"svg\", {\n            height: height,\n            width: width,\n            stroke: color,\n            viewBox: \"0 0 57 57\",\n            xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n            \"data-testid\": \"ball-triangle-svg\",\n            children: [\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"title\", {\n                    children: \"Ball Triangle\"\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"desc\", {\n                    children: \"Animated representation of three balls\"\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"g\", {\n                    fill: \"none\",\n                    fillRule: \"evenodd\",\n                    children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"g\", {\n                        transform: \"translate(1 1)\",\n                        strokeWidth: \"2\",\n                        children: [\n                            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                                cx: \"5\",\n                                cy: \"50\",\n                                r: radius,\n                                children: [\n                                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                        attributeName: \"cy\",\n                                        begin: \"0s\",\n                                        dur: \"2.2s\",\n                                        values: \"50;5;50;50\",\n                                        calcMode: \"linear\",\n                                        repeatCount: \"indefinite\"\n                                    }),\n                                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                        attributeName: \"cx\",\n                                        begin: \"0s\",\n                                        dur: \"2.2s\",\n                                        values: \"5;27;49;5\",\n                                        calcMode: \"linear\",\n                                        repeatCount: \"indefinite\"\n                                    })\n                                ]\n                            }),\n                            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                                cx: \"27\",\n                                cy: \"5\",\n                                r: radius,\n                                children: [\n                                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                        attributeName: \"cy\",\n                                        begin: \"0s\",\n                                        dur: \"2.2s\",\n                                        from: \"5\",\n                                        to: \"5\",\n                                        values: \"5;50;50;5\",\n                                        calcMode: \"linear\",\n                                        repeatCount: \"indefinite\"\n                                    }),\n                                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                        attributeName: \"cx\",\n                                        begin: \"0s\",\n                                        dur: \"2.2s\",\n                                        from: \"27\",\n                                        to: \"27\",\n                                        values: \"27;49;5;27\",\n                                        calcMode: \"linear\",\n                                        repeatCount: \"indefinite\"\n                                    })\n                                ]\n                            }),\n                            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                                cx: \"49\",\n                                cy: \"50\",\n                                r: radius,\n                                children: [\n                                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                        attributeName: \"cy\",\n                                        begin: \"0s\",\n                                        dur: \"2.2s\",\n                                        values: \"50;50;5;50\",\n                                        calcMode: \"linear\",\n                                        repeatCount: \"indefinite\"\n                                    }),\n                                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                        attributeName: \"cx\",\n                                        from: \"49\",\n                                        to: \"49\",\n                                        begin: \"0s\",\n                                        dur: \"2.2s\",\n                                        values: \"49;5;27;49\",\n                                        calcMode: \"linear\",\n                                        repeatCount: \"indefinite\"\n                                    })\n                                ]\n                            })\n                        ]\n                    })\n                })\n            ]\n        })\n    });\n\n\n\n\n\n\n\nconst $7dd1b251b360e95a$export$fbc7d6f7dd821b47 = ({ height: height = 80, width: width = 80, color: color = (0, $84fda1e7e33cfd28$export$37394b0fa44b998c), ariaLabel: ariaLabel = \"bars-loading\", wrapperStyle: wrapperStyle, wrapperClass: wrapperClass, visible: visible = true })=>/*#__PURE__*/ (0, $fJU0O$jsx)((0, $4c3f0b77e8caf06d$export$21d9f1931ef75b56), {\n        $visible: visible,\n        style: {\n            ...wrapperStyle\n        },\n        className: wrapperClass,\n        \"data-testid\": \"bars-loading\",\n        \"aria-label\": ariaLabel,\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"svg\", {\n            width: width,\n            height: height,\n            fill: color,\n            viewBox: \"0 0 135 140\",\n            xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n            \"data-testid\": \"bars-svg\",\n            children: [\n                /*#__PURE__*/ (0, $fJU0O$jsxs)(\"rect\", {\n                    y: \"10\",\n                    width: \"15\",\n                    height: \"120\",\n                    rx: \"6\",\n                    children: [\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                            attributeName: \"height\",\n                            begin: \"0.5s\",\n                            dur: \"1s\",\n                            values: \"120;110;100;90;80;70;60;50;40;140;120\",\n                            calcMode: \"linear\",\n                            repeatCount: \"indefinite\"\n                        }),\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                            attributeName: \"y\",\n                            begin: \"0.5s\",\n                            dur: \"1s\",\n                            values: \"10;15;20;25;30;35;40;45;50;0;10\",\n                            calcMode: \"linear\",\n                            repeatCount: \"indefinite\"\n                        })\n                    ]\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsxs)(\"rect\", {\n                    x: \"30\",\n                    y: \"10\",\n                    width: \"15\",\n                    height: \"120\",\n                    rx: \"6\",\n                    children: [\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                            attributeName: \"height\",\n                            begin: \"0.25s\",\n                            dur: \"1s\",\n                            values: \"120;110;100;90;80;70;60;50;40;140;120\",\n                            calcMode: \"linear\",\n                            repeatCount: \"indefinite\"\n                        }),\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                            attributeName: \"y\",\n                            begin: \"0.25s\",\n                            dur: \"1s\",\n                            values: \"10;15;20;25;30;35;40;45;50;0;10\",\n                            calcMode: \"linear\",\n                            repeatCount: \"indefinite\"\n                        })\n                    ]\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsxs)(\"rect\", {\n                    x: \"60\",\n                    width: \"15\",\n                    height: \"140\",\n                    rx: \"6\",\n                    children: [\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                            attributeName: \"height\",\n                            begin: \"0s\",\n                            dur: \"1s\",\n                            values: \"120;110;100;90;80;70;60;50;40;140;120\",\n                            calcMode: \"linear\",\n                            repeatCount: \"indefinite\"\n                        }),\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                            attributeName: \"y\",\n                            begin: \"0s\",\n                            dur: \"1s\",\n                            values: \"10;15;20;25;30;35;40;45;50;0;10\",\n                            calcMode: \"linear\",\n                            repeatCount: \"indefinite\"\n                        })\n                    ]\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsxs)(\"rect\", {\n                    x: \"90\",\n                    y: \"10\",\n                    width: \"15\",\n                    height: \"120\",\n                    rx: \"6\",\n                    children: [\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                            attributeName: \"height\",\n                            begin: \"0.25s\",\n                            dur: \"1s\",\n                            values: \"120;110;100;90;80;70;60;50;40;140;120\",\n                            calcMode: \"linear\",\n                            repeatCount: \"indefinite\"\n                        }),\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                            attributeName: \"y\",\n                            begin: \"0.25s\",\n                            dur: \"1s\",\n                            values: \"10;15;20;25;30;35;40;45;50;0;10\",\n                            calcMode: \"linear\",\n                            repeatCount: \"indefinite\"\n                        })\n                    ]\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsxs)(\"rect\", {\n                    x: \"120\",\n                    y: \"10\",\n                    width: \"15\",\n                    height: \"120\",\n                    rx: \"6\",\n                    children: [\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                            attributeName: \"height\",\n                            begin: \"0.5s\",\n                            dur: \"1s\",\n                            values: \"120;110;100;90;80;70;60;50;40;140;120\",\n                            calcMode: \"linear\",\n                            repeatCount: \"indefinite\"\n                        }),\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                            attributeName: \"y\",\n                            begin: \"0.5s\",\n                            dur: \"1s\",\n                            values: \"10;15;20;25;30;35;40;45;50;0;10\",\n                            calcMode: \"linear\",\n                            repeatCount: \"indefinite\"\n                        })\n                    ]\n                })\n            ]\n        })\n    });\n\n\n\n\n\n\n\nconst $29b6b1f956162f74$export$765808835a2dc0a2 = ({ height: height = 80, width: width = 80, color: color = (0, $84fda1e7e33cfd28$export$37394b0fa44b998c), ariaLabel: ariaLabel = \"circles-loading\", wrapperStyle: wrapperStyle, wrapperClass: wrapperClass, visible: visible = true })=>/*#__PURE__*/ (0, $fJU0O$jsx)((0, $4c3f0b77e8caf06d$export$21d9f1931ef75b56), {\n        style: wrapperStyle,\n        $visible: visible,\n        className: wrapperClass,\n        \"aria-label\": ariaLabel,\n        \"data-testid\": \"circles-loading\",\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"svg\", {\n            width: width,\n            height: height,\n            viewBox: \"0 0 135 135\",\n            xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n            fill: color,\n            \"data-testid\": \"circles-svg\",\n            children: [\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"title\", {\n                    children: \"circles-loading\"\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"desc\", {\n                    children: \"Animated representation of circles\"\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                    d: \"M67.447 58c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.477-10 10 4.477 10 10 10zm9.448 9.447c0 5.523 4.477 10 10 10 5.522 0 10-4.477 10-10s-4.478-10-10-10c-5.523 0-10 4.477-10 10zm-9.448 9.448c-5.523 0-10 4.477-10 10 0 5.522 4.477 10 10 10s10-4.478 10-10c0-5.523-4.477-10-10-10zM58 67.447c0-5.523-4.477-10-10-10s-10 4.477-10 10 4.477 10 10 10 10-4.477 10-10z\",\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                        attributeName: \"transform\",\n                        type: \"rotate\",\n                        from: \"0 67 67\",\n                        to: \"-360 67 67\",\n                        dur: \"2.5s\",\n                        repeatCount: \"indefinite\"\n                    })\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                    d: \"M28.19 40.31c6.627 0 12-5.374 12-12 0-6.628-5.373-12-12-12-6.628 0-12 5.372-12 12 0 6.626 5.372 12 12 12zm30.72-19.825c4.686 4.687 12.284 4.687 16.97 0 4.686-4.686 4.686-12.284 0-16.97-4.686-4.687-12.284-4.687-16.97 0-4.687 4.686-4.687 12.284 0 16.97zm35.74 7.705c0 6.627 5.37 12 12 12 6.626 0 12-5.373 12-12 0-6.628-5.374-12-12-12-6.63 0-12 5.372-12 12zm19.822 30.72c-4.686 4.686-4.686 12.284 0 16.97 4.687 4.686 12.285 4.686 16.97 0 4.687-4.686 4.687-12.284 0-16.97-4.685-4.687-12.283-4.687-16.97 0zm-7.704 35.74c-6.627 0-12 5.37-12 12 0 6.626 5.373 12 12 12s12-5.374 12-12c0-6.63-5.373-12-12-12zm-30.72 19.822c-4.686-4.686-12.284-4.686-16.97 0-4.686 4.687-4.686 12.285 0 16.97 4.686 4.687 12.284 4.687 16.97 0 4.687-4.685 4.687-12.283 0-16.97zm-35.74-7.704c0-6.627-5.372-12-12-12-6.626 0-12 5.373-12 12s5.374 12 12 12c6.628 0 12-5.373 12-12zm-19.823-30.72c4.687-4.686 4.687-12.284 0-16.97-4.686-4.686-12.284-4.686-16.97 0-4.687 4.686-4.687 12.284 0 16.97 4.686 4.687 12.284 4.687 16.97 0z\",\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                        attributeName: \"transform\",\n                        type: \"rotate\",\n                        from: \"0 67 67\",\n                        to: \"360 67 67\",\n                        dur: \"8s\",\n                        repeatCount: \"indefinite\"\n                    })\n                })\n            ]\n        })\n    });\n\n\n\n\n\n\n\nconst $12bd062f0f060b07$export$17c11650828d97e = ({ wrapperStyle: wrapperStyle = {}, visible: visible = true, wrapperClass: wrapperClass = \"\", height: height = 100, width: width = 100, color: color = (0, $84fda1e7e33cfd28$export$37394b0fa44b998c), outerCircleColor: outerCircleColor, innerCircleColor: innerCircleColor, barColor: barColor, ariaLabel: ariaLabel = \"circles-with-bar-loading\" })=>{\n    return /*#__PURE__*/ (0, $fJU0O$jsx)((0, $4c3f0b77e8caf06d$export$21d9f1931ef75b56), {\n        style: wrapperStyle,\n        $visible: visible,\n        className: wrapperClass,\n        \"aria-label\": ariaLabel,\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        \"data-testid\": \"circles-with-bar-wrapper\",\n        children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"svg\", {\n            version: \"1.1\",\n            id: \"L1\",\n            xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n            x: \"0px\",\n            y: \"0px\",\n            height: `${height}`,\n            width: `${width}`,\n            viewBox: \"0 0 100 100\",\n            enableBackground: \"new 0 0 100 100\",\n            xmlSpace: \"preserve\",\n            \"data-testid\": \"circles-with-bar-svg\",\n            children: [\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"title\", {\n                    children: \"circles-with-bar-loading\"\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"desc\", {\n                    children: \"Animated representation of circles with bar\"\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                    fill: \"none\",\n                    stroke: `${outerCircleColor || color}`,\n                    strokeWidth: \"6\",\n                    strokeMiterlimit: \"15\",\n                    strokeDasharray: \"14.2472,14.2472\",\n                    cx: \"50\",\n                    cy: \"50\",\n                    r: \"47\",\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                        attributeName: \"transform\",\n                        attributeType: \"XML\",\n                        type: \"rotate\",\n                        dur: \"5s\",\n                        from: \"0 50 50\",\n                        to: \"360 50 50\",\n                        repeatCount: \"indefinite\"\n                    })\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                    fill: \"none\",\n                    stroke: `${innerCircleColor || color}`,\n                    strokeWidth: \"1\",\n                    strokeMiterlimit: \"10\",\n                    strokeDasharray: \"10,10\",\n                    cx: \"50\",\n                    cy: \"50\",\n                    r: \"39\",\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                        attributeName: \"transform\",\n                        attributeType: \"XML\",\n                        type: \"rotate\",\n                        dur: \"5s\",\n                        from: \"0 50 50\",\n                        to: \"-360 50 50\",\n                        repeatCount: \"indefinite\"\n                    })\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsxs)(\"g\", {\n                    fill: `${barColor || color}`,\n                    \"data-testid\": \"circles-with-bar-svg-bar\",\n                    children: [\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                            x: \"30\",\n                            y: \"35\",\n                            width: \"5\",\n                            height: \"30\",\n                            children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                                attributeName: \"transform\",\n                                dur: \"1s\",\n                                type: \"translate\",\n                                values: \"0 5 ; 0 -5; 0 5\",\n                                repeatCount: \"indefinite\",\n                                begin: \"0.1\"\n                            })\n                        }),\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                            x: \"40\",\n                            y: \"35\",\n                            width: \"5\",\n                            height: \"30\",\n                            children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                                attributeName: \"transform\",\n                                dur: \"1s\",\n                                type: \"translate\",\n                                values: \"0 5 ; 0 -5; 0 5\",\n                                repeatCount: \"indefinite\",\n                                begin: \"0.2\"\n                            })\n                        }),\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                            x: \"50\",\n                            y: \"35\",\n                            width: \"5\",\n                            height: \"30\",\n                            children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                                attributeName: \"transform\",\n                                dur: \"1s\",\n                                type: \"translate\",\n                                values: \"0 5 ; 0 -5; 0 5\",\n                                repeatCount: \"indefinite\",\n                                begin: \"0.3\"\n                            })\n                        }),\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                            x: \"60\",\n                            y: \"35\",\n                            width: \"5\",\n                            height: \"30\",\n                            children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                                attributeName: \"transform\",\n                                dur: \"1s\",\n                                type: \"translate\",\n                                values: \"0 5 ; 0 -5; 0 5\",\n                                repeatCount: \"indefinite\",\n                                begin: \"0.4\"\n                            })\n                        }),\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                            x: \"70\",\n                            y: \"35\",\n                            width: \"5\",\n                            height: \"30\",\n                            children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                                attributeName: \"transform\",\n                                dur: \"1s\",\n                                type: \"translate\",\n                                values: \"0 5 ; 0 -5; 0 5\",\n                                repeatCount: \"indefinite\",\n                                begin: \"0.5\"\n                            })\n                        })\n                    ]\n                })\n            ]\n        })\n    });\n};\n\n\n\n\n\n\nconst $b438e21e66fce243$export$ef2184bd89960b14 = ({ height: height = 80, width: width = 80, radius: radius = 12.5, color: color = (0, $84fda1e7e33cfd28$export$37394b0fa44b998c), ariaLabel: ariaLabel = \"grid-loading\", wrapperStyle: wrapperStyle, wrapperClass: wrapperClass, visible: visible = true })=>/*#__PURE__*/ (0, $fJU0O$jsx)((0, $4c3f0b77e8caf06d$export$21d9f1931ef75b56), {\n        style: wrapperStyle,\n        $visible: visible,\n        className: wrapperClass,\n        \"data-testid\": \"grid-loading\",\n        \"aria-label\": ariaLabel,\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"svg\", {\n            width: width,\n            height: height,\n            viewBox: \"0 0 105 105\",\n            fill: color,\n            \"data-testid\": \"grid-svg\",\n            children: [\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                    cx: \"12.5\",\n                    cy: \"12.5\",\n                    r: `${radius}`,\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill-opacity\",\n                        begin: \"0s\",\n                        dur: \"1s\",\n                        values: \"1;.2;1\",\n                        calcMode: \"linear\",\n                        repeatCount: \"indefinite\"\n                    })\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                    cx: \"12.5\",\n                    cy: \"52.5\",\n                    r: `${radius}`,\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill-opacity\",\n                        begin: \"100ms\",\n                        dur: \"1s\",\n                        values: \"1;.2;1\",\n                        calcMode: \"linear\",\n                        repeatCount: \"indefinite\"\n                    })\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                    cx: \"52.5\",\n                    cy: \"12.5\",\n                    r: `${radius}`,\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill-opacity\",\n                        begin: \"300ms\",\n                        dur: \"1s\",\n                        values: \"1;.2;1\",\n                        calcMode: \"linear\",\n                        repeatCount: \"indefinite\"\n                    })\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                    cx: \"52.5\",\n                    cy: \"52.5\",\n                    r: `${radius}`,\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill-opacity\",\n                        begin: \"600ms\",\n                        dur: \"1s\",\n                        values: \"1;.2;1\",\n                        calcMode: \"linear\",\n                        repeatCount: \"indefinite\"\n                    })\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                    cx: \"92.5\",\n                    cy: \"12.5\",\n                    r: `${radius}`,\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill-opacity\",\n                        begin: \"800ms\",\n                        dur: \"1s\",\n                        values: \"1;.2;1\",\n                        calcMode: \"linear\",\n                        repeatCount: \"indefinite\"\n                    })\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                    cx: \"92.5\",\n                    cy: \"52.5\",\n                    r: `${radius}`,\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill-opacity\",\n                        begin: \"400ms\",\n                        dur: \"1s\",\n                        values: \"1;.2;1\",\n                        calcMode: \"linear\",\n                        repeatCount: \"indefinite\"\n                    })\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                    cx: \"12.5\",\n                    cy: \"92.5\",\n                    r: `${radius}`,\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill-opacity\",\n                        begin: \"700ms\",\n                        dur: \"1s\",\n                        values: \"1;.2;1\",\n                        calcMode: \"linear\",\n                        repeatCount: \"indefinite\"\n                    })\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                    cx: \"52.5\",\n                    cy: \"92.5\",\n                    r: `${radius}`,\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill-opacity\",\n                        begin: \"500ms\",\n                        dur: \"1s\",\n                        values: \"1;.2;1\",\n                        calcMode: \"linear\",\n                        repeatCount: \"indefinite\"\n                    })\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                    cx: \"92.5\",\n                    cy: \"92.5\",\n                    r: `${radius}`,\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill-opacity\",\n                        begin: \"200ms\",\n                        dur: \"1s\",\n                        values: \"1;.2;1\",\n                        calcMode: \"linear\",\n                        repeatCount: \"indefinite\"\n                    })\n                })\n            ]\n        })\n    });\n\n\n\n\n\n\nconst $88eb2f870dd9f437$export$2da2f0c7403af3ce = ({ height: height = 80, width: width = 80, color: color = (0, $84fda1e7e33cfd28$export$37394b0fa44b998c), ariaLabel: ariaLabel = \"hearts-loading\", wrapperStyle: wrapperStyle, wrapperClass: wrapperClass, visible: visible = true })=>/*#__PURE__*/ (0, $fJU0O$jsx)((0, $4c3f0b77e8caf06d$export$21d9f1931ef75b56), {\n        style: wrapperStyle,\n        $visible: visible,\n        className: wrapperClass,\n        \"data-testid\": \"hearts-loading\",\n        \"aria-label\": ariaLabel,\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"svg\", {\n            width: width,\n            height: height,\n            viewBox: \"0 0 140 64\",\n            xmlns: \"http://www.w3.org/2000/svg\",\n            fill: color,\n            \"data-testid\": \"hearts-svg\",\n            children: [\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                    d: \"M30.262 57.02L7.195 40.723c-5.84-3.976-7.56-12.06-3.842-18.063 3.715-6 11.467-7.65 17.306-3.68l4.52 3.76 2.6-5.274c3.717-6.002 11.47-7.65 17.305-3.68 5.84 3.97 7.56 12.054 3.842 18.062L34.49 56.118c-.897 1.512-2.793 1.915-4.228.9z\",\n                    attributeName: \"fill-opacity\",\n                    from: \"0\",\n                    to: \".5\",\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill-opacity\",\n                        begin: \"0s\",\n                        dur: \"1.4s\",\n                        values: \"0.5;1;0.5\",\n                        calcMode: \"linear\",\n                        repeatCount: \"indefinite\"\n                    })\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                    d: \"M105.512 56.12l-14.44-24.272c-3.716-6.008-1.996-14.093 3.843-18.062 5.835-3.97 13.588-2.322 17.306 3.68l2.6 5.274 4.52-3.76c5.84-3.97 13.592-2.32 17.307 3.68 3.718 6.003 1.998 14.088-3.842 18.064L109.74 57.02c-1.434 1.014-3.33.61-4.228-.9z\",\n                    attributeName: \"fill-opacity\",\n                    from: \"0\",\n                    to: \".5\",\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill-opacity\",\n                        begin: \"0.7s\",\n                        dur: \"1.4s\",\n                        values: \"0.5;1;0.5\",\n                        calcMode: \"linear\",\n                        repeatCount: \"indefinite\"\n                    })\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                    d: \"M67.408 57.834l-23.01-24.98c-5.864-6.15-5.864-16.108 0-22.248 5.86-6.14 15.37-6.14 21.234 0L70 16.168l4.368-5.562c5.863-6.14 15.375-6.14 21.235 0 5.863 6.14 5.863 16.098 0 22.247l-23.007 24.98c-1.43 1.556-3.757 1.556-5.188 0z\"\n                })\n            ]\n        })\n    });\n\n\n\n\n\n\n\nconst $ad60b992c945fdb5$var$len = 242.776657104492;\nconst $ad60b992c945fdb5$var$time = 1.6;\nconst $ad60b992c945fdb5$var$anim = (0, $fJU0O$keyframes)`\n12.5% {\n  stroke-dasharray: ${$ad60b992c945fdb5$var$len * 0.14}px, ${$ad60b992c945fdb5$var$len}px;\n  stroke-dashoffset: -${$ad60b992c945fdb5$var$len * 0.11}px;\n}\n43.75% {\n  stroke-dasharray: ${$ad60b992c945fdb5$var$len * 0.35}px, ${$ad60b992c945fdb5$var$len}px;\n  stroke-dashoffset: -${$ad60b992c945fdb5$var$len * 0.35}px;\n}\n100% {\n  stroke-dasharray: ${$ad60b992c945fdb5$var$len * 0.01}px, ${$ad60b992c945fdb5$var$len}px;\n  stroke-dashoffset: -${$ad60b992c945fdb5$var$len * 0.99}px;\n}\n`;\nconst $ad60b992c945fdb5$var$Path = (0, $fJU0O$styledcomponents).path`\n  stroke-dasharray: ${$ad60b992c945fdb5$var$len * 0.01}px, ${$ad60b992c945fdb5$var$len};\n  stroke-dashoffset: 0;\n  animation: ${$ad60b992c945fdb5$var$anim} ${$ad60b992c945fdb5$var$time}s linear infinite;\n`;\nconst $ad60b992c945fdb5$export$8009d4483dfda42 = ({ color: color = (0, $84fda1e7e33cfd28$export$37394b0fa44b998c), width: width = \"200\" })=>{\n    return /*#__PURE__*/ (0, $fJU0O$jsxs)(\"svg\", {\n        xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n        width: `${width}`,\n        height: `${Number(width) * 0.5}`,\n        viewBox: `0 0 ${width} ${Number(100)}`,\n        \"data-testid\": \"infinity-spin\",\n        children: [\n            /*#__PURE__*/ (0, $fJU0O$jsx)($ad60b992c945fdb5$var$Path, {\n                \"data-testid\": \"infinity-spin-path-1\",\n                stroke: color,\n                fill: \"none\",\n                strokeWidth: \"4\",\n                strokeLinecap: \"round\",\n                strokeLinejoin: \"round\",\n                strokeMiterlimit: \"10\",\n                d: \"M93.9,46.4c9.3,9.5,13.8,17.9,23.5,17.9s17.5-7.8,17.5-17.5s-7.8-17.6-17.5-17.5c-9.7,0.1-13.3,7.2-22.1,17.1 c-8.9,8.8-15.7,17.9-25.4,17.9s-17.5-7.8-17.5-17.5s7.8-17.5,17.5-17.5S86.2,38.6,93.9,46.4z\"\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                \"data-testid\": \"infinity-spin-path-2\",\n                opacity: \"0.07\",\n                fill: \"none\",\n                stroke: color,\n                strokeWidth: \"4\",\n                strokeLinecap: \"round\",\n                strokeLinejoin: \"round\",\n                strokeMiterlimit: \"10\",\n                d: \"M93.9,46.4c9.3,9.5,13.8,17.9,23.5,17.9s17.5-7.8,17.5-17.5s-7.8-17.6-17.5-17.5c-9.7,0.1-13.3,7.2-22.1,17.1 c-8.9,8.8-15.7,17.9-25.4,17.9s-17.5-7.8-17.5-17.5s7.8-17.5,17.5-17.5S86.2,38.6,93.9,46.4z\"\n            })\n        ]\n    });\n};\n\n\n\n\n\n\n\nconst $05da46d92e4baf0c$export$d2101d81f63866ab = ({ wrapperStyle: wrapperStyle = {}, visible: visible = true, wrapperClass: wrapperClass = \"\", height: height = 100, width: width = 100, color: color = (0, $84fda1e7e33cfd28$export$37394b0fa44b998c), ariaLabel: ariaLabel = \"line-wave-loading\", firstLineColor: firstLineColor, middleLineColor: middleLineColor, lastLineColor: lastLineColor })=>{\n    return /*#__PURE__*/ (0, $fJU0O$jsx)((0, $4c3f0b77e8caf06d$export$21d9f1931ef75b56), {\n        style: wrapperStyle,\n        $visible: visible,\n        className: wrapperClass,\n        \"data-testid\": \"line-wave-wrapper\",\n        \"aria-label\": ariaLabel,\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"svg\", {\n            version: \"1.1\",\n            height: `${height}`,\n            width: `${width}`,\n            xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n            x: \"0px\",\n            y: \"0px\",\n            viewBox: \"0 0 100 100\",\n            enableBackground: \"new 0 0 0 0\",\n            xmlSpace: \"preserve\",\n            \"data-testid\": \"line-wave-svg\",\n            children: [\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                    x: \"20\",\n                    y: \"50\",\n                    width: \"4\",\n                    height: \"10\",\n                    fill: firstLineColor || color,\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                        attributeType: \"xml\",\n                        attributeName: \"transform\",\n                        type: \"translate\",\n                        values: \"0 0; 0 20; 0 0\",\n                        begin: \"0\",\n                        dur: \"0.6s\",\n                        repeatCount: \"indefinite\"\n                    })\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                    x: \"30\",\n                    y: \"50\",\n                    width: \"4\",\n                    height: \"10\",\n                    fill: middleLineColor || color,\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                        attributeType: \"xml\",\n                        attributeName: \"transform\",\n                        type: \"translate\",\n                        values: \"0 0; 0 20; 0 0\",\n                        begin: \"0.2s\",\n                        dur: \"0.6s\",\n                        repeatCount: \"indefinite\"\n                    })\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                    x: \"40\",\n                    y: \"50\",\n                    width: \"4\",\n                    height: \"10\",\n                    fill: lastLineColor || color,\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                        attributeType: \"xml\",\n                        attributeName: \"transform\",\n                        type: \"translate\",\n                        values: \"0 0; 0 20; 0 0\",\n                        begin: \"0.4s\",\n                        dur: \"0.6s\",\n                        repeatCount: \"indefinite\"\n                    })\n                })\n            ]\n        })\n    });\n};\n\n\n\n\n\n\nconst $05cab5f4cf092036$export$64ea884904791f4 = ({ height: height = 90, width: width = 80, radius: radius = 12.5, color: color = (0, $84fda1e7e33cfd28$export$37394b0fa44b998c), secondaryColor: secondaryColor = (0, $84fda1e7e33cfd28$export$37394b0fa44b998c), ariaLabel: ariaLabel = \"mutating-dots-loading\", wrapperStyle: wrapperStyle, wrapperClass: wrapperClass, visible: visible = true })=>/*#__PURE__*/ (0, $fJU0O$jsx)((0, $4c3f0b77e8caf06d$export$21d9f1931ef75b56), {\n        style: wrapperStyle,\n        $visible: visible,\n        className: wrapperClass,\n        \"data-testid\": \"mutating-dots-loading\",\n        \"aria-label\": ariaLabel,\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"svg\", {\n            id: \"goo-loader\",\n            width: width,\n            height: height,\n            \"data-testid\": \"mutating-dots-svg\",\n            children: [\n                /*#__PURE__*/ (0, $fJU0O$jsxs)(\"filter\", {\n                    id: \"fancy-goo\",\n                    children: [\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"feGaussianBlur\", {\n                            in: \"SourceGraphic\",\n                            stdDeviation: \"6\",\n                            result: \"blur\"\n                        }),\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"feColorMatrix\", {\n                            in: \"blur\",\n                            mode: \"matrix\",\n                            values: \"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\",\n                            result: \"goo\"\n                        }),\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"feComposite\", {\n                            in: \"SourceGraphic\",\n                            in2: \"goo\",\n                            operator: \"atop\"\n                        })\n                    ]\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsxs)(\"g\", {\n                    filter: \"url(#fancy-goo)\",\n                    children: [\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                            id: \"mainAnim\",\n                            attributeName: \"transform\",\n                            attributeType: \"XML\",\n                            type: \"rotate\",\n                            from: \"0 50 50\",\n                            to: \"359 50 50\",\n                            dur: \"1.2s\",\n                            repeatCount: \"indefinite\"\n                        }),\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                            cx: \"50%\",\n                            cy: \"40\",\n                            r: radius,\n                            fill: color,\n                            children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                id: \"cAnim1\",\n                                attributeType: \"XML\",\n                                attributeName: \"cy\",\n                                dur: \"0.6s\",\n                                begin: \"0;cAnim1.end+0.2s\",\n                                calcMode: \"spline\",\n                                values: \"40;20;40\",\n                                keyTimes: \"0;0.3;1\",\n                                keySplines: \"0.09, 0.45, 0.16, 1;0.09, 0.45, 0.16, 1\"\n                            })\n                        }),\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                            cx: \"50%\",\n                            cy: \"60\",\n                            r: radius,\n                            fill: secondaryColor,\n                            children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                id: \"cAnim2\",\n                                attributeType: \"XML\",\n                                attributeName: \"cy\",\n                                dur: \"0.6s\",\n                                begin: \"0.4s;cAnim2.end+0.2s\",\n                                calcMode: \"spline\",\n                                values: \"60;80;60\",\n                                keyTimes: \"0;0.3;1\",\n                                keySplines: \"0.09, 0.45, 0.16, 1;0.09, 0.45, 0.16, 1\"\n                            })\n                        })\n                    ]\n                })\n            ]\n        })\n    });\n\n\n\n\n\n\n/**\n * The radius of the circle\n * The Loader size is set with the width and height of the SVG\n * @type {number}\n */ const $a5fa864d4dd36deb$var$RADIUS = 20;\n/**\n * Compute Path depending on circle radius\n * The structure with radius 20 is \"M20 0c0-9.94-8.06-20-20-20\"\n * @param radius of the circle radius default 20\n * @returns {string}\n */ const $a5fa864d4dd36deb$var$getPath = (radius)=>{\n    return [\n        \"M\" + radius + \" 0c0-9.94-8.06\",\n        radius,\n        radius,\n        radius\n    ].join(\"-\");\n};\n/**\n * Compute the size of the view box depending on the radius and Stroke-Width\n * @param strokeWidth Stroke-Width of the full circle\n * @param secondaryStrokeWidth Stroke-Width of the 1/4 circle\n * @param radius radius of the circle\n * @returns {string}\n */ const $a5fa864d4dd36deb$var$getViewBoxSize = (strokeWidth, secondaryStrokeWidth, radius)=>{\n    const maxStrokeWidth = Math.max(strokeWidth, secondaryStrokeWidth);\n    const startingPoint = -radius - maxStrokeWidth / 2 + 1;\n    const endpoint = radius * 2 + maxStrokeWidth;\n    return [\n        startingPoint,\n        startingPoint,\n        endpoint,\n        endpoint\n    ].join(\" \");\n};\nconst $a5fa864d4dd36deb$export$67ad50c48ca3ede4 = ({ height: height = 80, width: width = 80, color: color = (0, $84fda1e7e33cfd28$export$37394b0fa44b998c), secondaryColor: secondaryColor = (0, $84fda1e7e33cfd28$export$37394b0fa44b998c), ariaLabel: ariaLabel = \"oval-loading\", wrapperStyle: wrapperStyle, wrapperClass: wrapperClass, visible: visible = true, strokeWidth: strokeWidth = 2, strokeWidthSecondary: strokeWidthSecondary })=>/*#__PURE__*/ (0, $fJU0O$jsx)((0, $4c3f0b77e8caf06d$export$21d9f1931ef75b56), {\n        style: wrapperStyle,\n        $visible: visible,\n        className: wrapperClass,\n        \"data-testid\": \"oval-loading\",\n        \"aria-label\": ariaLabel,\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"svg\", {\n            width: width,\n            height: height,\n            viewBox: $a5fa864d4dd36deb$var$getViewBoxSize(Number(strokeWidth), Number(strokeWidthSecondary || strokeWidth), $a5fa864d4dd36deb$var$RADIUS),\n            xmlns: \"http://www.w3.org/2000/svg\",\n            stroke: color,\n            \"data-testid\": \"oval-svg\",\n            children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"g\", {\n                fill: \"none\",\n                fillRule: \"evenodd\",\n                children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"g\", {\n                    transform: \"translate(1 1)\",\n                    strokeWidth: Number(strokeWidthSecondary || strokeWidth),\n                    \"data-testid\": \"oval-secondary-group\",\n                    children: [\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                            strokeOpacity: \".5\",\n                            cx: \"0\",\n                            cy: \"0\",\n                            r: $a5fa864d4dd36deb$var$RADIUS,\n                            stroke: secondaryColor,\n                            strokeWidth: strokeWidth\n                        }),\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                            d: $a5fa864d4dd36deb$var$getPath($a5fa864d4dd36deb$var$RADIUS),\n                            children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                                attributeName: \"transform\",\n                                type: \"rotate\",\n                                from: \"0 0 0\",\n                                to: \"360 0 0\",\n                                dur: \"1s\",\n                                repeatCount: \"indefinite\"\n                            })\n                        })\n                    ]\n                })\n            })\n        })\n    });\n\n\n\n\n\n\n\nconst $8a2963a7161a08e2$export$83d2259ec538613b = ({ height: height = 80, width: width = 80, radius: radius = 1, color: color = (0, $84fda1e7e33cfd28$export$37394b0fa44b998c), ariaLabel: ariaLabel = \"puff-loading\", wrapperStyle: wrapperStyle, wrapperClass: wrapperClass, visible: visible = true })=>/*#__PURE__*/ (0, $fJU0O$jsx)((0, $4c3f0b77e8caf06d$export$21d9f1931ef75b56), {\n        style: wrapperStyle,\n        $visible: visible,\n        className: wrapperClass,\n        \"data-testid\": \"puff-loading\",\n        \"aria-label\": ariaLabel,\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"svg\", {\n            width: width,\n            height: height,\n            viewBox: \"0 0 44 44\",\n            xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n            stroke: color,\n            \"data-testid\": \"puff-svg\",\n            children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"g\", {\n                fill: \"none\",\n                fillRule: \"evenodd\",\n                strokeWidth: \"2\",\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                        cx: \"22\",\n                        cy: \"22\",\n                        r: radius,\n                        children: [\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                attributeName: \"r\",\n                                begin: \"0s\",\n                                dur: \"1.8s\",\n                                values: \"1; 20\",\n                                calcMode: \"spline\",\n                                keyTimes: \"0; 1\",\n                                keySplines: \"0.165, 0.84, 0.44, 1\",\n                                repeatCount: \"indefinite\"\n                            }),\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                attributeName: \"strokeOpacity\",\n                                begin: \"0s\",\n                                dur: \"1.8s\",\n                                values: \"1; 0\",\n                                calcMode: \"spline\",\n                                keyTimes: \"0; 1\",\n                                keySplines: \"0.3, 0.61, 0.355, 1\",\n                                repeatCount: \"indefinite\"\n                            })\n                        ]\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                        cx: \"22\",\n                        cy: \"22\",\n                        r: radius,\n                        children: [\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                attributeName: \"r\",\n                                begin: \"-0.9s\",\n                                dur: \"1.8s\",\n                                values: \"1; 20\",\n                                calcMode: \"spline\",\n                                keyTimes: \"0; 1\",\n                                keySplines: \"0.165, 0.84, 0.44, 1\",\n                                repeatCount: \"indefinite\"\n                            }),\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                attributeName: \"strokeOpacity\",\n                                begin: \"-0.9s\",\n                                dur: \"1.8s\",\n                                values: \"1; 0\",\n                                calcMode: \"spline\",\n                                keyTimes: \"0; 1\",\n                                keySplines: \"0.3, 0.61, 0.355, 1\",\n                                repeatCount: \"indefinite\"\n                            })\n                        ]\n                    })\n                ]\n            })\n        })\n    });\n\n\n\n\n\n\n\nconst $f6f65ef73d86a35a$export$8e22e563e5362f75 = ({ radius: radius = 45, strokeWidth: strokeWidth = 5, color: color = (0, $84fda1e7e33cfd28$export$37394b0fa44b998c), secondaryColor: secondaryColor, ariaLabel: ariaLabel = \"revolving-dot-loading\", wrapperStyle: wrapperStyle, wrapperClass: wrapperClass, visible: visible = true })=>/*#__PURE__*/ (0, $fJU0O$jsx)((0, $4c3f0b77e8caf06d$export$21d9f1931ef75b56), {\n        style: wrapperStyle,\n        $visible: visible,\n        className: wrapperClass,\n        \"aria-label\": ariaLabel,\n        \"data-testid\": \"revolving-dot-loading\",\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"svg\", {\n            version: \"1.1\",\n            width: `calc(${radius} * 2.5)`,\n            height: `calc(${radius} * 2.5)`,\n            xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n            x: \"0px\",\n            y: \"0px\",\n            \"data-testid\": \"revolving-dot-svg\",\n            children: [\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                    fill: \"none\",\n                    stroke: secondaryColor || color,\n                    strokeWidth: strokeWidth,\n                    cx: `calc(${radius} * 1.28)`,\n                    cy: `calc(${radius} * 1.28)`,\n                    r: radius,\n                    style: {\n                        opacity: 0.5\n                    }\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                    fill: color,\n                    stroke: color,\n                    strokeWidth: \"3\",\n                    cx: `calc(${radius} * 1.28)`,\n                    cy: `calc(${radius} / 3.5)`,\n                    r: `calc(${radius} / 5)`,\n                    style: {\n                        transformOrigin: \"50% 50%\"\n                    },\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                        attributeName: \"transform\",\n                        dur: \"2s\",\n                        type: \"rotate\",\n                        from: \"0\",\n                        to: \"360\",\n                        repeatCount: \"indefinite\"\n                    })\n                })\n            ]\n        })\n    });\n\n\n\n\n\n\n\nconst $0da8ebf0340870f3$export$fdd9e2f491a77de7 = ({ height: height = 80, width: width = 80, radius: radius = 6, color: color = (0, $84fda1e7e33cfd28$export$37394b0fa44b998c), ariaLabel: ariaLabel = \"rings-loading\", wrapperStyle: wrapperStyle, wrapperClass: wrapperClass, visible: visible = true })=>/*#__PURE__*/ (0, $fJU0O$jsx)((0, $4c3f0b77e8caf06d$export$21d9f1931ef75b56), {\n        style: wrapperStyle,\n        $visible: visible,\n        className: wrapperClass,\n        \"data-testid\": \"rings-loading\",\n        \"aria-label\": ariaLabel,\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"svg\", {\n            width: width,\n            height: height,\n            viewBox: \"0 0 45 45\",\n            xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n            stroke: color,\n            \"data-testid\": \"rings-svg\",\n            children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"g\", {\n                fill: \"none\",\n                fillRule: \"evenodd\",\n                transform: \"translate(1 1)\",\n                strokeWidth: \"2\",\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                        cx: \"22\",\n                        cy: \"22\",\n                        r: radius,\n                        strokeOpacity: \"0\",\n                        children: [\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                attributeName: \"r\",\n                                begin: \"1.5s\",\n                                dur: \"3s\",\n                                values: \"6;22\",\n                                calcMode: \"linear\",\n                                repeatCount: \"indefinite\"\n                            }),\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                attributeName: \"stroke-opacity\",\n                                begin: \"1.5s\",\n                                dur: \"3s\",\n                                values: \"1;0\",\n                                calcMode: \"linear\",\n                                repeatCount: \"indefinite\"\n                            }),\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                attributeName: \"stroke-width\",\n                                begin: \"1.5s\",\n                                dur: \"3s\",\n                                values: \"2;0\",\n                                calcMode: \"linear\",\n                                repeatCount: \"indefinite\"\n                            })\n                        ]\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                        cx: \"22\",\n                        cy: \"22\",\n                        r: radius,\n                        strokeOpacity: \"0\",\n                        children: [\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                attributeName: \"r\",\n                                begin: \"3s\",\n                                dur: \"3s\",\n                                values: \"6;22\",\n                                calcMode: \"linear\",\n                                repeatCount: \"indefinite\"\n                            }),\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                attributeName: \"strokeOpacity\",\n                                begin: \"3s\",\n                                dur: \"3s\",\n                                values: \"1;0\",\n                                calcMode: \"linear\",\n                                repeatCount: \"indefinite\"\n                            }),\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                attributeName: \"strokeWidth\",\n                                begin: \"3s\",\n                                dur: \"3s\",\n                                values: \"2;0\",\n                                calcMode: \"linear\",\n                                repeatCount: \"indefinite\"\n                            })\n                        ]\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                        cx: \"22\",\n                        cy: \"22\",\n                        r: Number(radius) + 2,\n                        children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                            attributeName: \"r\",\n                            begin: \"0s\",\n                            dur: \"1.5s\",\n                            values: \"6;1;2;3;4;5;6\",\n                            calcMode: \"linear\",\n                            repeatCount: \"indefinite\"\n                        })\n                    })\n                ]\n            })\n        })\n    });\n\n\n\n\n\n\n\nconst $30f4fc5ff137b595$export$bb511942ded86554 = ({ wrapperClass: wrapperClass = \"\", color: color = (0, $84fda1e7e33cfd28$export$37394b0fa44b998c), height: height = 100, width: width = 100, strokeWidth: strokeWidth = 4, ariaLabel: ariaLabel = \"rotating-square-loading\", wrapperStyle: wrapperStyle = {}, visible: visible = true })=>{\n    return /*#__PURE__*/ (0, $fJU0O$jsx)((0, $4c3f0b77e8caf06d$export$21d9f1931ef75b56), {\n        style: wrapperStyle,\n        $visible: visible,\n        className: wrapperClass,\n        \"data-testid\": \"rotating-square-wrapper\",\n        \"aria-label\": ariaLabel,\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"svg\", {\n            version: \"1.1\",\n            xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n            x: \"0px\",\n            y: \"0px\",\n            viewBox: \"0 0 100 100\",\n            enableBackground: \"new 0 0 100 100\",\n            height: `${height}`,\n            width: `${width}`,\n            \"data-testid\": \"rotating-square-svg\",\n            xmlSpace: \"preserve\",\n            children: [\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                    fill: \"none\",\n                    stroke: color,\n                    strokeWidth: strokeWidth,\n                    x: \"25\",\n                    y: \"25\",\n                    width: \"50\",\n                    height: \"50\",\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                        attributeName: \"transform\",\n                        dur: \"0.5s\",\n                        from: \"0 50 50\",\n                        to: \"180 50 50\",\n                        type: \"rotate\",\n                        id: \"strokeBox\",\n                        attributeType: \"XML\",\n                        begin: \"rectBox.end\"\n                    })\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                    x: \"27\",\n                    y: \"27\",\n                    fill: color,\n                    width: \"46\",\n                    height: \"50\",\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"height\",\n                        dur: \"1.3s\",\n                        attributeType: \"XML\",\n                        from: \"50\",\n                        to: \"0\",\n                        id: \"rectBox\",\n                        fill: \"freeze\",\n                        begin: \"0s;strokeBox.end\"\n                    })\n                })\n            ]\n        })\n    });\n};\n\n\n\n\n\n\n\nconst $5819da83a926266a$var$POINTS = [\n    0,\n    30,\n    60,\n    90,\n    120,\n    150,\n    180,\n    210,\n    240,\n    270,\n    300,\n    330\n];\nconst $5819da83a926266a$var$spin = (0, $fJU0O$keyframes)`\nto {\n   transform: rotate(360deg);\n }\n`;\nconst $5819da83a926266a$var$Svg = (0, $fJU0O$styledcomponents).svg`\n  animation: ${$5819da83a926266a$var$spin} 0.75s steps(12, end) infinite;\n  animation-duration: 0.75s;\n`;\nconst $5819da83a926266a$var$Polyline = (0, $fJU0O$styledcomponents).polyline`\n  stroke-width: ${(props)=>props.width}px;\n  stroke-linecap: round;\n\n  &:nth-child(12n + 0) {\n    stroke-opacity: 0.08;\n  }\n\n  &:nth-child(12n + 1) {\n    stroke-opacity: 0.17;\n  }\n\n  &:nth-child(12n + 2) {\n    stroke-opacity: 0.25;\n  }\n\n  &:nth-child(12n + 3) {\n    stroke-opacity: 0.33;\n  }\n\n  &:nth-child(12n + 4) {\n    stroke-opacity: 0.42;\n  }\n\n  &:nth-child(12n + 5) {\n    stroke-opacity: 0.5;\n  }\n\n  &:nth-child(12n + 6) {\n    stroke-opacity: 0.58;\n  }\n\n  &:nth-child(12n + 7) {\n    stroke-opacity: 0.66;\n  }\n\n  &:nth-child(12n + 8) {\n    stroke-opacity: 0.75;\n  }\n\n  &:nth-child(12n + 9) {\n    stroke-opacity: 0.83;\n  }\n\n  &:nth-child(12n + 11) {\n    stroke-opacity: 0.92;\n  }\n`;\nconst $5819da83a926266a$export$d20df8773b6b77b5 = ({ strokeColor: strokeColor = (0, $84fda1e7e33cfd28$export$37394b0fa44b998c), strokeWidth: strokeWidth = \"5\", animationDuration: animationDuration = \"0.75\", width: width = \"96\", visible: visible = true, ariaLabel: ariaLabel = \"rotating-lines-loading\" })=>{\n    const lines = (0, $fJU0O$useCallback)(()=>$5819da83a926266a$var$POINTS.map((point)=>// eslint-disable-next-line @typescript-eslint/no-use-before-define\n            /*#__PURE__*/ (0, $fJU0O$jsx)($5819da83a926266a$var$Polyline, {\n                points: \"24,12 24,4\",\n                width: strokeWidth,\n                transform: `rotate(${point}, 24, 24)`\n            }, point)), [\n        strokeWidth\n    ]);\n    return !visible ? null : /*#__PURE__*/ (0, $fJU0O$jsx)($5819da83a926266a$var$Svg, {\n        xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n        viewBox: \"0 0 48 48\",\n        width: width,\n        stroke: strokeColor,\n        speed: animationDuration,\n        \"data-testid\": \"rotating-lines-svg\",\n        \"aria-label\": ariaLabel,\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: lines()\n    });\n};\n\n\n\n\n\n\n\nconst $56d89154a59e79d3$export$f8e5ae7506d65b32 = ({ height: height = 80, width: width = 80, strokeWidth: strokeWidth = 2, radius: radius = 1, color: color = (0, $84fda1e7e33cfd28$export$37394b0fa44b998c), ariaLabel: ariaLabel = \"tail-spin-loading\", wrapperStyle: wrapperStyle, wrapperClass: wrapperClass, visible: visible = true })=>{\n    const strokeWidthNum = parseInt(String(strokeWidth));\n    const viewBoxValue = strokeWidthNum + 36;\n    const halfStrokeWidth = strokeWidthNum / 2;\n    const processedRadius = halfStrokeWidth + parseInt(String(radius)) - 1;\n    return /*#__PURE__*/ (0, $fJU0O$jsx)((0, $4c3f0b77e8caf06d$export$21d9f1931ef75b56), {\n        style: wrapperStyle,\n        $visible: visible,\n        className: wrapperClass,\n        \"data-testid\": \"tail-spin-loading\",\n        \"aria-label\": ariaLabel,\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"svg\", {\n            width: width,\n            height: height,\n            viewBox: `0 0 ${viewBoxValue} ${viewBoxValue}`,\n            xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n            \"data-testid\": \"tail-spin-svg\",\n            children: [\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"defs\", {\n                    children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"linearGradient\", {\n                        x1: \"8.042%\",\n                        y1: \"0%\",\n                        x2: \"65.682%\",\n                        y2: \"23.865%\",\n                        id: \"a\",\n                        children: [\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"stop\", {\n                                stopColor: color,\n                                stopOpacity: \"0\",\n                                offset: \"0%\"\n                            }),\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"stop\", {\n                                stopColor: color,\n                                stopOpacity: \".631\",\n                                offset: \"63.146%\"\n                            }),\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"stop\", {\n                                stopColor: color,\n                                offset: \"100%\"\n                            })\n                        ]\n                    })\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"g\", {\n                    fill: \"none\",\n                    fillRule: \"evenodd\",\n                    children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"g\", {\n                        transform: `translate(${halfStrokeWidth} ${halfStrokeWidth})`,\n                        children: [\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                                d: \"M36 18c0-9.94-8.06-18-18-18\",\n                                id: \"Oval-2\",\n                                stroke: color,\n                                strokeWidth: strokeWidth,\n                                children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                                    attributeName: \"transform\",\n                                    type: \"rotate\",\n                                    from: \"0 18 18\",\n                                    to: \"360 18 18\",\n                                    dur: \"0.9s\",\n                                    repeatCount: \"indefinite\"\n                                })\n                            }),\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                                fill: \"#fff\",\n                                cx: \"36\",\n                                cy: \"18\",\n                                r: processedRadius,\n                                children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                                    attributeName: \"transform\",\n                                    type: \"rotate\",\n                                    from: \"0 18 18\",\n                                    to: \"360 18 18\",\n                                    dur: \"0.9s\",\n                                    repeatCount: \"indefinite\"\n                                })\n                            })\n                        ]\n                    })\n                })\n            ]\n        })\n    });\n};\n\n\n\n\n\n\n\nconst $5cff71254109409f$export$e21573137ccb7f5d = ({ wrapperStyle: wrapperStyle = {}, visible: visible = true, wrapperClass: wrapperClass = \"\", height: height = 100, width: width = 100, color: color = (0, $84fda1e7e33cfd28$export$37394b0fa44b998c), ariaLabel: ariaLabel = \"three-circles-loading\", outerCircleColor: outerCircleColor, innerCircleColor: innerCircleColor, middleCircleColor: middleCircleColor })=>{\n    return /*#__PURE__*/ (0, $fJU0O$jsx)((0, $4c3f0b77e8caf06d$export$21d9f1931ef75b56), {\n        style: wrapperStyle,\n        $visible: visible,\n        className: wrapperClass,\n        \"data-testid\": \"three-circles-wrapper\",\n        \"aria-label\": ariaLabel,\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"svg\", {\n            version: \"1.1\",\n            height: `${height}`,\n            width: `${width}`,\n            xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n            viewBox: \"0 0 100 100\",\n            enableBackground: \"new 0 0 100 100\",\n            xmlSpace: \"preserve\",\n            \"data-testid\": \"three-circles-svg\",\n            children: [\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                    fill: outerCircleColor || color,\n                    d: \"M31.6,3.5C5.9,13.6-6.6,42.7,3.5,68.4c10.1,25.7,39.2,38.3,64.9,28.1l-3.1-7.9c-21.3,8.4-45.4-2-53.8-23.3 c-8.4-21.3,2-45.4,23.3-53.8L31.6,3.5z\",\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                        attributeName: \"transform\",\n                        attributeType: \"XML\",\n                        type: \"rotate\",\n                        dur: \"2s\",\n                        from: \"0 50 50\",\n                        to: \"360 50 50\",\n                        repeatCount: \"indefinite\"\n                    })\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                    fill: middleCircleColor || color,\n                    d: \"M42.3,39.6c5.7-4.3,13.9-3.1,18.1,2.7c4.3,5.7,3.1,13.9-2.7,18.1l4.1,5.5c8.8-6.5,10.6-19,4.1-27.7 c-6.5-8.8-19-10.6-27.7-4.1L42.3,39.6z\",\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                        attributeName: \"transform\",\n                        attributeType: \"XML\",\n                        type: \"rotate\",\n                        dur: \"1s\",\n                        from: \"0 50 50\",\n                        to: \"-360 50 50\",\n                        repeatCount: \"indefinite\"\n                    })\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                    fill: innerCircleColor || color,\n                    d: \"M82,35.7C74.1,18,53.4,10.1,35.7,18S10.1,46.6,18,64.3l7.6-3.4c-6-13.5,0-29.3,13.5-35.3s29.3,0,35.3,13.5 L82,35.7z\",\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                        attributeName: \"transform\",\n                        attributeType: \"XML\",\n                        type: \"rotate\",\n                        dur: \"2s\",\n                        from: \"0 50 50\",\n                        to: \"360 50 50\",\n                        repeatCount: \"indefinite\"\n                    })\n                })\n            ]\n        })\n    });\n};\n\n\n\n\n\n\n\nconst $f0c3e3bb3e76d210$export$4bf83b24a11cff0b = ({ height: height = 80, width: width = 80, radius: radius = 9, color: color = (0, $84fda1e7e33cfd28$export$37394b0fa44b998c), ariaLabel: ariaLabel = \"three-dots-loading\", wrapperStyle: wrapperStyle, wrapperClass: wrapperClass, visible: visible = true })=>/*#__PURE__*/ (0, $fJU0O$jsx)((0, $4c3f0b77e8caf06d$export$21d9f1931ef75b56), {\n        style: wrapperStyle,\n        $visible: visible,\n        className: wrapperClass,\n        \"data-testid\": \"three-dots-loading\",\n        \"aria-label\": ariaLabel,\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"svg\", {\n            width: width,\n            height: height,\n            viewBox: \"0 0 120 30\",\n            xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n            fill: color,\n            \"data-testid\": \"three-dots-svg\",\n            children: [\n                /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                    cx: \"15\",\n                    cy: \"15\",\n                    r: Number(radius) + 6,\n                    children: [\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                            attributeName: \"r\",\n                            from: \"15\",\n                            to: \"15\",\n                            begin: \"0s\",\n                            dur: \"0.8s\",\n                            values: \"15;9;15\",\n                            calcMode: \"linear\",\n                            repeatCount: \"indefinite\"\n                        }),\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                            attributeName: \"fill-opacity\",\n                            from: \"1\",\n                            to: \"1\",\n                            begin: \"0s\",\n                            dur: \"0.8s\",\n                            values: \"1;.5;1\",\n                            calcMode: \"linear\",\n                            repeatCount: \"indefinite\"\n                        })\n                    ]\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                    cx: \"60\",\n                    cy: \"15\",\n                    r: radius,\n                    attributeName: \"fill-opacity\",\n                    from: \"1\",\n                    to: \"0.3\",\n                    children: [\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                            attributeName: \"r\",\n                            from: \"9\",\n                            to: \"9\",\n                            begin: \"0s\",\n                            dur: \"0.8s\",\n                            values: \"9;15;9\",\n                            calcMode: \"linear\",\n                            repeatCount: \"indefinite\"\n                        }),\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                            attributeName: \"fill-opacity\",\n                            from: \"0.5\",\n                            to: \"0.5\",\n                            begin: \"0s\",\n                            dur: \"0.8s\",\n                            values: \".5;1;.5\",\n                            calcMode: \"linear\",\n                            repeatCount: \"indefinite\"\n                        })\n                    ]\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                    cx: \"105\",\n                    cy: \"15\",\n                    r: Number(radius) + 6,\n                    children: [\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                            attributeName: \"r\",\n                            from: \"15\",\n                            to: \"15\",\n                            begin: \"0s\",\n                            dur: \"0.8s\",\n                            values: \"15;9;15\",\n                            calcMode: \"linear\",\n                            repeatCount: \"indefinite\"\n                        }),\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                            attributeName: \"fill-opacity\",\n                            from: \"1\",\n                            to: \"1\",\n                            begin: \"0s\",\n                            dur: \"0.8s\",\n                            values: \"1;.5;1\",\n                            calcMode: \"linear\",\n                            repeatCount: \"indefinite\"\n                        })\n                    ]\n                })\n            ]\n        })\n    });\n\n\n\n\n\n\n\n\nconst $afa12dd3e98f740f$var$VIEW_BOX_VALUES = \"-3 -4 39 39\";\nconst $afa12dd3e98f740f$var$POLYGON_POINTS = \"16,0 32,32 0,32\";\n/** Styles */ const $afa12dd3e98f740f$var$dash = (0, $fJU0O$keyframes)`\nto {\n   stroke-dashoffset: 136;\n }\n`;\nconst $afa12dd3e98f740f$var$Polygon = (0, $fJU0O$styledcomponents).polygon`\n  stroke-dasharray: 17;\n  animation: ${$afa12dd3e98f740f$var$dash} 2.5s cubic-bezier(0.35, 0.04, 0.63, 0.95) infinite;\n`;\nconst $afa12dd3e98f740f$var$SVG = (0, $fJU0O$styledcomponents).svg`\n  transform-origin: 50% 65%;\n`;\nconst $afa12dd3e98f740f$export$5a465592bfe74b48 = ({ height: height = 80, width: width = 80, color: color = (0, $84fda1e7e33cfd28$export$37394b0fa44b998c), ariaLabel: ariaLabel = \"triangle-loading\", wrapperStyle: wrapperStyle, wrapperClass: wrapperClass, visible: visible = true })=>{\n    return /*#__PURE__*/ (0, $fJU0O$jsx)((0, $4c3f0b77e8caf06d$export$21d9f1931ef75b56), {\n        style: wrapperStyle,\n        $visible: visible,\n        className: `${wrapperClass}`,\n        \"data-testid\": \"triangle-loading\",\n        \"aria-label\": ariaLabel,\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: /*#__PURE__*/ (0, $fJU0O$jsx)($afa12dd3e98f740f$var$SVG, {\n            id: \"triangle\",\n            width: width,\n            height: height,\n            xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n            viewBox: $afa12dd3e98f740f$var$VIEW_BOX_VALUES,\n            \"data-testid\": \"triangle-svg\",\n            children: /*#__PURE__*/ (0, $fJU0O$jsx)($afa12dd3e98f740f$var$Polygon, {\n                fill: \"transparent\",\n                stroke: color,\n                strokeWidth: \"1\",\n                points: $afa12dd3e98f740f$var$POLYGON_POINTS\n            })\n        })\n    });\n};\n\n\n\n\n\n\n\nconst $e3e50827b57d879a$export$4c68f1a79f88778c = ({ height: height = 80, width: width = 80, radius: radius = 48, color: color = (0, $84fda1e7e33cfd28$export$37394b0fa44b998c), ariaLabel: ariaLabel = \"watch-loading\", wrapperStyle: wrapperStyle, wrapperClass: wrapperClass, visible: visible = true })=>/*#__PURE__*/ (0, $fJU0O$jsx)((0, $4c3f0b77e8caf06d$export$21d9f1931ef75b56), {\n        style: wrapperStyle,\n        $visible: visible,\n        className: wrapperClass,\n        \"data-testid\": \"watch-loading\",\n        \"aria-label\": ariaLabel,\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"svg\", {\n            width: width,\n            height: height,\n            version: \"1.1\",\n            id: \"L2\",\n            xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n            x: \"0px\",\n            y: \"0px\",\n            viewBox: \"0 0 100 100\",\n            enableBackground: \"new 0 0 100 100\",\n            xmlSpace: \"preserve\",\n            \"data-testid\": \"watch-svg\",\n            children: [\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                    fill: \"none\",\n                    stroke: color,\n                    strokeWidth: \"4\",\n                    strokeMiterlimit: \"10\",\n                    cx: \"50\",\n                    cy: \"50\",\n                    r: radius\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"line\", {\n                    fill: \"none\",\n                    strokeLinecap: \"round\",\n                    stroke: color,\n                    strokeWidth: \"4\",\n                    strokeMiterlimit: \"10\",\n                    x1: \"50\",\n                    y1: \"50\",\n                    x2: \"85\",\n                    y2: \"50.5\",\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                        attributeName: \"transform\",\n                        dur: \"2s\",\n                        type: \"rotate\",\n                        from: \"0 50 50\",\n                        to: \"360 50 50\",\n                        repeatCount: \"indefinite\"\n                    })\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"line\", {\n                    fill: \"none\",\n                    strokeLinecap: \"round\",\n                    stroke: color,\n                    strokeWidth: \"4\",\n                    strokeMiterlimit: \"10\",\n                    x1: \"50\",\n                    y1: \"50\",\n                    x2: \"49.5\",\n                    y2: \"74\",\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                        attributeName: \"transform\",\n                        dur: \"15s\",\n                        type: \"rotate\",\n                        from: \"0 50 50\",\n                        to: \"360 50 50\",\n                        repeatCount: \"indefinite\"\n                    })\n                })\n            ]\n        })\n    });\n\n\n\n\n\n\nconst $b184d2a88a50e3dc$export$1ed1943372cc63a9 = ({ color: color = (0, $84fda1e7e33cfd28$export$37394b0fa44b998c), width: width = \"100\", visible: visible = true })=>{\n    return visible ? /*#__PURE__*/ (0, $fJU0O$jsxs)(\"svg\", {\n        xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n        width: width,\n        height: width,\n        viewBox: \"0 0 100 100\",\n        \"data-testid\": \"falling-lines\",\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: [\n            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"rect\", {\n                y: \"25\",\n                width: \"10\",\n                height: \"50\",\n                rx: \"4\",\n                ry: \"4\",\n                fill: color,\n                \"data-testid\": \"falling-lines-rect-1\",\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"x\",\n                        values: \"10;100\",\n                        dur: \"1.2s\",\n                        repeatCount: \"indefinite\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                        attributeName: \"transform\",\n                        type: \"rotate\",\n                        from: \"0 10 70\",\n                        to: \"-60 100 70\",\n                        dur: \"1.2s\",\n                        repeatCount: \"indefinite\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"opacity\",\n                        values: \"0;1;0\",\n                        dur: \"1.2s\",\n                        repeatCount: \"indefinite\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"rect\", {\n                y: \"25\",\n                width: \"10\",\n                height: \"50\",\n                rx: \"4\",\n                ry: \"4\",\n                fill: color,\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"x\",\n                        values: \"10;100\",\n                        dur: \"1.2s\",\n                        begin: \"0.4s\",\n                        repeatCount: \"indefinite\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                        attributeName: \"transform\",\n                        type: \"rotate\",\n                        from: \"0 10 70\",\n                        to: \"-60 100 70\",\n                        dur: \"1.2s\",\n                        begin: \"0.4s\",\n                        repeatCount: \"indefinite\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"opacity\",\n                        values: \"0;1;0\",\n                        dur: \"1.2s\",\n                        begin: \"0.4s\",\n                        repeatCount: \"indefinite\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"rect\", {\n                y: \"25\",\n                width: \"10\",\n                height: \"50\",\n                rx: \"4\",\n                ry: \"4\",\n                fill: color,\n                \"data-testid\": \"falling-lines-rect-2\",\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"x\",\n                        values: \"10;100\",\n                        dur: \"1.2s\",\n                        begin: \"0.8s\",\n                        repeatCount: \"indefinite\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                        attributeName: \"transform\",\n                        type: \"rotate\",\n                        from: \"0 10 70\",\n                        to: \"-60 100 70\",\n                        dur: \"1.2s\",\n                        begin: \"0.8s\",\n                        repeatCount: \"indefinite\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"opacity\",\n                        values: \"0;1;0\",\n                        dur: \"1.2s\",\n                        begin: \"0.8s\",\n                        repeatCount: \"indefinite\"\n                    })\n                ]\n            })\n        ]\n    }) : null;\n};\n\n\n\n\n\n\nconst $5ad4f4dbdb85103b$export$d25f4198d7ad6c78 = ({ visible: visible = true, height: height = \"80\", width: width = \"80\", ariaLabel: ariaLabel = \"vortex-loading\", wrapperStyle: wrapperStyle, wrapperClass: wrapperClass, colors: colors = [\n    \"#1B5299\",\n    \"#EF8354\",\n    \"#DB5461\",\n    \"#1B5299\",\n    \"#EF8354\",\n    \"#DB5461\"\n] })=>{\n    return !visible ? null : /*#__PURE__*/ (0, $fJU0O$jsx)(\"svg\", {\n        height: height,\n        width: width,\n        xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n        viewBox: \"0 0 100 100\",\n        preserveAspectRatio: \"xMidYMid\",\n        \"data-testid\": \"vortex-svg\",\n        \"aria-label\": ariaLabel,\n        style: wrapperStyle,\n        className: wrapperClass,\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"g\", {\n            transform: \"translate(50,50)\",\n            children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"g\", {\n                transform: \"scale(0.7)\",\n                children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"g\", {\n                    transform: \"translate(-50,-50)\",\n                    children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"g\", {\n                        transform: \"rotate(137.831 50 50)\",\n                        children: [\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                                attributeName: \"transform\",\n                                type: \"rotate\",\n                                repeatCount: \"indefinite\",\n                                values: \"360 50 50;0 50 50\",\n                                keyTimes: \"0;1\",\n                                dur: \"1\",\n                                keySplines: \"0.5 0.5 0.5 0.5\",\n                                calcMode: \"spline\"\n                            }),\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                                fill: colors[0],\n                                d: \"M30.4,9.7c-7.4,10.9-11.8,23.8-12.3,37.9c0.2,1,0.5,1.9,0.7,2.8c1.4-5.2,3.4-10.3,6.2-15.1 c2.6-4.4,5.6-8.4,9-12c0.7-0.7,1.4-1.4,2.1-2.1c7.4-7,16.4-12,26-14.6C51.5,3.6,40.2,4.9,30.4,9.7z\"\n                            }),\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                                fill: colors[1],\n                                d: \"M24.8,64.2c-2.6-4.4-4.5-9.1-5.9-13.8c-0.3-0.9-0.5-1.9-0.7-2.8c-2.4-9.9-2.2-20.2,0.4-29.8 C10.6,25.5,6,36,5.3,46.8C11,58.6,20,68.9,31.9,76.3c0.9,0.3,1.9,0.5,2.8,0.8C31,73.3,27.6,69,24.8,64.2z\"\n                            }),\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                                fill: colors[2],\n                                d: \"M49.6,78.9c-5.1,0-10.1-0.6-14.9-1.8c-1-0.2-1.9-0.5-2.8-0.8c-9.8-2.9-18.5-8.2-25.6-15.2 c2.8,10.8,9.5,20,18.5,26c13.1,0.9,26.6-1.7,38.9-8.3c0.7-0.7,1.4-1.4,2.1-2.1C60.7,78.2,55.3,78.9,49.6,78.9z\"\n                            }),\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                                fill: colors[3],\n                                d: \"M81.1,49.6c-1.4,5.2-3.4,10.3-6.2,15.1c-2.6,4.4-5.6,8.4-9,12c-0.7,0.7-1.4,1.4-2.1,2.1 c-7.4,7-16.4,12-26,14.6c10.7,3,22.1,1.7,31.8-3.1c7.4-10.9,11.8-23.8,12.3-37.9C81.6,51.5,81.4,50.6,81.1,49.6z\"\n                            }),\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                                fill: colors[4],\n                                d: \"M75.2,12.9c-13.1-0.9-26.6,1.7-38.9,8.3c-0.7,0.7-1.4,1.4-2.1,2.1c5.2-1.4,10.6-2.2,16.2-2.2 c5.1,0,10.1,0.6,14.9,1.8c1,0.2,1.9,0.5,2.8,0.8c9.8,2.9,18.5,8.2,25.6,15.2C90.9,28.1,84.2,18.9,75.2,12.9z\"\n                            }),\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                                fill: colors[5],\n                                d: \"M94.7,53.2C89,41.4,80,31.1,68.1,23.7c-0.9-0.3-1.9-0.5-2.8-0.8c3.8,3.8,7.2,8.1,10,13 c2.6,4.4,4.5,9.1,5.9,13.8c0.3,0.9,0.5,1.9,0.7,2.8c2.4,9.9,2.2,20.2-0.4,29.8C89.4,74.5,94,64,94.7,53.2z\"\n                            })\n                        ]\n                    })\n                })\n            })\n        })\n    });\n};\n\n\n\n\n\n\nconst $aa2b177fb9ef5dee$export$f64f16a115ce395d = ({ visible: visible = true, height: height = \"80\", width: width = \"80\", wrapperClass: wrapperClass = \"\", wrapperStyle: wrapperStyle = {}, ariaLabel: ariaLabel = \"rotating-triangle-loading\", colors: colors = [\n    \"#1B5299\",\n    \"#EF8354\",\n    \"#DB5461\"\n] })=>{\n    return !visible ? null : /*#__PURE__*/ (0, $fJU0O$jsx)(\"svg\", {\n        width: width,\n        height: height,\n        xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n        viewBox: \"0 0 100 100\",\n        preserveAspectRatio: \"xMidYMid\",\n        className: wrapperClass,\n        style: wrapperStyle,\n        \"aria-label\": ariaLabel,\n        \"data-testid\": \"rotating-triangle-svg\",\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"g\", {\n            transform: \"translate(50,42)\",\n            children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"g\", {\n                transform: \"scale(0.8)\",\n                children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"g\", {\n                    transform: \"translate(-50,-50)\",\n                    children: [\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"polygon\", {\n                            points: \"72.5,50 50,11 27.5,50 50,50\",\n                            fill: colors[0],\n                            transform: \"rotate(186 50 38.5)\",\n                            children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                                attributeName: \"transform\",\n                                type: \"rotate\",\n                                calcMode: \"linear\",\n                                values: \"0 50 38.5;360 50 38.5\",\n                                keyTimes: \"0;1\",\n                                dur: \"1s\",\n                                begin: \"0s\",\n                                repeatCount: \"indefinite\"\n                            })\n                        }),\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"polygon\", {\n                            points: \"5,89 50,89 27.5,50\",\n                            fill: colors[1],\n                            transform: \"rotate(186 27.5 77.5)\",\n                            children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                                attributeName: \"transform\",\n                                type: \"rotate\",\n                                calcMode: \"linear\",\n                                values: \"0 27.5 77.5;360 27.5 77.5\",\n                                keyTimes: \"0;1\",\n                                dur: \"1s\",\n                                begin: \"0s\",\n                                repeatCount: \"indefinite\"\n                            })\n                        }),\n                        /*#__PURE__*/ (0, $fJU0O$jsx)(\"polygon\", {\n                            points: \"72.5,50 50,89 95,89\",\n                            fill: colors[2],\n                            transform: \"rotate(186 72.2417 77.5)\",\n                            children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                                attributeName: \"transform\",\n                                type: \"rotate\",\n                                calcMode: \"linear\",\n                                values: \"0 72.5 77.5;360 72 77.5\",\n                                keyTimes: \"0;1\",\n                                dur: \"1s\",\n                                begin: \"0s\",\n                                repeatCount: \"indefinite\"\n                            })\n                        })\n                    ]\n                })\n            })\n        })\n    });\n};\n\n\n\n\n\n\nconst $daf95de783b7b8b1$export$d7b12c4107be0d61 = ({ visible: visible = true, height: height = \"80\", width: width = \"80\", wrapperClass: wrapperClass = \"\", wrapperStyle: wrapperStyle = {}, ariaLabel: ariaLabel = \"radio-loading\", colors: colors = [\n    (0, $84fda1e7e33cfd28$export$37394b0fa44b998c),\n    (0, $84fda1e7e33cfd28$export$37394b0fa44b998c),\n    (0, $84fda1e7e33cfd28$export$37394b0fa44b998c)\n] })=>{\n    return !visible ? null : /*#__PURE__*/ (0, $fJU0O$jsxs)(\"svg\", {\n        width: width,\n        height: height,\n        xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n        viewBox: \"0 0 100 100\",\n        preserveAspectRatio: \"xMidYMid\",\n        className: wrapperClass,\n        style: wrapperStyle,\n        \"aria-label\": ariaLabel,\n        \"data-testid\": \"radio-bar-svg\",\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: [\n            /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                cx: \"28\",\n                cy: \"75\",\n                r: \"11\",\n                fill: colors[0],\n                children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                    attributeName: \"fill-opacity\",\n                    calcMode: \"linear\",\n                    values: \"0;1;1\",\n                    keyTimes: \"0;0.2;1\",\n                    dur: \"1\",\n                    begin: \"0s\",\n                    repeatCount: \"indefinite\"\n                })\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                d: \"M28 47A28 28 0 0 1 56 75\",\n                fill: \"none\",\n                strokeWidth: \"10\",\n                stroke: colors[1],\n                children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                    attributeName: \"stroke-opacity\",\n                    calcMode: \"linear\",\n                    values: \"0;1;1\",\n                    keyTimes: \"0;0.2;1\",\n                    dur: \"1\",\n                    begin: \"0.1s\",\n                    repeatCount: \"indefinite\"\n                })\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                d: \"M28 25A50 50 0 0 1 78 75\",\n                fill: \"none\",\n                strokeWidth: \"10\",\n                stroke: colors[2],\n                children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                    attributeName: \"stroke-opacity\",\n                    calcMode: \"linear\",\n                    values: \"0;1;1\",\n                    keyTimes: \"0;0.2;1\",\n                    dur: \"1\",\n                    begin: \"0.2s\",\n                    repeatCount: \"indefinite\"\n                })\n            })\n        ]\n    });\n};\n\n\n\n\n\n\nconst $075a2f0ea0d9df8a$export$c17561cb55d4db30 = ({ visible: visible = true, height: height = \"80\", width: width = \"80\", wrapperClass: wrapperClass = \"\", wrapperStyle: wrapperStyle = {}, ariaLabel: ariaLabel = \"progress-bar-loading\", borderColor: borderColor = \"#F4442E\", barColor: barColor = \"#51E5FF\" })=>{\n    return !visible ? null : /*#__PURE__*/ (0, $fJU0O$jsxs)(\"svg\", {\n        width: width,\n        height: height,\n        xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n        viewBox: \"0 0 100 100\",\n        preserveAspectRatio: \"xMidYMid\",\n        className: wrapperClass,\n        style: wrapperStyle,\n        \"aria-label\": ariaLabel,\n        \"data-testid\": \"progress-bar-svg\",\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: [\n            /*#__PURE__*/ (0, $fJU0O$jsx)(\"defs\", {\n                children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"clipPath\", {\n                    x: \"0\",\n                    y: \"0\",\n                    width: \"100\",\n                    height: \"100\",\n                    id: \"lds-progress-cpid-5009611b8a418\",\n                    children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"rect\", {\n                        x: \"0\",\n                        y: \"0\",\n                        width: \"66.6667\",\n                        height: \"100\",\n                        children: [\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                attributeName: \"width\",\n                                calcMode: \"linear\",\n                                values: \"0;100;100\",\n                                keyTimes: \"0;0.5;1\",\n                                dur: \"1\",\n                                begin: \"0s\",\n                                repeatCount: \"indefinite\"\n                            }),\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                attributeName: \"x\",\n                                calcMode: \"linear\",\n                                values: \"0;0;100\",\n                                keyTimes: \"0;0.5;1\",\n                                dur: \"1\",\n                                begin: \"0s\",\n                                repeatCount: \"indefinite\"\n                            })\n                        ]\n                    })\n                })\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                fill: \"none\",\n                strokeWidth: \"2.7928\",\n                d: \"M82,63H18c-7.2,0-13-5.8-13-13v0c0-7.2,5.8-13,13-13h64c7.2,0,13,5.8,13,13v0C95,57.2,89.2,63,82,63z\",\n                stroke: borderColor\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                d: \"M81.3,58.7H18.7c-4.8,0-8.7-3.9-8.7-8.7v0c0-4.8,3.9-8.7,8.7-8.7h62.7c4.8,0,8.7,3.9,8.7,8.7v0C90,54.8,86.1,58.7,81.3,58.7z\",\n                fill: barColor,\n                clipPath: \"url(#lds-progress-cpid-5009611b8a418)\"\n            })\n        ]\n    });\n};\n\n\n\n\n\n\nconst $db94311ffb982ec6$export$bdf537af43a20db5 = ({ visible: visible = true, height: height = \"80\", width: width = \"80\", wrapperClass: wrapperClass = \"\", wrapperStyle: wrapperStyle = {}, ariaLabel: ariaLabel = \"magnifying-glass-loading\", glassColor: glassColor = \"#c0efff\", color: color = \"#e15b64\" })=>{\n    return !visible ? null : /*#__PURE__*/ (0, $fJU0O$jsx)(\"svg\", {\n        width: width,\n        height: height,\n        xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n        viewBox: \"0 0 100 100\",\n        preserveAspectRatio: \"xMidYMid\",\n        className: wrapperClass,\n        style: wrapperStyle,\n        \"aria-label\": ariaLabel,\n        \"data-testid\": \"magnifying-glass-svg\",\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"g\", {\n            transform: \"translate(50,50)\",\n            children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"g\", {\n                transform: \"scale(0.82)\",\n                children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"g\", {\n                    transform: \"translate(-50,-50)\",\n                    children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"g\", {\n                        transform: \"translate(16.3636 -20)\",\n                        children: [\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                                attributeName: \"transform\",\n                                type: \"translate\",\n                                calcMode: \"linear\",\n                                values: \"-20 -20;20 -20;0 20;-20 -20\",\n                                keyTimes: \"0;0.33;0.66;1\",\n                                dur: \"1s\",\n                                begin: \"0s\",\n                                repeatCount: \"indefinite\"\n                            }),\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                                d: \"M44.19,26.158c-4.817,0-9.345,1.876-12.751,5.282c-3.406,3.406-5.282,7.934-5.282,12.751 c0,4.817,1.876,9.345,5.282,12.751c3.406,3.406,7.934,5.282,12.751,5.282s9.345-1.876,12.751-5.282 c3.406-3.406,5.282-7.934,5.282-12.751c0-4.817-1.876-9.345-5.282-12.751C53.536,28.033,49.007,26.158,44.19,26.158z\",\n                                fill: glassColor\n                            }),\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                                d: \"M78.712,72.492L67.593,61.373l-3.475-3.475c1.621-2.352,2.779-4.926,3.475-7.596c1.044-4.008,1.044-8.23,0-12.238 c-1.048-4.022-3.146-7.827-6.297-10.979C56.572,22.362,50.381,20,44.19,20C38,20,31.809,22.362,27.085,27.085 c-9.447,9.447-9.447,24.763,0,34.21C31.809,66.019,38,68.381,44.19,68.381c4.798,0,9.593-1.425,13.708-4.262l9.695,9.695 l4.899,4.899C73.351,79.571,74.476,80,75.602,80s2.251-0.429,3.11-1.288C80.429,76.994,80.429,74.209,78.712,72.492z M56.942,56.942 c-3.406,3.406-7.934,5.282-12.751,5.282s-9.345-1.876-12.751-5.282c-3.406-3.406-5.282-7.934-5.282-12.751 c0-4.817,1.876-9.345,5.282-12.751c3.406-3.406,7.934-5.282,12.751-5.282c4.817,0,9.345,1.876,12.751,5.282 c3.406,3.406,5.282,7.934,5.282,12.751C62.223,49.007,60.347,53.536,56.942,56.942z\",\n                                fill: color\n                            })\n                        ]\n                    })\n                })\n            })\n        })\n    });\n};\n\n\n\n\n\n\nconst $1d8c9163e13b7bf7$export$8e3fad5cade57efa = ({ width: width = \"80\", height: height = \"80\", backgroundColor: backgroundColor = (0, $84fda1e7e33cfd28$export$37394b0fa44b998c), ballColors: ballColors = [\n    \"#fc636b\",\n    \"#6a67ce\",\n    \"#ffb900\"\n], wrapperClass: wrapperClass = \"\", wrapperStyle: wrapperStyle = {}, ariaLabel: ariaLabel = \"fidget-spinner-loader\", visible: visible = true })=>{\n    return !visible ? null : /*#__PURE__*/ (0, $fJU0O$jsx)(\"svg\", {\n        width: width,\n        height: height,\n        xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n        viewBox: \"0 0 100 100\",\n        preserveAspectRatio: \"xMidYMid\",\n        className: wrapperClass,\n        style: wrapperStyle,\n        \"aria-label\": ariaLabel,\n        \"data-testid\": \"fidget-spinner-svg\",\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"g\", {\n            transform: \"rotate(6 50 50)\",\n            children: [\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"g\", {\n                    transform: \"translate(50 50)\",\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"g\", {\n                        transform: \"scale(0.9)\",\n                        children: /*#__PURE__*/ (0, $fJU0O$jsxs)(\"g\", {\n                            transform: \"translate(-50 -58)\",\n                            children: [\n                                /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                                    d: \"M27.1,79.4c-1.1,0.6-2.4,1-3.7,1c-2.6,0-5.1-1.4-6.4-3.7c-2-3.5-0.8-8,2.7-10.1c1.1-0.6,2.4-1,3.7-1c2.6,0,5.1,1.4,6.4,3.7 C31.8,72.9,30.6,77.4,27.1,79.4z\",\n                                    fill: ballColors[0]\n                                }),\n                                /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                                    d: \"M72.9,79.4c1.1,0.6,2.4,1,3.7,1c2.6,0,5.1-1.4,6.4-3.7c2-3.5,0.8-8-2.7-10.1c-1.1-0.6-2.4-1-3.7-1c-2.6,0-5.1,1.4-6.4,3.7 C68.2,72.9,69.4,77.4,72.9,79.4z\",\n                                    fill: ballColors[1]\n                                }),\n                                /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                                    cx: \"50\",\n                                    cy: \"27\",\n                                    r: \"7.4\",\n                                    fill: ballColors[2]\n                                }),\n                                /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                                    d: \"M86.5,57.5c-3.1-1.9-6.4-2.8-9.8-2.8c-0.5,0-0.9,0-1.4,0c-0.4,0-0.8,0-1.1,0c-2.1,0-4.2-0.4-6.2-1.2 c-0.8-3.6-2.8-6.9-5.4-9.3c0.4-2.5,1.3-4.8,2.7-6.9c2-2.9,3.2-6.5,3.2-10.4c0-10.2-8.2-18.4-18.4-18.4c-0.3,0-0.6,0-0.9,0 C39.7,9,32,16.8,31.6,26.2c-0.2,4.1,1,7.9,3.2,11c1.4,2.1,2.3,4.5,2.7,6.9c-2.6,2.5-4.6,5.7-5.4,9.3c-1.9,0.7-4,1.1-6.1,1.1 c-0.4,0-0.8,0-1.2,0c-0.5,0-0.9-0.1-1.4-0.1c-3.1,0-6.3,0.8-9.2,2.5c-9.1,5.2-12,17-6.3,25.9c3.5,5.4,9.5,8.4,15.6,8.4 c2.9,0,5.8-0.7,8.5-2.1c3.6-1.9,6.3-4.9,8-8.3c1.1-2.3,2.7-4.2,4.6-5.8c1.7,0.5,3.5,0.8,5.4,0.8c1.9,0,3.7-0.3,5.4-0.8 c1.9,1.6,3.5,3.5,4.6,5.7c1.5,3.2,4,6,7.4,8c2.9,1.7,6.1,2.5,9.2,2.5c6.6,0,13.1-3.6,16.4-10C97.3,73.1,94.4,62.5,86.5,57.5z M29.6,83.7c-1.9,1.1-4,1.6-6.1,1.6c-4.2,0-8.4-2.2-10.6-6.1c-3.4-5.9-1.4-13.4,4.5-16.8c1.9-1.1,4-1.6,6.1-1.6 c4.2,0,8.4,2.2,10.6,6.1C37.5,72.8,35.4,80.3,29.6,83.7z M50,39.3c-6.8,0-12.3-5.5-12.3-12.3S43.2,14.7,50,14.7 c6.8,0,12.3,5.5,12.3,12.3S56.8,39.3,50,39.3z M87.2,79.2c-2.3,3.9-6.4,6.1-10.6,6.1c-2.1,0-4.2-0.5-6.1-1.6 c-5.9-3.4-7.9-10.9-4.5-16.8c2.3-3.9,6.4-6.1,10.6-6.1c2.1,0,4.2,0.5,6.1,1.6C88.6,65.8,90.6,73.3,87.2,79.2z\",\n                                    fill: backgroundColor\n                                })\n                            ]\n                        })\n                    })\n                }),\n                /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                    attributeName: \"transform\",\n                    type: \"rotate\",\n                    calcMode: \"linear\",\n                    values: \"0 50 50;360 50 50\",\n                    keyTimes: \"0;1\",\n                    dur: \"1s\",\n                    begin: \"0s\",\n                    repeatCount: \"indefinite\"\n                })\n            ]\n        })\n    });\n};\n\n\n\n\n\n\nconst $bb8e4335d7ee0654$export$bee07fdc425df572 = ({ visible: visible = true, width: width = \"80\", height: height = \"80\", wrapperClass: wrapperClass = \"\", wrapperStyle: wrapperStyle = {}, ariaLabel: ariaLabel = \"dna-loading\" })=>{\n    return !visible ? null : /*#__PURE__*/ (0, $fJU0O$jsxs)(\"svg\", {\n        xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n        width: width,\n        height: height,\n        viewBox: \"0 0 100 100\",\n        preserveAspectRatio: \"xMidYMid\",\n        className: wrapperClass,\n        style: wrapperStyle,\n        \"aria-label\": ariaLabel,\n        \"data-testid\": \"dna-svg\",\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: [\n            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                cx: \"6.451612903225806\",\n                cy: \"60.6229\",\n                r: \"3.41988\",\n                fill: \"rgba(233, 12, 89, 0.5125806451612902)\",\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"r\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"2.4000000000000004;3.5999999999999996;2.4000000000000004\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-0.5s\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"cy\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"30.5;69.5;30.5\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"0s\",\n                        keySplines: \"0.5 0 0.5 1;0.5 0 0.5 1\",\n                        calcMode: \"spline\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"rgba(233, 12, 89, 0.5125806451612902);#ff0033;rgba(233, 12, 89, 0.5125806451612902)\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-0.5s\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                cx: \"6.451612903225806\",\n                cy: \"39.3771\",\n                r: \"2.58012\",\n                fill: \"#46dff0\",\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"r\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"2.4000000000000004;3.5999999999999996;2.4000000000000004\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.5s\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"cy\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"30.5;69.5;30.5\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1s\",\n                        keySplines: \"0.5 0 0.5 1;0.5 0 0.5 1\",\n                        calcMode: \"spline\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"#46dff0;rgba(53, 58, 57, 0.1435483870967742);#46dff0\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-0.5s\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                cx: \"16.129032258064512\",\n                cy: \"68.1552\",\n                r: \"3.17988\",\n                fill: \"rgba(233, 12, 89, 0.5125806451612902)\",\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"r\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"2.4000000000000004;3.5999999999999996;2.4000000000000004\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-0.7s\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"cy\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"30.5;69.5;30.5\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-0.2s\",\n                        keySplines: \"0.5 0 0.5 1;0.5 0 0.5 1\",\n                        calcMode: \"spline\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"rgba(233, 12, 89, 0.5125806451612902);#ff0033;rgba(233, 12, 89, 0.5125806451612902)\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-0.7s\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                cx: \"16.129032258064512\",\n                cy: \"31.8448\",\n                r: \"2.82012\",\n                fill: \"#46dff0\",\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"r\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"2.4000000000000004;3.5999999999999996;2.4000000000000004\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.7s\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"cy\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"30.5;69.5;30.5\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.2s\",\n                        keySplines: \"0.5 0 0.5 1;0.5 0 0.5 1\",\n                        calcMode: \"spline\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"#46dff0;rgba(53, 58, 57, 0.1435483870967742);#46dff0\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-0.7s\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                cx: \"25.806451612903224\",\n                cy: \"69.3634\",\n                r: \"2.93988\",\n                fill: \"rgba(233, 12, 89, 0.5125806451612902)\",\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"r\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"2.4000000000000004;3.5999999999999996;2.4000000000000004\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-0.9s\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"cy\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"30.5;69.5;30.5\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-0.4s\",\n                        keySplines: \"0.5 0 0.5 1;0.5 0 0.5 1\",\n                        calcMode: \"spline\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"rgba(233, 12, 89, 0.5125806451612902);#ff0033;rgba(233, 12, 89, 0.5125806451612902)\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-0.9s\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                cx: \"25.806451612903224\",\n                cy: \"30.6366\",\n                r: \"3.06012\",\n                fill: \"#46dff0\",\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"r\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"2.4000000000000004;3.5999999999999996;2.4000000000000004\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.9s\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"cy\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"30.5;69.5;30.5\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.4s\",\n                        keySplines: \"0.5 0 0.5 1;0.5 0 0.5 1\",\n                        calcMode: \"spline\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"#46dff0;rgba(53, 58, 57, 0.1435483870967742);#46dff0\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-0.9s\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                cx: \"35.48387096774193\",\n                cy: \"65.3666\",\n                r: \"2.69988\",\n                fill: \"rgba(233, 12, 89, 0.5125806451612902)\",\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"r\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"2.4000000000000004;3.5999999999999996;2.4000000000000004\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.1s\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"cy\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"30.5;69.5;30.5\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-0.6s\",\n                        keySplines: \"0.5 0 0.5 1;0.5 0 0.5 1\",\n                        calcMode: \"spline\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"rgba(233, 12, 89, 0.5125806451612902);#ff0033;rgba(233, 12, 89, 0.5125806451612902)\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.1s\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                cx: \"35.48387096774193\",\n                cy: \"34.6334\",\n                r: \"3.30012\",\n                fill: \"#46dff0\",\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"r\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"2.4000000000000004;3.5999999999999996;2.4000000000000004\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-2.1s\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"cy\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"30.5;69.5;30.5\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.6s\",\n                        keySplines: \"0.5 0 0.5 1;0.5 0 0.5 1\",\n                        calcMode: \"spline\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"#46dff0;rgba(53, 58, 57, 0.1435483870967742);#46dff0\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.1s\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                cx: \"45.16129032258064\",\n                cy: \"53.8474\",\n                r: \"2.45988\",\n                fill: \"rgba(233, 12, 89, 0.5125806451612902)\",\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"r\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"2.4000000000000004;3.5999999999999996;2.4000000000000004\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.3s\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"cy\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"30.5;69.5;30.5\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-0.8s\",\n                        keySplines: \"0.5 0 0.5 1;0.5 0 0.5 1\",\n                        calcMode: \"spline\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"rgba(233, 12, 89, 0.5125806451612902);#ff0033;rgba(233, 12, 89, 0.5125806451612902)\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.3s\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                cx: \"45.16129032258064\",\n                cy: \"46.1526\",\n                r: \"3.54012\",\n                fill: \"#46dff0\",\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"r\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"2.4000000000000004;3.5999999999999996;2.4000000000000004\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-2.3s\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"cy\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"30.5;69.5;30.5\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.8s\",\n                        keySplines: \"0.5 0 0.5 1;0.5 0 0.5 1\",\n                        calcMode: \"spline\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"#46dff0;rgba(53, 58, 57, 0.1435483870967742);#46dff0\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.3s\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                cx: \"54.838709677419345\",\n                cy: \"39.3771\",\n                r: \"2.58012\",\n                fill: \"rgba(233, 12, 89, 0.5125806451612902)\",\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"r\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"2.4000000000000004;3.5999999999999996;2.4000000000000004\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.5s\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"cy\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"30.5;69.5;30.5\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1s\",\n                        keySplines: \"0.5 0 0.5 1;0.5 0 0.5 1\",\n                        calcMode: \"spline\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"rgba(233, 12, 89, 0.5125806451612902);#ff0033;rgba(233, 12, 89, 0.5125806451612902)\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.5s\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                cx: \"54.838709677419345\",\n                cy: \"60.6229\",\n                r: \"3.41988\",\n                fill: \"#46dff0\",\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"r\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"2.4000000000000004;3.5999999999999996;2.4000000000000004\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-2.5s\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"cy\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"30.5;69.5;30.5\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-2s\",\n                        keySplines: \"0.5 0 0.5 1;0.5 0 0.5 1\",\n                        calcMode: \"spline\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"#46dff0;rgba(53, 58, 57, 0.1435483870967742);#46dff0\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.5s\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                cx: \"64.51612903225805\",\n                cy: \"31.8448\",\n                r: \"2.82012\",\n                fill: \"rgba(233, 12, 89, 0.5125806451612902)\",\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"r\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"2.4000000000000004;3.5999999999999996;2.4000000000000004\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.7s\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"cy\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"30.5;69.5;30.5\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.2s\",\n                        keySplines: \"0.5 0 0.5 1;0.5 0 0.5 1\",\n                        calcMode: \"spline\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"rgba(233, 12, 89, 0.5125806451612902);#ff0033;rgba(233, 12, 89, 0.5125806451612902)\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.7s\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                cx: \"64.51612903225805\",\n                cy: \"68.1552\",\n                r: \"3.17988\",\n                fill: \"#46dff0\",\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"r\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"2.4000000000000004;3.5999999999999996;2.4000000000000004\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-2.7s\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"cy\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"30.5;69.5;30.5\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-2.2s\",\n                        keySplines: \"0.5 0 0.5 1;0.5 0 0.5 1\",\n                        calcMode: \"spline\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"#46dff0;rgba(53, 58, 57, 0.1435483870967742);#46dff0\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.7s\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                cx: \"74.19354838709677\",\n                cy: \"30.6366\",\n                r: \"3.06012\",\n                fill: \"rgba(233, 12, 89, 0.5125806451612902)\",\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"r\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"2.4000000000000004;3.5999999999999996;2.4000000000000004\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.9s\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"cy\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"30.5;69.5;30.5\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.4s\",\n                        keySplines: \"0.5 0 0.5 1;0.5 0 0.5 1\",\n                        calcMode: \"spline\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"rgba(233, 12, 89, 0.5125806451612902);#ff0033;rgba(233, 12, 89, 0.5125806451612902)\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.9s\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                cx: \"74.19354838709677\",\n                cy: \"69.3634\",\n                r: \"2.93988\",\n                fill: \"#46dff0\",\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"r\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"2.4000000000000004;3.5999999999999996;2.4000000000000004\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-2.9s\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"cy\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"30.5;69.5;30.5\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-2.4s\",\n                        keySplines: \"0.5 0 0.5 1;0.5 0 0.5 1\",\n                        calcMode: \"spline\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"#46dff0;rgba(53, 58, 57, 0.1435483870967742);#46dff0\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.9s\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                cx: \"83.87096774193547\",\n                cy: \"34.6334\",\n                r: \"3.30012\",\n                fill: \"rgba(233, 12, 89, 0.5125806451612902)\",\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"r\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"2.4000000000000004;3.5999999999999996;2.4000000000000004\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-2.1s\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"cy\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"30.5;69.5;30.5\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.6s\",\n                        keySplines: \"0.5 0 0.5 1;0.5 0 0.5 1\",\n                        calcMode: \"spline\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"rgba(233, 12, 89, 0.5125806451612902);#ff0033;rgba(233, 12, 89, 0.5125806451612902)\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-2.1s\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                cx: \"83.87096774193547\",\n                cy: \"65.3666\",\n                r: \"2.69988\",\n                fill: \"#46dff0\",\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"r\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"2.4000000000000004;3.5999999999999996;2.4000000000000004\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-3.1s\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"cy\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"30.5;69.5;30.5\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-2.6s\",\n                        keySplines: \"0.5 0 0.5 1;0.5 0 0.5 1\",\n                        calcMode: \"spline\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"#46dff0;rgba(53, 58, 57, 0.1435483870967742);#46dff0\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-2.1s\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                cx: \"93.54838709677418\",\n                cy: \"46.1526\",\n                r: \"3.54012\",\n                fill: \"rgba(233, 12, 89, 0.5125806451612902)\",\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"r\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"2.4000000000000004;3.5999999999999996;2.4000000000000004\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-2.3s\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"cy\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"30.5;69.5;30.5\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-1.8s\",\n                        keySplines: \"0.5 0 0.5 1;0.5 0 0.5 1\",\n                        calcMode: \"spline\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"rgba(233, 12, 89, 0.5125806451612902);#ff0033;rgba(233, 12, 89, 0.5125806451612902)\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-2.3s\"\n                    })\n                ]\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"circle\", {\n                cx: \"93.54838709677418\",\n                cy: \"53.8474\",\n                r: \"2.45988\",\n                fill: \"#46dff0\",\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"r\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"2.4000000000000004;3.5999999999999996;2.4000000000000004\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-3.3s\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"cy\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"30.5;69.5;30.5\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-2.8s\",\n                        keySplines: \"0.5 0 0.5 1;0.5 0 0.5 1\",\n                        calcMode: \"spline\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                        attributeName: \"fill\",\n                        keyTimes: \"0;0.5;1\",\n                        values: \"#46dff0;rgba(53, 58, 57, 0.1435483870967742);#46dff0\",\n                        dur: \"2s\",\n                        repeatCount: \"indefinite\",\n                        begin: \"-2.3s\"\n                    })\n                ]\n            })\n        ]\n    });\n};\n\n\n\n\n\n\nconst $50138037f422b463$export$f93420b62a5bdffa = ({ visible: visible = true, width: width = \"80\", height: height = \"80\", wrapperClass: wrapperClass = \"\", wrapperStyle: wrapperStyle = {}, ariaLabel: ariaLabel = \"discuss-loading\", colors: colors = [\n    \"#ff727d\",\n    \"#ff727d\"\n] })=>{\n    return !visible ? null : /*#__PURE__*/ (0, $fJU0O$jsxs)(\"svg\", {\n        width: width,\n        height: height,\n        xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n        viewBox: \"0 0 100 100\",\n        preserveAspectRatio: \"xMidYMid\",\n        className: wrapperClass,\n        style: wrapperStyle,\n        \"aria-label\": ariaLabel,\n        \"data-testid\": \"discuss-svg\",\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: [\n            /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                fill: \"none\",\n                d: \"M82 50A32 32 0 1 1 23.533421623214014 32.01333190873183 L21.71572875253809 21.7157287525381 L32.013331908731814 23.53342162321403 A32 32 0 0 1 82 50\",\n                strokeWidth: \"5\",\n                stroke: colors[0]\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                cx: \"50\",\n                cy: \"50\",\n                fill: \"none\",\n                strokeLinecap: \"round\",\n                r: \"20\",\n                strokeWidth: \"5\",\n                stroke: colors[1],\n                strokeDasharray: \"31.41592653589793 31.41592653589793\",\n                transform: \"rotate(96 50 50)\",\n                children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                    attributeName: \"transform\",\n                    type: \"rotate\",\n                    calcMode: \"linear\",\n                    values: \"0 50 50;360 50 50\",\n                    keyTimes: \"0;1\",\n                    dur: \"1s\",\n                    begin: \"0s\",\n                    repeatCount: \"indefinite\"\n                })\n            })\n        ]\n    });\n};\n\n\n\n\n\nconst $7097090906378a5b$export$dc036a5afb9ca26f = ({ visible: visible = true, width: width = \"80\", height: height = \"80\", colors: colors = [\n    \"#e15b64\",\n    \"#f47e60\",\n    \"#f8b26a\",\n    \"#abbd81\",\n    \"#849b87\"\n], wrapperClass: wrapperClass = \"\", wrapperStyle: wrapperStyle = {}, ariaLabel: ariaLabel = \"color-ring-loading\" })=>{\n    return !visible ? null : /*#__PURE__*/ (0, $fJU0O$jsxs)(\"svg\", {\n        xmlns: \"http://www.w3.org/2000/svg\",\n        xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n        width: width,\n        height: height,\n        viewBox: \"0 0 100 100\",\n        preserveAspectRatio: \"xMidYMid\",\n        className: wrapperClass,\n        style: wrapperStyle,\n        \"aria-label\": ariaLabel,\n        \"data-testid\": \"color-ring-svg\",\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: [\n            /*#__PURE__*/ (0, $fJU0O$jsx)(\"defs\", {\n                children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"mask\", {\n                    id: \"ldio-4offds5dlws-mask\",\n                    children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                        cx: \"50\",\n                        cy: \"50\",\n                        r: \"26\",\n                        stroke: \"#fff\",\n                        strokeLinecap: \"round\",\n                        strokeDasharray: \"122.52211349000194 40.840704496667314\",\n                        strokeWidth: \"9\",\n                        transform: \"rotate(198.018 50 50)\",\n                        children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                            attributeName: \"transform\",\n                            type: \"rotate\",\n                            values: \"0 50 50;360 50 50\",\n                            keyTimes: \"0;1\",\n                            dur: \"1s\",\n                            repeatCount: \"indefinite\"\n                        })\n                    })\n                })\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"g\", {\n                mask: \"url(#ldio-4offds5dlws-mask)\",\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                        x: \"14.5\",\n                        y: \"0\",\n                        width: \"15\",\n                        height: \"100\",\n                        fill: colors[0],\n                        children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                            attributeName: \"fill\",\n                            values: colors.join(\";\").toString(),\n                            keyTimes: \"0;0.25;0.5;0.75;1\",\n                            dur: \"1s\",\n                            repeatCount: \"indefinite\",\n                            begin: \"-0.8s\"\n                        })\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                        x: \"28.5\",\n                        y: \"0\",\n                        width: \"15\",\n                        height: \"100\",\n                        fill: colors[1],\n                        children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                            attributeName: \"fill\",\n                            values: colors.join(\";\").toString(),\n                            keyTimes: \"0;0.25;0.5;0.75;1\",\n                            dur: \"1s\",\n                            repeatCount: \"indefinite\",\n                            begin: \"-0.6s\"\n                        })\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                        x: \"42.5\",\n                        y: \"0\",\n                        width: \"15\",\n                        height: \"100\",\n                        fill: colors[2],\n                        children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                            attributeName: \"fill\",\n                            values: colors.join(\";\").toString(),\n                            keyTimes: \"0;0.25;0.5;0.75;1\",\n                            dur: \"1s\",\n                            repeatCount: \"indefinite\",\n                            begin: \"-0.4s\"\n                        })\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                        x: \"56.5\",\n                        y: \"0\",\n                        width: \"15\",\n                        height: \"100\",\n                        fill: colors[3],\n                        children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                            attributeName: \"fill\",\n                            values: colors.join(\";\").toString(),\n                            keyTimes: \"0;0.25;0.5;0.75;1\",\n                            dur: \"1s\",\n                            repeatCount: \"indefinite\",\n                            begin: \"-0.2s\"\n                        })\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                        x: \"70.5\",\n                        y: \"0\",\n                        width: \"15\",\n                        height: \"100\",\n                        fill: colors[4],\n                        children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                            attributeName: \"fill\",\n                            values: colors.join(\";\").toString(),\n                            keyTimes: \"0;0.25;0.5;0.75;1\",\n                            dur: \"1s\",\n                            repeatCount: \"indefinite\",\n                            begin: \"0s\"\n                        })\n                    })\n                ]\n            })\n        ]\n    });\n};\n\n\n\n\n\n\nconst $81e36fafa9b58989$export$4d299b491347818a = ({ visible: visible = true, width: width = \"80\", height: height = \"80\", backgroundColor: backgroundColor = \"#ff6d00\", color: color = \"#fff\", wrapperClass: wrapperClass = \"\", wrapperStyle: wrapperStyle = {}, ariaLabel: ariaLabel = \"comment-loading\" })=>{\n    return !visible ? null : /*#__PURE__*/ (0, $fJU0O$jsxs)(\"svg\", {\n        width: width,\n        height: height,\n        xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n        viewBox: \"0 0 100 100\",\n        preserveAspectRatio: \"xMidYMid\",\n        className: wrapperClass,\n        style: wrapperStyle,\n        \"aria-label\": ariaLabel,\n        \"data-testid\": \"comment-svg\",\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: [\n            /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                d: \"M78,19H22c-6.6,0-12,5.4-12,12v31c0,6.6,5.4,12,12,12h37.2c0.4,3,1.8,5.6,3.7,7.6c2.4,2.5,5.1,4.1,9.1,4 c-1.4-2.1-2-7.2-2-10.3c0-0.4,0-0.8,0-1.3h8c6.6,0,12-5.4,12-12V31C90,24.4,84.6,19,78,19z\",\n                fill: backgroundColor\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                cx: \"30\",\n                cy: \"47\",\n                r: \"5\",\n                fill: color,\n                children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                    attributeName: \"opacity\",\n                    calcMode: \"linear\",\n                    values: \"0;1;1\",\n                    keyTimes: \"0;0.2;1\",\n                    dur: \"1\",\n                    begin: \"0s\",\n                    repeatCount: \"indefinite\"\n                })\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                cx: \"50\",\n                cy: \"47\",\n                r: \"5\",\n                fill: color,\n                children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                    attributeName: \"opacity\",\n                    calcMode: \"linear\",\n                    values: \"0;0;1;1\",\n                    keyTimes: \"0;0.2;0.4;1\",\n                    dur: \"1\",\n                    begin: \"0s\",\n                    repeatCount: \"indefinite\"\n                })\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsx)(\"circle\", {\n                cx: \"70\",\n                cy: \"47\",\n                r: \"5\",\n                fill: color,\n                children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                    attributeName: \"opacity\",\n                    calcMode: \"linear\",\n                    values: \"0;0;1;1\",\n                    keyTimes: \"0;0.4;0.6;1\",\n                    dur: \"1\",\n                    begin: \"0s\",\n                    repeatCount: \"indefinite\"\n                })\n            })\n        ]\n    });\n};\n\n\n\n\n\n\nconst $ffa7e3ac27a21a71$export$2ba1b65b747a57aa = ({ visible: visible = true, width: width = \"80\", height: height = \"80\", wrapperClass: wrapperClass = \"\", wrapperStyle: wrapperStyle = {}, ariaLabel: ariaLabel = \"blocks-loading\" })=>{\n    return !visible ? null : /*#__PURE__*/ (0, $fJU0O$jsxs)(\"svg\", {\n        width: width,\n        height: height,\n        className: wrapperClass,\n        style: wrapperStyle,\n        xmlns: (0, $eb040f10400edc38$export$98a285aab16ab26c),\n        viewBox: \"0 0 100 100\",\n        preserveAspectRatio: \"xMidYMid\",\n        \"aria-label\": ariaLabel,\n        \"data-testid\": \"blocks-svg\",\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: [\n            /*#__PURE__*/ (0, $fJU0O$jsx)(\"title\", {\n                children: \"Blocks\"\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsx)(\"desc\", {\n                children: \"Animated representation of blocks\"\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                x: \"17\",\n                y: \"17\",\n                width: \"20\",\n                height: \"20\",\n                fill: \"#577c9b\",\n                children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                    attributeName: \"fill\",\n                    values: \"#0dceff;#577c9b;#577c9b\",\n                    keyTimes: \"0;0.125;1\",\n                    dur: \"1s\",\n                    repeatCount: \"indefinite\",\n                    begin: \"0s\",\n                    calcMode: \"discrete\"\n                })\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                x: \"40\",\n                y: \"17\",\n                width: \"20\",\n                height: \"20\",\n                fill: \"#577c9b\",\n                children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                    attributeName: \"fill\",\n                    values: \"#0dceff;#577c9b;#577c9b\",\n                    keyTimes: \"0;0.125;1\",\n                    dur: \"1s\",\n                    repeatCount: \"indefinite\",\n                    begin: \"0.125s\",\n                    calcMode: \"discrete\"\n                })\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                x: \"63\",\n                y: \"17\",\n                width: \"20\",\n                height: \"20\",\n                fill: \"#577c9b\",\n                children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                    attributeName: \"fill\",\n                    values: \"#0dceff;#577c9b;#577c9b\",\n                    keyTimes: \"0;0.125;1\",\n                    dur: \"1s\",\n                    repeatCount: \"indefinite\",\n                    begin: \"0.25s\",\n                    calcMode: \"discrete\"\n                })\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                x: \"17\",\n                y: \"40\",\n                width: \"20\",\n                height: \"20\",\n                fill: \"#577c9b\",\n                children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                    attributeName: \"fill\",\n                    values: \"#0dceff;#577c9b;#577c9b\",\n                    keyTimes: \"0;0.125;1\",\n                    dur: \"1s\",\n                    repeatCount: \"indefinite\",\n                    begin: \"0.875s\",\n                    calcMode: \"discrete\"\n                })\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                x: \"63\",\n                y: \"40\",\n                width: \"20\",\n                height: \"20\",\n                fill: \"#577c9b\",\n                children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                    attributeName: \"fill\",\n                    values: \"#0dceff;#577c9b;#577c9b\",\n                    keyTimes: \"0;0.125;1\",\n                    dur: \"1s\",\n                    repeatCount: \"indefinite\",\n                    begin: \"0.375s\",\n                    calcMode: \"discrete\"\n                })\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                x: \"17\",\n                y: \"63\",\n                width: \"20\",\n                height: \"20\",\n                fill: \"#577c9b\",\n                children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                    attributeName: \"fill\",\n                    values: \"#0dceff;#577c9b;#577c9b\",\n                    keyTimes: \"0;0.125;1\",\n                    dur: \"1s\",\n                    repeatCount: \"indefinite\",\n                    begin: \"0.75s\",\n                    calcMode: \"discrete\"\n                })\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                x: \"40\",\n                y: \"63\",\n                width: \"20\",\n                height: \"20\",\n                fill: \"#577c9b\",\n                children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                    attributeName: \"fill\",\n                    values: \"#0dceff;#577c9b;#577c9b\",\n                    keyTimes: \"0;0.125;1\",\n                    dur: \"1s\",\n                    repeatCount: \"indefinite\",\n                    begin: \"0.625s\",\n                    calcMode: \"discrete\"\n                })\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsx)(\"rect\", {\n                x: \"63\",\n                y: \"63\",\n                width: \"20\",\n                height: \"20\",\n                fill: \"#577c9b\",\n                children: /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                    attributeName: \"fill\",\n                    values: \"#0dceff;#577c9b;#577c9b\",\n                    keyTimes: \"0;0.125;1\",\n                    dur: \"1s\",\n                    repeatCount: \"indefinite\",\n                    begin: \"0.5s\",\n                    calcMode: \"discrete\"\n                })\n            })\n        ]\n    });\n};\n\n\n\n\n\nconst $1e82ee682f5b64b8$export$f3c41beb83007357 = ({ visible: visible = true, width: width = \"80\", height: height = \"80\", wrapperClass: wrapperClass = \"\", wrapperStyle: wrapperStyle = {}, ariaLabel: ariaLabel = \"hourglass-loading\", colors: colors = [\n    \"#306cce\",\n    \"#72a1ed\"\n] })=>{\n    return !visible ? null : /*#__PURE__*/ (0, $fJU0O$jsxs)(\"svg\", {\n        width: width,\n        height: height,\n        xmlns: \"http://www.w3.org/2000/svg\",\n        viewBox: \"0 0 350 350\",\n        preserveAspectRatio: \"xMidYMid\",\n        className: wrapperClass,\n        style: wrapperStyle,\n        \"aria-label\": ariaLabel,\n        \"data-testid\": \"hourglass-svg\",\n        ...(0, $84fda1e7e33cfd28$export$6bfda33bcd6c2d18),\n        children: [\n            /*#__PURE__*/ (0, $fJU0O$jsx)(\"animateTransform\", {\n                attributeName: \"transform\",\n                type: \"rotate\",\n                values: \"0; 0; -30; 360; 360\",\n                keyTimes: \"0; 0.40; 0.55; 0.65; 1\",\n                dur: \"3s\",\n                begin: \"0s\",\n                calcMode: \"linear\",\n                repeatCount: \"indefinite\"\n            }),\n            /*#__PURE__*/ (0, $fJU0O$jsxs)(\"g\", {\n                children: [\n                    /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                        fill: colors[0],\n                        stroke: colors[0],\n                        d: \"M324.658,20.572v-2.938C324.658,7.935,316.724,0,307.025,0H40.313c-9.699,0-17.635,7.935-17.635,17.634v2.938     c0,9.699,7.935,17.634,17.635,17.634h6.814c3.5,0,3.223,3.267,3.223,4.937c0,19.588,8.031,42.231,14.186,56.698     c12.344,29.012,40.447,52.813,63.516,69.619c4.211,3.068,3.201,5.916,0.756,7.875c-22.375,17.924-51.793,40.832-64.271,70.16     c-6.059,14.239-13.934,36.4-14.18,55.772c-0.025,1.987,0.771,5.862-3.979,5.862h-6.064c-9.699,0-17.635,7.936-17.635,17.634v2.94     c0,9.698,7.935,17.634,17.635,17.634h266.713c9.699,0,17.633-7.936,17.633-17.634v-2.94c0-9.698-7.934-17.634-17.633-17.634     h-3.816c-7,0-6.326-5.241-6.254-7.958c0.488-18.094-4.832-38.673-12.617-54.135c-17.318-34.389-44.629-56.261-61.449-68.915     c-3.65-2.745-4.018-6.143,0-8.906c17.342-11.929,44.131-34.526,61.449-68.916c8.289-16.464,13.785-38.732,12.447-57.621     c-0.105-1.514-0.211-4.472,3.758-4.472h6.482C316.725,38.206,324.658,30.272,324.658,20.572z M270.271,93.216     c-16.113,31.998-41.967,54.881-64.455,68.67c-1.354,0.831-3.936,2.881-3.936,8.602v6.838c0,6.066,2.752,7.397,4.199,8.286     c22.486,13.806,48.143,36.636,64.191,68.508c7.414,14.727,11.266,32.532,10.885,46.702c-0.078,2.947,1.053,8.308-6.613,8.308     H72.627c-6.75,0-6.475-3.37-6.459-5.213c0.117-12.895,4.563-30.757,12.859-50.255c14.404-33.854,44.629-54.988,64.75-67.577     c0.896-0.561,2.629-1.567,2.629-6.922v-10.236c0-5.534-2.656-7.688-4.057-8.57c-20.098-12.688-49.256-33.618-63.322-66.681     c-8.383-19.702-12.834-37.732-12.861-50.657c-0.002-1.694,0.211-4.812,3.961-4.812h206.582c4.168,0,4.127,3.15,4.264,4.829     C282.156,57.681,278.307,77.257,270.271,93.216z\"\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsxs)(\"g\", {\n                        children: [\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                                fill: colors[1],\n                                stroke: colors[1],\n                                d: \"M169.541,196.2l-68.748,86.03c-2.27,2.842-1.152,5.166,2.484,5.166h140.781c3.637,0,4.756-2.324,2.484-5.166     l-68.746-86.03C175.525,193.358,171.811,193.358,169.541,196.2z\"\n                            }),\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                attributeName: \"opacity\",\n                                values: \"0; 0; 1; 1; 0; 0\",\n                                keyTimes: \"0; 0.1; 0.4; 0.6; 0.61; 1\",\n                                dur: \"3s\",\n                                repeatCount: \"indefinite\"\n                            })\n                        ]\n                    }),\n                    /*#__PURE__*/ (0, $fJU0O$jsxs)(\"g\", {\n                        children: [\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"path\", {\n                                fill: colors[1],\n                                stroke: colors[1],\n                                d: \"M168.986,156.219c2.576,2.568,6.789,2.568,9.363,0l34.576-34.489c2.574-2.568,1.707-4.67-1.932-4.67H136.34     c-3.637,0-4.506,2.102-1.932,4.67L168.986,156.219z\"\n                            }),\n                            /*#__PURE__*/ (0, $fJU0O$jsx)(\"animate\", {\n                                attributeName: \"opacity\",\n                                values: \"1; 1; 0; 0; 1; 1\",\n                                keyTimes: \"0; 0.1; 0.4; 0.65; 0.66; 1\",\n                                dur: \"3s\",\n                                repeatCount: \"indefinite\"\n                            })\n                        ]\n                    })\n                ]\n            })\n        ]\n    });\n};\n\n\n\n\nexport {$dcdd04c60cd78d69$export$153755f98d9861de as Audio, $e035d01ad1d05b44$export$68949ad0373623af as BallTriangle, $7dd1b251b360e95a$export$fbc7d6f7dd821b47 as Bars, $29b6b1f956162f74$export$765808835a2dc0a2 as Circles, $12bd062f0f060b07$export$17c11650828d97e as CirclesWithBar, $b438e21e66fce243$export$ef2184bd89960b14 as Grid, $88eb2f870dd9f437$export$2da2f0c7403af3ce as Hearts, $ad60b992c945fdb5$export$8009d4483dfda42 as InfinitySpin, $05da46d92e4baf0c$export$d2101d81f63866ab as LineWave, $05cab5f4cf092036$export$64ea884904791f4 as MutatingDots, $a5fa864d4dd36deb$export$67ad50c48ca3ede4 as Oval, $8a2963a7161a08e2$export$83d2259ec538613b as Puff, $f6f65ef73d86a35a$export$8e22e563e5362f75 as RevolvingDot, $0da8ebf0340870f3$export$fdd9e2f491a77de7 as Rings, $30f4fc5ff137b595$export$bb511942ded86554 as RotatingSquare, $5819da83a926266a$export$d20df8773b6b77b5 as RotatingLines, $56d89154a59e79d3$export$f8e5ae7506d65b32 as TailSpin, $5cff71254109409f$export$e21573137ccb7f5d as ThreeCircles, $f0c3e3bb3e76d210$export$4bf83b24a11cff0b as ThreeDots, $afa12dd3e98f740f$export$5a465592bfe74b48 as Triangle, $e3e50827b57d879a$export$4c68f1a79f88778c as Watch, $b184d2a88a50e3dc$export$1ed1943372cc63a9 as FallingLines, $5ad4f4dbdb85103b$export$d25f4198d7ad6c78 as Vortex, $aa2b177fb9ef5dee$export$f64f16a115ce395d as RotatingTriangles, $daf95de783b7b8b1$export$d7b12c4107be0d61 as Radio, $075a2f0ea0d9df8a$export$c17561cb55d4db30 as ProgressBar, $db94311ffb982ec6$export$bdf537af43a20db5 as MagnifyingGlass, $1d8c9163e13b7bf7$export$8e3fad5cade57efa as FidgetSpinner, $bb8e4335d7ee0654$export$bee07fdc425df572 as DNA, $50138037f422b463$export$f93420b62a5bdffa as Discuss, $7097090906378a5b$export$dc036a5afb9ca26f as ColorRing, $81e36fafa9b58989$export$4d299b491347818a as Comment, $ffa7e3ac27a21a71$export$2ba1b65b747a57aa as Blocks, $1e82ee682f5b64b8$export$f3c41beb83007357 as Hourglass};\n//# sourceMappingURL=module.js.map\n"],"names":["$84fda1e7e33cfd28$export$37394b0fa44b998c","$84fda1e7e33cfd28$export$6bfda33bcd6c2d18","role","styled_components__WEBPACK_IMPORTED_MODULE_2__","ZP","div","props","$visible","$ad60b992c945fdb5$var$anim","F4","$ad60b992c945fdb5$var$len","path","$5819da83a926266a$var$POINTS","$5819da83a926266a$var$spin","$5819da83a926266a$var$Svg","svg","$5819da83a926266a$var$Polyline","polyline","width","$5819da83a926266a$export$d20df8773b6b77b5","strokeColor","strokeWidth","animationDuration","visible","ariaLabel","lines","react__WEBPACK_IMPORTED_MODULE_1__","useCallback","map","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","points","transform","point","xmlns","viewBox","stroke","speed","children","$afa12dd3e98f740f$var$dash","polygon"],"sourceRoot":""}