!function (n, e, t) { n.addEventListener("message", (function (n) { if (console.log("Event received"), "https://myaskai.com" === n.origin) { if ("string" == typeof n.data && n.data.startsWith("myaskai-ve: ")) { console.log("Storage event received"); const e = n.data.substring(12); localStorage.setItem("myaskai-ve", e), console.log("Saved to local storage: " + e) } } else console.log("Message rejected") }), !1); var a = e.currentScript, i = a.id; let r = "", s = "", o = a.getAttribute("custom-data"), d = a.getAttribute("language"); d && (s = "&language=" + d), o && (r = "&custom-data=" + o); var l = e.createElement("style"); l.innerHTML = ".askai-hidden { display: none; }", e.head.appendChild(l); var c = e.createElement("meta"); c.name = "viewport", c.content = "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"; var m, p = e.querySelector('meta[name="viewport"]'); p ? p.content += ", " + c.content : e.head.appendChild(c), function () { var t = e.createElement("div"); t.className = "askai-frame-widget", t.setAttribute("data-id", i); var a = e.createElement("div"); a.className = "askai-hidden", a.id = "askai-floating-button", a.innerHTML = " ", e.body.appendChild(t), e.body.appendChild(a); var o = e.createElement("div"); o.className = "maa-spinner-container"; var d = e.createElementNS("http://www.w3.org/2000/svg", "svg"); d.classList.add("maa-spinner"), d.setAttribute("viewBox", "0 0 50 50"); var l = e.createElementNS("http://www.w3.org/2000/svg", "circle"); l.classList.add("maa-path"), l.setAttribute("cx", "25"), l.setAttribute("cy", "25"), l.setAttribute("r", "20"), l.setAttribute("fill", "none"), l.setAttribute("stroke-width", "5"), d.appendChild(l), o.appendChild(d); var c = "\n        .askai-frame-widget {\n            position: fixed;\n            display: none;\n            bottom: 80px;\n            max-height: 600px !important;\n            min-height: 500px !important;\n            right: 25px;\n            margin-left: 15px;\n            z-index: 99999999;\n            border-radius: 20px;\n            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n            transition: transform 0.3s;\n            overflow: hidden;\n        }\n        \n        .askai-frame-widget iframe {\n            width: 450px;\n            max-width: 100%;\n            position: relative;\n            background: transparent !important;\n            background-color: transparent !important;\n        }\n        \n        .askai-hidden {\n            display: none;\n        }\n        \n        .askai-fade-in {\n            animation: fadeIn 0.6s ease-in-out forwards;\n        }\n\n        .maa-spinner-container {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            position: absolute; /* This makes the spinner overlay on top of the iframe. */\n            top: 0;\n            right: 0;\n            bottom: 0;\n            left: 0;\n            background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent white background. Adjust as needed. */\n        }\n\n        .maa-spinner {\n            animation: rotate 2s linear infinite;\n            margin: 0 auto;\n            width: 50px;\n            height: 50px;\n        }\n\n        @keyframes rotate {\n            100% {\n                transform: rotate(360deg);\n            }\n        }\n\n        .maa-path {\n                stroke: #302F42; /* Adjust the color as needed. */\n                stroke-linecap: round;\n                animation: dash 1.5s ease-in-out infinite;\n        }\n        \n        @keyframes dash {\n            0% {\n            stroke-dasharray: 1, 150;\n            stroke-dashoffset: 0;\n            }\n            50% {\n            stroke-dasharray: 90, 150;\n            stroke-dashoffset: -35;\n            }\n            100% {\n            stroke-dasharray: 90, 150;\n            stroke-dashoffset: -124;\n            }\n        }\n\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n            to {\n                opacity: 1;\n            }\n        }\n        \n        #askai-floating-button {\n            z-index: 99999999;\n            position: fixed;\n            width: 50px;\n            height: 50px;\n            min-width: 50px;\n            min-height: 50px;\n            max-width: 50px;\n            max-height: 50px;\n            bottom: 20px;\n            right: 20px;\n            padding: 0px;\n            background-size: cover;\n            color: #ffffff;\n            border: none;\n            border-radius: 80px;\n            cursor: pointer;\n            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n            transition: transform 0.3s;\n        }\n\n        .bg-image {\n            background-image: url('https://no-code-ai-model-trainer.cdn.bubble.io/f1681735473770x531519567854483700/Group%201000004040%20%281%29.png') !important;\n        }\n        \n        @media only screen and (min-width: 451px) {\n            #askai-floating-button:hover {\n                transform: scale(1.1);\n            }\n            .askai-frame-widget {\n                opacity: 0;\n                transform: translateY(15px);\n                display: none;\n            }\n            @keyframes fadeInUp {\n                0% {\n                    opacity: 0;\n                    transform: translateY(15px);\n                }\n                100% {\n                    opacity: 1;\n                    transform: translateY(0);\n                }\n            }\n            @keyframes fadeOutDown {\n                0% {\n                    opacity: 1;\n                    transform: translateY(0);\n                }\n                100% {\n                    opacity: 0;\n                    transform: translateY(15px);\n                }\n            }\n            .askai-frame-widget.visible {\n                display: block;\n                animation: fadeInUp 0.5s ease forwards;\n            }\n            .askai-frame-widget.hiding {\n                animation: fadeOutDown 0.5s ease forwards;\n            }\n        }\n        \n        @media only screen and (max-width: 450px) {\n            @keyframes fadeInUp {\n                0% {\n                    opacity: 0;\n                    transform: translateY(0px);\n                }\n                100% {\n                    opacity: 1;\n                    transform: translateY(0);\n                }\n            }\n            @keyframes fadeOutDown {\n                0% {\n                    opacity: 1;\n                    transform: translateY(0);\n                }\n                100% {\n                    opacity: 0;\n                    transform: translateY(0px);\n                }\n            }\n            .askai-frame-widget {\n                opacity: 0;\n                display: none;\n            }\n            .askai-frame-widget.visible {\n                display: block;\n                animation: fadeInUp 0.5s ease forwards;\n            }\n            .askai-frame-widget.hiding {\n                animation: fadeOutDown 0.5s ease forwards;\n            }\n        }\n    "; fetch("https://myaskai.com/api/1.1/wf/custom-chat-css?id=" + i).then((function (n) { return n.text() })).then((function (t) { c += t; var a = e.createElement("style"); a.type = "text/css", a.appendChild(e.createTextNode(c)), e.head.appendChild(a); var i = e.getElementById("askai-floating-button"), r = n.getComputedStyle(i).backgroundImage.slice(5, -2), s = new Image; s.onload = function () { setTimeout((function () { i.classList.remove("askai-hidden"), i.classList.add("askai-fade-in") }), 1e3) }, s.onerror = function () { console.error("Failed to load the background image:", r) }, s.src = r })).catch((function (n) { console.error("Error fetching external CSS:", n) })), function () { "use strict"; function t(t) { let a = [], i = []; for (let n = 0; n < t.length; n++) { let d = t[n]; if (null == d) continue; let l = d.getAttribute("data-id"); if (d.children.length > 0) continue; let c = e.createElement("iframe"), m = `askai-frame-${Math.random().toString(36).substr(2, 9)}`; c.id = m; let p = ""; localStorage.getItem("myaskai-ve") && (p = "&veid=" + localStorage.getItem("myaskai-ve")), c.setAttribute("data-src", `https://myaskai.com/share-ask-ai?i=${l}&embed=yes&chat=yes` + p + r + s), c.setAttribute("scrolling", "no"), c.setAttribute("frameborder", "0"), c.setAttribute("width", "100%"), c.setAttribute("height", "0px"), c.setAttribute("style", "background-color: transparent !important; background-image: none !important;"), c.setAttribute("title", "AskAI Embed Widget"), d.append(o, c), d.appendChild(c), a.push(c), i.push(m) } for (let e = 0; e < a.length; e++) { if (!a[e]) continue; let t = i[e]; n.iFrameResize && iFrameResize({ log: !1, checkOrigin: !1 }, `#${t}`) } } !function () { let n = e.createElement("script"); n.src = "https://myaskai.com/iframeResizer-min", n.type = "text/javascript", n.async = !0; let a = e.querySelectorAll(".askai-frame-widget"); n.onload = () => { t(a), new MutationObserver((function (n) { t(e.querySelectorAll(".askai-frame-widget")) })).observe(e, { attributes: !1, childList: !0, characterData: !1, subtree: !0 }) }, e.body.appendChild(n) }() }() }(), (m = e.getElementById("askai-floating-button")) && m.addEventListener("click", (function () { var n = e.querySelector(".askai-frame-widget"); n.classList.contains("visible") ? (n.classList.remove("visible"), n.classList.add("hiding"), m.classList.remove("close-floating-button"), setTimeout((function () { n.style.display = "none", n.classList.remove("hiding") }), 500)) : (n.style.display = "block", n.classList.add("visible"), m.classList.add("close-floating-button")); const t = n && n.querySelector("iframe"); try { t && t.getAttribute("data-src") && !t.src && (t.src = t.getAttribute("data-src")) } catch (n) { console.error("Error setting iframe src:", n) } })) }(window, document);