;
! function() {
    try {
        var e = "undefined" != typeof globalThis ? globalThis : "undefined" != typeof global ? global : "undefined" != typeof window ? window : "undefined" != typeof self ? self : {},
            n = (new e.Error).stack;
        n && ((e._debugIds || (e._debugIds = {}))[n] = "b26cce75-47bc-7458-c87b-d3589b02ebb0")
    } catch (e) {}
}();
(globalThis.TURBOPACK || (globalThis.TURBOPACK = [])).push(["object" == typeof document ? document.currentScript : void 0, 799630, e => {
    e.v({
        className: "inter_6ca075-module__o1kfta__className",
        variable: "inter_6ca075-module__o1kfta__variable"
    })
}, 759255, e => {
    "use strict";
    var n, t = e.i(284553),
        o = e.i(221628),
        s = e.i(999061),
        r = e.i(416340),
        a = e.i(149285);
    if ("u" > typeof document) {
        let e = document.getElementById("feedback-tool-styles-annotation-popup-css-styles");
        e || ((e = document.createElement("style")).id = "feedback-tool-styles-annotation-popup-css-styles", document.head.appendChild(e)), e.textContent = '.styles-module__popup___IhzrD svg[fill=none] {\n  fill: none !important;\n}\n.styles-module__popup___IhzrD svg[fill=none] :not([fill]) {\n  fill: none !important;\n}\n\n@keyframes styles-module__popupEnter___AuQDN {\n  from {\n    opacity: 0;\n    transform: translateX(-50%) scale(0.95) translateY(4px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(-50%) scale(1) translateY(0);\n  }\n}\n@keyframes styles-module__popupExit___JJKQX {\n  from {\n    opacity: 1;\n    transform: translateX(-50%) scale(1) translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateX(-50%) scale(0.95) translateY(4px);\n  }\n}\n@keyframes styles-module__shake___jdbWe {\n  0%, 100% {\n    transform: translateX(-50%) scale(1) translateY(0) translateX(0);\n  }\n  20% {\n    transform: translateX(-50%) scale(1) translateY(0) translateX(-3px);\n  }\n  40% {\n    transform: translateX(-50%) scale(1) translateY(0) translateX(3px);\n  }\n  60% {\n    transform: translateX(-50%) scale(1) translateY(0) translateX(-2px);\n  }\n  80% {\n    transform: translateX(-50%) scale(1) translateY(0) translateX(2px);\n  }\n}\n.styles-module__popup___IhzrD {\n  position: fixed;\n  transform: translateX(-50%);\n  width: 280px;\n  padding: 0.75rem 1rem 14px;\n  background: #1a1a1a;\n  border-radius: 16px;\n  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);\n  z-index: 100001;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n  will-change: transform, opacity;\n  opacity: 0;\n}\n.styles-module__popup___IhzrD.styles-module__enter___L7U7N {\n  animation: styles-module__popupEnter___AuQDN 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\n}\n.styles-module__popup___IhzrD.styles-module__entered___COX-w {\n  opacity: 1;\n  transform: translateX(-50%) scale(1) translateY(0);\n}\n.styles-module__popup___IhzrD.styles-module__exit___5eGjE {\n  animation: styles-module__popupExit___JJKQX 0.15s ease-in forwards;\n}\n.styles-module__popup___IhzrD.styles-module__entered___COX-w.styles-module__shake___jdbWe {\n  animation: styles-module__shake___jdbWe 0.25s ease-out;\n}\n\n.styles-module__header___wWsSi {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 0.5625rem;\n}\n\n.styles-module__element___fTV2z {\n  font-size: 0.75rem;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.5);\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 1;\n}\n\n.styles-module__headerToggle___WpW0b {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  flex: 1;\n  min-width: 0;\n  text-align: left;\n}\n.styles-module__headerToggle___WpW0b .styles-module__element___fTV2z {\n  flex: 1;\n}\n\n.styles-module__chevron___ZZJlR {\n  color: rgba(255, 255, 255, 0.5);\n  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n  flex-shrink: 0;\n}\n.styles-module__chevron___ZZJlR.styles-module__expanded___2Hxgv {\n  transform: rotate(90deg);\n}\n\n.styles-module__stylesWrapper___pnHgy {\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n}\n.styles-module__stylesWrapper___pnHgy.styles-module__expanded___2Hxgv {\n  grid-template-rows: 1fr;\n}\n\n.styles-module__stylesInner___YYZe2 {\n  overflow: hidden;\n}\n\n.styles-module__stylesBlock___VfQKn {\n  background: rgba(255, 255, 255, 0.05);\n  border-radius: 0.375rem;\n  padding: 0.5rem 0.625rem;\n  margin-bottom: 0.5rem;\n  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;\n  font-size: 0.6875rem;\n  line-height: 1.5;\n}\n\n.styles-module__styleLine___1YQiD {\n  color: rgba(255, 255, 255, 0.85);\n  word-break: break-word;\n}\n\n.styles-module__styleProperty___84L1i {\n  color: #c792ea;\n}\n\n.styles-module__styleValue___q51-h {\n  color: rgba(255, 255, 255, 0.85);\n}\n\n.styles-module__timestamp___Dtpsv {\n  font-size: 0.625rem;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.35);\n  font-variant-numeric: tabular-nums;\n  margin-left: 0.5rem;\n  flex-shrink: 0;\n}\n\n.styles-module__quote___mcMmQ {\n  font-size: 12px;\n  font-style: italic;\n  color: rgba(255, 255, 255, 0.6);\n  margin-bottom: 0.5rem;\n  padding: 0.4rem 0.5rem;\n  background: rgba(255, 255, 255, 0.05);\n  border-radius: 0.25rem;\n  line-height: 1.45;\n}\n\n.styles-module__textarea___jrSae {\n  box-sizing: border-box;\n  width: 100%;\n  padding: 0.5rem 0.625rem;\n  font-size: 0.8125rem;\n  font-family: inherit;\n  background: rgba(255, 255, 255, 0.05);\n  color: #fff;\n  border: 1px solid rgba(255, 255, 255, 0.15);\n  border-radius: 8px;\n  resize: none;\n  outline: none;\n  transition: border-color 0.15s ease;\n}\n.styles-module__textarea___jrSae:focus {\n  border-color: var(--agentation-color-blue);\n}\n.styles-module__textarea___jrSae.styles-module__green___99l3h:focus {\n  border-color: var(--agentation-color-green);\n}\n.styles-module__textarea___jrSae::placeholder {\n  color: rgba(255, 255, 255, 0.35);\n}\n.styles-module__textarea___jrSae::-webkit-scrollbar {\n  width: 6px;\n}\n.styles-module__textarea___jrSae::-webkit-scrollbar-track {\n  background: transparent;\n}\n.styles-module__textarea___jrSae::-webkit-scrollbar-thumb {\n  background: rgba(255, 255, 255, 0.2);\n  border-radius: 3px;\n}\n\n.styles-module__actions___D6x3f {\n  display: flex;\n  justify-content: flex-end;\n  gap: 0.375rem;\n  margin-top: 0.5rem;\n}\n\n.styles-module__cancel___hRjnL,\n.styles-module__submit___K-mIR {\n  padding: 0.4rem 0.875rem;\n  font-size: 0.75rem;\n  font-weight: 500;\n  border-radius: 1rem;\n  border: none;\n  cursor: pointer;\n  transition: background-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;\n}\n\n.styles-module__cancel___hRjnL {\n  background: transparent;\n  color: rgba(255, 255, 255, 0.5);\n}\n.styles-module__cancel___hRjnL:hover {\n  background: rgba(255, 255, 255, 0.1);\n  color: rgba(255, 255, 255, 0.8);\n}\n\n.styles-module__submit___K-mIR {\n  color: white;\n}\n.styles-module__submit___K-mIR:hover:not(:disabled) {\n  filter: brightness(0.9);\n}\n.styles-module__submit___K-mIR:disabled {\n  cursor: not-allowed;\n}\n\n.styles-module__deleteWrapper___oSjdo {\n  margin-right: auto;\n}\n\n.styles-module__deleteButton___4VuAE {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  border: none;\n  background: transparent;\n  color: rgba(255, 255, 255, 0.4);\n  transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease;\n}\n.styles-module__deleteButton___4VuAE:hover {\n  background-color: color-mix(in srgb, var(--agentation-color-red) 25%, transparent);\n  color: var(--agentation-color-red);\n}\n.styles-module__deleteButton___4VuAE:active {\n  transform: scale(0.92);\n}\n\n.styles-module__light___6AaSQ.styles-module__popup___IhzrD {\n  background: #fff;\n  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.06);\n}\n.styles-module__light___6AaSQ .styles-module__element___fTV2z {\n  color: rgba(0, 0, 0, 0.6);\n}\n.styles-module__light___6AaSQ .styles-module__timestamp___Dtpsv {\n  color: rgba(0, 0, 0, 0.4);\n}\n.styles-module__light___6AaSQ .styles-module__chevron___ZZJlR {\n  color: rgba(0, 0, 0, 0.4);\n}\n.styles-module__light___6AaSQ .styles-module__stylesBlock___VfQKn {\n  background: rgba(0, 0, 0, 0.03);\n}\n.styles-module__light___6AaSQ .styles-module__styleLine___1YQiD {\n  color: rgba(0, 0, 0, 0.75);\n}\n.styles-module__light___6AaSQ .styles-module__styleProperty___84L1i {\n  color: #7c3aed;\n}\n.styles-module__light___6AaSQ .styles-module__styleValue___q51-h {\n  color: rgba(0, 0, 0, 0.75);\n}\n.styles-module__light___6AaSQ .styles-module__quote___mcMmQ {\n  color: rgba(0, 0, 0, 0.55);\n  background: rgba(0, 0, 0, 0.04);\n}\n.styles-module__light___6AaSQ .styles-module__textarea___jrSae {\n  background: rgba(0, 0, 0, 0.03);\n  color: #1a1a1a;\n  border-color: rgba(0, 0, 0, 0.12);\n}\n.styles-module__light___6AaSQ .styles-module__textarea___jrSae::placeholder {\n  color: rgba(0, 0, 0, 0.4);\n}\n.styles-module__light___6AaSQ .styles-module__textarea___jrSae::-webkit-scrollbar-thumb {\n  background: rgba(0, 0, 0, 0.15);\n}\n.styles-module__light___6AaSQ .styles-module__cancel___hRjnL {\n  color: rgba(0, 0, 0, 0.5);\n}\n.styles-module__light___6AaSQ .styles-module__cancel___hRjnL:hover {\n  background: rgba(0, 0, 0, 0.06);\n  color: rgba(0, 0, 0, 0.75);\n}\n.styles-module__light___6AaSQ .styles-module__deleteButton___4VuAE {\n  color: rgba(0, 0, 0, 0.4);\n}\n.styles-module__light___6AaSQ .styles-module__deleteButton___4VuAE:hover {\n  background-color: color-mix(in srgb, var(--agentation-color-red) 25%, transparent);\n  color: var(--agentation-color-red);\n}'
    }
    var l = "styles-module__element___fTV2z",
        i = "styles-module__expanded___2Hxgv";
    if ("u" > typeof document) {
        let e = document.getElementById("feedback-tool-styles-components-icon-transitions");
        e || ((e = document.createElement("style")).id = "feedback-tool-styles-components-icon-transitions", document.head.appendChild(e)), e.textContent = ".icon-transitions-module__iconState___uqK9J {\n  transition: opacity 0.2s ease, transform 0.2s ease;\n  transform-origin: center;\n}\n\n.icon-transitions-module__iconStateFast___HxlMm {\n  transition: opacity 0.15s ease, transform 0.15s ease;\n  transform-origin: center;\n}\n\n.icon-transitions-module__iconFade___nPwXg {\n  transition: opacity 0.2s ease;\n}\n\n.icon-transitions-module__iconFadeFast___Ofb2t {\n  transition: opacity 0.15s ease;\n}\n\n.icon-transitions-module__visible___PlHsU {\n  opacity: 1 !important;\n}\n\n.icon-transitions-module__visibleScaled___8Qog- {\n  opacity: 1 !important;\n  transform: scale(1);\n}\n\n.icon-transitions-module__hidden___ETykt {\n  opacity: 0 !important;\n}\n\n.icon-transitions-module__hiddenScaled___JXn-m {\n  opacity: 0 !important;\n  transform: scale(0.8);\n}\n\n.icon-transitions-module__sending___uaLN- {\n  opacity: 0.5 !important;\n  transform: scale(0.8);\n}"
    }
    var _ = ({
            size: e = 24
        }) => (0, o.jsx)("svg", {
            width: e,
            height: e,
            viewBox: "0 0 24 24",
            fill: "none",
            xmlns: "http://www.w3.org/2000/svg",
            children: (0, o.jsx)("path", {
                d: "M13.5 4C14.7426 4 15.75 5.00736 15.75 6.25V7H18.5C18.9142 7 19.25 7.33579 19.25 7.75C19.25 8.16421 18.9142 8.5 18.5 8.5H17.9678L17.6328 16.2217C17.61 16.7475 17.5912 17.1861 17.5469 17.543C17.5015 17.9087 17.4225 18.2506 17.2461 18.5723C16.9747 19.0671 16.5579 19.4671 16.0518 19.7168C15.7227 19.8791 15.3772 19.9422 15.0098 19.9717C14.6514 20.0004 14.2126 20 13.6865 20H10.3135C9.78735 20 9.34856 20.0004 8.99023 19.9717C8.62278 19.9422 8.27729 19.8791 7.94824 19.7168C7.44205 19.4671 7.02532 19.0671 6.75391 18.5723C6.57751 18.2506 6.49853 17.9087 6.45312 17.543C6.40883 17.1861 6.39005 16.7475 6.36719 16.2217L6.03223 8.5H5.5C5.08579 8.5 4.75 8.16421 4.75 7.75C4.75 7.33579 5.08579 7 5.5 7H8.25V6.25C8.25 5.00736 9.25736 4 10.5 4H13.5ZM7.86621 16.1562C7.89013 16.7063 7.90624 17.0751 7.94141 17.3584C7.97545 17.6326 8.02151 17.7644 8.06934 17.8516C8.19271 18.0763 8.38239 18.2577 8.6123 18.3711C8.70153 18.4151 8.83504 18.4545 9.11035 18.4766C9.39482 18.4994 9.76335 18.5 10.3135 18.5H13.6865C14.2367 18.5 14.6052 18.4994 14.8896 18.4766C15.165 18.4545 15.2985 18.4151 15.3877 18.3711C15.6176 18.2577 15.8073 18.0763 15.9307 17.8516C15.9785 17.7644 16.0245 17.6326 16.0586 17.3584C16.0938 17.0751 16.1099 16.7063 16.1338 16.1562L16.4668 8.5H7.5332L7.86621 16.1562ZM9.97656 10.75C10.3906 10.7371 10.7371 11.0626 10.75 11.4766L10.875 15.4766C10.8879 15.8906 10.5624 16.2371 10.1484 16.25C9.73443 16.2629 9.38794 15.9374 9.375 15.5234L9.25 11.5234C9.23706 11.1094 9.56255 10.7629 9.97656 10.75ZM14.0244 10.75C14.4383 10.7635 14.7635 11.1105 14.75 11.5244L14.6201 15.5244C14.6066 15.9384 14.2596 16.2634 13.8457 16.25C13.4317 16.2365 13.1067 15.8896 13.1201 15.4756L13.251 11.4756C13.2645 11.0617 13.6105 10.7366 14.0244 10.75ZM10.5 5.5C10.0858 5.5 9.75 5.83579 9.75 6.25V7H14.25V6.25C14.25 5.83579 13.9142 5.5 13.5 5.5H10.5Z",
                fill: "currentColor"
            })
        }),
        d = (["data-feedback-toolbar", "data-annotation-popup", "data-annotation-marker"].flatMap(e => [`:not([${e}])`, `:not([${e}] *)`]).join(""), "__agentation_freeze"),
        c = function() {
            if ("u" < typeof window) return {
                frozen: !1,
                installed: !0,
                origSetTimeout: setTimeout,
                origSetInterval: setInterval,
                origRAF: e => 0,
                pausedAnimations: [],
                frozenTimeoutQueue: [],
                frozenRAFQueue: []
            };
            let e = window;
            return e[d] || (e[d] = {
                frozen: !1,
                installed: !1,
                origSetTimeout: null,
                origSetInterval: null,
                origRAF: null,
                pausedAnimations: [],
                frozenTimeoutQueue: [],
                frozenRAFQueue: []
            }), e[d]
        }();
    "u" > typeof window && !c.installed && (c.origSetTimeout = window.setTimeout.bind(window), c.origSetInterval = window.setInterval.bind(window), c.origRAF = window.requestAnimationFrame.bind(window), window.setTimeout = (e, n, ...t) => "string" == typeof e ? c.origSetTimeout(e, n) : c.origSetTimeout((...n) => {
        c.frozen ? c.frozenTimeoutQueue.push(() => e(...n)) : e(...n)
    }, n, ...t), window.setInterval = (e, n, ...t) => "string" == typeof e ? c.origSetInterval(e, n) : c.origSetInterval((...n) => {
        c.frozen || e(...n)
    }, n, ...t), window.requestAnimationFrame = e => c.origRAF(n => {
        c.frozen ? c.frozenRAFQueue.push(e) : e(n)
    }), c.installed = !0);
    var u = c.origSetTimeout,
        m = (c.origSetInterval, c.origRAF);

    function p(e) {
        if (!e) return;
        let n = e => e.stopImmediatePropagation();
        document.addEventListener("focusin", n, !0), document.addEventListener("focusout", n, !0);
        try {
            e.focus()
        } finally {
            document.removeEventListener("focusin", n, !0), document.removeEventListener("focusout", n, !0)
        }
    }(0, r.forwardRef)(function({
        element: e,
        timestamp: n,
        selectedText: t,
        placeholder: s = "What should change?",
        initialValue: a = "",
        submitLabel: d = "Add",
        onSubmit: c,
        onCancel: m,
        onDelete: g,
        style: y,
        accentColor: f = "#3c82f7",
        isExiting: h = !1,
        lightMode: b = !1,
        computedStyles: x
    }, v) {
        let [w, k] = (0, r.useState)(a), [C, S] = (0, r.useState)(!1), [j, I] = (0, r.useState)("initial"), [N, O] = (0, r.useState)(!1), [z, P] = (0, r.useState)(!1), E = (0, r.useRef)(null), L = (0, r.useRef)(null), T = (0, r.useRef)(null), R = (0, r.useRef)(null);
        (0, r.useEffect)(() => {
            h && "exit" !== j && I("exit")
        }, [h, j]), (0, r.useEffect)(() => {
            u(() => {
                I("enter")
            }, 0);
            let e = u(() => {
                    I("entered")
                }, 200),
                n = u(() => {
                    let e = E.current;
                    e && (p(e), e.selectionStart = e.selectionEnd = e.value.length, e.scrollTop = e.scrollHeight)
                }, 50);
            return () => {
                clearTimeout(e), clearTimeout(n), T.current && clearTimeout(T.current), R.current && clearTimeout(R.current)
            }
        }, []);
        let B = (0, r.useCallback)(() => {
            R.current && clearTimeout(R.current), S(!0), R.current = u(() => {
                S(!1), p(E.current)
            }, 250)
        }, []);
        (0, r.useImperativeHandle)(v, () => ({
            shake: B
        }), [B]);
        let D = (0, r.useCallback)(() => {
                I("exit"), T.current = u(() => {
                    m()
                }, 150)
            }, [m]),
            A = (0, r.useCallback)(() => {
                w.trim() && c(w.trim())
            }, [w, c]),
            M = (0, r.useCallback)(e => {
                e.stopPropagation(), e.nativeEvent.isComposing || ("Enter" !== e.key || e.shiftKey || (e.preventDefault(), A()), "Escape" === e.key && D())
            }, [A, D]),
            U = ["styles-module__popup___IhzrD", b ? "styles-module__light___6AaSQ" : "", "enter" === j ? "styles-module__enter___L7U7N" : "", "entered" === j ? "styles-module__entered___COX-w" : "", "exit" === j ? "styles-module__exit___5eGjE" : "", C ? "styles-module__shake___jdbWe" : ""].filter(Boolean).join(" ");
        return (0, o.jsxs)("div", {
            ref: L,
            className: U,
            "data-annotation-popup": !0,
            style: y,
            onClick: e => e.stopPropagation(),
            children: [(0, o.jsxs)("div", {
                className: "styles-module__header___wWsSi",
                children: [x && Object.keys(x).length > 0 ? (0, o.jsxs)("button", {
                    className: "styles-module__headerToggle___WpW0b",
                    onClick: () => {
                        P(!z), z && u(() => p(E.current), 0)
                    },
                    type: "button",
                    children: [(0, o.jsx)("svg", {
                        className: `styles-module__chevron___ZZJlR ${z?i:""}`,
                        width: "14",
                        height: "14",
                        viewBox: "0 0 14 14",
                        fill: "none",
                        xmlns: "http://www.w3.org/2000/svg",
                        children: (0, o.jsx)("path", {
                            d: "M5.5 10.25L9 7.25L5.75 4",
                            stroke: "currentColor",
                            strokeWidth: "1.5",
                            strokeLinecap: "round",
                            strokeLinejoin: "round"
                        })
                    }), (0, o.jsx)("span", {
                        className: l,
                        children: e
                    })]
                }) : (0, o.jsx)("span", {
                    className: l,
                    children: e
                }), n && (0, o.jsx)("span", {
                    className: "styles-module__timestamp___Dtpsv",
                    children: n
                })]
            }), x && Object.keys(x).length > 0 && (0, o.jsx)("div", {
                className: `styles-module__stylesWrapper___pnHgy ${z?i:""}`,
                children: (0, o.jsx)("div", {
                    className: "styles-module__stylesInner___YYZe2",
                    children: (0, o.jsx)("div", {
                        className: "styles-module__stylesBlock___VfQKn",
                        children: Object.entries(x).map(([e, n]) => (0, o.jsxs)("div", {
                            className: "styles-module__styleLine___1YQiD",
                            children: [(0, o.jsx)("span", {
                                className: "styles-module__styleProperty___84L1i",
                                children: e.replace(/([A-Z])/g, "-$1").toLowerCase()
                            }), ": ", (0, o.jsx)("span", {
                                className: "styles-module__styleValue___q51-h",
                                children: n
                            }), ";"]
                        }, e))
                    })
                })
            }), t && (0, o.jsxs)("div", {
                className: "styles-module__quote___mcMmQ",
                children: ["“", t.slice(0, 80), t.length > 80 ? "..." : "", "”"]
            }), (0, o.jsx)("textarea", {
                ref: E,
                className: "styles-module__textarea___jrSae",
                style: {
                    borderColor: N ? f : void 0
                },
                placeholder: s,
                value: w,
                onChange: e => k(e.target.value),
                onFocus: () => O(!0),
                onBlur: () => O(!1),
                rows: 2,
                onKeyDown: M
            }), (0, o.jsxs)("div", {
                className: "styles-module__actions___D6x3f",
                children: [g && (0, o.jsx)("div", {
                    className: "styles-module__deleteWrapper___oSjdo",
                    children: (0, o.jsx)("button", {
                        className: "styles-module__deleteButton___4VuAE",
                        onClick: g,
                        type: "button",
                        children: (0, o.jsx)(_, {
                            size: 22
                        })
                    })
                }), (0, o.jsx)("button", {
                    className: "styles-module__cancel___hRjnL",
                    onClick: D,
                    children: "Cancel"
                }), (0, o.jsx)("button", {
                    className: "styles-module__submit___K-mIR",
                    style: {
                        backgroundColor: f,
                        opacity: w.trim() ? 1 : .4
                    },
                    onClick: A,
                    disabled: !w.trim(),
                    children: d
                })]
            })]
        })
    });
    if ("u" > typeof document) {
        let e = document.getElementById("feedback-tool-styles-help-tooltip-styles");
        e || ((e = document.createElement("style")).id = "feedback-tool-styles-help-tooltip-styles", document.head.appendChild(e)), e.textContent = ".styles-module__tooltip___mcXL2 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: help;\n}\n\n.styles-module__tooltipIcon___Nq2nD {\n  transform: translateY(0.5px);\n  color: #fff;\n  opacity: 0.2;\n  transition: opacity 0.15s ease;\n  will-change: transform;\n}\n.styles-module__tooltip___mcXL2:hover .styles-module__tooltipIcon___Nq2nD {\n  opacity: 0.5;\n}\n[data-agentation-theme=light] .styles-module__tooltipIcon___Nq2nD {\n  color: #000;\n}"
    }
    var g = {
            navigation: {
                width: 800,
                height: 56
            },
            hero: {
                width: 800,
                height: 320
            },
            header: {
                width: 800,
                height: 80
            },
            section: {
                width: 800,
                height: 400
            },
            sidebar: {
                width: 240,
                height: 400
            },
            footer: {
                width: 800,
                height: 160
            },
            modal: {
                width: 480,
                height: 300
            },
            card: {
                width: 280,
                height: 240
            },
            text: {
                width: 400,
                height: 120
            },
            image: {
                width: 320,
                height: 200
            },
            video: {
                width: 480,
                height: 270
            },
            table: {
                width: 560,
                height: 220
            },
            grid: {
                width: 600,
                height: 300
            },
            list: {
                width: 300,
                height: 180
            },
            chart: {
                width: 400,
                height: 240
            },
            button: {
                width: 140,
                height: 40
            },
            input: {
                width: 280,
                height: 56
            },
            form: {
                width: 360,
                height: 320
            },
            tabs: {
                width: 480,
                height: 240
            },
            dropdown: {
                width: 200,
                height: 200
            },
            toggle: {
                width: 44,
                height: 24
            },
            search: {
                width: 320,
                height: 44
            },
            avatar: {
                width: 48,
                height: 48
            },
            badge: {
                width: 80,
                height: 28
            },
            breadcrumb: {
                width: 300,
                height: 24
            },
            pagination: {
                width: 300,
                height: 36
            },
            progress: {
                width: 240,
                height: 8
            },
            divider: {
                width: 600,
                height: 1
            },
            accordion: {
                width: 400,
                height: 200
            },
            carousel: {
                width: 600,
                height: 300
            },
            toast: {
                width: 320,
                height: 64
            },
            tooltip: {
                width: 180,
                height: 40
            },
            pricing: {
                width: 300,
                height: 360
            },
            testimonial: {
                width: 360,
                height: 200
            },
            cta: {
                width: 600,
                height: 160
            },
            alert: {
                width: 400,
                height: 56
            },
            banner: {
                width: 800,
                height: 48
            },
            stat: {
                width: 200,
                height: 120
            },
            stepper: {
                width: 480,
                height: 48
            },
            tag: {
                width: 72,
                height: 28
            },
            rating: {
                width: 160,
                height: 28
            },
            map: {
                width: 480,
                height: 300
            },
            timeline: {
                width: 360,
                height: 320
            },
            fileUpload: {
                width: 360,
                height: 180
            },
            codeBlock: {
                width: 480,
                height: 200
            },
            calendar: {
                width: 300,
                height: 300
            },
            notification: {
                width: 360,
                height: 72
            },
            productCard: {
                width: 280,
                height: 360
            },
            profile: {
                width: 280,
                height: 200
            },
            drawer: {
                width: 320,
                height: 400
            },
            popover: {
                width: 240,
                height: 160
            },
            logo: {
                width: 120,
                height: 40
            },
            faq: {
                width: 560,
                height: 320
            },
            gallery: {
                width: 560,
                height: 360
            },
            checkbox: {
                width: 20,
                height: 20
            },
            radio: {
                width: 20,
                height: 20
            },
            slider: {
                width: 240,
                height: 32
            },
            datePicker: {
                width: 300,
                height: 320
            },
            skeleton: {
                width: 320,
                height: 120
            },
            chip: {
                width: 96,
                height: 32
            },
            icon: {
                width: 24,
                height: 24
            },
            spinner: {
                width: 32,
                height: 32
            },
            feature: {
                width: 360,
                height: 200
            },
            team: {
                width: 560,
                height: 280
            },
            login: {
                width: 360,
                height: 360
            },
            contact: {
                width: 400,
                height: 320
            }
        },
        y = [{
            section: "Layout",
            items: [{
                type: "navigation",
                label: "Navigation",
                ...g.navigation
            }, {
                type: "header",
                label: "Header",
                ...g.header
            }, {
                type: "hero",
                label: "Hero",
                ...g.hero
            }, {
                type: "section",
                label: "Section",
                ...g.section
            }, {
                type: "sidebar",
                label: "Sidebar",
                ...g.sidebar
            }, {
                type: "footer",
                label: "Footer",
                ...g.footer
            }, {
                type: "modal",
                label: "Modal",
                ...g.modal
            }, {
                type: "banner",
                label: "Banner",
                ...g.banner
            }, {
                type: "drawer",
                label: "Drawer",
                ...g.drawer
            }, {
                type: "popover",
                label: "Popover",
                ...g.popover
            }, {
                type: "divider",
                label: "Divider",
                ...g.divider
            }]
        }, {
            section: "Content",
            items: [{
                type: "card",
                label: "Card",
                ...g.card
            }, {
                type: "text",
                label: "Text",
                ...g.text
            }, {
                type: "image",
                label: "Image",
                ...g.image
            }, {
                type: "video",
                label: "Video",
                ...g.video
            }, {
                type: "table",
                label: "Table",
                ...g.table
            }, {
                type: "grid",
                label: "Grid",
                ...g.grid
            }, {
                type: "list",
                label: "List",
                ...g.list
            }, {
                type: "chart",
                label: "Chart",
                ...g.chart
            }, {
                type: "codeBlock",
                label: "Code Block",
                ...g.codeBlock
            }, {
                type: "map",
                label: "Map",
                ...g.map
            }, {
                type: "timeline",
                label: "Timeline",
                ...g.timeline
            }, {
                type: "calendar",
                label: "Calendar",
                ...g.calendar
            }, {
                type: "accordion",
                label: "Accordion",
                ...g.accordion
            }, {
                type: "carousel",
                label: "Carousel",
                ...g.carousel
            }, {
                type: "logo",
                label: "Logo",
                ...g.logo
            }, {
                type: "faq",
                label: "FAQ",
                ...g.faq
            }, {
                type: "gallery",
                label: "Gallery",
                ...g.gallery
            }]
        }, {
            section: "Controls",
            items: [{
                type: "button",
                label: "Button",
                ...g.button
            }, {
                type: "input",
                label: "Input",
                ...g.input
            }, {
                type: "search",
                label: "Search",
                ...g.search
            }, {
                type: "form",
                label: "Form",
                ...g.form
            }, {
                type: "tabs",
                label: "Tabs",
                ...g.tabs
            }, {
                type: "dropdown",
                label: "Dropdown",
                ...g.dropdown
            }, {
                type: "toggle",
                label: "Toggle",
                ...g.toggle
            }, {
                type: "stepper",
                label: "Stepper",
                ...g.stepper
            }, {
                type: "rating",
                label: "Rating",
                ...g.rating
            }, {
                type: "fileUpload",
                label: "File Upload",
                ...g.fileUpload
            }, {
                type: "checkbox",
                label: "Checkbox",
                ...g.checkbox
            }, {
                type: "radio",
                label: "Radio",
                ...g.radio
            }, {
                type: "slider",
                label: "Slider",
                ...g.slider
            }, {
                type: "datePicker",
                label: "Date Picker",
                ...g.datePicker
            }]
        }, {
            section: "Elements",
            items: [{
                type: "avatar",
                label: "Avatar",
                ...g.avatar
            }, {
                type: "badge",
                label: "Badge",
                ...g.badge
            }, {
                type: "tag",
                label: "Tag",
                ...g.tag
            }, {
                type: "breadcrumb",
                label: "Breadcrumb",
                ...g.breadcrumb
            }, {
                type: "pagination",
                label: "Pagination",
                ...g.pagination
            }, {
                type: "progress",
                label: "Progress",
                ...g.progress
            }, {
                type: "alert",
                label: "Alert",
                ...g.alert
            }, {
                type: "toast",
                label: "Toast",
                ...g.toast
            }, {
                type: "notification",
                label: "Notification",
                ...g.notification
            }, {
                type: "tooltip",
                label: "Tooltip",
                ...g.tooltip
            }, {
                type: "stat",
                label: "Stat",
                ...g.stat
            }, {
                type: "skeleton",
                label: "Skeleton",
                ...g.skeleton
            }, {
                type: "chip",
                label: "Chip",
                ...g.chip
            }, {
                type: "icon",
                label: "Icon",
                ...g.icon
            }, {
                type: "spinner",
                label: "Spinner",
                ...g.spinner
            }]
        }, {
            section: "Blocks",
            items: [{
                type: "pricing",
                label: "Pricing",
                ...g.pricing
            }, {
                type: "testimonial",
                label: "Testimonial",
                ...g.testimonial
            }, {
                type: "cta",
                label: "CTA",
                ...g.cta
            }, {
                type: "productCard",
                label: "Product Card",
                ...g.productCard
            }, {
                type: "profile",
                label: "Profile",
                ...g.profile
            }, {
                type: "feature",
                label: "Feature",
                ...g.feature
            }, {
                type: "team",
                label: "Team",
                ...g.team
            }, {
                type: "login",
                label: "Login",
                ...g.login
            }, {
                type: "contact",
                label: "Contact",
                ...g.contact
            }]
        }],
        f = {};
    for (let e of y)
        for (let n of e.items) f[n.type] = n;
    if ("u" > typeof document) {
        let e = document.getElementById("feedback-tool-styles-design-mode-styles");
        e || ((e = document.createElement("style")).id = "feedback-tool-styles-design-mode-styles", document.head.appendChild(e)), e.textContent = 'svg[fill=none] {\n  fill: none !important;\n}\n\n.styles-module__overlayExiting___iEmYr {\n  opacity: 0 !important;\n  transition: opacity 0.25s ease !important;\n  pointer-events: none !important;\n}\n\n.styles-module__overlay___aWh-q {\n  position: fixed;\n  inset: 0;\n  z-index: 99995;\n  pointer-events: auto;\n  cursor: default;\n  animation: styles-module__overlayFadeIn___aECVy 0.15s ease;\n  --agd-stroke: rgba(59, 130, 246, 0.35);\n  --agd-fill: rgba(59, 130, 246, 0.06);\n  --agd-bar: rgba(59, 130, 246, 0.18);\n  --agd-bar-strong: rgba(59, 130, 246, 0.28);\n  --agd-text-3: rgba(255, 255, 255, 0.6);\n  --agd-surface: #fff;\n}\n.styles-module__overlay___aWh-q.styles-module__light___ORIft {\n  --agd-surface: #fff;\n}\n.styles-module__overlay___aWh-q:not(.styles-module__light___ORIft) {\n  --agd-surface: #141414;\n}\n.styles-module__overlay___aWh-q.styles-module__wireframe___itvQU {\n  --agd-stroke: rgba(249, 115, 22, 0.35);\n  --agd-fill: rgba(249, 115, 22, 0.06);\n  --agd-bar: rgba(249, 115, 22, 0.18);\n  --agd-bar-strong: rgba(249, 115, 22, 0.28);\n}\n.styles-module__overlay___aWh-q.styles-module__placing___45yD8 {\n  cursor: crosshair;\n}\n.styles-module__overlay___aWh-q.styles-module__passthrough___xaFeE {\n  pointer-events: none;\n}\n\n.styles-module__blankCanvas___t2Eue {\n  position: fixed;\n  inset: 0;\n  z-index: 99994;\n  background: #fff;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.25s ease;\n}\n.styles-module__blankCanvas___t2Eue.styles-module__visible___OKKqX {\n  opacity: var(--canvas-opacity, 1);\n  pointer-events: auto;\n}\n.styles-module__blankCanvas___t2Eue::after {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background-image: radial-gradient(circle, rgba(0, 0, 0, 0.08) 1px, transparent 1px);\n  background-size: 24px 24px;\n  background-position: 12px 12px;\n  pointer-events: none;\n  transition: opacity 0.2s ease;\n}\n.styles-module__blankCanvas___t2Eue.styles-module__gridActive___OZ-cf::after {\n  opacity: 1;\n  background-image: radial-gradient(circle, rgba(0, 0, 0, 0.22) 1px, transparent 1px);\n}\n\n.styles-module__paletteHeader___-Q5gQ {\n  padding: 0 1rem 0.375rem;\n}\n\n.styles-module__paletteHeaderTitle___oHqZC {\n  font-size: 0.8125rem;\n  font-weight: 500;\n  color: #fff;\n  letter-spacing: -0.0094em;\n}\n.styles-module__light___ORIft .styles-module__paletteHeaderTitle___oHqZC {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__paletteHeaderDesc___6i74T {\n  font-size: 0.6875rem;\n  font-weight: 300;\n  color: rgba(255, 255, 255, 0.45);\n  margin-top: 2px;\n  line-height: 14px;\n}\n.styles-module__light___ORIft .styles-module__paletteHeaderDesc___6i74T {\n  color: rgba(0, 0, 0, 0.45);\n}\n.styles-module__paletteHeaderDesc___6i74T a {\n  color: rgba(255, 255, 255, 0.8);\n  text-decoration: underline dotted;\n  text-decoration-color: rgba(255, 255, 255, 0.2);\n  text-underline-offset: 2px;\n  transition: color 0.15s ease;\n}\n.styles-module__paletteHeaderDesc___6i74T a:hover {\n  color: #fff;\n}\n.styles-module__light___ORIft .styles-module__paletteHeaderDesc___6i74T a {\n  color: rgba(0, 0, 0, 0.6);\n  text-decoration-color: rgba(0, 0, 0, 0.2);\n}\n.styles-module__light___ORIft .styles-module__paletteHeaderDesc___6i74T a:hover {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__wireframePurposeWrap___To-tS {\n  display: grid;\n  grid-template-rows: 1fr;\n  transition: grid-template-rows 0.2s ease, opacity 0.15s ease;\n  opacity: 1;\n}\n.styles-module__wireframePurposeWrap___To-tS.styles-module__collapsed___Ms9vS {\n  grid-template-rows: 0fr;\n  opacity: 0;\n}\n\n.styles-module__wireframePurposeInner___Lrahs {\n  overflow: hidden;\n}\n\n.styles-module__wireframePurposeInput___7EtBN {\n  display: block;\n  width: calc(100% - 2rem);\n  margin: 0.25rem 1rem 0.375rem;\n  padding: 0.375rem 0.5rem;\n  font-size: 0.8125rem;\n  font-family: inherit;\n  color: rgba(255, 255, 255, 0.85);\n  background: rgba(255, 255, 255, 0.03);\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  border-radius: 0.375rem;\n  resize: none;\n  outline: none;\n  transition: border-color 0.15s ease;\n  letter-spacing: -0.0094em;\n}\n.styles-module__wireframePurposeInput___7EtBN::placeholder {\n  color: rgba(255, 255, 255, 0.3);\n}\n.styles-module__wireframePurposeInput___7EtBN:focus {\n  border-color: rgba(255, 255, 255, 0.3);\n  background: rgba(255, 255, 255, 0.05);\n}\n.styles-module__light___ORIft .styles-module__wireframePurposeInput___7EtBN {\n  color: rgba(0, 0, 0, 0.7);\n  background: rgba(0, 0, 0, 0.03);\n  border-color: rgba(0, 0, 0, 0.1);\n}\n.styles-module__light___ORIft .styles-module__wireframePurposeInput___7EtBN::placeholder {\n  color: rgba(0, 0, 0, 0.3);\n}\n.styles-module__light___ORIft .styles-module__wireframePurposeInput___7EtBN:focus {\n  border-color: rgba(0, 0, 0, 0.25);\n  background: rgba(0, 0, 0, 0.05);\n}\n\n.styles-module__canvasToggle___-QqSy {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.375rem;\n  margin: 0.25rem 1rem 0.25rem;\n  padding: 0.375rem 0.5rem;\n  border-radius: 0.5rem;\n  cursor: pointer;\n  border: 1px dashed rgba(255, 255, 255, 0.1);\n  background: transparent;\n  transition: background 0.15s ease, border-color 0.15s ease;\n}\n.styles-module__canvasToggle___-QqSy:hover {\n  background: rgba(255, 255, 255, 0.04);\n  border-color: rgba(255, 255, 255, 0.15);\n}\n.styles-module__canvasToggle___-QqSy.styles-module__active___hosp7 {\n  background: #f97316;\n  border-color: transparent;\n  border-style: solid;\n  box-shadow: none;\n}\n.styles-module__light___ORIft .styles-module__canvasToggle___-QqSy {\n  border-color: rgba(0, 0, 0, 0.08);\n}\n.styles-module__light___ORIft .styles-module__canvasToggle___-QqSy:hover {\n  background: rgba(0, 0, 0, 0.02);\n  border-color: rgba(0, 0, 0, 0.12);\n}\n.styles-module__light___ORIft .styles-module__canvasToggle___-QqSy.styles-module__active___hosp7 {\n  background: #f97316;\n  border-color: transparent;\n  border-style: solid;\n  box-shadow: none;\n}\n\n.styles-module__canvasToggleIcon___7pJ82 {\n  width: 14px;\n  height: 14px;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: rgba(255, 255, 255, 0.35);\n}\n.styles-module__active___hosp7 .styles-module__canvasToggleIcon___7pJ82 {\n  color: rgba(255, 255, 255, 0.85);\n}\n.styles-module__light___ORIft .styles-module__canvasToggleIcon___7pJ82 {\n  color: rgba(0, 0, 0, 0.25);\n}\n.styles-module__light___ORIft .styles-module__active___hosp7 .styles-module__canvasToggleIcon___7pJ82 {\n  color: rgba(255, 255, 255, 0.85);\n}\n\n.styles-module__canvasToggleLabel___OanpY {\n  font-size: 0.8125rem;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.6);\n  letter-spacing: -0.0094em;\n}\n.styles-module__active___hosp7 .styles-module__canvasToggleLabel___OanpY {\n  color: #fff;\n}\n.styles-module__light___ORIft .styles-module__canvasToggleLabel___OanpY {\n  color: rgba(0, 0, 0, 0.5);\n}\n.styles-module__light___ORIft .styles-module__active___hosp7 .styles-module__canvasToggleLabel___OanpY {\n  color: #fff;\n}\n\n.styles-module__canvasPurposeWrap___hj6zk {\n  display: grid;\n  grid-template-rows: 1fr;\n  transition: grid-template-rows 0.2s ease, opacity 0.15s ease;\n  opacity: 1;\n}\n.styles-module__canvasPurposeWrap___hj6zk.styles-module__collapsed___Ms9vS {\n  grid-template-rows: 0fr;\n  opacity: 0;\n}\n\n.styles-module__canvasPurposeInner___VWiyu {\n  overflow: hidden;\n}\n\n.styles-module__canvasPurposeToggle___byDH2 {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  cursor: pointer;\n  margin: 0.375rem 1rem 0.375rem 1.1875rem;\n}\n.styles-module__canvasPurposeToggle___byDH2 input[type=checkbox] {\n  position: absolute;\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n.styles-module__canvasPurposeCheck___xqd7l {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.05);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  transition: background 0.25s ease, border-color 0.25s ease;\n}\n.styles-module__canvasPurposeCheck___xqd7l svg {\n  color: #1a1a1a;\n  opacity: 1;\n  transition: opacity 0.15s ease;\n}\n.styles-module__canvasPurposeCheck___xqd7l.styles-module__checked___-1JGH {\n  border-color: rgba(255, 255, 255, 0.3);\n  background: rgb(255, 255, 255);\n}\n.styles-module__light___ORIft .styles-module__canvasPurposeCheck___xqd7l {\n  border: 1px solid rgba(0, 0, 0, 0.15);\n  background: #fff;\n}\n.styles-module__light___ORIft .styles-module__canvasPurposeCheck___xqd7l.styles-module__checked___-1JGH {\n  border-color: #1a1a1a;\n  background: #1a1a1a;\n}\n.styles-module__light___ORIft .styles-module__canvasPurposeCheck___xqd7l.styles-module__checked___-1JGH svg {\n  color: #fff;\n}\n\n.styles-module__canvasPurposeLabel___Zu-tD {\n  font-size: 0.8125rem;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.5);\n  letter-spacing: -0.0094em;\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n}\n.styles-module__light___ORIft .styles-module__canvasPurposeLabel___Zu-tD {\n  color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__canvasPurposeHelp___jijwR {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: help;\n}\n.styles-module__canvasPurposeHelp___jijwR svg {\n  color: rgba(255, 255, 255, 0.2);\n  transform: translateY(2px);\n  transition: color 0.15s ease;\n}\n.styles-module__canvasPurposeHelp___jijwR:hover svg {\n  color: rgba(255, 255, 255, 0.5);\n}\n.styles-module__light___ORIft .styles-module__canvasPurposeHelp___jijwR svg {\n  color: rgba(0, 0, 0, 0.2);\n}\n.styles-module__light___ORIft .styles-module__canvasPurposeHelp___jijwR:hover svg {\n  color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__placement___zcxv8 {\n  position: absolute;\n  border: 1.5px dashed rgba(59, 130, 246, 0.4);\n  border-radius: 6px;\n  background: rgba(59, 130, 246, 0.08);\n  cursor: grab;\n  transition: box-shadow 0.15s, border-color 0.15s, opacity 0.15s ease, transform 0.15s ease;\n  user-select: none;\n  pointer-events: auto;\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);\n  animation: styles-module__placementEnter___TdRhf 0.25s cubic-bezier(0.34, 1.2, 0.64, 1);\n}\n.styles-module__placement___zcxv8:active {\n  cursor: grabbing;\n}\n.styles-module__placement___zcxv8:hover {\n  border-color: rgba(59, 130, 246, 0.5);\n  background: rgba(59, 130, 246, 0.1);\n  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.12);\n}\n.styles-module__placement___zcxv8.styles-module__selected___6yrp6 {\n  border-color: #3c82f7;\n  border-style: solid;\n  background: rgba(59, 130, 246, 0.1);\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15), 0 2px 8px rgba(59, 130, 246, 0.15);\n}\n.styles-module__placement___zcxv8.styles-module__selected___6yrp6:hover {\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15), 0 2px 8px rgba(59, 130, 246, 0.15);\n}\n.styles-module__wireframe___itvQU .styles-module__placement___zcxv8 {\n  border-color: rgba(249, 115, 22, 0.4);\n  background: rgba(249, 115, 22, 0.08);\n}\n.styles-module__wireframe___itvQU .styles-module__placement___zcxv8:hover {\n  border-color: rgba(249, 115, 22, 0.5);\n  background: rgba(249, 115, 22, 0.1);\n  box-shadow: 0 2px 8px rgba(249, 115, 22, 0.12);\n}\n.styles-module__wireframe___itvQU .styles-module__placement___zcxv8.styles-module__selected___6yrp6 {\n  border-color: #f97316;\n  background: rgba(249, 115, 22, 0.1);\n  box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.15), 0 2px 8px rgba(249, 115, 22, 0.15);\n}\n.styles-module__wireframe___itvQU .styles-module__placement___zcxv8.styles-module__selected___6yrp6:hover {\n  box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.15), 0 2px 8px rgba(249, 115, 22, 0.15);\n}\n.styles-module__placement___zcxv8.styles-module__dragging___le6KZ {\n  opacity: 0.85;\n  z-index: 50;\n}\n.styles-module__placement___zcxv8.styles-module__exiting___YrM8F {\n  opacity: 0;\n  transform: scale(0.97);\n  pointer-events: none;\n  animation: none;\n  transition: opacity 0.2s ease, transform 0.2s cubic-bezier(0.32, 0.72, 0, 1);\n}\n\n.styles-module__placementContent___f64A4 {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  pointer-events: none;\n}\n\n.styles-module__placementLabel___0KvWl {\n  position: absolute;\n  top: -18px;\n  left: 0;\n  font-size: 10px;\n  font-weight: 600;\n  color: rgba(59, 130, 246, 0.7);\n  white-space: nowrap;\n  pointer-events: none;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n  text-shadow: 0 0 4px rgba(255, 255, 255, 0.8), 0 0 8px rgba(255, 255, 255, 0.5);\n}\n.styles-module__selected___6yrp6 .styles-module__placementLabel___0KvWl {\n  color: #3c82f7;\n}\n.styles-module__wireframe___itvQU .styles-module__placementLabel___0KvWl {\n  color: rgba(249, 115, 22, 0.7);\n}\n.styles-module__wireframe___itvQU .styles-module__selected___6yrp6 .styles-module__placementLabel___0KvWl {\n  color: #f97316;\n}\n\n.styles-module__placementAnnotation___78pTr {\n  position: absolute;\n  bottom: -18px;\n  left: 0;\n  right: 0;\n  font-weight: 450;\n  color: rgba(0, 0, 0, 0.5);\n  font-size: 10px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  pointer-events: none;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n  text-shadow: 0 0 4px rgba(255, 255, 255, 0.9), 0 0 8px rgba(255, 255, 255, 0.6);\n  opacity: 0;\n  transform: translateY(-2px);\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n.styles-module__placementAnnotation___78pTr.styles-module__annotationVisible___mrUyA {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.styles-module__sectionAnnotation___aUIs0 {\n  position: absolute;\n  bottom: -18px;\n  left: 0;\n  right: 0;\n  font-weight: 450;\n  color: rgba(59, 130, 246, 0.6);\n  font-size: 10px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  pointer-events: none;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n  text-shadow: 0 0 4px rgba(255, 255, 255, 0.9), 0 0 8px rgba(255, 255, 255, 0.6);\n  opacity: 0;\n  transform: translateY(-2px);\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n.styles-module__sectionAnnotation___aUIs0.styles-module__annotationVisible___mrUyA {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.styles-module__handle___Ikbxm {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background: #fff;\n  border: 1.5px solid #3c82f7;\n  border-radius: 2px;\n  z-index: 12;\n  box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.12);\n  opacity: 0;\n  transform: scale(0.3);\n  pointer-events: none;\n  will-change: opacity, transform;\n  transition: opacity 0.2s ease-out, transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n.styles-module__placement___zcxv8:hover .styles-module__handle___Ikbxm, .styles-module__sectionOutline___s0hy-:hover .styles-module__handle___Ikbxm, .styles-module__ghostOutline___po-kO:hover .styles-module__handle___Ikbxm, .styles-module__placement___zcxv8:active .styles-module__handle___Ikbxm, .styles-module__sectionOutline___s0hy-:active .styles-module__handle___Ikbxm, .styles-module__ghostOutline___po-kO:active .styles-module__handle___Ikbxm, .styles-module__selected___6yrp6 .styles-module__handle___Ikbxm {\n  opacity: 1;\n  transform: scale(1);\n  pointer-events: auto;\n}\n.styles-module__sectionOutline___s0hy- .styles-module__handle___Ikbxm {\n  border-color: inherit;\n}\n.styles-module__wireframe___itvQU .styles-module__handle___Ikbxm {\n  border-color: #f97316;\n}\n\n.styles-module__handleNw___4TMIj {\n  top: -4px;\n  left: -4px;\n  cursor: nw-resize;\n}\n\n.styles-module__handleNe___mnsTh {\n  top: -4px;\n  right: -4px;\n  cursor: ne-resize;\n}\n\n.styles-module__handleSe___oSFnk {\n  bottom: -4px;\n  right: -4px;\n  cursor: se-resize;\n}\n\n.styles-module__handleSw___pi--Z {\n  bottom: -4px;\n  left: -4px;\n  cursor: sw-resize;\n}\n\n.styles-module__handleN___aBA-Q, .styles-module__handleE___0hM5u, .styles-module__handleS___JjDRv, .styles-module__handleW___ERWGQ {\n  opacity: 0 !important;\n  pointer-events: none !important;\n}\n\n.styles-module__edgeHandle___XxXdT {\n  position: absolute;\n  z-index: 11;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.styles-module__edgeHandle___XxXdT::after {\n  content: "";\n  position: absolute;\n  border-radius: 4px;\n  background: #3c82f7;\n}\n.styles-module__wireframe___itvQU .styles-module__edgeHandle___XxXdT::after {\n  background: #f97316;\n}\n.styles-module__edgeHandle___XxXdT::after {\n  opacity: 0;\n  transition: opacity 0.1s ease, transform 0.1s ease;\n  transform: scale(0.8);\n}\n.styles-module__edgeHandle___XxXdT:hover::after {\n  opacity: 0.85;\n  transform: scale(1);\n}\n.styles-module__edgeHandle___XxXdT svg {\n  position: relative;\n  z-index: 1;\n  opacity: 0;\n  transition: opacity 0.1s ease;\n  filter: drop-shadow(0 0 2px var(--agd-surface));\n}\n.styles-module__edgeHandle___XxXdT:hover svg {\n  opacity: 1;\n}\n\n.styles-module__edgeN___-JJDj, .styles-module__edgeS___66lMX {\n  left: 12px;\n  right: 12px;\n  height: 12px;\n  cursor: n-resize;\n}\n.styles-module__edgeN___-JJDj::after, .styles-module__edgeS___66lMX::after {\n  width: 24px;\n  height: 4px;\n}\n\n.styles-module__edgeN___-JJDj {\n  top: -6px;\n}\n\n.styles-module__edgeS___66lMX {\n  bottom: -6px;\n  cursor: s-resize;\n}\n\n.styles-module__edgeE___1bGDa, .styles-module__edgeW___lHQNo {\n  top: 12px;\n  bottom: 12px;\n  width: 12px;\n  cursor: e-resize;\n}\n.styles-module__edgeE___1bGDa::after, .styles-module__edgeW___lHQNo::after {\n  width: 4px;\n  height: 24px;\n}\n\n.styles-module__edgeE___1bGDa {\n  right: -6px;\n}\n\n.styles-module__edgeW___lHQNo {\n  left: -6px;\n  cursor: w-resize;\n}\n\n.styles-module__deleteButton___LkGCb {\n  position: absolute;\n  top: -8px;\n  right: -8px;\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.9);\n  backdrop-filter: blur(8px);\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  color: rgba(0, 0, 0, 0.35);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 10px;\n  line-height: 1;\n  z-index: 15;\n  pointer-events: none;\n  opacity: 0;\n  transform: scale(0.8);\n  will-change: opacity, transform;\n  transition: opacity 0.2s ease-out, transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.12s ease, color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;\n}\n.styles-module__placement___zcxv8:hover .styles-module__deleteButton___LkGCb, .styles-module__selected___6yrp6 .styles-module__deleteButton___LkGCb, .styles-module__sectionOutline___s0hy-:hover .styles-module__deleteButton___LkGCb, .styles-module__sectionOutline___s0hy-.styles-module__selected___6yrp6 .styles-module__deleteButton___LkGCb, .styles-module__ghostOutline___po-kO:hover .styles-module__deleteButton___LkGCb, .styles-module__ghostOutline___po-kO.styles-module__selected___6yrp6 .styles-module__deleteButton___LkGCb {\n  opacity: 1;\n  transform: scale(1);\n  pointer-events: auto;\n}\n.styles-module__deleteButton___LkGCb:hover {\n  background: #ef4444;\n  color: #fff;\n  border-color: #ef4444;\n  box-shadow: 0 1px 4px rgba(239, 68, 68, 0.3);\n  transform: scale(1.1);\n}\n.styles-module__overlay___aWh-q:not(.styles-module__light___ORIft) .styles-module__deleteButton___LkGCb, .styles-module__rearrangeOverlay___-3R3t:not(.styles-module__light___ORIft) .styles-module__deleteButton___LkGCb {\n  background: rgba(40, 40, 40, 0.9);\n  border-color: rgba(255, 255, 255, 0.1);\n  color: rgba(255, 255, 255, 0.5);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);\n}\n.styles-module__overlay___aWh-q:not(.styles-module__light___ORIft) .styles-module__deleteButton___LkGCb:hover, .styles-module__rearrangeOverlay___-3R3t:not(.styles-module__light___ORIft) .styles-module__deleteButton___LkGCb:hover {\n  background: #ef4444;\n  color: #fff;\n  border-color: #ef4444;\n}\n\n.styles-module__drawBox___BrVAa {\n  position: fixed;\n  pointer-events: none;\n  z-index: 99996;\n  border: 2px solid #3c82f7;\n  border-radius: 6px;\n  background: rgba(59, 130, 246, 0.15);\n}\n\n.styles-module__selectBox___Iu8kB {\n  position: fixed;\n  pointer-events: none;\n  z-index: 99996;\n  border: 1px dashed #3c82f7;\n  background: rgba(59, 130, 246, 0.08);\n  border-radius: 2px;\n}\n\n.styles-module__sizeIndicator___7zJ4y {\n  position: fixed;\n  pointer-events: none;\n  z-index: 100001;\n  font-size: 10px;\n  color: #fff;\n  background: #3c82f7;\n  padding: 2px 6px;\n  border-radius: 4px;\n  white-space: nowrap;\n  font-weight: 500;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);\n}\n\n.styles-module__guideLine___DUQY2 {\n  pointer-events: none;\n  z-index: 100001;\n  background: #f0f;\n  opacity: 0.5;\n}\n\n.styles-module__dragPreview___onPbU {\n  position: fixed;\n  z-index: 100002;\n  pointer-events: none;\n  border: 1.5px dashed #3c82f7;\n  border-radius: 6px;\n  background: rgba(59, 130, 246, 0.1);\n  backdrop-filter: blur(8px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 9px;\n  font-weight: 600;\n  color: #3c82f7;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  box-shadow: 0 4px 16px rgba(59, 130, 246, 0.15);\n  transition: width 0.08s ease, height 0.08s ease, opacity 0.08s ease;\n}\n\n.styles-module__dragPreviewWireframe___jsg0G {\n  border-color: #f97316;\n  background: rgba(249, 115, 22, 0.1);\n  color: #f97316;\n  box-shadow: 0 4px 16px rgba(249, 115, 22, 0.15);\n}\n\n.styles-module__palette___C7iSH {\n  position: absolute;\n  right: 5px;\n  bottom: calc(100% + 0.5rem);\n  width: 256px;\n  overflow: hidden;\n  background: #1c1c1c;\n  border: none;\n  border-radius: 1rem;\n  padding: 13px 0 16px;\n  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.04);\n  z-index: 100001;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n  cursor: default;\n  opacity: 0;\n  filter: blur(5px);\n}\n.styles-module__palette___C7iSH .styles-module__paletteItem___6TlnA,\n.styles-module__palette___C7iSH .styles-module__paletteItemLabel___6ncO4,\n.styles-module__palette___C7iSH .styles-module__paletteSectionTitle___PqnjX,\n.styles-module__palette___C7iSH .styles-module__paletteFooter___QYnAG {\n  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;\n}\n.styles-module__palette___C7iSH.styles-module__enter___6LYk5 {\n  opacity: 1;\n  transform: translateY(0);\n  filter: blur(0px);\n  transition: opacity 0.2s ease, transform 0.2s ease, filter 0.2s ease;\n}\n.styles-module__palette___C7iSH.styles-module__exit___iSGRw {\n  opacity: 0;\n  transform: translateY(6px);\n  filter: blur(5px);\n  pointer-events: none;\n  transition: opacity 0.1s ease, transform 0.1s ease, filter 0.1s ease;\n}\n.styles-module__palette___C7iSH.styles-module__light___ORIft {\n  background: #fff;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);\n}\n\n.styles-module__paletteSection___V8DEA {\n  padding: 0 1rem;\n}\n.styles-module__paletteSection___V8DEA + .styles-module__paletteSection___V8DEA {\n  margin-top: 0.5rem;\n  padding-top: 0.5rem;\n  border-top: 1px solid rgba(255, 255, 255, 0.07);\n}\n.styles-module__light___ORIft .styles-module__paletteSection___V8DEA + .styles-module__paletteSection___V8DEA {\n  border-top-color: rgba(0, 0, 0, 0.07);\n}\n\n.styles-module__paletteSectionTitle___PqnjX {\n  font-size: 0.6875rem;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.5);\n  letter-spacing: -0.0094em;\n  padding: 0 0 3px 3px;\n}\n.styles-module__light___ORIft .styles-module__paletteSectionTitle___PqnjX {\n  color: rgba(0, 0, 0, 0.4);\n}\n\n.styles-module__paletteItem___6TlnA {\n  display: flex;\n  align-items: center;\n  gap: 0.375rem;\n  padding: 0.25rem 0.25rem;\n  margin-bottom: 1px;\n  border-radius: 0.375rem;\n  cursor: pointer;\n  transition: background-color 0.15s ease, border-color 0.15s ease;\n  border: 1px solid transparent;\n  user-select: none;\n  min-height: 24px;\n}\n.styles-module__paletteItem___6TlnA:hover {\n  background: rgba(255, 255, 255, 0.1);\n}\n.styles-module__paletteItem___6TlnA.styles-module__active___hosp7 {\n  background: #3c82f7;\n  border-color: transparent;\n}\n.styles-module__paletteItem___6TlnA.styles-module__wireframe___itvQU.styles-module__active___hosp7 {\n  background: #f97316;\n}\n.styles-module__light___ORIft .styles-module__paletteItem___6TlnA:hover {\n  background: rgba(0, 0, 0, 0.05);\n}\n.styles-module__light___ORIft .styles-module__paletteItem___6TlnA.styles-module__active___hosp7 {\n  background: #3c82f7;\n  border-color: transparent;\n}\n.styles-module__light___ORIft .styles-module__paletteItem___6TlnA.styles-module__wireframe___itvQU.styles-module__active___hosp7 {\n  background: #f97316;\n}\n\n.styles-module__paletteItemIcon___0NPQK {\n  width: 20px;\n  height: 16px;\n  border-radius: 2px;\n  border: 1px dashed rgba(255, 255, 255, 0.15);\n  background: rgba(255, 255, 255, 0.04);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  overflow: hidden;\n  color: rgba(255, 255, 255, 0.45);\n}\n.styles-module__paletteItemIcon___0NPQK svg {\n  display: block;\n  width: 20px;\n  height: 16px;\n}\n.styles-module__active___hosp7 .styles-module__paletteItemIcon___0NPQK {\n  border-color: rgba(255, 255, 255, 0.3);\n  background: rgba(255, 255, 255, 0.15);\n  color: #fff;\n}\n.styles-module__light___ORIft .styles-module__paletteItemIcon___0NPQK {\n  border-color: rgba(0, 0, 0, 0.12);\n  background: rgba(0, 0, 0, 0.02);\n  color: rgba(0, 0, 0, 0.4);\n}\n.styles-module__light___ORIft .styles-module__active___hosp7 .styles-module__paletteItemIcon___0NPQK {\n  border-color: rgba(255, 255, 255, 0.3);\n  background: rgba(255, 255, 255, 0.15);\n  color: #fff;\n}\n\n.styles-module__paletteItemLabel___6ncO4 {\n  font-size: 0.8125rem;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.85);\n  letter-spacing: -0.0094em;\n  line-height: 1;\n  min-width: 0;\n}\n.styles-module__active___hosp7 .styles-module__paletteItemLabel___6ncO4 {\n  color: #fff;\n  font-weight: 600;\n}\n.styles-module__light___ORIft .styles-module__paletteItemLabel___6ncO4 {\n  color: rgba(0, 0, 0, 0.7);\n}\n.styles-module__light___ORIft .styles-module__active___hosp7 .styles-module__paletteItemLabel___6ncO4 {\n  color: #fff;\n  font-weight: 600;\n}\n\n.styles-module__placeScroll___7sClM {\n  max-height: 240px;\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding-top: 0.25rem;\n}\n.styles-module__placeScroll___7sClM.styles-module__fadeTop___KT9tF {\n  -webkit-mask-image: linear-gradient(to bottom, transparent 0, black 32px);\n  mask-image: linear-gradient(to bottom, transparent 0, black 32px);\n}\n.styles-module__placeScroll___7sClM.styles-module__fadeBottom___x3ShT {\n  -webkit-mask-image: linear-gradient(to bottom, black calc(100% - 32px), transparent 100%);\n  mask-image: linear-gradient(to bottom, black calc(100% - 32px), transparent 100%);\n}\n.styles-module__placeScroll___7sClM.styles-module__fadeTop___KT9tF.styles-module__fadeBottom___x3ShT {\n  -webkit-mask-image: linear-gradient(to bottom, transparent 0, black 32px, black calc(100% - 32px), transparent 100%);\n  mask-image: linear-gradient(to bottom, transparent 0, black 32px, black calc(100% - 32px), transparent 100%);\n}\n.styles-module__placeScroll___7sClM::-webkit-scrollbar {\n  width: 3px;\n}\n.styles-module__placeScroll___7sClM::-webkit-scrollbar-thumb {\n  background: rgba(255, 255, 255, 0.12);\n  border-radius: 2px;\n}\n.styles-module__light___ORIft .styles-module__placeScroll___7sClM::-webkit-scrollbar-thumb {\n  background: rgba(0, 0, 0, 0.1);\n}\n\n.styles-module__paletteFooterWrap___71-fI {\n  display: grid;\n  grid-template-rows: 1fr;\n  transition: grid-template-rows 0.25s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.styles-module__paletteFooterWrap___71-fI.styles-module__footerHidden___fJUik {\n  grid-template-rows: 0fr;\n}\n\n.styles-module__paletteFooterInnerContent___VC26h {\n  opacity: 1;\n  transform: translateY(0);\n  transition: opacity 0.15s ease, transform 0.15s ease;\n}\n.styles-module__footerHidden___fJUik .styles-module__paletteFooterInnerContent___VC26h {\n  opacity: 0;\n  transform: translateY(4px);\n}\n\n.styles-module__paletteFooterInner___dfylY {\n  overflow: hidden;\n}\n\n.styles-module__paletteFooter___QYnAG {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 24px;\n  padding: 0 1rem;\n  margin-top: 0.5rem;\n  padding-top: 0.5rem;\n  border-top: 1px solid rgba(255, 255, 255, 0.07);\n}\n.styles-module__light___ORIft .styles-module__paletteFooter___QYnAG {\n  border-top-color: rgba(0, 0, 0, 0.07);\n}\n\n.styles-module__paletteFooterCount___D3Fia {\n  font-size: 0.8125rem;\n  font-weight: 400;\n  letter-spacing: -0.0094em;\n  color: rgba(255, 255, 255, 0.5);\n}\n.styles-module__light___ORIft .styles-module__paletteFooterCount___D3Fia {\n  color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__paletteFooterClear___ybBoa {\n  font-size: 0.8125rem;\n  font-weight: 400;\n  letter-spacing: -0.0094em;\n  color: rgba(255, 255, 255, 0.5);\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  font-family: inherit;\n  transition: color 0.15s ease;\n}\n.styles-module__paletteFooterClear___ybBoa:hover {\n  color: rgba(255, 255, 255, 0.7);\n}\n.styles-module__light___ORIft .styles-module__paletteFooterClear___ybBoa {\n  color: rgba(0, 0, 0, 0.5);\n}\n.styles-module__light___ORIft .styles-module__paletteFooterClear___ybBoa:hover {\n  color: rgba(0, 0, 0, 0.6);\n}\n\n.styles-module__paletteFooterActions___fLzv8 {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n\n.styles-module__rollingWrap___S75jM {\n  display: inline-block;\n  overflow: hidden;\n  height: 1.15em;\n  position: relative;\n  vertical-align: bottom;\n}\n\n.styles-module__rollingNum___1RKDx {\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n\n.styles-module__exitUp___AFDRW {\n  animation: styles-module__numExitUp___FRQqx 0.25s cubic-bezier(0.32, 0.72, 0, 1) forwards;\n}\n\n.styles-module__enterUp___CPlXb {\n  animation: styles-module__numEnterUp___2Yd-w 0.25s cubic-bezier(0.32, 0.72, 0, 1) forwards;\n}\n\n.styles-module__exitDown___-1yAy {\n  animation: styles-module__numExitDown___xm5by 0.25s cubic-bezier(0.32, 0.72, 0, 1) forwards;\n}\n\n.styles-module__enterDown___DDuFR {\n  animation: styles-module__numEnterDown___hpxBk 0.25s cubic-bezier(0.32, 0.72, 0, 1) forwards;\n}\n\n@keyframes styles-module__numExitUp___FRQqx {\n  from {\n    transform: translateY(0);\n    opacity: 1;\n  }\n  to {\n    transform: translateY(-110%);\n    opacity: 0;\n  }\n}\n@keyframes styles-module__numEnterUp___2Yd-w {\n  from {\n    transform: translateY(110%);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n@keyframes styles-module__numExitDown___xm5by {\n  from {\n    transform: translateY(0);\n    opacity: 1;\n  }\n  to {\n    transform: translateY(110%);\n    opacity: 0;\n  }\n}\n@keyframes styles-module__numEnterDown___hpxBk {\n  from {\n    transform: translateY(-110%);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n.styles-module__rearrangeOverlay___-3R3t {\n  position: fixed;\n  inset: 0;\n  z-index: 99995;\n  pointer-events: none;\n  cursor: default;\n  user-select: none;\n  animation: styles-module__overlayFadeIn___aECVy 0.15s ease;\n}\n\n.styles-module__hoverHighlight___8eT-v {\n  position: fixed;\n  pointer-events: none;\n  z-index: 99994;\n  border: 2px dashed rgba(59, 130, 246, 0.5);\n  border-radius: 4px;\n  background: rgba(59, 130, 246, 0.06);\n  animation: styles-module__highlightFadeIn___Lg7KY 0.12s ease;\n}\n\n.styles-module__sectionOutline___s0hy- {\n  position: fixed;\n  border: 2px solid;\n  border-radius: 4px;\n  cursor: grab;\n}\n.styles-module__sectionOutline___s0hy-:active {\n  cursor: grabbing;\n}\n.styles-module__sectionOutline___s0hy- {\n  transition: box-shadow 0.15s, border-color 0.3s, background-color 0.3s, border-style 0s;\n  user-select: none;\n  pointer-events: auto;\n  animation: styles-module__sectionEnter___-8BXT 0.2s ease;\n}\n.styles-module__sectionOutline___s0hy-:hover {\n  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n.styles-module__sectionOutline___s0hy-.styles-module__selected___6yrp6 {\n  border-style: solid;\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15), 0 2px 8px rgba(59, 130, 246, 0.15);\n}\n.styles-module__sectionOutline___s0hy-.styles-module__selected___6yrp6:hover {\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15), 0 2px 8px rgba(59, 130, 246, 0.15);\n}\n.styles-module__sectionOutline___s0hy-.styles-module__settled___b5U5o:not(.styles-module__selected___6yrp6) {\n  border: 1.5px dashed rgba(150, 150, 150, 0.35);\n  background-color: transparent !important;\n  box-shadow: none;\n}\n.styles-module__sectionOutline___s0hy-.styles-module__settled___b5U5o:not(.styles-module__selected___6yrp6):hover {\n  border-color: rgba(150, 150, 150, 0.6);\n  box-shadow: none;\n}\n.styles-module__sectionOutline___s0hy-.styles-module__settled___b5U5o:not(.styles-module__selected___6yrp6) .styles-module__sectionLabel___F80HQ {\n  opacity: 0;\n  transition: opacity 0.15s ease;\n}\n.styles-module__sectionOutline___s0hy-.styles-module__settled___b5U5o:not(.styles-module__selected___6yrp6):hover .styles-module__sectionLabel___F80HQ {\n  opacity: 1;\n}\n.styles-module__sectionOutline___s0hy-.styles-module__settled___b5U5o:not(.styles-module__selected___6yrp6) .styles-module__movedBadge___s8z-q,\n.styles-module__sectionOutline___s0hy-.styles-module__settled___b5U5o:not(.styles-module__selected___6yrp6) .styles-module__sectionDimensions___RcJSL {\n  opacity: 0;\n  transition: opacity 0.15s ease;\n}\n.styles-module__sectionOutline___s0hy-.styles-module__settled___b5U5o:not(.styles-module__selected___6yrp6):hover .styles-module__sectionDimensions___RcJSL {\n  opacity: 1;\n}\n.styles-module__sectionOutline___s0hy-.styles-module__exiting___YrM8F {\n  opacity: 0;\n  transform: scale(0.97);\n  pointer-events: none;\n  animation: none;\n  transition: opacity 0.2s ease, transform 0.2s cubic-bezier(0.32, 0.72, 0, 1);\n}\n\n.styles-module__sectionLabel___F80HQ {\n  position: absolute;\n  top: 4px;\n  left: 4px;\n  font-size: 10px;\n  font-weight: 600;\n  color: #fff;\n  padding: 2px 8px;\n  border-radius: 4px;\n  white-space: nowrap;\n  pointer-events: none;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);\n  max-width: calc(100% - 8px);\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.styles-module__movedBadge___s8z-q {\n  position: absolute;\n  bottom: 22px;\n  right: 4px;\n  font-size: 9px;\n  font-weight: 700;\n  color: #fff;\n  background: #22c55e;\n  padding: 2px 6px;\n  border-radius: 4px;\n  white-space: nowrap;\n  pointer-events: none;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);\n  opacity: 0;\n  transform: scale(0.8);\n  transition: opacity 0.15s ease, transform 0.15s ease;\n}\n.styles-module__movedBadge___s8z-q.styles-module__badgeVisible___npbdS {\n  opacity: 1;\n  transform: scale(1);\n  transition: opacity 0.2s cubic-bezier(0.34, 1.2, 0.64, 1), transform 0.2s cubic-bezier(0.34, 1.2, 0.64, 1);\n}\n\n.styles-module__resizedBadge___u51V8 {\n  background: #3c82f7;\n  bottom: 40px;\n}\n\n.styles-module__sectionDimensions___RcJSL {\n  position: absolute;\n  bottom: 4px;\n  right: 4px;\n  font-size: 9px;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.7);\n  background: rgba(0, 0, 0, 0.5);\n  padding: 1px 5px;\n  border-radius: 3px;\n  white-space: nowrap;\n  pointer-events: none;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n}\n.styles-module__light___ORIft .styles-module__sectionDimensions___RcJSL {\n  color: rgba(0, 0, 0, 0.5);\n  background: rgba(255, 255, 255, 0.7);\n}\n\n.styles-module__wireframeNotice___4GJyB {\n  position: fixed;\n  bottom: 16px;\n  left: 24px;\n  z-index: 99995;\n  font-size: 9.5px;\n  font-weight: 400;\n  color: rgba(0, 0, 0, 0.4);\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n  pointer-events: auto;\n  animation: styles-module__overlayFadeIn___aECVy 0.3s ease;\n  line-height: 1.5;\n  max-width: 280px;\n}\n\n.styles-module__wireframeOpacityRow___CJXzi {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n\n.styles-module__wireframeOpacityLabel___afkfT {\n  font-size: 9px;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.32);\n  letter-spacing: 0.02em;\n  white-space: nowrap;\n  user-select: none;\n}\n\n.styles-module__wireframeOpacitySlider___YcoEs {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 56px;\n  height: 4px;\n  background: rgba(0, 0, 0, 0.08);\n  border-radius: 2px;\n  outline: none;\n  cursor: pointer;\n  flex-shrink: 0;\n  transition: background 0.15s ease;\n}\n.styles-module__wireframeOpacitySlider___YcoEs:hover {\n  background: rgba(0, 0, 0, 0.13);\n}\n.styles-module__wireframeOpacitySlider___YcoEs::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: #f97316;\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n.styles-module__wireframeOpacitySlider___YcoEs::-webkit-slider-thumb:hover {\n  background: rgb(224.4209205021, 95.3548117155, 5.7790794979);\n}\n.styles-module__wireframeOpacitySlider___YcoEs::-moz-range-thumb {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: #f97316;\n  border: none;\n  cursor: pointer;\n}\n.styles-module__wireframeOpacitySlider___YcoEs::-moz-range-track {\n  background: rgba(0, 0, 0, 0.08);\n  height: 4px;\n  border-radius: 2px;\n}\n\n.styles-module__wireframeNoticeTitleRow___PJqyG {\n  display: flex;\n  align-items: center;\n  gap: 0;\n  margin-bottom: 2px;\n}\n\n.styles-module__wireframeNoticeTitle___okr08 {\n  font-weight: 600;\n  color: rgba(0, 0, 0, 0.55);\n}\n\n.styles-module__wireframeNoticeDivider___PNKQ6 {\n  width: 1px;\n  height: 8px;\n  background: rgba(0, 0, 0, 0.12);\n  margin: 0 8px;\n  flex-shrink: 0;\n}\n\n.styles-module__wireframeStartOver___YFk-I {\n  font-size: 9.5px;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.35);\n  cursor: pointer;\n  background: none;\n  border: none;\n  padding: 0;\n  font-family: inherit;\n  text-decoration: none;\n  transition: color 0.12s ease;\n  white-space: nowrap;\n}\n.styles-module__wireframeStartOver___YFk-I:hover {\n  color: rgba(0, 0, 0, 0.6);\n}\n\n.styles-module__ghostOutline___po-kO {\n  position: fixed;\n  border: 1.5px dashed rgba(59, 130, 246, 0.4);\n  border-radius: 4px;\n  background: rgba(59, 130, 246, 0.04);\n  cursor: grab;\n  opacity: 0.5;\n  user-select: none;\n  pointer-events: auto;\n  animation: styles-module__ghostEnter___EC3Mb 0.25s ease;\n  transition: box-shadow 0.15s, border-color 0.3s, opacity 0.25s;\n}\n.styles-module__ghostOutline___po-kO:active {\n  cursor: grabbing;\n}\n.styles-module__ghostOutline___po-kO:hover {\n  opacity: 0.7;\n  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.1), 0 4px 12px rgba(0, 0, 0, 0.08);\n}\n.styles-module__ghostOutline___po-kO.styles-module__selected___6yrp6 {\n  opacity: 1;\n  border-style: solid;\n  border-width: 2px;\n  border-color: #3c82f7;\n  background: rgba(59, 130, 246, 0.08);\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15), 0 2px 8px rgba(59, 130, 246, 0.15);\n}\n.styles-module__ghostOutline___po-kO.styles-module__exiting___YrM8F {\n  opacity: 0;\n  transform: scale(0.97);\n  pointer-events: none;\n  animation: none;\n  transition: opacity 0.2s ease, transform 0.2s cubic-bezier(0.32, 0.72, 0, 1);\n}\n\n.styles-module__ghostBadge___tsQUK {\n  position: absolute;\n  bottom: calc(100% + 4px);\n  left: -1px;\n  font-size: 9px;\n  font-weight: 600;\n  color: rgba(59, 130, 246, 0.9);\n  background: rgba(59, 130, 246, 0.08);\n  border: 1px solid rgba(59, 130, 246, 0.2);\n  padding: 1px 5px;\n  border-radius: 3px;\n  white-space: nowrap;\n  pointer-events: none;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n  letter-spacing: 0.02em;\n  line-height: 1.2;\n  animation: styles-module__badgeSlideIn___typJ7 0.2s ease both;\n}\n\n@keyframes styles-module__badgeSlideIn___typJ7 {\n  from {\n    opacity: 0;\n    transform: translateY(4px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.styles-module__ghostBadgeExtra___6CVoD {\n  display: inline;\n  animation: styles-module__badgeExtraIn___i4W8F 0.2s ease both;\n}\n\n@keyframes styles-module__badgeExtraIn___i4W8F {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.styles-module__originalOutline___Y6DD1 {\n  position: fixed;\n  border: 1.5px dashed rgba(150, 150, 150, 0.3);\n  border-radius: 4px;\n  background: transparent;\n  pointer-events: none;\n  user-select: none;\n  animation: styles-module__sectionEnter___-8BXT 0.2s ease;\n}\n\n.styles-module__originalLabel___HqI9g {\n  position: absolute;\n  top: 4px;\n  left: 4px;\n  font-size: 9px;\n  font-weight: 500;\n  color: rgba(150, 150, 150, 0.5);\n  padding: 1px 6px;\n  border-radius: 3px;\n  white-space: nowrap;\n  pointer-events: none;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n  background: rgba(150, 150, 150, 0.08);\n}\n\n.styles-module__connectorSvg___Lovld {\n  position: fixed;\n  inset: 0;\n  width: 100vw;\n  height: 100vh;\n  pointer-events: none;\n  z-index: 99996;\n}\n\n.styles-module__connectorLine___XeWh- {\n  transition: opacity 0.2s ease;\n  animation: styles-module__connectorDraw___8sK5I 0.3s ease both;\n}\n\n.styles-module__connectorDot___yvf7C {\n  transform-box: fill-box;\n  transform-origin: center;\n  animation: styles-module__connectorDotIn___NwTUq 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s both;\n}\n\n@keyframes styles-module__connectorDraw___8sK5I {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes styles-module__connectorDotIn___NwTUq {\n  from {\n    transform: scale(0);\n    opacity: 0;\n  }\n  to {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n.styles-module__connectorExiting___2lLOs {\n  animation: styles-module__connectorOut___5QoPl 0.2s ease forwards;\n}\n.styles-module__connectorExiting___2lLOs .styles-module__connectorDot___yvf7C {\n  animation: styles-module__connectorDotOut___FEq7e 0.2s ease forwards;\n}\n\n@keyframes styles-module__connectorOut___5QoPl {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n@keyframes styles-module__connectorDotOut___FEq7e {\n  from {\n    transform: scale(1);\n    opacity: 1;\n  }\n  to {\n    transform: scale(0);\n    opacity: 0;\n  }\n}\n@keyframes styles-module__placementEnter___TdRhf {\n  from {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes styles-module__sectionEnter___-8BXT {\n  from {\n    opacity: 0;\n    transform: scale(0.96);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes styles-module__highlightFadeIn___Lg7KY {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes styles-module__overlayFadeIn___aECVy {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes styles-module__ghostEnter___EC3Mb {\n  from {\n    opacity: 0;\n    transform: scale(0.96);\n  }\n  to {\n    opacity: 0.6;\n    transform: scale(1);\n  }\n}'
    }
    var h = "agentation-session-";
    if ("u" > typeof document) {
        let e = document.getElementById("feedback-tool-styles-page-toolbar-css-styles");
        e || ((e = document.createElement("style")).id = "feedback-tool-styles-page-toolbar-css-styles", document.head.appendChild(e)), e.textContent = '.styles-module__toolbar___wNsdK svg[fill=none],\n.styles-module__markersLayer___-25j1 svg[fill=none],\n.styles-module__fixedMarkersLayer___ffyX6 svg[fill=none] {\n  fill: none !important;\n}\n.styles-module__toolbar___wNsdK svg[fill=none] :not([fill]),\n.styles-module__markersLayer___-25j1 svg[fill=none] :not([fill]),\n.styles-module__fixedMarkersLayer___ffyX6 svg[fill=none] :not([fill]) {\n  fill: none !important;\n}\n\n.styles-module__controlsContent___9GJWU :where(button, input, select, textarea, label) {\n  background: unset;\n  border: unset;\n  border-radius: unset;\n  padding: unset;\n  margin: unset;\n  color: unset;\n  font-family: unset;\n  font-weight: unset;\n  font-style: unset;\n  line-height: unset;\n  letter-spacing: unset;\n  text-transform: unset;\n  text-decoration: unset;\n  box-shadow: unset;\n  outline: unset;\n}\n\n@keyframes styles-module__toolbarEnter___u8RRu {\n  from {\n    opacity: 0;\n    transform: scale(0.5) rotate(90deg);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) rotate(0deg);\n  }\n}\n@keyframes styles-module__toolbarHide___y8kaT {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.8);\n  }\n}\n@keyframes styles-module__badgeEnter___mVQLj {\n  from {\n    opacity: 0;\n    transform: scale(0);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes styles-module__scaleIn___c-r1K {\n  from {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes styles-module__scaleOut___Wctwz {\n  from {\n    opacity: 1;\n    transform: scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n}\n@keyframes styles-module__slideUp___kgD36 {\n  from {\n    opacity: 0;\n    transform: scale(0.85) translateY(8px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n@keyframes styles-module__slideDown___zcdje {\n  from {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: scale(0.85) translateY(8px);\n  }\n}\n@keyframes styles-module__fadeIn___b9qmf {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes styles-module__fadeOut___6Ut6- {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n@keyframes styles-module__hoverHighlightIn___6WYHY {\n  from {\n    opacity: 0;\n    transform: scale(0.98);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes styles-module__hoverTooltipIn___FYGQx {\n  from {\n    opacity: 0;\n    transform: scale(0.95) translateY(4px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n.styles-module__disableTransitions___EopxO :is(*, *::before, *::after) {\n  transition: none !important;\n}\n\n.styles-module__toolbar___wNsdK {\n  position: fixed;\n  bottom: 1.25rem;\n  right: 1.25rem;\n  width: 337px;\n  z-index: 100000;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n  pointer-events: none;\n  transition: left 0s, top 0s, right 0s, bottom 0s;\n}\n\n:where(.styles-module__toolbar___wNsdK) {\n  bottom: 1.25rem;\n  right: 1.25rem;\n}\n\n.styles-module__toolbarContainer___dIhma {\n  position: relative;\n  user-select: none;\n  margin-left: auto;\n  align-self: flex-end;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #1a1a1a;\n  color: #fff;\n  border: none;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.1);\n  pointer-events: auto;\n  transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__toolbarContainer___dIhma.styles-module__entrance___sgHd8 {\n  animation: styles-module__toolbarEnter___u8RRu 0.5s cubic-bezier(0.34, 1.2, 0.64, 1) forwards;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__hiding___1td44 {\n  animation: styles-module__toolbarHide___y8kaT 0.4s cubic-bezier(0.4, 0, 1, 1) forwards;\n  pointer-events: none;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn {\n  width: 44px;\n  height: 44px;\n  border-radius: 22px;\n  padding: 0;\n  cursor: pointer;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn svg {\n  margin-top: -1px;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn:hover {\n  background: #2a2a2a;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn:active {\n  transform: scale(0.95);\n}\n.styles-module__toolbarContainer___dIhma.styles-module__expanded___ofKPx {\n  height: 44px;\n  border-radius: 1.5rem;\n  padding: 0.375rem;\n  width: 297px;\n}\n.styles-module__toolbarContainer___dIhma.styles-module__expanded___ofKPx.styles-module__serverConnected___Gfbou {\n  width: 337px;\n}\n\n.styles-module__toggleContent___0yfyP {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: opacity 0.1s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__toggleContent___0yfyP.styles-module__visible___KHwEW {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n}\n.styles-module__toggleContent___0yfyP.styles-module__hidden___Ae8H4 {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.styles-module__controlsContent___9GJWU {\n  display: flex;\n  align-items: center;\n  gap: 0.375rem;\n  transition: filter 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__controlsContent___9GJWU.styles-module__visible___KHwEW {\n  opacity: 1;\n  filter: blur(0px);\n  transform: scale(1);\n  visibility: visible;\n  pointer-events: auto;\n}\n.styles-module__controlsContent___9GJWU.styles-module__hidden___Ae8H4 {\n  pointer-events: none;\n  opacity: 0;\n  filter: blur(10px);\n  transform: scale(0.4);\n}\n\n.styles-module__badge___2XsgF {\n  position: absolute;\n  top: -13px;\n  right: -13px;\n  user-select: none;\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  border-radius: 9px;\n  background-color: var(--agentation-color-accent);\n  color: white;\n  font-size: 0.625rem;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.04);\n  opacity: 1;\n  transition: transform 0.3s ease, opacity 0.2s ease;\n  transform: scale(1);\n}\n.styles-module__badge___2XsgF.styles-module__fadeOut___6Ut6- {\n  opacity: 0;\n  transform: scale(0);\n  pointer-events: none;\n}\n.styles-module__badge___2XsgF.styles-module__entrance___sgHd8 {\n  animation: styles-module__badgeEnter___mVQLj 0.3s cubic-bezier(0.34, 1.2, 0.64, 1) 0.4s both;\n}\n\n.styles-module__controlButton___8Q0jc {\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 34px;\n  height: 34px;\n  border-radius: 50%;\n  border: none;\n  background: transparent;\n  color: rgba(255, 255, 255, 0.85);\n  transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease, opacity 0.2s ease;\n}\n.styles-module__controlButton___8Q0jc:hover:not(:disabled):not([data-active=true]):not([data-failed=true]):not([data-auto-sync=true]):not([data-error=true]):not([data-no-hover=true]) {\n  background: rgba(255, 255, 255, 0.12);\n  color: #fff;\n}\n.styles-module__controlButton___8Q0jc:active:not(:disabled) {\n  transform: scale(0.92);\n}\n.styles-module__controlButton___8Q0jc:disabled {\n  opacity: 0.35;\n  cursor: not-allowed;\n}\n.styles-module__controlButton___8Q0jc[data-active=true] {\n  color: var(--agentation-color-blue);\n  background-color: color-mix(in srgb, var(--agentation-color-blue) 25%, transparent);\n}\n.styles-module__controlButton___8Q0jc[data-error=true] {\n  color: var(--agentation-color-red);\n  background-color: color-mix(in srgb, var(--agentation-color-red) 25%, transparent);\n}\n.styles-module__controlButton___8Q0jc[data-danger]:hover:not(:disabled):not([data-active=true]):not([data-failed=true]) {\n  background-color: color-mix(in srgb, var(--agentation-color-red) 25%, transparent);\n  color: var(--agentation-color-red);\n}\n.styles-module__controlButton___8Q0jc[data-no-hover=true], .styles-module__controlButton___8Q0jc.styles-module__statusShowing___te6iu {\n  cursor: default;\n  pointer-events: none;\n  background: transparent !important;\n}\n.styles-module__controlButton___8Q0jc[data-auto-sync=true] {\n  color: var(--agentation-color-green);\n  background: transparent;\n  cursor: default;\n}\n.styles-module__controlButton___8Q0jc[data-failed=true] {\n  color: var(--agentation-color-red);\n  background-color: color-mix(in srgb, var(--agentation-color-red) 25%, transparent);\n}\n\n.styles-module__buttonBadge___NeFWb {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  border-radius: 8px;\n  background-color: var(--agentation-color-accent);\n  color: white;\n  font-size: 0.625rem;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 0 0 2px #1a1a1a, 0 1px 3px rgba(0, 0, 0, 0.2);\n  pointer-events: none;\n}\n[data-agentation-theme=light] .styles-module__buttonBadge___NeFWb {\n  box-shadow: 0 0 0 2px #fff, 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n@keyframes styles-module__mcpIndicatorPulseConnected___EDodZ {\n  0%, 100% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-green) 50%, transparent);\n  }\n  50% {\n    box-shadow: 0 0 0 5px color-mix(in srgb, var(--agentation-color-green) 0%, transparent);\n  }\n}\n@keyframes styles-module__mcpIndicatorPulseConnecting___cCYte {\n  0%, 100% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-yellow) 50%, transparent);\n  }\n  50% {\n    box-shadow: 0 0 0 5px color-mix(in srgb, var(--agentation-color-yellow) 0%, transparent);\n  }\n}\n.styles-module__mcpIndicator___zGJeL {\n  position: absolute;\n  top: 3px;\n  right: 3px;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  pointer-events: none;\n  transition: background-color 0.3s ease, opacity 0.15s ease, transform 0.15s ease;\n  opacity: 1;\n  transform: scale(1);\n}\n.styles-module__mcpIndicator___zGJeL.styles-module__connected___7c28g {\n  background-color: var(--agentation-color-green);\n  animation: styles-module__mcpIndicatorPulseConnected___EDodZ 2.5s ease-in-out infinite;\n}\n.styles-module__mcpIndicator___zGJeL.styles-module__connecting___uo-CW {\n  background-color: var(--agentation-color-yellow);\n  animation: styles-module__mcpIndicatorPulseConnecting___cCYte 1.5s ease-in-out infinite;\n}\n.styles-module__mcpIndicator___zGJeL.styles-module__hidden___Ae8H4 {\n  opacity: 0;\n  transform: scale(0);\n  animation: none;\n}\n\n@keyframes styles-module__connectionPulse___-Zycw {\n  0%, 100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n  50% {\n    opacity: 0.6;\n    transform: scale(0.9);\n  }\n}\n.styles-module__connectionIndicatorWrapper___L-e-3 {\n  width: 8px;\n  height: 34px;\n  margin-left: 6px;\n  margin-right: 6px;\n}\n\n.styles-module__connectionIndicator___afk9p {\n  position: relative;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  opacity: 0;\n  transition: opacity 0.3s ease, background-color 0.3s ease;\n  cursor: default;\n}\n\n.styles-module__connectionIndicatorVisible___C-i5B {\n  opacity: 1;\n}\n\n.styles-module__connectionIndicatorConnected___IY8pR {\n  background-color: var(--agentation-color-green);\n  animation: styles-module__connectionPulse___-Zycw 2.5s ease-in-out infinite;\n}\n\n.styles-module__connectionIndicatorDisconnected___kmpaZ {\n  background-color: var(--agentation-color-red);\n  animation: none;\n}\n\n.styles-module__connectionIndicatorConnecting___QmSLH {\n  background-color: var(--agentation-color-yellow);\n  animation: styles-module__connectionPulse___-Zycw 1s ease-in-out infinite;\n}\n\n.styles-module__buttonWrapper___rBcdv {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.styles-module__buttonWrapper___rBcdv:hover .styles-module__buttonTooltip___Burd9 {\n  opacity: 1;\n  visibility: visible;\n  transform: translateX(-50%) scale(1);\n  transition-delay: 0.85s;\n}\n.styles-module__buttonWrapper___rBcdv:has(.styles-module__controlButton___8Q0jc:disabled):hover .styles-module__buttonTooltip___Burd9 {\n  opacity: 0;\n  visibility: hidden;\n}\n\n.styles-module__tooltipsInSession___-0lHH .styles-module__buttonWrapper___rBcdv:hover .styles-module__buttonTooltip___Burd9 {\n  transition-delay: 0s;\n}\n\n.styles-module__sendButtonWrapper___UUxG6 {\n  width: 0;\n  opacity: 0;\n  overflow: hidden;\n  pointer-events: none;\n  margin-left: -0.375rem;\n  transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1), margin 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__sendButtonWrapper___UUxG6 .styles-module__controlButton___8Q0jc {\n  transform: scale(0.8);\n  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);\n}\n.styles-module__sendButtonWrapper___UUxG6.styles-module__sendButtonVisible___WPSQU {\n  width: 34px;\n  opacity: 1;\n  overflow: visible;\n  pointer-events: auto;\n  margin-left: 0;\n}\n.styles-module__sendButtonWrapper___UUxG6.styles-module__sendButtonVisible___WPSQU .styles-module__controlButton___8Q0jc {\n  transform: scale(1);\n}\n\n.styles-module__buttonTooltip___Burd9 {\n  position: absolute;\n  bottom: calc(100% + 14px);\n  left: 50%;\n  transform: translateX(-50%) scale(0.95);\n  padding: 6px 10px;\n  background: #1a1a1a;\n  color: rgba(255, 255, 255, 0.9);\n  font-size: 12px;\n  font-weight: 500;\n  border-radius: 8px;\n  white-space: nowrap;\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: 100001;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n  transition: opacity 0.135s ease, transform 0.135s ease, visibility 0.135s ease;\n}\n.styles-module__buttonTooltip___Burd9::after {\n  content: "";\n  position: absolute;\n  top: calc(100% - 4px);\n  left: 50%;\n  transform: translateX(-50%) rotate(45deg);\n  width: 8px;\n  height: 8px;\n  background: #1a1a1a;\n  border-radius: 0 0 2px 0;\n}\n\n.styles-module__shortcut___lEAQk {\n  margin-left: 4px;\n  opacity: 0.5;\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonTooltip___Burd9 {\n  bottom: auto;\n  top: calc(100% + 14px);\n  transform: translateX(-50%) scale(0.95);\n}\n.styles-module__tooltipBelow___m6ats .styles-module__buttonTooltip___Burd9::after {\n  top: -4px;\n  bottom: auto;\n  border-radius: 2px 0 0 0;\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapper___rBcdv:hover .styles-module__buttonTooltip___Burd9 {\n  transform: translateX(-50%) scale(1);\n}\n\n.styles-module__tooltipsHidden___VtLJG .styles-module__buttonTooltip___Burd9 {\n  opacity: 0 !important;\n  visibility: hidden !important;\n  transition: none !important;\n}\n\n.styles-module__tooltipVisible___0jcCv,\n.styles-module__tooltipsHidden___VtLJG .styles-module__tooltipVisible___0jcCv {\n  opacity: 1 !important;\n  visibility: visible !important;\n  transform: translateX(-50%) scale(1) !important;\n  transition-delay: 0s !important;\n}\n\n.styles-module__buttonWrapperAlignLeft___myzIp .styles-module__buttonTooltip___Burd9 {\n  left: 50%;\n  transform: translateX(-12px) scale(0.95);\n}\n.styles-module__buttonWrapperAlignLeft___myzIp .styles-module__buttonTooltip___Burd9::after {\n  left: 16px;\n}\n.styles-module__buttonWrapperAlignLeft___myzIp:hover .styles-module__buttonTooltip___Burd9 {\n  transform: translateX(-12px) scale(1);\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignLeft___myzIp .styles-module__buttonTooltip___Burd9 {\n  transform: translateX(-12px) scale(0.95);\n}\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignLeft___myzIp:hover .styles-module__buttonTooltip___Burd9 {\n  transform: translateX(-12px) scale(1);\n}\n\n.styles-module__buttonWrapperAlignRight___HCQFR .styles-module__buttonTooltip___Burd9 {\n  left: 50%;\n  transform: translateX(calc(-100% + 12px)) scale(0.95);\n}\n.styles-module__buttonWrapperAlignRight___HCQFR .styles-module__buttonTooltip___Burd9::after {\n  left: auto;\n  right: 8px;\n}\n.styles-module__buttonWrapperAlignRight___HCQFR:hover .styles-module__buttonTooltip___Burd9 {\n  transform: translateX(calc(-100% + 12px)) scale(1);\n}\n\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignRight___HCQFR .styles-module__buttonTooltip___Burd9 {\n  transform: translateX(calc(-100% + 12px)) scale(0.95);\n}\n.styles-module__tooltipBelow___m6ats .styles-module__buttonWrapperAlignRight___HCQFR:hover .styles-module__buttonTooltip___Burd9 {\n  transform: translateX(calc(-100% + 12px)) scale(1);\n}\n\n.styles-module__divider___c--s1 {\n  width: 1px;\n  height: 12px;\n  background: rgba(255, 255, 255, 0.15);\n  margin: 0 0.125rem;\n}\n\n.styles-module__overlay___Q1O9y {\n  position: fixed;\n  inset: 0;\n  z-index: 99997;\n  pointer-events: none;\n}\n.styles-module__overlay___Q1O9y > * {\n  pointer-events: auto;\n}\n\n.styles-module__hoverHighlight___ogakW {\n  position: fixed;\n  border: 2px solid color-mix(in srgb, var(--agentation-color-accent) 50%, transparent);\n  border-radius: 4px;\n  background-color: color-mix(in srgb, var(--agentation-color-accent) 4%, transparent);\n  pointer-events: none !important;\n  box-sizing: border-box;\n  will-change: opacity;\n  contain: layout style;\n}\n.styles-module__hoverHighlight___ogakW.styles-module__enter___WFIki {\n  animation: styles-module__hoverHighlightIn___6WYHY 0.12s ease-out forwards;\n}\n\n.styles-module__multiSelectOutline___cSJ-m {\n  position: fixed;\n  border: 2px dashed color-mix(in srgb, var(--agentation-color-green) 60%, transparent);\n  border-radius: 4px;\n  pointer-events: none !important;\n  background-color: color-mix(in srgb, var(--agentation-color-green) 5%, transparent);\n  box-sizing: border-box;\n  will-change: opacity;\n}\n.styles-module__multiSelectOutline___cSJ-m.styles-module__enter___WFIki {\n  animation: styles-module__fadeIn___b9qmf 0.15s ease-out forwards;\n}\n.styles-module__multiSelectOutline___cSJ-m.styles-module__exit___fyOJ0 {\n  animation: styles-module__fadeOut___6Ut6- 0.15s ease-out forwards;\n}\n\n.styles-module__singleSelectOutline___QhX-O {\n  position: fixed;\n  border: 2px solid color-mix(in srgb, var(--agentation-color-blue) 60%, transparent);\n  border-radius: 4px;\n  pointer-events: none !important;\n  background-color: color-mix(in srgb, var(--agentation-color-blue) 5%, transparent);\n  box-sizing: border-box;\n  will-change: opacity;\n}\n.styles-module__singleSelectOutline___QhX-O.styles-module__enter___WFIki {\n  animation: styles-module__fadeIn___b9qmf 0.15s ease-out forwards;\n}\n.styles-module__singleSelectOutline___QhX-O.styles-module__exit___fyOJ0 {\n  animation: styles-module__fadeOut___6Ut6- 0.15s ease-out forwards;\n}\n\n.styles-module__hoverTooltip___bvLk7 {\n  position: fixed;\n  font-size: 0.6875rem;\n  font-weight: 500;\n  color: #fff;\n  background: rgba(0, 0, 0, 0.85);\n  padding: 0.35rem 0.6rem;\n  border-radius: 0.375rem;\n  pointer-events: none !important;\n  white-space: nowrap;\n  max-width: 280px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.styles-module__hoverTooltip___bvLk7.styles-module__enter___WFIki {\n  animation: styles-module__hoverTooltipIn___FYGQx 0.1s ease-out forwards;\n}\n\n.styles-module__hoverReactPath___gx1IJ {\n  font-size: 0.625rem;\n  color: rgba(255, 255, 255, 0.6);\n  margin-bottom: 0.15rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.styles-module__hoverElementName___QMLMl {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.styles-module__markersLayer___-25j1 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 0;\n  z-index: 99998;\n  pointer-events: none;\n}\n.styles-module__markersLayer___-25j1 > * {\n  pointer-events: auto;\n}\n\n.styles-module__fixedMarkersLayer___ffyX6 {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 99998;\n  pointer-events: none;\n}\n.styles-module__fixedMarkersLayer___ffyX6 > * {\n  pointer-events: auto;\n}\n\n.styles-module__marker___6sQrs {\n  position: absolute;\n  width: 22px;\n  height: 22px;\n  background: var(--agentation-color-blue);\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 0.6875rem;\n  font-weight: 600;\n  transform: translate(-50%, -50%) scale(1);\n  opacity: 1;\n  cursor: pointer;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.04);\n  user-select: none;\n  will-change: transform, opacity;\n  contain: layout style;\n  z-index: 1;\n}\n.styles-module__marker___6sQrs:hover {\n  z-index: 2;\n}\n.styles-module__marker___6sQrs:not(.styles-module__enter___WFIki):not(.styles-module__exit___fyOJ0):not(.styles-module__clearing___FQ--7) {\n  transition: background-color 0.15s ease, transform 0.1s ease;\n}\n.styles-module__marker___6sQrs.styles-module__enter___WFIki {\n  animation: styles-module__markerIn___5FaAP 0.25s cubic-bezier(0.22, 1, 0.36, 1) both;\n}\n.styles-module__marker___6sQrs.styles-module__exit___fyOJ0 {\n  animation: styles-module__markerOut___GU5jX 0.2s ease-out both;\n  pointer-events: none;\n}\n.styles-module__marker___6sQrs.styles-module__clearing___FQ--7 {\n  animation: styles-module__markerOut___GU5jX 0.15s ease-out both;\n  pointer-events: none;\n}\n.styles-module__marker___6sQrs:not(.styles-module__enter___WFIki):not(.styles-module__exit___fyOJ0):not(.styles-module__clearing___FQ--7):hover {\n  transform: translate(-50%, -50%) scale(1.1);\n}\n.styles-module__marker___6sQrs.styles-module__pending___2IHLC {\n  position: fixed;\n  background-color: var(--agentation-color-blue);\n  cursor: default;\n}\n.styles-module__marker___6sQrs.styles-module__fixed___dBMHC {\n  position: fixed;\n}\n.styles-module__marker___6sQrs.styles-module__multiSelect___YWiuz {\n  background-color: var(--agentation-color-green);\n  width: 26px;\n  height: 26px;\n  border-radius: 6px;\n  font-size: 0.75rem;\n}\n.styles-module__marker___6sQrs.styles-module__multiSelect___YWiuz.styles-module__pending___2IHLC {\n  background-color: var(--agentation-color-green);\n}\n.styles-module__marker___6sQrs.styles-module__hovered___ZgXIy {\n  background-color: var(--agentation-color-red);\n}\n\n.styles-module__renumber___nCTxD {\n  display: block;\n  animation: styles-module__renumberRoll___Wgbq3 0.2s ease-out;\n}\n\n@keyframes styles-module__renumberRoll___Wgbq3 {\n  0% {\n    transform: translateX(-40%);\n    opacity: 0;\n  }\n  100% {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n.styles-module__markerTooltip___aLJID {\n  position: absolute;\n  top: calc(100% + 10px);\n  left: 50%;\n  transform: translateX(-50%) scale(0.909);\n  z-index: 100002;\n  background: #1a1a1a;\n  padding: 8px 0.75rem;\n  border-radius: 0.75rem;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n  font-weight: 400;\n  color: #fff;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);\n  min-width: 120px;\n  max-width: 200px;\n  pointer-events: none;\n  cursor: default;\n}\n.styles-module__markerTooltip___aLJID.styles-module__enter___WFIki {\n  animation: styles-module__tooltipIn___0N31w 0.1s ease-out forwards;\n}\n\n.styles-module__markerQuote___FHmrz {\n  display: block;\n  font-size: 12px;\n  font-style: italic;\n  color: rgba(255, 255, 255, 0.6);\n  margin-bottom: 0.3125rem;\n  line-height: 1.4;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.styles-module__markerNote___QkrrS {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1.4;\n  color: #fff;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding-bottom: 2px;\n}\n\n.styles-module__markerHint___2iF-6 {\n  display: block;\n  font-size: 0.625rem;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.6);\n  margin-top: 0.375rem;\n  white-space: nowrap;\n}\n\n.styles-module__settingsPanel___OxX3Y {\n  position: absolute;\n  right: 5px;\n  bottom: calc(100% + 0.5rem);\n  z-index: 1;\n  overflow: hidden;\n  background: #1c1c1c;\n  border-radius: 1rem;\n  padding: 13px 0 16px;\n  min-width: 205px;\n  cursor: default;\n  opacity: 1;\n  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.04);\n  transition: background-color 0.25s ease, box-shadow 0.25s ease;\n}\n.styles-module__settingsPanel___OxX3Y::before, .styles-module__settingsPanel___OxX3Y::after {\n  content: "";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 16px;\n  z-index: 2;\n  pointer-events: none;\n}\n.styles-module__settingsPanel___OxX3Y::before {\n  left: 0;\n  background: linear-gradient(to right, #1c1c1c 0%, transparent 100%);\n}\n.styles-module__settingsPanel___OxX3Y::after {\n  right: 0;\n  background: linear-gradient(to left, #1c1c1c 0%, transparent 100%);\n}\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsHeader___pwDY9,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsBrand___0gJeM,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsBrandSlash___uTG18,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsVersion___TUcFq,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsSection___m-YM2,\n.styles-module__settingsPanel___OxX3Y .styles-module__settingsLabel___8UjfX,\n.styles-module__settingsPanel___OxX3Y .styles-module__cycleButton___FMKfw,\n.styles-module__settingsPanel___OxX3Y .styles-module__cycleDot___nPgLY,\n.styles-module__settingsPanel___OxX3Y .styles-module__dropdownButton___16NPz,\n.styles-module__settingsPanel___OxX3Y .styles-module__toggleLabel___Xm8Aa,\n.styles-module__settingsPanel___OxX3Y .styles-module__customCheckbox___U39ax,\n.styles-module__settingsPanel___OxX3Y .styles-module__sliderLabel___U8sPr,\n.styles-module__settingsPanel___OxX3Y .styles-module__slider___GLdxp,\n.styles-module__settingsPanel___OxX3Y .styles-module__themeToggle___2rUjA {\n  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__enter___WFIki {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n  filter: blur(0px);\n  transition: opacity 0.2s ease, transform 0.2s ease, filter 0.2s ease;\n}\n.styles-module__settingsPanel___OxX3Y.styles-module__exit___fyOJ0 {\n  opacity: 0;\n  transform: translateY(8px) scale(0.95);\n  filter: blur(5px);\n  pointer-events: none;\n  transition: opacity 0.1s ease, transform 0.1s ease, filter 0.1s ease;\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___OxX3Y {\n  background: #1a1a1a;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___OxX3Y .styles-module__settingsLabel___8UjfX {\n  color: rgba(255, 255, 255, 0.6);\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___OxX3Y .styles-module__settingsOption___UNa12 {\n  color: rgba(255, 255, 255, 0.85);\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___OxX3Y .styles-module__settingsOption___UNa12:hover {\n  background: rgba(255, 255, 255, 0.1);\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___OxX3Y .styles-module__settingsOption___UNa12.styles-module__selected___OwRqP {\n  background: rgba(255, 255, 255, 0.15);\n  color: #fff;\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___OxX3Y .styles-module__toggleLabel___Xm8Aa {\n  color: rgba(255, 255, 255, 0.85);\n}\n\n.styles-module__settingsPanelContainer___Xksv8 {\n  overflow: visible;\n  position: relative;\n  display: flex;\n  padding: 0 1rem;\n}\n\n.styles-module__settingsPage___6YfHH {\n  min-width: 100%;\n  flex-shrink: 0;\n  transition: transform 0.2s ease, opacity 0.2s ease;\n  transition-delay: 0s;\n  opacity: 1;\n}\n\n.styles-module__settingsPage___6YfHH.styles-module__slideLeft___Ps01J {\n  transform: translateX(-24px);\n  opacity: 0;\n  pointer-events: none;\n}\n\n.styles-module__automationsPage___uvCq6 {\n  position: absolute;\n  top: 0;\n  left: 24px;\n  width: 100%;\n  height: 100%;\n  padding: 3px 1rem 0;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  transition: transform 0.2s ease, opacity 0.2s ease;\n  opacity: 0;\n  pointer-events: none;\n}\n\n.styles-module__automationsPage___uvCq6.styles-module__slideIn___4-qXe {\n  transform: translateX(-24px);\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.styles-module__settingsNavLink___wCzJt {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  padding: 0;\n  border: none;\n  background: transparent;\n  font-family: inherit;\n  font-size: 0.8125rem;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.5);\n  cursor: pointer;\n  transition: color 0.15s ease;\n}\n.styles-module__settingsNavLink___wCzJt:hover {\n  color: rgba(255, 255, 255, 0.9);\n}\n[data-agentation-theme=light] .styles-module__settingsNavLink___wCzJt {\n  color: rgba(0, 0, 0, 0.5);\n}\n[data-agentation-theme=light] .styles-module__settingsNavLink___wCzJt:hover {\n  color: rgba(0, 0, 0, 0.8);\n}\n.styles-module__settingsNavLink___wCzJt svg {\n  color: rgba(255, 255, 255, 0.4);\n  transition: color 0.15s ease;\n}\n.styles-module__settingsNavLink___wCzJt:hover svg {\n  color: #fff;\n}\n[data-agentation-theme=light] .styles-module__settingsNavLink___wCzJt svg {\n  color: rgba(0, 0, 0, 0.25);\n}\n[data-agentation-theme=light] .styles-module__settingsNavLink___wCzJt:hover svg {\n  color: rgba(0, 0, 0, 0.8);\n}\n\n.styles-module__settingsNavLinkRight___ZWwhj {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.styles-module__mcpNavIndicator___cl9pO {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n.styles-module__mcpNavIndicator___cl9pO.styles-module__connected___7c28g {\n  background-color: var(--agentation-color-green);\n  animation: styles-module__mcpPulse___uNggr 2.5s ease-in-out infinite;\n}\n.styles-module__mcpNavIndicator___cl9pO.styles-module__connecting___uo-CW {\n  background-color: var(--agentation-color-yellow);\n  animation: styles-module__mcpPulse___uNggr 1.5s ease-in-out infinite;\n}\n\n.styles-module__settingsBackButton___bIe2j {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 6px 0 12px 0;\n  margin: -6px 0 0.5rem 0;\n  border: none;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n  border-radius: 0;\n  background: transparent;\n  font-family: inherit;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  letter-spacing: -0.15px;\n  color: #fff;\n  cursor: pointer;\n  transition: transform 0.12s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.styles-module__settingsBackButton___bIe2j svg {\n  opacity: 0.4;\n  flex-shrink: 0;\n  transition: opacity 0.15s ease, transform 0.18s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.styles-module__settingsBackButton___bIe2j:hover {\n  border-bottom-color: rgba(255, 255, 255, 0.07);\n}\n.styles-module__settingsBackButton___bIe2j:hover svg {\n  opacity: 1;\n}\n[data-agentation-theme=light] .styles-module__settingsBackButton___bIe2j {\n  color: rgba(0, 0, 0, 0.85);\n  border-bottom-color: rgba(0, 0, 0, 0.08);\n}\n[data-agentation-theme=light] .styles-module__settingsBackButton___bIe2j:hover {\n  border-bottom-color: rgba(0, 0, 0, 0.08);\n}\n\n.styles-module__automationHeader___InP0r {\n  display: flex;\n  align-items: center;\n  gap: 0.125rem;\n  font-size: 0.8125rem;\n  font-weight: 400;\n  color: #fff;\n}\n[data-agentation-theme=light] .styles-module__automationHeader___InP0r {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__automationDescription___NKlmo {\n  font-size: 0.6875rem;\n  font-weight: 300;\n  color: rgba(255, 255, 255, 0.5);\n  margin-top: 2px;\n  line-height: 14px;\n}\n[data-agentation-theme=light] .styles-module__automationDescription___NKlmo {\n  color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__learnMoreLink___8xv-x {\n  color: rgba(255, 255, 255, 0.8);\n  text-decoration: underline dotted;\n  text-decoration-color: rgba(255, 255, 255, 0.2);\n  text-underline-offset: 2px;\n  transition: color 0.15s ease;\n}\n.styles-module__learnMoreLink___8xv-x:hover {\n  color: #fff;\n}\n[data-agentation-theme=light] .styles-module__learnMoreLink___8xv-x {\n  color: rgba(0, 0, 0, 0.6);\n  text-decoration-color: rgba(0, 0, 0, 0.2);\n}\n[data-agentation-theme=light] .styles-module__learnMoreLink___8xv-x:hover {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__autoSendRow___UblX5 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.styles-module__autoSendLabel___icDc2 {\n  font-size: 0.6875rem;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.4);\n  transition: color 0.15s ease;\n}\n.styles-module__autoSendLabel___icDc2.styles-module__active___-zoN6 {\n  color: #66b8ff;\n  color: color(display-p3 0.4 0.72 1);\n}\n[data-agentation-theme=light] .styles-module__autoSendLabel___icDc2 {\n  color: rgba(0, 0, 0, 0.4);\n}\n[data-agentation-theme=light] .styles-module__autoSendLabel___icDc2.styles-module__active___-zoN6 {\n  color: var(--agentation-color-blue);\n}\n\n.styles-module__webhookUrlInput___2375C {\n  display: block;\n  width: 100%;\n  flex: 1;\n  min-height: 60px;\n  box-sizing: border-box;\n  margin-top: 11px;\n  padding: 8px 10px;\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  border-radius: 6px;\n  background: rgba(255, 255, 255, 0.03);\n  font-family: inherit;\n  font-size: 0.75rem;\n  font-weight: 400;\n  color: #fff;\n  outline: none;\n  resize: none;\n  user-select: text;\n  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;\n}\n.styles-module__webhookUrlInput___2375C::placeholder {\n  color: rgba(255, 255, 255, 0.3);\n}\n.styles-module__webhookUrlInput___2375C:focus {\n  border-color: rgba(255, 255, 255, 0.3);\n  background: rgba(255, 255, 255, 0.08);\n}\n[data-agentation-theme=light] .styles-module__webhookUrlInput___2375C {\n  border-color: rgba(0, 0, 0, 0.1);\n  background: rgba(0, 0, 0, 0.03);\n  color: rgba(0, 0, 0, 0.85);\n}\n[data-agentation-theme=light] .styles-module__webhookUrlInput___2375C::placeholder {\n  color: rgba(0, 0, 0, 0.3);\n}\n[data-agentation-theme=light] .styles-module__webhookUrlInput___2375C:focus {\n  border-color: rgba(0, 0, 0, 0.25);\n  background: rgba(0, 0, 0, 0.05);\n}\n\n.styles-module__settingsHeader___pwDY9 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 24px;\n  margin-bottom: 0.5rem;\n  padding-bottom: 9px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.07);\n}\n\n.styles-module__settingsBrand___0gJeM {\n  font-size: 0.8125rem;\n  font-weight: 600;\n  letter-spacing: -0.0094em;\n  color: #fff;\n  text-decoration: none;\n}\n\n.styles-module__settingsBrandSlash___uTG18 {\n  color: var(--agentation-color-accent);\n  transition: color 0.2s ease;\n}\n\n.styles-module__settingsVersion___TUcFq {\n  font-size: 11px;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.4);\n  margin-left: auto;\n  letter-spacing: -0.0094em;\n}\n\n.styles-module__settingsSection___m-YM2 + .styles-module__settingsSection___m-YM2 {\n  margin-top: 0.5rem;\n  padding-top: 0.5rem;\n  border-top: 1px solid rgba(255, 255, 255, 0.07);\n}\n.styles-module__settingsSection___m-YM2.styles-module__settingsSectionExtraPadding___jdhFV {\n  padding-top: calc(0.5rem + 4px);\n}\n\n.styles-module__settingsSectionGrow___h-5HZ {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.styles-module__settingsRow___3sdhc {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 24px;\n}\n.styles-module__settingsRow___3sdhc.styles-module__settingsRowMarginTop___zA0Sp {\n  margin-top: 8px;\n}\n\n.styles-module__dropdownContainer___BVnxe {\n  position: relative;\n}\n\n.styles-module__dropdownButton___16NPz {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.25rem 0.5rem;\n  border: none;\n  border-radius: 0.375rem;\n  background: transparent;\n  font-size: 0.8125rem;\n  font-weight: 600;\n  color: #fff;\n  cursor: pointer;\n  transition: background-color 0.15s ease, color 0.15s ease;\n  letter-spacing: -0.0094em;\n}\n.styles-module__dropdownButton___16NPz:hover {\n  background: rgba(255, 255, 255, 0.08);\n}\n.styles-module__dropdownButton___16NPz svg {\n  opacity: 0.6;\n}\n\n.styles-module__cycleButton___FMKfw {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0;\n  border: none;\n  background: transparent;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  color: #fff;\n  cursor: pointer;\n  letter-spacing: -0.0094em;\n}\n[data-agentation-theme=light] .styles-module__cycleButton___FMKfw {\n  color: rgba(0, 0, 0, 0.85);\n}\n.styles-module__cycleButton___FMKfw:disabled {\n  opacity: 0.35;\n  cursor: not-allowed;\n}\n\n.styles-module__settingsRowDisabled___EgS0V .styles-module__settingsLabel___8UjfX {\n  color: rgba(255, 255, 255, 0.2);\n}\n[data-agentation-theme=light] .styles-module__settingsRowDisabled___EgS0V .styles-module__settingsLabel___8UjfX {\n  color: rgba(0, 0, 0, 0.2);\n}\n.styles-module__settingsRowDisabled___EgS0V .styles-module__toggleSwitch___l4Ygm {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n@keyframes styles-module__cycleTextIn___Q6zJf {\n  0% {\n    opacity: 0;\n    transform: translateY(-6px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.styles-module__cycleButtonText___fD1LR {\n  display: inline-block;\n  animation: styles-module__cycleTextIn___Q6zJf 0.2s ease-out;\n}\n\n.styles-module__cycleDots___LWuoQ {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.styles-module__cycleDot___nPgLY {\n  width: 3px;\n  height: 3px;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.3);\n  transform: scale(0.667);\n  transition: background-color 0.25s ease-out, transform 0.25s ease-out;\n}\n.styles-module__cycleDot___nPgLY.styles-module__active___-zoN6 {\n  background: #fff;\n  transform: scale(1);\n}\n[data-agentation-theme=light] .styles-module__cycleDot___nPgLY {\n  background: rgba(0, 0, 0, 0.2);\n}\n[data-agentation-theme=light] .styles-module__cycleDot___nPgLY.styles-module__active___-zoN6 {\n  background: rgba(0, 0, 0, 0.7);\n}\n\n.styles-module__dropdownMenu___k73ER {\n  position: absolute;\n  right: 0;\n  top: calc(100% + 0.25rem);\n  background: #1a1a1a;\n  border-radius: 0.5rem;\n  padding: 0.25rem;\n  min-width: 120px;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);\n  z-index: 10;\n  animation: styles-module__scaleIn___c-r1K 0.15s ease-out;\n}\n\n.styles-module__dropdownItem___ylsLj {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  padding: 0.5rem 0.625rem;\n  border: none;\n  border-radius: 0.375rem;\n  background: transparent;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.85);\n  cursor: pointer;\n  text-align: left;\n  transition: background-color 0.15s ease, color 0.15s ease;\n  letter-spacing: -0.0094em;\n}\n.styles-module__dropdownItem___ylsLj:hover {\n  background: rgba(255, 255, 255, 0.08);\n}\n.styles-module__dropdownItem___ylsLj.styles-module__selected___OwRqP {\n  background: rgba(255, 255, 255, 0.12);\n  color: #fff;\n  font-weight: 600;\n}\n\n.styles-module__settingsLabel___8UjfX {\n  font-size: 0.8125rem;\n  font-weight: 400;\n  letter-spacing: -0.0094em;\n  color: rgba(255, 255, 255, 0.5);\n  display: flex;\n  align-items: center;\n  gap: 0.125rem;\n}\n[data-agentation-theme=light] .styles-module__settingsLabel___8UjfX {\n  color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__settingsLabelMarker___ewdtV {\n  padding-top: 3px;\n  margin-bottom: 10px;\n}\n\n.styles-module__settingsOptions___LyrBA {\n  display: flex;\n  gap: 0.25rem;\n}\n\n.styles-module__settingsOption___UNa12 {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.25rem;\n  padding: 0.375rem 0.5rem;\n  border: none;\n  border-radius: 0.375rem;\n  background: transparent;\n  font-size: 0.6875rem;\n  font-weight: 500;\n  color: rgba(0, 0, 0, 0.7);\n  cursor: pointer;\n  transition: background-color 0.15s ease, color 0.15s ease;\n}\n.styles-module__settingsOption___UNa12:hover {\n  background: rgba(0, 0, 0, 0.05);\n}\n.styles-module__settingsOption___UNa12.styles-module__selected___OwRqP {\n  background: color-mix(in srgb, var(--agentation-color-blue) 15%, transparent);\n  color: var(--agentation-color-blue);\n}\n\n.styles-module__sliderContainer___ducXj {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.styles-module__slider___GLdxp {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 4px;\n  background: rgba(255, 255, 255, 0.15);\n  border-radius: 2px;\n  outline: none;\n  cursor: pointer;\n}\n.styles-module__slider___GLdxp::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 14px;\n  height: 14px;\n  background: white;\n  border-radius: 50%;\n  cursor: pointer;\n  transition: transform 0.15s ease, box-shadow 0.15s ease;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n.styles-module__slider___GLdxp::-moz-range-thumb {\n  width: 14px;\n  height: 14px;\n  background: white;\n  border: none;\n  border-radius: 50%;\n  cursor: pointer;\n  transition: transform 0.15s ease, box-shadow 0.15s ease;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n.styles-module__slider___GLdxp:hover::-webkit-slider-thumb {\n  transform: scale(1.15);\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\n}\n.styles-module__slider___GLdxp:hover::-moz-range-thumb {\n  transform: scale(1.15);\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);\n}\n\n.styles-module__sliderLabels___FhLDB {\n  display: flex;\n  justify-content: space-between;\n}\n\n.styles-module__sliderLabel___U8sPr {\n  font-size: 0.625rem;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.4);\n  cursor: pointer;\n  transition: color 0.15s ease;\n}\n.styles-module__sliderLabel___U8sPr:hover {\n  color: rgba(255, 255, 255, 0.7);\n}\n.styles-module__sliderLabel___U8sPr.styles-module__active___-zoN6 {\n  color: rgba(255, 255, 255, 0.9);\n}\n\n.styles-module__colorOptions___iHCNX {\n  display: flex;\n  gap: 0.5rem;\n  margin-top: 0.375rem;\n  margin-bottom: 1px;\n}\n\n.styles-module__colorOption___IodiY {\n  display: block;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  border: 2px solid transparent;\n  background-color: var(--swatch);\n  cursor: pointer;\n  transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1);\n}\n@supports (color: color(display-p3 0 0 0)) {\n  .styles-module__colorOption___IodiY {\n    background-color: var(--swatch-p3);\n  }\n}\n.styles-module__colorOption___IodiY:hover {\n  transform: scale(1.15);\n}\n.styles-module__colorOption___IodiY.styles-module__selected___OwRqP {\n  transform: scale(0.83);\n}\n\n.styles-module__colorOptionRing___U2xpo {\n  display: flex;\n  width: 24px;\n  height: 24px;\n  border: 2px solid transparent;\n  border-radius: 50%;\n  transition: border-color 0.3s ease;\n}\n.styles-module__colorOptionRing___U2xpo.styles-module__selected___OwRqP {\n  border-color: var(--swatch);\n}\n@supports (color: color(display-p3 0 0 0)) {\n  .styles-module__colorOptionRing___U2xpo.styles-module__selected___OwRqP {\n    border-color: var(--swatch-p3);\n  }\n}\n\n.styles-module__settingsToggle___fBrFn {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  cursor: pointer;\n}\n.styles-module__settingsToggle___fBrFn + .styles-module__settingsToggle___fBrFn {\n  margin-top: calc(0.5rem + 6px);\n}\n.styles-module__settingsToggle___fBrFn input[type=checkbox] {\n  position: absolute;\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n.styles-module__settingsToggle___fBrFn.styles-module__settingsToggleMarginBottom___MZUyF {\n  margin-bottom: calc(0.5rem + 6px);\n}\n\n.styles-module__customCheckbox___U39ax {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.05);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  transition: background-color 0.25s ease, border-color 0.25s ease;\n}\n.styles-module__customCheckbox___U39ax svg {\n  color: #1a1a1a;\n  opacity: 1;\n  transition: opacity 0.15s ease;\n}\ninput[type=checkbox]:checked + .styles-module__customCheckbox___U39ax {\n  border-color: rgba(255, 255, 255, 0.3);\n  background: rgb(255, 255, 255);\n}\n[data-agentation-theme=light] .styles-module__customCheckbox___U39ax {\n  border: 1px solid rgba(0, 0, 0, 0.15);\n  background: #fff;\n}\n[data-agentation-theme=light] .styles-module__customCheckbox___U39ax.styles-module__checked___mnZLo {\n  border-color: #1a1a1a;\n  background: #1a1a1a;\n}\n[data-agentation-theme=light] .styles-module__customCheckbox___U39ax.styles-module__checked___mnZLo svg {\n  color: #fff;\n}\n\n.styles-module__toggleLabel___Xm8Aa {\n  font-size: 0.8125rem;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.5);\n  letter-spacing: -0.0094em;\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n}\n[data-agentation-theme=light] .styles-module__toggleLabel___Xm8Aa {\n  color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__toggleSwitch___l4Ygm {\n  position: relative;\n  display: inline-block;\n  width: 24px;\n  height: 16px;\n  flex-shrink: 0;\n  cursor: pointer;\n  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.styles-module__toggleSwitch___l4Ygm input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n.styles-module__toggleSwitch___l4Ygm input:checked + .styles-module__toggleSlider___wprIn {\n  background-color: var(--agentation-color-blue);\n}\n.styles-module__toggleSwitch___l4Ygm input:checked + .styles-module__toggleSlider___wprIn::before {\n  transform: translateX(8px);\n}\n.styles-module__toggleSwitch___l4Ygm.styles-module__disabled___332Jw {\n  opacity: 0.4;\n}\n.styles-module__toggleSwitch___l4Ygm.styles-module__disabled___332Jw .styles-module__toggleSlider___wprIn {\n  cursor: not-allowed;\n}\n\n.styles-module__toggleSlider___wprIn {\n  position: absolute;\n  cursor: pointer;\n  inset: 0;\n  border-radius: 16px;\n  background: #484848;\n}\n[data-agentation-theme=light] .styles-module__toggleSlider___wprIn {\n  background: #dddddd;\n}\n.styles-module__toggleSlider___wprIn::before {\n  content: "";\n  position: absolute;\n  height: 12px;\n  width: 12px;\n  left: 2px;\n  bottom: 2px;\n  background: white;\n  border-radius: 50%;\n  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes styles-module__mcpPulse___uNggr {\n  0% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-green) 50%, transparent);\n  }\n  70% {\n    box-shadow: 0 0 0 6px color-mix(in srgb, var(--agentation-color-green) 0%, transparent);\n  }\n  100% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-green) 0%, transparent);\n  }\n}\n@keyframes styles-module__mcpPulseError___fov9B {\n  0% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-red) 50%, transparent);\n  }\n  70% {\n    box-shadow: 0 0 0 6px color-mix(in srgb, var(--agentation-color-red) 0%, transparent);\n  }\n  100% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-red) 0%, transparent);\n  }\n}\n.styles-module__mcpStatusDot___ibgkc {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n.styles-module__mcpStatusDot___ibgkc.styles-module__connecting___uo-CW {\n  background-color: var(--agentation-color-yellow);\n  animation: styles-module__mcpPulse___uNggr 1.5s infinite;\n}\n.styles-module__mcpStatusDot___ibgkc.styles-module__connected___7c28g {\n  background-color: var(--agentation-color-green);\n  animation: styles-module__mcpPulse___uNggr 2.5s ease-in-out infinite;\n}\n.styles-module__mcpStatusDot___ibgkc.styles-module__disconnected___cHPxR {\n  background-color: var(--agentation-color-red);\n  animation: styles-module__mcpPulseError___fov9B 2s infinite;\n}\n\n.styles-module__drawCanvas___7cG9U {\n  position: fixed;\n  inset: 0;\n  z-index: 99996;\n  pointer-events: none !important;\n}\n.styles-module__drawCanvas___7cG9U.styles-module__active___-zoN6 {\n  pointer-events: auto !important;\n  cursor: crosshair !important;\n}\n.styles-module__drawCanvas___7cG9U.styles-module__active___-zoN6[data-stroke-hover] {\n  cursor: pointer !important;\n}\n\n.styles-module__dragSelection___kZLq2 {\n  position: fixed;\n  top: 0;\n  left: 0;\n  border: 2px solid color-mix(in srgb, var(--agentation-color-green) 60%, transparent);\n  border-radius: 4px;\n  background-color: color-mix(in srgb, var(--agentation-color-green) 8%, transparent);\n  pointer-events: none;\n  z-index: 99997;\n  will-change: transform, width, height;\n  contain: layout style;\n}\n\n.styles-module__dragCount___KM90j {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background-color: var(--agentation-color-green);\n  color: white;\n  font-size: 0.875rem;\n  font-weight: 600;\n  padding: 0.25rem 0.5rem;\n  border-radius: 1rem;\n  min-width: 1.5rem;\n  text-align: center;\n}\n\n.styles-module__highlightsContainer___-0xzG {\n  position: fixed;\n  top: 0;\n  left: 0;\n  pointer-events: none;\n  z-index: 99996;\n}\n\n.styles-module__selectedElementHighlight___fyVlI {\n  position: fixed;\n  top: 0;\n  left: 0;\n  border: 2px solid color-mix(in srgb, var(--agentation-color-green) 50%, transparent);\n  border-radius: 4px;\n  background: color-mix(in srgb, var(--agentation-color-green) 6%, transparent);\n  pointer-events: none;\n  will-change: transform, width, height;\n  contain: layout style;\n}\n\n[data-agentation-theme=light] .styles-module__toolbarContainer___dIhma {\n  background: #fff;\n  color: rgba(0, 0, 0, 0.85);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);\n}\n[data-agentation-theme=light] .styles-module__toolbarContainer___dIhma.styles-module__collapsed___Rydsn:hover {\n  background: #f5f5f5;\n}\n[data-agentation-theme=light] .styles-module__controlButton___8Q0jc {\n  color: rgba(0, 0, 0, 0.5);\n}\n[data-agentation-theme=light] .styles-module__controlButton___8Q0jc:hover:not(:disabled):not([data-active=true]):not([data-failed=true]):not([data-auto-sync=true]):not([data-error=true]):not([data-no-hover=true]) {\n  background: rgba(0, 0, 0, 0.06);\n  color: rgba(0, 0, 0, 0.85);\n}\n[data-agentation-theme=light] .styles-module__controlButton___8Q0jc[data-active=true] {\n  color: var(--agentation-color-blue);\n  background: color-mix(in srgb, var(--agentation-color-blue) 15%, transparent);\n}\n[data-agentation-theme=light] .styles-module__controlButton___8Q0jc[data-error=true] {\n  color: var(--agentation-color-red);\n  background: color-mix(in srgb, var(--agentation-color-red) 15%, transparent);\n}\n[data-agentation-theme=light] .styles-module__controlButton___8Q0jc[data-danger]:hover:not(:disabled):not([data-active=true]):not([data-failed=true]) {\n  color: var(--agentation-color-red);\n  background: color-mix(in srgb, var(--agentation-color-red) 15%, transparent);\n}\n[data-agentation-theme=light] .styles-module__controlButton___8Q0jc[data-auto-sync=true] {\n  color: var(--agentation-color-green);\n  background: transparent;\n}\n[data-agentation-theme=light] .styles-module__controlButton___8Q0jc[data-failed=true] {\n  color: var(--agentation-color-red);\n  background: color-mix(in srgb, var(--agentation-color-red) 15%, transparent);\n}\n[data-agentation-theme=light] .styles-module__buttonTooltip___Burd9 {\n  background: #fff;\n  color: rgba(0, 0, 0, 0.85);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);\n}\n[data-agentation-theme=light] .styles-module__buttonTooltip___Burd9::after {\n  background: #fff;\n}\n[data-agentation-theme=light] .styles-module__divider___c--s1 {\n  background: rgba(0, 0, 0, 0.1);\n}'
    }
    if ("u" > typeof document) {
        let e = document.getElementById("feedback-tool-styles-annotation-marker-styles");
        e || ((e = document.createElement("style")).id = "feedback-tool-styles-annotation-marker-styles", document.head.appendChild(e)), e.textContent = '@keyframes styles-module__markerIn___x4G8D {\n  0% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.3);\n  }\n  100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n@keyframes styles-module__markerOut___6VhQN {\n  0% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  100% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.3);\n  }\n}\n@keyframes styles-module__tooltipIn___aJslQ {\n  from {\n    opacity: 0;\n    transform: translateX(-50%) translateY(2px) scale(0.891);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(-50%) translateY(0) scale(0.909);\n  }\n}\n@keyframes styles-module__renumberRoll___akV9B {\n  0% {\n    transform: translateX(-40%);\n    opacity: 0;\n  }\n  100% {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n.styles-module__marker___9CKF7 {\n  position: absolute;\n  width: 22px;\n  height: 22px;\n  background: var(--agentation-color-blue);\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 0.6875rem;\n  font-weight: 600;\n  transform: translate(-50%, -50%) scale(1);\n  opacity: 1;\n  cursor: pointer;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.04);\n  user-select: none;\n  will-change: transform, opacity;\n  contain: layout style;\n  z-index: 1;\n}\n.styles-module__marker___9CKF7:hover {\n  z-index: 2;\n}\n.styles-module__marker___9CKF7:not(.styles-module__enter___8kI3q):not(.styles-module__exit___KBdR3):not(.styles-module__clearing___8rM7K) {\n  transition: background-color 0.15s ease, transform 0.1s ease;\n}\n.styles-module__marker___9CKF7.styles-module__enter___8kI3q {\n  animation: styles-module__markerIn___x4G8D 0.25s cubic-bezier(0.22, 1, 0.36, 1) both;\n}\n.styles-module__marker___9CKF7.styles-module__exit___KBdR3 {\n  animation: styles-module__markerOut___6VhQN 0.2s ease-out both;\n  pointer-events: none;\n}\n.styles-module__marker___9CKF7.styles-module__clearing___8rM7K {\n  animation: styles-module__markerOut___6VhQN 0.15s ease-out both;\n  pointer-events: none;\n}\n.styles-module__marker___9CKF7:not(.styles-module__enter___8kI3q):not(.styles-module__exit___KBdR3):not(.styles-module__clearing___8rM7K):hover {\n  transform: translate(-50%, -50%) scale(1.1);\n}\n.styles-module__marker___9CKF7.styles-module__pending___BiY-U {\n  position: fixed;\n  background-color: var(--agentation-color-blue);\n  cursor: default;\n}\n.styles-module__marker___9CKF7.styles-module__fixed___aKrQO {\n  position: fixed;\n}\n.styles-module__marker___9CKF7.styles-module__multiSelect___CPfTC {\n  background-color: var(--agentation-color-green);\n  width: 26px;\n  height: 26px;\n  border-radius: 6px;\n  font-size: 0.75rem;\n}\n.styles-module__marker___9CKF7.styles-module__multiSelect___CPfTC.styles-module__pending___BiY-U {\n  background-color: var(--agentation-color-green);\n}\n.styles-module__marker___9CKF7.styles-module__hovered___-mg2N {\n  background-color: var(--agentation-color-red);\n}\n\n.styles-module__renumber___16lvD {\n  display: block;\n  animation: styles-module__renumberRoll___akV9B 0.2s ease-out;\n}\n\n.styles-module__markerTooltip___-VUm- {\n  position: absolute;\n  top: calc(100% + 10px);\n  left: 50%;\n  transform: translateX(-50%) scale(0.909);\n  z-index: 100002;\n  background: #1a1a1a;\n  padding: 8px 0.75rem;\n  border-radius: 0.75rem;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;\n  font-weight: 400;\n  color: #fff;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);\n  min-width: 120px;\n  max-width: 200px;\n  pointer-events: none;\n  cursor: default;\n}\n.styles-module__markerTooltip___-VUm-.styles-module__enter___8kI3q {\n  animation: styles-module__tooltipIn___aJslQ 0.1s ease-out forwards;\n}\n\n.styles-module__markerQuote___tQake {\n  display: block;\n  font-size: 12px;\n  font-style: italic;\n  color: rgba(255, 255, 255, 0.6);\n  margin-bottom: 0.3125rem;\n  line-height: 1.4;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.styles-module__markerNote___Rh4eI {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1.4;\n  color: #fff;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding-bottom: 2px;\n}\n\n[data-agentation-theme=light] .styles-module__markerTooltip___-VUm- {\n  background: #fff;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.06);\n}\n[data-agentation-theme=light] .styles-module__markerTooltip___-VUm- .styles-module__markerQuote___tQake {\n  color: rgba(0, 0, 0, 0.5);\n}\n[data-agentation-theme=light] .styles-module__markerTooltip___-VUm- .styles-module__markerNote___Rh4eI {\n  color: rgba(0, 0, 0, 0.85);\n}'
    }
    if ("u" > typeof document) {
        let e = document.getElementById("feedback-tool-styles-switch-styles");
        e || ((e = document.createElement("style")).id = "feedback-tool-styles-switch-styles", document.head.appendChild(e)), e.textContent = ".styles-module__switchContainer___Ka-AB {\n  display: flex;\n  align-items: center;\n  position: relative;\n  padding: 2px;\n  width: 24px;\n  height: 16px;\n  border-radius: 8px;\n  background-color: #cdcdcd;\n  transition: background-color 0.15s, opacity 0.15s;\n}\n[data-agentation-theme=dark] .styles-module__switchContainer___Ka-AB {\n  background-color: #484848;\n}\n.styles-module__switchContainer___Ka-AB:has(.styles-module__switchInput___kYDSD:checked) {\n  background-color: var(--agentation-color-blue);\n}\n.styles-module__switchContainer___Ka-AB:has(.styles-module__switchInput___kYDSD:disabled) {\n  opacity: 0.3;\n}\n\n.styles-module__switchInput___kYDSD {\n  position: absolute;\n  z-index: 1;\n  inset: 0;\n  border-radius: inherit;\n  opacity: 0;\n  cursor: pointer;\n}\n.styles-module__switchInput___kYDSD:disabled {\n  cursor: not-allowed;\n}\n\n.styles-module__switchThumb___4sCPH {\n  border-radius: 50%;\n  width: 12px;\n  height: 12px;\n  background-color: #fff;\n  transition: transform 0.15s;\n}\n.styles-module__switchContainer___Ka-AB:has(.styles-module__switchInput___kYDSD:checked) .styles-module__switchThumb___4sCPH {\n  transform: translateX(8px);\n}"
    }
    if ("u" > typeof document) {
        let e = document.getElementById("feedback-tool-styles-checkbox-styles");
        e || ((e = document.createElement("style")).id = "feedback-tool-styles-checkbox-styles", document.head.appendChild(e)), e.textContent = ".styles-module__checkboxContainer___joqZk {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  border: 1px solid rgba(26, 26, 26, 0.2);\n  border-radius: 4px;\n  width: 14px;\n  height: 14px;\n  background-color: #fff;\n  transition: background-color 0.2s ease;\n}\n[data-agentation-theme=dark] .styles-module__checkboxContainer___joqZk {\n  border-color: rgba(255, 255, 255, 0.2);\n  background-color: #252525;\n}\n.styles-module__checkboxContainer___joqZk:has(.styles-module__checkboxInput___ECzzO:checked) {\n  background-color: #1a1a1a;\n}\n[data-agentation-theme=dark] .styles-module__checkboxContainer___joqZk:has(.styles-module__checkboxInput___ECzzO:checked) {\n  background-color: #fff;\n}\n\n.styles-module__checkboxInput___ECzzO {\n  position: absolute;\n  z-index: 1;\n  inset: -1px;\n  border-radius: inherit;\n  opacity: 0;\n  cursor: pointer;\n}\n\n.styles-module__checkboxCheck___fUXpr {\n  color: #fafafa;\n}\n[data-agentation-theme=dark] .styles-module__checkboxCheck___fUXpr {\n  color: #1a1a1a;\n}\n\n.styles-module__checkboxCheckPath___cDyh8 {\n  stroke-dasharray: 9.29px;\n  stroke-dashoffset: 9.29px;\n  color: #fafafa;\n  transition: stroke-dashoffset 0.1s ease;\n}\n[data-agentation-theme=dark] .styles-module__checkboxCheckPath___cDyh8 {\n  color: #1a1a1a;\n}\n.styles-module__checkboxContainer___joqZk:has(.styles-module__checkboxInput___ECzzO:checked) .styles-module__checkboxCheckPath___cDyh8 {\n  transition-duration: 0.2s;\n  stroke-dashoffset: 0;\n}"
    }
    if ("u" > typeof document) {
        let e = document.getElementById("feedback-tool-styles-checkbox-field-styles");
        e || ((e = document.createElement("style")).id = "feedback-tool-styles-checkbox-field-styles", document.head.appendChild(e)), e.textContent = ".styles-module__container___w8eAF {\n  display: flex;\n  align-items: center;\n  height: 24px;\n}\n\n.styles-module__label___J5mxE {\n  padding-inline: 8px 2px;\n  line-height: 20px;\n  font-size: 13px;\n  letter-spacing: -0.15px;\n  color: rgba(26, 26, 26, 0.5);\n  cursor: pointer;\n}\n[data-agentation-theme=dark] .styles-module__label___J5mxE {\n  color: rgba(255, 255, 255, 0.5);\n}"
    }
    if ("u" > typeof document) {
        let e = document.getElementById("feedback-tool-styles-settings-panel-styles");
        e || ((e = document.createElement("style")).id = "feedback-tool-styles-settings-panel-styles", document.head.appendChild(e)), e.textContent = '@keyframes styles-module__cycleTextIn___VBNTi {\n  0% {\n    opacity: 0;\n    transform: translateY(-6px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes styles-module__scaleIn___QpQ8E {\n  from {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes styles-module__mcpPulse___5Q3Jj {\n  0% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-green) 50%, transparent);\n  }\n  70% {\n    box-shadow: 0 0 0 6px color-mix(in srgb, var(--agentation-color-green) 0%, transparent);\n  }\n  100% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-green) 0%, transparent);\n  }\n}\n@keyframes styles-module__mcpPulseError___VHxhx {\n  0% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-red) 50%, transparent);\n  }\n  70% {\n    box-shadow: 0 0 0 6px color-mix(in srgb, var(--agentation-color-red) 0%, transparent);\n  }\n  100% {\n    box-shadow: 0 0 0 0 color-mix(in srgb, var(--agentation-color-red) 0%, transparent);\n  }\n}\n@keyframes styles-module__themeIconIn___qUWMV {\n  0% {\n    opacity: 0;\n    transform: scale(0.8) rotate(-30deg);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1) rotate(0deg);\n  }\n}\n.styles-module__settingsPanel___qNkn- {\n  position: absolute;\n  right: 5px;\n  bottom: calc(100% + 0.5rem);\n  z-index: 1;\n  overflow: hidden;\n  background: #1c1c1c;\n  border-radius: 16px;\n  padding: 12px 0;\n  width: 100%;\n  max-width: 253px;\n  min-width: 205px;\n  cursor: default;\n  opacity: 1;\n  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.04);\n  transition: background-color 0.25s ease, box-shadow 0.25s ease;\n}\n.styles-module__settingsPanel___qNkn-::before, .styles-module__settingsPanel___qNkn-::after {\n  content: "";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 16px;\n  z-index: 2;\n  pointer-events: none;\n}\n.styles-module__settingsPanel___qNkn-::before {\n  left: 0;\n  background: linear-gradient(to right, #1c1c1c 0%, transparent 100%);\n}\n.styles-module__settingsPanel___qNkn-::after {\n  right: 0;\n  background: linear-gradient(to left, #1c1c1c 0%, transparent 100%);\n}\n.styles-module__settingsPanel___qNkn- .styles-module__settingsHeader___Fn1DP,\n.styles-module__settingsPanel___qNkn- .styles-module__settingsBrand___OoKlM,\n.styles-module__settingsPanel___qNkn- .styles-module__settingsBrandSlash___Q-AU9,\n.styles-module__settingsPanel___qNkn- .styles-module__settingsVersion___rXmL9,\n.styles-module__settingsPanel___qNkn- .styles-module__settingsSection___n5V-4,\n.styles-module__settingsPanel___qNkn- .styles-module__settingsLabel___VCVOQ,\n.styles-module__settingsPanel___qNkn- .styles-module__cycleButton___XMBx3,\n.styles-module__settingsPanel___qNkn- .styles-module__cycleDot___zgSXY,\n.styles-module__settingsPanel___qNkn- .styles-module__dropdownButton___mKHe8,\n.styles-module__settingsPanel___qNkn- .styles-module__sliderLabel___6K5v1,\n.styles-module__settingsPanel___qNkn- .styles-module__slider___v5z-c,\n.styles-module__settingsPanel___qNkn- .styles-module__themeToggle___3imlT {\n  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;\n}\n.styles-module__settingsPanel___qNkn-.styles-module__enter___wginS {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n  filter: blur(0px);\n  transition: opacity 0.2s ease, transform 0.2s ease, filter 0.2s ease;\n}\n.styles-module__settingsPanel___qNkn-.styles-module__exit___A4iJc {\n  opacity: 0;\n  transform: translateY(8px) scale(0.95);\n  filter: blur(5px);\n  pointer-events: none;\n  transition: opacity 0.1s ease, transform 0.1s ease, filter 0.1s ease;\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___qNkn- {\n  background: #1a1a1a;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.08);\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___qNkn- .styles-module__settingsLabel___VCVOQ {\n  color: rgba(255, 255, 255, 0.6);\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___qNkn- .styles-module__settingsOption___JoyH- {\n  color: rgba(255, 255, 255, 0.85);\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___qNkn- .styles-module__settingsOption___JoyH-:hover {\n  background: rgba(255, 255, 255, 0.1);\n}\n[data-agentation-theme=dark] .styles-module__settingsPanel___qNkn- .styles-module__settingsOption___JoyH-.styles-module__selected___k1-Vq {\n  background: rgba(255, 255, 255, 0.15);\n  color: #fff;\n}\n\n.styles-module__settingsPanelContainer___5it-H {\n  overflow: visible;\n  position: relative;\n  display: flex;\n  padding: 0 16px;\n}\n\n.styles-module__settingsPage___BMn-3 {\n  min-width: 100%;\n  flex-basis: 0;\n  flex-shrink: 0;\n  transition: transform 0.2s ease, opacity 0.2s ease;\n  transition-delay: 0s;\n  opacity: 1;\n}\n\n.styles-module__settingsPage___BMn-3.styles-module__slideLeft___qUvW4 {\n  transform: translateX(-24px);\n  opacity: 0;\n  pointer-events: none;\n}\n\n.styles-module__automationsPage___N7By0 {\n  position: absolute;\n  top: 0;\n  left: 24px;\n  width: 100%;\n  height: 100%;\n  padding: 0 16px 4px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  transition: transform 0.2s ease, opacity 0.2s ease;\n  opacity: 0;\n  pointer-events: none;\n}\n\n.styles-module__automationsPage___N7By0.styles-module__slideIn___uXDSu {\n  transform: translateX(-24px);\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.styles-module__settingsHeader___Fn1DP {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 24px;\n}\n\n.styles-module__settingsBrand___OoKlM {\n  font-size: 0.8125rem;\n  font-weight: 600;\n  letter-spacing: -0.0094em;\n  color: #fff;\n  text-decoration: none;\n}\n\n.styles-module__settingsBrandSlash___Q-AU9 {\n  color: var(--agentation-color-accent);\n  transition: color 0.2s ease;\n}\n\n.styles-module__settingsVersion___rXmL9 {\n  font-size: 11px;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.4);\n  margin-left: auto;\n  letter-spacing: -0.0094em;\n}\n\n.styles-module__themeToggle___3imlT {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 22px;\n  height: 22px;\n  margin-left: 8px;\n  border: none;\n  border-radius: 6px;\n  background: transparent;\n  color: rgba(255, 255, 255, 0.4);\n  transition: background-color 0.15s ease, color 0.15s ease;\n  cursor: pointer;\n}\n.styles-module__themeToggle___3imlT:hover {\n  background: rgba(255, 255, 255, 0.1);\n  color: rgba(255, 255, 255, 0.8);\n}\n[data-agentation-theme=light] .styles-module__themeToggle___3imlT {\n  color: rgba(0, 0, 0, 0.4);\n}\n[data-agentation-theme=light] .styles-module__themeToggle___3imlT:hover {\n  background: rgba(0, 0, 0, 0.06);\n  color: rgba(0, 0, 0, 0.7);\n}\n\n.styles-module__themeIconWrapper___pyaYa {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  width: 20px;\n  height: 20px;\n}\n\n.styles-module__themeIcon___w7lAm {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  animation: styles-module__themeIconIn___qUWMV 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\n}\n\n.styles-module__settingsSectionGrow___eZTRw {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.styles-module__settingsRow___y-tDE {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 24px;\n}\n.styles-module__settingsRow___y-tDE.styles-module__settingsRowMarginTop___uLpGb {\n  margin-top: 8px;\n}\n\n.styles-module__settingsRowDisabled___ydl3Q .styles-module__settingsLabel___VCVOQ {\n  color: rgba(255, 255, 255, 0.2);\n}\n[data-agentation-theme=light] .styles-module__settingsRowDisabled___ydl3Q .styles-module__settingsLabel___VCVOQ {\n  color: rgba(0, 0, 0, 0.2);\n}\n\n.styles-module__settingsLabel___VCVOQ {\n  display: flex;\n  align-items: center;\n  column-gap: 2px;\n  line-height: 20px;\n  font-size: 13px;\n  font-weight: 400;\n  letter-spacing: -0.15px;\n  color: rgba(255, 255, 255, 0.5);\n}\n[data-agentation-theme=light] .styles-module__settingsLabel___VCVOQ {\n  color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__cycleButton___XMBx3 {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0;\n  border: none;\n  background: transparent;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  color: #fff;\n  cursor: pointer;\n  letter-spacing: -0.0094em;\n}\n[data-agentation-theme=light] .styles-module__cycleButton___XMBx3 {\n  color: rgba(0, 0, 0, 0.85);\n}\n.styles-module__cycleButton___XMBx3:disabled {\n  opacity: 0.35;\n  cursor: not-allowed;\n}\n\n.styles-module__cycleButtonText___mbbnD {\n  display: inline-block;\n  animation: styles-module__cycleTextIn___VBNTi 0.2s ease-out;\n}\n\n.styles-module__cycleDots___ehp6i {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.styles-module__cycleDot___zgSXY {\n  width: 3px;\n  height: 3px;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.3);\n  transform: scale(0.667);\n  transition: background-color 0.25s ease-out, transform 0.25s ease-out;\n}\n.styles-module__cycleDot___zgSXY.styles-module__active___dpAhM {\n  background: #fff;\n  transform: scale(1);\n}\n[data-agentation-theme=light] .styles-module__cycleDot___zgSXY {\n  background: rgba(0, 0, 0, 0.2);\n}\n[data-agentation-theme=light] .styles-module__cycleDot___zgSXY.styles-module__active___dpAhM {\n  background: rgba(0, 0, 0, 0.7);\n}\n\n.styles-module__colorOptions___pbxZx {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 6px;\n  height: 26px;\n}\n\n.styles-module__colorOption___Co955 {\n  padding: 0;\n  position: relative;\n  border-radius: 50%;\n  width: 20px;\n  height: 20px;\n  background-color: #fff;\n  cursor: pointer;\n}\n[data-agentation-theme=dark] .styles-module__colorOption___Co955 {\n  background-color: #1a1a1a;\n}\n.styles-module__colorOption___Co955::before, .styles-module__colorOption___Co955::after {\n  content: "";\n  position: absolute;\n  inset: 0;\n  border-radius: 50%;\n  background-color: var(--swatch);\n  transition: opacity 0.2s, transform 0.2s;\n}\n@supports (color: color(display-p3 0 0 0)) {\n  .styles-module__colorOption___Co955::before, .styles-module__colorOption___Co955::after {\n    --color: var(--swatch-p3);\n  }\n}\n.styles-module__colorOption___Co955::after {\n  z-index: -1;\n  transform: scale(1.2);\n  opacity: 0;\n}\n.styles-module__colorOption___Co955.styles-module__selected___k1-Vq::before {\n  transform: scale(0.8);\n}\n.styles-module__colorOption___Co955.styles-module__selected___k1-Vq::after {\n  opacity: 1;\n}\n\n.styles-module__settingsNavLink___uYIwM {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 24px;\n  padding: 0;\n  border: none;\n  background: transparent;\n  font-family: inherit;\n  line-height: 20px;\n  font-size: 13px;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.5);\n  transition: color 0.15s ease;\n  cursor: pointer;\n}\n.styles-module__settingsNavLink___uYIwM:hover {\n  color: rgba(255, 255, 255, 0.9);\n}\n.styles-module__settingsNavLink___uYIwM svg {\n  color: rgba(255, 255, 255, 0.4);\n  transition: color 0.15s ease;\n}\n.styles-module__settingsNavLink___uYIwM:hover svg {\n  color: #fff;\n}\n[data-agentation-theme=light] .styles-module__settingsNavLink___uYIwM {\n  color: rgba(0, 0, 0, 0.5);\n}\n[data-agentation-theme=light] .styles-module__settingsNavLink___uYIwM:hover {\n  color: rgba(0, 0, 0, 0.8);\n}\n[data-agentation-theme=light] .styles-module__settingsNavLink___uYIwM svg {\n  color: rgba(0, 0, 0, 0.25);\n}\n[data-agentation-theme=light] .styles-module__settingsNavLink___uYIwM:hover svg {\n  color: rgba(0, 0, 0, 0.8);\n}\n\n.styles-module__settingsNavLinkRight___XBUzC {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.styles-module__settingsBackButton___fflll {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  height: 24px;\n  background: transparent;\n  font-family: inherit;\n  line-height: 20px;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: -0.15px;\n  color: #fff;\n  cursor: pointer;\n  transition: transform 0.12s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.styles-module__settingsBackButton___fflll svg {\n  opacity: 0.4;\n  flex-shrink: 0;\n  transition: opacity 0.15s ease, transform 0.18s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.styles-module__settingsBackButton___fflll:hover svg {\n  opacity: 1;\n}\n[data-agentation-theme=light] .styles-module__settingsBackButton___fflll {\n  color: rgba(0, 0, 0, 0.85);\n  border-bottom-color: rgba(0, 0, 0, 0.08);\n}\n\n.styles-module__automationHeader___Avra9 {\n  display: flex;\n  align-items: center;\n  gap: 0.125rem;\n  font-size: 0.8125rem;\n  font-weight: 400;\n  color: #fff;\n}\n[data-agentation-theme=light] .styles-module__automationHeader___Avra9 {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__automationDescription___vFTmJ {\n  font-size: 0.6875rem;\n  font-weight: 300;\n  color: rgba(255, 255, 255, 0.5);\n  margin-top: 2px;\n  line-height: 14px;\n}\n[data-agentation-theme=light] .styles-module__automationDescription___vFTmJ {\n  color: rgba(0, 0, 0, 0.5);\n}\n\n.styles-module__learnMoreLink___cG7OI {\n  color: rgba(255, 255, 255, 0.8);\n  text-decoration-line: underline;\n  text-decoration-style: dotted;\n  text-decoration-color: rgba(255, 255, 255, 0.2);\n  text-underline-offset: 2px;\n  transition: color 0.15s ease;\n}\n.styles-module__learnMoreLink___cG7OI:hover {\n  color: #fff;\n}\n[data-agentation-theme=light] .styles-module__learnMoreLink___cG7OI {\n  color: rgba(0, 0, 0, 0.6);\n  text-decoration-color: rgba(0, 0, 0, 0.2);\n}\n[data-agentation-theme=light] .styles-module__learnMoreLink___cG7OI:hover {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.styles-module__autoSendContainer___VpkXk {\n  display: flex;\n  align-items: center;\n}\n\n.styles-module__autoSendLabel___ngNdC {\n  padding-inline-end: 8px;\n  font-size: 11px;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.4);\n  transition: color 0.15s, opacity 0.15s;\n  cursor: pointer;\n}\n.styles-module__autoSendLabel___ngNdC.styles-module__active___dpAhM {\n  color: #66b8ff;\n  color: color(display-p3 0.4 0.72 1);\n}\n[data-agentation-theme=light] .styles-module__autoSendLabel___ngNdC {\n  color: rgba(0, 0, 0, 0.4);\n}\n[data-agentation-theme=light] .styles-module__autoSendLabel___ngNdC.styles-module__active___dpAhM {\n  color: var(--agentation-color-blue);\n}\n.styles-module__autoSendLabel___ngNdC.styles-module__disabled___9AZYS {\n  opacity: 0.3;\n  cursor: not-allowed;\n}\n\n.styles-module__mcpStatusDot___8AMxP {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n.styles-module__mcpStatusDot___8AMxP.styles-module__connecting___QEO1r {\n  background-color: var(--agentation-color-yellow);\n  animation: styles-module__mcpPulse___5Q3Jj 1.5s infinite;\n}\n.styles-module__mcpStatusDot___8AMxP.styles-module__connected___WyFkx {\n  background-color: var(--agentation-color-green);\n  animation: styles-module__mcpPulse___5Q3Jj 2.5s ease-in-out infinite;\n}\n.styles-module__mcpStatusDot___8AMxP.styles-module__disconnected___mvmvQ {\n  background-color: var(--agentation-color-red);\n  animation: styles-module__mcpPulseError___VHxhx 2s infinite;\n}\n\n.styles-module__mcpNavIndicator___auBHI {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n.styles-module__mcpNavIndicator___auBHI.styles-module__connected___WyFkx {\n  background-color: var(--agentation-color-green);\n  animation: styles-module__mcpPulse___5Q3Jj 2.5s ease-in-out infinite;\n}\n.styles-module__mcpNavIndicator___auBHI.styles-module__connecting___QEO1r {\n  background-color: var(--agentation-color-yellow);\n  animation: styles-module__mcpPulse___5Q3Jj 1.5s ease-in-out infinite;\n}\n\n.styles-module__webhookUrlInput___WDDDC {\n  display: block;\n  width: 100%;\n  flex: 1;\n  min-height: 60px;\n  box-sizing: border-box;\n  margin-top: 11px;\n  padding: 8px 10px;\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  border-radius: 6px;\n  background: rgba(255, 255, 255, 0.03);\n  font-family: inherit;\n  font-size: 0.75rem;\n  font-weight: 400;\n  color: #fff;\n  outline: none;\n  resize: none;\n  user-select: text;\n  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;\n}\n.styles-module__webhookUrlInput___WDDDC::placeholder {\n  color: rgba(255, 255, 255, 0.3);\n}\n.styles-module__webhookUrlInput___WDDDC:focus {\n  border-color: rgba(255, 255, 255, 0.3);\n  background: rgba(255, 255, 255, 0.08);\n}\n[data-agentation-theme=light] .styles-module__webhookUrlInput___WDDDC {\n  border-color: rgba(0, 0, 0, 0.1);\n  background: rgba(0, 0, 0, 0.03);\n  color: rgba(0, 0, 0, 0.85);\n}\n[data-agentation-theme=light] .styles-module__webhookUrlInput___WDDDC::placeholder {\n  color: rgba(0, 0, 0, 0.3);\n}\n[data-agentation-theme=light] .styles-module__webhookUrlInput___WDDDC:focus {\n  border-color: rgba(0, 0, 0, 0.25);\n  background: rgba(0, 0, 0, 0.05);\n}\n\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn- {\n  background: #fff;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn-::before {\n  background: linear-gradient(to right, #fff 0%, transparent 100%);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn-::after {\n  background: linear-gradient(to left, #fff 0%, transparent 100%);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn- .styles-module__settingsHeader___Fn1DP {\n  border-bottom-color: rgba(0, 0, 0, 0.08);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn- .styles-module__settingsBrand___OoKlM {\n  color: #E5484D;\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn- .styles-module__settingsVersion___rXmL9 {\n  color: rgba(0, 0, 0, 0.4);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn- .styles-module__settingsSection___n5V-4 {\n  border-top-color: rgba(0, 0, 0, 0.08);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn- .styles-module__settingsLabel___VCVOQ {\n  color: rgba(0, 0, 0, 0.5);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn- .styles-module__cycleButton___XMBx3 {\n  color: rgba(0, 0, 0, 0.85);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn- .styles-module__cycleDot___zgSXY {\n  background: rgba(0, 0, 0, 0.2);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn- .styles-module__cycleDot___zgSXY.styles-module__active___dpAhM {\n  background: rgba(0, 0, 0, 0.7);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn- .styles-module__dropdownButton___mKHe8 {\n  color: rgba(0, 0, 0, 0.85);\n}\n[data-agentation-theme=light] .styles-module__settingsPanel___qNkn- .styles-module__dropdownButton___mKHe8:hover {\n  background: rgba(0, 0, 0, 0.05);\n}\n\n.styles-module__checkboxField___ZrSqv:not(:first-child) {\n  margin-top: 8px;\n}\n\n.styles-module__divider___h6Yux {\n  margin-block: 8px;\n  width: 100%;\n  height: 1px;\n  background-color: rgba(26, 26, 26, 0.07);\n}\n[data-agentation-theme=dark] .styles-module__divider___h6Yux {\n  background-color: rgba(255, 255, 255, 0.07);\n}'
    }
    var b = [{
        id: "indigo",
        label: "Indigo",
        srgb: "#6155F5",
        p3: "color(display-p3 0.38 0.33 0.96)"
    }, {
        id: "blue",
        label: "Blue",
        srgb: "#0088FF",
        p3: "color(display-p3 0.00 0.53 1.00)"
    }, {
        id: "cyan",
        label: "Cyan",
        srgb: "#00C3D0",
        p3: "color(display-p3 0.00 0.76 0.82)"
    }, {
        id: "green",
        label: "Green",
        srgb: "#34C759",
        p3: "color(display-p3 0.20 0.78 0.35)"
    }, {
        id: "yellow",
        label: "Yellow",
        srgb: "#FFCC00",
        p3: "color(display-p3 1.00 0.80 0.00)"
    }, {
        id: "orange",
        label: "Orange",
        srgb: "#FF8D28",
        p3: "color(display-p3 1.00 0.55 0.16)"
    }, {
        id: "red",
        label: "Red",
        srgb: "#FF383C",
        p3: "color(display-p3 1.00 0.22 0.24)"
    }];
    (() => {
        if ("u" < typeof document || document.getElementById("agentation-color-tokens")) return;
        let e = document.createElement("style");
        e.id = "agentation-color-tokens", e.textContent = [...b.map(e => `
      [data-agentation-accent="${e.id}"] {
        --agentation-color-accent: ${e.srgb};
      }

      @supports (color: color(display-p3 0 0 0)) {
        [data-agentation-accent="${e.id}"] {
          --agentation-color-accent: ${e.p3};
        }
      }
    `), `:root {
      ${b.map(e=>`--agentation-color-${e.id}: ${e.srgb};`).join("\n")}
    }`, `@supports (color: color(display-p3 0 0 0)) {
      :root {
        ${b.map(e=>`--agentation-color-${e.id}: ${e.p3};`).join("\n")}
      }
    }`].join(""), document.head.appendChild(e)
    })();
    var x = e.i(976338),
        v = e.i(932864);

    function w(e, n, t) {
        return Math.max(n, Math.min(e, t))
    }

    function k(e, n) {
        return "rtl" === n ? (1 - e) * 100 : (-1 + e) * 100
    }

    function C(e, n, t) {
        if ("string" == typeof n) void 0 !== t && (e.style[n] = t);
        else
            for (let t in n)
                if (n.hasOwnProperty(t)) {
                    let o = n[t];
                    void 0 !== o && (e.style[t] = o)
                }
    }

    function S(e, n) {
        e.classList.add(n)
    }

    function j(e, n) {
        e.classList.remove(n)
    }

    function I(e) {
        e && e.parentNode && e.parentNode.removeChild(e)
    }
    var N = {
            minimum: .08,
            maximum: 1,
            template: `<div class="bar"><div class="peg"></div></div>
             <div class="spinner"><div class="spinner-icon"></div></div>
             <div class="indeterminate"><div class="inc"></div><div class="dec"></div></div>`,
            easing: "linear",
            positionUsing: "",
            speed: 200,
            trickle: !0,
            trickleSpeed: 200,
            showSpinner: !0,
            indeterminate: !1,
            indeterminateSelector: ".indeterminate",
            barSelector: ".bar",
            spinnerSelector: ".spinner",
            parent: "body",
            direction: "ltr"
        },
        O = class {
            static settings = N;
            static status = null;
            static pending = [];
            static isPaused = !1;
            static reset() {
                return this.status = null, this.isPaused = !1, this.pending = [], this.settings = N, this
            }
            static configure(e) {
                return Object.assign(this.settings, e), this
            }
            static isStarted() {
                return "number" == typeof this.status
            }
            static set(e) {
                if (this.isPaused) return this;
                let n = this.isStarted();
                e = w(e, this.settings.minimum, this.settings.maximum), this.status = e === this.settings.maximum ? null : e;
                let t = this.render(!n),
                    o = this.settings.speed,
                    s = this.settings.easing;
                return t.forEach(e => e.offsetWidth), this.queue(n => {
                    t.forEach(n => {
                        this.settings.indeterminate || C(n.querySelector(this.settings.barSelector), this.barPositionCSS({
                            n: e,
                            speed: o,
                            ease: s
                        }))
                    }), e === this.settings.maximum ? (t.forEach(e => {
                        C(e, {
                            transition: "none",
                            opacity: "1"
                        }), e.offsetWidth
                    }), setTimeout(() => {
                        t.forEach(e => {
                            C(e, {
                                transition: `all ${o}ms ${s}`,
                                opacity: "0"
                            })
                        }), setTimeout(() => {
                            t.forEach(e => {
                                this.remove(e), null === this.settings.template && C(e, {
                                    transition: "none",
                                    opacity: "1"
                                })
                            }), n()
                        }, o)
                    }, o)) : setTimeout(n, o)
                }), this
            }
            static start() {
                this.status || this.set(0);
                let e = () => {
                    this.isPaused || setTimeout(() => {
                        this.status && (this.trickle(), e())
                    }, this.settings.trickleSpeed)
                };
                return this.settings.trickle && e(), this
            }
            static done(e) {
                return e || this.status ? this.inc(.3 + .5 * Math.random()).set(1) : this
            }
            static inc(e) {
                if (this.isPaused || this.settings.indeterminate) return this;
                let n = this.status;
                return n ? n > 1 ? this : ("number" != typeof e && (e = n >= 0 && n < .2 ? .1 : n >= .2 && n < .5 ? .04 : n >= .5 && n < .8 ? .02 : .005 * (n >= .8 && n < .99)), n = w(n + e, 0, .994), this.set(n)) : this.start()
            }
            static dec(e) {
                if (this.isPaused || this.settings.indeterminate) return this;
                let n = this.status;
                return "number" != typeof n ? this : ("number" != typeof e && (e = n > .8 ? .1 : n > .5 ? .05 : n > .2 ? .02 : .01), n = w(n - e, 0, .994), this.set(n))
            }
            static trickle() {
                return this.isPaused || this.settings.indeterminate ? this : this.inc()
            }
            static promise(e) {
                if (!e || "resolved" === e.state()) return this;
                let n = 0,
                    t = 0;
                return this.start(), n++, t++, e.always(() => {
                    0 == --t ? (n = 0, this.done()) : this.set((n - t) / n)
                }), this
            }
            static render(e = !1) {
                let n = "string" == typeof this.settings.parent ? document.querySelector(this.settings.parent) : this.settings.parent,
                    t = n ? Array.from(n.querySelectorAll(".bprogress")) : [];
                if (null !== this.settings.template && 0 === t.length) {
                    S(document.documentElement, "bprogress-busy");
                    let e = document.createElement("div");
                    S(e, "bprogress"), e.innerHTML = this.settings.template, n !== document.body && S(n, "bprogress-custom-parent"), n.appendChild(e), t.push(e)
                }
                return t.forEach(t => {
                    if (null === this.settings.template && (t.style.display = ""), S(document.documentElement, "bprogress-busy"), n !== document.body && S(n, "bprogress-custom-parent"), this.settings.indeterminate) {
                        let e = t.querySelector(this.settings.barSelector);
                        e && (e.style.display = "none");
                        let n = t.querySelector(this.settings.indeterminateSelector);
                        n && (n.style.display = "")
                    } else {
                        let n = t.querySelector(this.settings.barSelector),
                            o = e ? k(0, this.settings.direction) : k(this.status || 0, this.settings.direction);
                        C(n, this.barPositionCSS({
                            n: this.status || 0,
                            speed: this.settings.speed,
                            ease: this.settings.easing,
                            perc: o
                        }));
                        let s = t.querySelector(this.settings.indeterminateSelector);
                        s && (s.style.display = "none")
                    }
                    if (null === this.settings.template) {
                        let e = t.querySelector(this.settings.spinnerSelector);
                        e && (e.style.display = this.settings.showSpinner ? "block" : "none")
                    } else if (!this.settings.showSpinner) {
                        let e = t.querySelector(this.settings.spinnerSelector);
                        e && I(e)
                    }
                }), t
            }
            static remove(e) {
                e ? null === this.settings.template ? e.style.display = "none" : I(e) : (j(document.documentElement, "bprogress-busy"), ("string" == typeof this.settings.parent ? document.querySelectorAll(this.settings.parent) : [this.settings.parent]).forEach(e => {
                    j(e, "bprogress-custom-parent")
                }), document.querySelectorAll(".bprogress").forEach(e => {
                    null === this.settings.template ? e.style.display = "none" : I(e)
                }))
            }
            static pause() {
                return !this.isStarted() || this.settings.indeterminate || (this.isPaused = !0), this
            }
            static resume() {
                if (!this.isStarted() || this.settings.indeterminate) return this;
                if (this.isPaused = !1, this.settings.trickle) {
                    let e = () => {
                        this.isPaused || setTimeout(() => {
                            this.status && (this.trickle(), e())
                        }, this.settings.trickleSpeed)
                    };
                    e()
                }
                return this
            }
            static isRendered() {
                return document.querySelectorAll(".bprogress").length > 0
            }
            static getPositioningCSS() {
                let e = document.body.style,
                    n = "WebkitTransform" in e ? "Webkit" : "MozTransform" in e ? "Moz" : "msTransform" in e ? "ms" : "OTransform" in e ? "O" : "";
                return `${n}Perspective` in e ? "translate3d" : `${n}Transform` in e ? "translate" : "margin"
            }
            static queue(e) {
                this.pending.push(e), 1 === this.pending.length && this.next()
            }
            static next() {
                let e = this.pending.shift();
                e && e(this.next.bind(this))
            }
            static initPositionUsing() {
                "" === this.settings.positionUsing && (this.settings.positionUsing = this.getPositioningCSS())
            }
            static barPositionCSS({
                n: e,
                speed: n,
                ease: t,
                perc: o
            }) {
                this.initPositionUsing();
                let s = {},
                    r = o ? ? k(e, this.settings.direction);
                return "translate3d" === this.settings.positionUsing ? s = {
                    transform: `translate3d(${r}%,0,0)`
                } : "translate" === this.settings.positionUsing ? s = {
                    transform: `translate(${r}%,0)`
                } : "width" === this.settings.positionUsing ? s = {
                    width: `${"rtl"===this.settings.direction?100-r:r+100}%`,
                    ..."rtl" === this.settings.direction ? {
                        right: "0",
                        left: "auto"
                    } : {}
                } : "margin" === this.settings.positionUsing && (s = "rtl" === this.settings.direction ? {
                    "margin-left": `${-r}%`
                } : {
                    "margin-right": `${-r}%`
                }), s.transition = `all ${n}ms ${t}`, s
            }
        };

    function z(e, n) {
        return e.protocol + "//" + e.host + e.pathname + e.search == n.protocol + "//" + n.host + n.pathname + n.search
    }

    function P(e, n) {
        return e.protocol + "//" + e.host + e.pathname == n.protocol + "//" + n.host + n.pathname
    }

    function E(e, n) {
        if ("string" == typeof n && "data-disable-progress" === n) {
            let t = n.substring(5).replace(/-([a-z])/g, (e, n) => n.toUpperCase());
            return e.dataset[t]
        }
        let t = e[n];
        if (t instanceof SVGAnimatedString) {
            let e = t.baseVal;
            return "href" === n ? function(e, n) {
                let t, o, s;
                if (!e.startsWith("/") || !n) return e;
                let {
                    pathname: r,
                    query: a,
                    hash: l
                } = (t = e.indexOf("#"), (s = (o = e.indexOf("?")) > -1 && (t < 0 || o < t)) || t > -1 ? {
                    pathname: e.substring(0, s ? o : t),
                    query: s ? e.substring(o, t > -1 ? t : void 0) : "",
                    hash: t > -1 ? e.slice(t) : ""
                } : {
                    pathname: e,
                    query: "",
                    hash: ""
                });
                return `${n}${r}${a}${l}`
            }(e, location.origin) : e
        }
        return t
    }

    function L(e) {
        for (var n = 1; n < arguments.length; n++) {
            var t = null != arguments[n] ? arguments[n] : {},
                o = Object.keys(t);
            "function" == typeof Object.getOwnPropertySymbols && (o = o.concat(Object.getOwnPropertySymbols(t).filter(function(e) {
                return Object.getOwnPropertyDescriptor(t, e).enumerable
            }))), o.forEach(function(n) {
                var o;
                o = t[n], n in e ? Object.defineProperty(e, n, {
                    value: o,
                    enumerable: !0,
                    configurable: !0,
                    writable: !0
                }) : e[n] = o
            })
        }
        return e
    }

    function T(e, n) {
        if (null == e) return {};
        var t, o, s = function(e, n) {
            if (null == e) return {};
            var t, o, s = {},
                r = Object.keys(e);
            for (o = 0; o < r.length; o++) t = r[o], n.indexOf(t) >= 0 || (s[t] = e[t]);
            return s
        }(e, n);
        if (Object.getOwnPropertySymbols) {
            var r = Object.getOwnPropertySymbols(e);
            for (o = 0; o < r.length; o++) t = r[o], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (s[t] = e[t])
        }
        return s
    }
    var R = (0, r.createContext)(void 0),
        B = function() {
            var e = (0, r.useContext)(R);
            if (!e) throw Error("useProgress must be used within a ProgressProvider");
            return e
        },
        D = function(e) {
            var n = e.children,
                t = e.color,
                o = void 0 === t ? "#0A2FFF" : t,
                s = e.height,
                a = void 0 === s ? "2px" : s,
                l = e.options,
                i = e.spinnerPosition,
                _ = void 0 === i ? "top-right" : i,
                d = e.style,
                c = e.disableStyle,
                u = e.nonce,
                m = e.shallowRouting,
                p = e.disableSameURL,
                g = e.startPosition,
                y = e.delay,
                f = e.stopDelay,
                h = (0, r.useRef)(null),
                b = (0, r.useRef)(!1),
                x = (0, r.useCallback)(function() {
                    return b.current = !0
                }, []),
                v = (0, r.useCallback)(function() {
                    return b.current = !1
                }, []),
                w = (0, r.useCallback)(function() {
                    var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 0,
                        n = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0,
                        t = arguments.length > 2 && void 0 !== arguments[2] && arguments[2];
                    t && x(), h.current = setTimeout(function() {
                        e > 0 && O.set(e), O.start()
                    }, n)
                }, [x]),
                k = (0, r.useCallback)(function() {
                    var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : 0,
                        n = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0;
                    setTimeout(function() {
                        h.current && clearTimeout(h.current), h.current = setTimeout(function() {
                            O.isStarted() && (O.done(), b.current && v())
                        }, e)
                    }, n)
                }, [v]),
                C = (0, r.useCallback)(function(e) {
                    return O.inc(e)
                }, []),
                S = (0, r.useCallback)(function(e) {
                    return O.dec(e)
                }, []),
                j = (0, r.useCallback)(function(e) {
                    return O.set(e)
                }, []),
                I = (0, r.useCallback)(function() {
                    return O.pause()
                }, []),
                N = (0, r.useCallback)(function() {
                    return O.resume()
                }, []),
                z = (0, r.useCallback)(function() {
                    return O.settings
                }, []),
                P = (0, r.useCallback)(function(e) {
                    var n = z(),
                        t = "function" == typeof e ? e(n) : e,
                        o = L({}, n, t);
                    O.configure(o)
                }, [z]),
                E = (0, r.useMemo)(function() {
                    return r.default.createElement("style", {
                        nonce: u
                    }, d || (({
                        color: e = "#29d",
                        height: n = "2px",
                        spinnerPosition: t = "top-right"
                    }) => `
:root {
  --bprogress-color: ${e};
  --bprogress-height: ${n};
  --bprogress-spinner-size: 18px;
  --bprogress-spinner-animation-duration: 400ms;
  --bprogress-spinner-border-size: 2px;
  --bprogress-box-shadow: 0 0 10px ${e}, 0 0 5px ${e};
  --bprogress-z-index: 99999;
  --bprogress-spinner-top: ${"top-right"===t||"top-left"===t?"15px":"auto"};
  --bprogress-spinner-bottom: ${"bottom-right"===t||"bottom-left"===t?"15px":"auto"};
  --bprogress-spinner-right: ${"top-right"===t||"bottom-right"===t?"15px":"auto"};
  --bprogress-spinner-left: ${"top-left"===t||"bottom-left"===t?"15px":"auto"};
}

.bprogress {
  width: 0;
  height: 0;
  pointer-events: none;
  z-index: var(--bprogress-z-index);
}

.bprogress .bar {
  background: var(--bprogress-color);
  position: fixed;
  z-index: var(--bprogress-z-index);
  top: 0;
  left: 0;
  width: 100%;
  height: var(--bprogress-height);
}

/* Fancy blur effect */
.bprogress .peg {
  display: block;
  position: absolute;
  right: 0;
  width: 100px;
  height: 100%;
  box-shadow: var(--bprogress-box-shadow);
  opacity: 1.0;
  transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
.bprogress .spinner {
  display: block;
  position: fixed;
  z-index: var(--bprogress-z-index);
  top: var(--bprogress-spinner-top);
  bottom: var(--bprogress-spinner-bottom);
  right: var(--bprogress-spinner-right);
  left: var(--bprogress-spinner-left);
}

.bprogress .spinner-icon {
  width: var(--bprogress-spinner-size);
  height: var(--bprogress-spinner-size);
  box-sizing: border-box;
  border: solid var(--bprogress-spinner-border-size) transparent;
  border-top-color: var(--bprogress-color);
  border-left-color: var(--bprogress-color);
  border-radius: 50%;
  -webkit-animation: bprogress-spinner var(--bprogress-spinner-animation-duration) linear infinite;
  animation: bprogress-spinner var(--bprogress-spinner-animation-duration) linear infinite;
}

.bprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.bprogress-custom-parent .bprogress .spinner,
.bprogress-custom-parent .bprogress .bar {
  position: absolute;
}

.bprogress .indeterminate {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--bprogress-height);
  overflow: hidden;
}

.bprogress .indeterminate .inc,
.bprogress .indeterminate .dec {
  position: absolute;
  top: 0;
  height: 100%;
  background-color: var(--bprogress-color);
}

.bprogress .indeterminate .inc {
  animation: bprogress-indeterminate-increase 2s infinite;
}

.bprogress .indeterminate .dec {
  animation: bprogress-indeterminate-decrease 2s 0.5s infinite;
}

@-webkit-keyframes bprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes bprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes bprogress-indeterminate-increase {
  from { left: -5%; width: 5%; }
  to { left: 130%; width: 100%; }
}

@keyframes bprogress-indeterminate-decrease {
  from { left: -80%; width: 80%; }
  to { left: 110%; width: 10%; }
}
`)({
                        color: o,
                        height: a,
                        spinnerPosition: _
                    }))
                }, [o, a, u, _, d]);
            return O.configure(l || {}), r.default.createElement(R.Provider, {
                value: {
                    start: w,
                    stop: k,
                    inc: C,
                    dec: S,
                    set: j,
                    pause: I,
                    resume: N,
                    setOptions: P,
                    getOptions: z,
                    isAutoStopDisabled: b,
                    disableAutoStop: x,
                    enableAutoStop: v,
                    shallowRouting: void 0 !== m && m,
                    disableSameURL: void 0 === p || p,
                    startPosition: void 0 === g ? 0 : g,
                    delay: void 0 === y ? 0 : y,
                    stopDelay: void 0 === f ? 0 : f
                }
            }, void 0 !== c && c ? null : E, n)
        };

    function A() {
        for (var e = arguments.length, n = Array(e), t = 0; t < e; t++) n[t] = arguments[t];
        return n.filter(Boolean).join(" ")
    }
    var M = r.default.forwardRef(function(e, n) {
            var t = e.as,
                o = e.children,
                s = e.className,
                a = e.classSelector,
                l = T(e, ["as", "children", "className", "classSelector"]);
            return r.default.createElement(null != t ? t : "div", L({
                ref: n,
                className: A(void 0 === a ? "bar" : a, s)
            }, l), o)
        }),
        U = r.default.forwardRef(function(e, n) {
            var t = e.as,
                o = e.children,
                s = e.className,
                a = e.classSelector,
                l = T(e, ["as", "children", "className", "classSelector"]);
            return r.default.createElement(null != t ? t : "div", L({
                ref: n,
                className: A(void 0 === a ? "peg" : a, s)
            }, l), o)
        }),
        F = r.default.forwardRef(function(e, n) {
            var t = e.as,
                o = e.children,
                s = e.className,
                a = e.classSelector,
                l = T(e, ["as", "children", "className", "classSelector"]);
            return r.default.createElement(null != t ? t : "div", L({
                ref: n,
                className: A(void 0 === a ? "spinner" : a, s)
            }, l), o)
        }),
        q = r.default.forwardRef(function(e, n) {
            var t = e.as,
                o = e.children,
                s = e.className,
                a = e.classSelector,
                l = T(e, ["as", "children", "className", "classSelector"]);
            return r.default.createElement(null != t ? t : "div", L({
                ref: n,
                className: A(void 0 === a ? "spinner-icon" : a, s)
            }, l), o)
        });

    function Q(e) {
        var n = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : ["memo", "shouldCompareComplexProps"];
        return (0, r.memo)(e, function(e, t) {
            return !1 !== t.memo && (!t.shouldCompareComplexProps || function(e, n) {
                var t = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : [],
                    o = Object.keys(e).filter(function(e) {
                        return !t.includes(e)
                    }),
                    s = Object.keys(n).filter(function(e) {
                        return !t.includes(e)
                    });
                if (o.length !== s.length) return !1;
                var r = !0,
                    a = !1,
                    l = void 0;
                try {
                    for (var i, _ = o[Symbol.iterator](); !(r = (i = _.next()).done); r = !0) {
                        var d = i.value;
                        if (e[d] !== n[d]) return !1
                    }
                } catch (e) {
                    a = !0, l = e
                } finally {
                    try {
                        r || null == _.return || _.return()
                    } finally {
                        if (a) throw l
                    }
                }
                return !0
            }(e, t, n))
        })
    }
    r.default.forwardRef(function(e, n) {
        var t, o, s = e.as,
            a = e.children,
            l = e.className,
            i = e.style,
            _ = T(e, ["as", "children", "className", "style"]);
        return r.default.createElement(null != s ? s : "div", L({
            ref: n,
            className: A("bprogress", l),
            style: (t = L({}, i), o = o = {
                display: "none"
            }, Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(o)) : (function(e) {
                var n = Object.keys(e);
                if (Object.getOwnPropertySymbols) {
                    var t = Object.getOwnPropertySymbols(e);
                    n.push.apply(n, t)
                }
                return n
            })(Object(o)).forEach(function(e) {
                Object.defineProperty(t, e, Object.getOwnPropertyDescriptor(o, e))
            }), t)
        }, _), a || r.default.createElement(r.default.Fragment, null, r.default.createElement(M, null, r.default.createElement(U, null)), r.default.createElement(F, null, r.default.createElement(q, null))))
    }), r.default.forwardRef(function(e, n) {
        var t = e.as,
            o = e.className,
            s = e.classSelector,
            a = T(e, ["as", "className", "classSelector"]);
        return r.default.createElement(null != t ? t : "div", L({
            ref: n,
            className: A(void 0 === s ? "indeterminate" : s, o)
        }, a), r.default.createElement("div", {
            className: "inc"
        }), r.default.createElement("div", {
            className: "dec"
        }))
    });
    var Y = e.i(336896);

    function X(e) {
        for (var n = 1; n < arguments.length; n++) {
            var t = null != arguments[n] ? arguments[n] : {},
                o = Object.keys(t);
            "function" == typeof Object.getOwnPropertySymbols && (o = o.concat(Object.getOwnPropertySymbols(t).filter(function(e) {
                return Object.getOwnPropertyDescriptor(t, e).enumerable
            }))), o.forEach(function(n) {
                var o;
                o = t[n], n in e ? Object.defineProperty(e, n, {
                    value: o,
                    enumerable: !0,
                    configurable: !0,
                    writable: !0
                }) : e[n] = o
            })
        }
        return e
    }

    function H(e, n) {
        if (null == e) return {};
        var t, o, s = function(e, n) {
            if (null == e) return {};
            var t, o, s = {},
                r = Object.keys(e);
            for (o = 0; o < r.length; o++) t = r[o], n.indexOf(t) >= 0 || (s[t] = e[t]);
            return s
        }(e, n);
        if (Object.getOwnPropertySymbols) {
            var r = Object.getOwnPropertySymbols(e);
            for (o = 0; o < r.length; o++) t = r[o], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (s[t] = e[t])
        }
        return s
    }
    var W = Q(function(e) {
        return ! function(e) {
            var n = e.shallowRouting,
                t = void 0 !== n && n,
                o = e.disableSameURL,
                s = void 0 === o || o,
                a = e.startPosition,
                l = void 0 === a ? 0 : a,
                i = e.delay,
                _ = void 0 === i ? 0 : i,
                d = e.stopDelay,
                c = void 0 === d ? 0 : d,
                u = e.targetPreprocessor,
                m = e.disableAnchorClick,
                p = void 0 !== m && m,
                g = e.startOnLoad,
                y = void 0 !== g && g,
                f = e.forcedStopDelay,
                h = void 0 === f ? 0 : f,
                b = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : [],
                x = (0, r.useRef)([]),
                v = (0, r.useRef)(null),
                w = B(),
                k = w.start,
                C = w.stop,
                S = w.isAutoStopDisabled;
            (0, r.useEffect)(function() {
                y && k(l, _)
            }, []), (0, r.useEffect)(function() {
                return v.current && clearTimeout(v.current), v.current = setTimeout(function() {
                        S.current || C()
                    }, c),
                    function() {
                        v.current && clearTimeout(v.current)
                    }
            }, b), (0, r.useEffect)(function() {
                if (!p) {
                    var e = function(e) {
                            if (e.defaultPrevented) return;
                            var n = e.currentTarget;
                            if (!n.hasAttribute("download")) {
                                var o = e.target,
                                    r = (null == o ? void 0 : o.getAttribute("data-prevent-progress")) === "true" || (null == n ? void 0 : n.getAttribute("data-prevent-progress")) === "true";
                                if (!r)
                                    for (var a, i = o; i && "a" !== i.tagName.toLowerCase();) {
                                        if ((null == (a = i.parentElement) ? void 0 : a.getAttribute("data-prevent-progress")) === "true") {
                                            r = !0;
                                            break
                                        }
                                        i = i.parentElement
                                    }
                                if (!r && "_blank" !== E(n, "target") && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey) {
                                    var d = E(n, "href"),
                                        c = u ? u(new URL(d)) : new URL(d),
                                        m = new URL(location.href);
                                    t && P(c, m) && s || z(c, m) && s || k(l, _)
                                }
                            }
                        },
                        n = new MutationObserver(function() {
                            var n = Array.from(document.querySelectorAll("a")).filter(function(e) {
                                var n = E(e, "href"),
                                    t = "true" === e.getAttribute("data-disable-progress"),
                                    o = n && !n.startsWith("tel:") && !n.startsWith("mailto:") && !n.startsWith("blob:") && !n.startsWith("javascript:");
                                return !t && o && "_blank" !== E(e, "target")
                            });
                            n.forEach(function(n) {
                                n.addEventListener("click", e, !0)
                            }), x.current = n
                        });
                    n.observe(document, {
                        childList: !0,
                        subtree: !0
                    });
                    var o = window.history.pushState;
                    return window.history.pushState = new Proxy(window.history.pushState, {
                            apply: function(e, n, t) {
                                return S.current || C(c, h), e.apply(n, t)
                            }
                        }),
                        function() {
                            n.disconnect(), x.current.forEach(function(n) {
                                n.removeEventListener("click", e, !0)
                            }), x.current = [], window.history.pushState = o
                        }
                }
            }, [p, u, t, s, _, c, l, k, C, h, S])
        }(e, [(0, v.usePathname)(), (0, v.useSearchParams)()]), null
    });
    W.displayName = "AppProgress";
    var V = function(e) {
            var n = e.children,
                t = e.ProgressComponent,
                o = e.color,
                s = e.height,
                a = e.options,
                l = e.spinnerPosition,
                i = e.style,
                _ = e.disableStyle,
                d = e.nonce,
                c = e.stopDelay,
                u = e.delay,
                m = e.startPosition,
                p = e.disableSameURL,
                g = e.shallowRouting,
                y = H(e, ["children", "ProgressComponent", "color", "height", "options", "spinnerPosition", "style", "disableStyle", "nonce", "stopDelay", "delay", "startPosition", "disableSameURL", "shallowRouting"]);
            return r.default.createElement(D, {
                color: o,
                height: s,
                options: a,
                spinnerPosition: l,
                style: i,
                disableStyle: _,
                nonce: d,
                stopDelay: c,
                delay: u,
                startPosition: m,
                disableSameURL: p,
                shallowRouting: g
            }, r.default.createElement(t, X({
                stopDelay: c,
                delay: u,
                startPosition: m,
                disableSameURL: p,
                shallowRouting: g
            }, y)), n)
        },
        G = Q(function(e) {
            var n = e.shallowRouting,
                t = void 0 !== n && n,
                o = e.disableSameURL,
                s = void 0 === o || o,
                a = e.startPosition,
                l = void 0 === a ? 0 : a,
                i = e.delay,
                _ = void 0 === i ? 0 : i,
                d = e.stopDelay,
                c = void 0 === d ? 0 : d,
                u = B(),
                m = u.start,
                p = u.stop;
            return (0, r.useEffect)(function() {
                var e = function(e) {
                        var n = new URL(e, location.href),
                            o = new URL(location.href);
                        t && P(n, o) && s || z(n, o) && s || m(l, _)
                    },
                    n = function() {
                        return p(c)
                    };
                return Y.default.events.on("routeChangeStart", e), Y.default.events.on("routeChangeComplete", n), Y.default.events.on("routeChangeError", n),
                    function() {
                        Y.default.events.off("routeChangeStart", e), Y.default.events.off("routeChangeComplete", n), Y.default.events.off("routeChangeError", n)
                    }
            }, []), null
        });
    G.displayName = "PagesProgress";
    var K = function(e) {
            var n = e.children,
                t = H(e, ["children"]);
            return r.default.createElement(V, X({
                ProgressComponent: G
            }, t), n)
        },
        J = e.i(799630);
    let $ = {
        className: J.default.className,
        style: {
            fontFamily: "'inter', 'inter Fallback'",
            fontStyle: "normal"
        }
    };
    null != J.default.variable && ($.variable = J.default.variable);
    var Z = e.i(864006);

    function ee({
        locale: e,
        ...n
    }) {
        if (!e) throw Error(void 0);
        return (0, o.jsx)(Z.IntlProvider, {
            locale: e,
            ...n
        })
    }
    var en = e.i(446660),
        et = e.i(208719),
        eo = e.i(294781);
    let es = !1;

    function er() {
        es || ((0, en.c)("[nuqs] Aborting queues"), et.t.abortAll(), et.n.abort().forEach(e => et.t.queuedQuerySync.emit(e)))
    }
    let ea = (0, en.n)(function() {
        let e = (0, eo.useRouter)();
        return (0, r.useEffect)(() => (e ? .events.on("routeChangeStart", er), e ? .events.on("beforeHistoryChange", er), () => {
            e ? .events.off("routeChangeStart", er), e ? .events.off("beforeHistoryChange", er)
        }), []), {
            searchParams: (0, r.useMemo)(() => {
                let n = new URLSearchParams;
                if (null === e) return n;
                for (let [t, o] of Object.entries(e.query))
                    if ("string" == typeof o) n.set(t, o);
                    else if (Array.isArray(o))
                    for (let e of o) n.append(t, e);
                return n
            }, [JSON.stringify(e ? .query)]),
            updateUrl: (0, r.useCallback)((e, n) => {
                let t = window.next ? .router,
                    o = function(e, n) {
                        let t, o = new Set,
                            s = /\[([^\]]+)\]/g;
                        for (; null !== (t = s.exec(e));) {
                            let e = t[1];
                            e && o.add(e)
                        }
                        let r = Object.fromEntries(Object.entries(n).filter(([e]) => o.has(e))),
                            a = /\[\.{3}([^\]]+)\]$/.exec(e);
                        if (a && a[1]) {
                            let e = a[1];
                            r[e] = n[e] ? ? []
                        }
                        let l = /\[\[\.{3}([^\]]+)\]\]$/.exec(e);
                        if (l && l[1]) {
                            let e = l[1];
                            r[e] = n[e] ? ? []
                        }
                        return r
                    }(t.pathname, t.query),
                    s = t.asPath.replace(/#.*$/, "").replace(/\?.*$/, "") + (0, en.o)(e) + location.hash;
                (0, en.c)("[nuqs next/pages] Updating url: %s", s);
                let r = "push" === n.history ? t.push : t.replace;
                es = !0, r.call(t, {
                    pathname: t.pathname,
                    query: { ... function(e) {
                            let n = {};
                            for (let t of e.keys()) {
                                let o = e.getAll(t);
                                1 === o.length ? n[t] = o[0] : o.length > 1 && (n[t] = o)
                            }
                            return n
                        }(e),
                        ...o
                    }
                }, s, {
                    scroll: n.scroll,
                    shallow: n.shallow
                }).finally(() => {
                    es = !1
                })
            }, []),
            autoResetQueueOnUpdate: !1
        }
    });
    var el = e.i(688589),
        ei = e.i(112014),
        e_ = e.i(859965),
        ed = e.i(23128),
        ec = e.i(525962),
        eu = e.i(604777),
        em = e.i(914640),
        ep = e.i(873054),
        eg = e.i(675702),
        ey = e.i(249792),
        ef = e.i(606572),
        eh = e.i(762769),
        eb = e.i(849222),
        ex = e.i(81377),
        ev = e.i(405377),
        ew = e.i(784521),
        ek = e.i(98191),
        eC = e.i(631222);

    function eS(e) {
        return `polymarket.autoRedeemMigration.dismissed.${e.toLowerCase()}`
    }
    let ej = () => {
        let e, n, t, a, l, i, _, d, c, u, m, p, g, y, f, h, b, x, v, w, k, C, S, j, I, N, O = (0, s.c)(60),
            z = (0, eu.useTranslations)(),
            P = (0, ey.useToast)();
        O[0] === Symbol.for("react.memo_cache_sentinel") ? (e = ["authenticated", "proxyAddress", "isMigrationActive"], O[0] = e) : e = O[0];
        let {
            authenticated: E,
            proxyAddress: L,
            isMigrationActive: T
        } = (0, ew.useAccountContext)(e), R = (0, eh.useMigrationStore)(eI), B = !!E && !!L && L !== em.zeroAddress && "0x" !== L && !T && !R;
        O[1] !== L ? (n = [L, eC.OLD_AUTO_REDEEM_OPERATOR], O[1] = L, O[2] = n) : n = O[2], O[3] !== B ? (t = {
            enabled: B
        }, O[3] = B, O[4] = t) : t = O[4], O[5] !== n || O[6] !== t ? (a = {
            address: eC.CONDITIONAL_TOKENS_ADDRESS,
            abi: eg.ConditionalTokensAbi,
            functionName: "isApprovedForAll",
            args: n,
            chainId: eC.MATIC_CONFIG.chainId,
            query: t
        }, O[5] = n, O[6] = t, O[7] = a) : a = O[7];
        let {
            data: D
        } = (0, ep.useReadContract)(a);
        O[8] !== L ? (l = [L, eC.AUTO_REDEEM_OPERATOR], O[8] = L, O[9] = l) : l = O[9], O[10] !== B ? (i = {
            enabled: B
        }, O[10] = B, O[11] = i) : i = O[11], O[12] !== l || O[13] !== i ? (_ = {
            address: eC.CONDITIONAL_TOKENS_ADDRESS,
            abi: eg.ConditionalTokensAbi,
            functionName: "isApprovedForAll",
            args: l,
            chainId: eC.MATIC_CONFIG.chainId,
            query: i
        }, O[12] = l, O[13] = i, O[14] = _) : _ = O[14];
        let {
            data: A,
            refetch: M
        } = (0, ep.useReadContract)(_), {
            state: U,
            errorMsg: F,
            approve: q
        } = (0, ev.useAutoRedeemApproval)(), [Q, Y] = (0, r.useState)(!1), [X, H] = (0, r.useState)(!1);
        O[15] !== L ? (c = () => {
            Y(function(e) {
                if (!e) return !1;
                try {
                    return "1" === window.localStorage.getItem(eS(e))
                } catch {
                    return !1
                }
            }(L)), H(!1)
        }, d = [L], O[15] = L, O[16] = d, O[17] = c) : (d = O[16], c = O[17]), (0, r.useEffect)(c, d);
        let W = B && !Q && !X && !0 === D && !1 === A;
        O[18] !== L ? (u = () => {
            if (L) try {
                window.localStorage.setItem(eS(L), "1")
            } catch {}
            Y(!0)
        }, O[18] = L, O[19] = u) : u = O[19];
        let V = u;
        O[20] !== q || O[21] !== M || O[22] !== z || O[23] !== P ? (m = async () => {
            let e = await q();
            "success" === e ? (H(!0), M(), P.success(new ef.ToastBuilder().title(z("portfolio.autoRedeem.enabledToastTitle")).description(z("portfolio.autoRedeem.enabledToastDesc")))) : "error" === e && P.error(new ef.ToastBuilder().title(z("portfolio.autoRedeem.failedToastTitle")).description(z("portfolio.autoRedeem.failedToastDesc")))
        }, O[20] = q, O[21] = M, O[22] = z, O[23] = P, O[24] = m) : m = O[24];
        let G = m;
        O[25] === Symbol.for("react.memo_cache_sentinel") ? (p = (0, o.jsx)(e_.CloseIcon20, {}), O[25] = p) : p = O[25], O[26] !== V ? (g = (0, o.jsx)("button", {
            type: "button",
            onClick: V,
            "aria-label": "Close",
            className: "absolute right-3 top-3 z-10 flex size-8 cursor-pointer items-center justify-center rounded-full text-text-secondary transition-colors hover:bg-(--color-element-bg) hover:text-text-primary",
            children: p
        }), O[26] = V, O[27] = g) : g = O[27], O[28] === Symbol.for("react.memo_cache_sentinel") ? (y = (0, o.jsx)(ex.AutoRedeemIcon, {}), O[28] = y) : y = O[28], O[29] !== z ? (f = z("portfolio.autoRedeem.reenableTitle"), O[29] = z, O[30] = f) : f = O[30], O[31] !== f ? (h = (0, o.jsx)("p", {
            className: "text-center text-xl font-bold leading-6 text-text-primary",
            children: f
        }), O[31] = f, O[32] = h) : h = O[32], O[33] !== z ? (b = z("portfolio.autoRedeem.description"), O[33] = z, O[34] = b) : b = O[34], O[35] !== b ? (x = (0, o.jsx)("p", {
            className: "text-center text-base text-text-secondary",
            children: b
        }), O[35] = b, O[36] = x) : x = O[36], O[37] !== h || O[38] !== x ? (v = (0, o.jsxs)("div", {
            className: "flex flex-col gap-1",
            children: [h, x]
        }), O[37] = h, O[38] = x, O[39] = v) : v = O[39], O[40] === Symbol.for("react.memo_cache_sentinel") ? (w = (0, o.jsx)("div", {
            className: "w-full",
            children: (0, o.jsx)(eb.AutoRedeemBenefits, {})
        }), O[40] = w) : w = O[40], O[41] !== F ? (k = F && (0, o.jsx)("p", {
            className: "w-full text-center text-body-sm text-red-500",
            children: F
        }), O[41] = F, O[42] = k) : k = O[42];
        let K = "pending" === U;
        return O[43] !== U || O[44] !== z ? (C = "pending" === U ? (0, o.jsxs)(o.Fragment, {
            children: [(0, o.jsx)(ek.default, {
                color: "white",
                className: "h-6 w-6"
            }), (0, o.jsx)("span", {
                children: z("portfolio.autoRedeem.approving")
            })]
        }) : (0, o.jsx)("span", {
            children: z("portfolio.autoRedeem.enableAutoRedeem")
        }), O[43] = U, O[44] = z, O[45] = C) : C = O[45], O[46] !== G || O[47] !== K || O[48] !== C ? (S = (0, o.jsx)(ed.Button, {
            variant: "default",
            onClick: G,
            disabled: K,
            className: "flex h-[52px] w-full items-center justify-center gap-2 bg-brand-500 text-base text-white hover:bg-brand-500/90 disabled:cursor-wait disabled:opacity-50",
            children: C
        }), O[46] = G, O[47] = K, O[48] = C, O[49] = S) : S = O[49], O[50] !== v || O[51] !== k || O[52] !== S ? (j = (0, o.jsxs)("div", {
            className: "flex w-full flex-col items-center gap-[18px] pt-2",
            children: [y, v, w, k, S]
        }), O[50] = v, O[51] = k, O[52] = S, O[53] = j) : j = O[53], O[54] !== g || O[55] !== j ? (I = (0, o.jsxs)(ec.ModalContent, {
            onInteractOutside: eN,
            onPointerDownOutside: eN,
            onEscapeKeyDown: eN,
            overlayClassName: "bg-black/70",
            children: [g, j]
        }), O[54] = g, O[55] = j, O[56] = I) : I = O[56], O[57] !== W || O[58] !== I ? (N = (0, o.jsx)(ec.Modal, {
            open: W,
            onOpenChange: eO,
            children: I
        }), O[57] = W, O[58] = I, O[59] = N) : N = O[59], N
    };

    function eI(e) {
        return e.isUpgradeModalShown
    }

    function eN(e) {
        return e.preventDefault()
    }

    function eO() {}
    var ez = e.i(88240),
        eP = e.i(752794),
        eE = e.i(863828),
        eL = e.i(219469),
        eT = e.i(215959),
        eR = e.i(771596),
        eB = e.i(392566),
        eD = e.i(374900),
        eA = e.i(695905),
        eM = e.i(184612);
    let eU = "https://help.polymarket.com/en/articles/14762452-polymarket-exchange-upgrade-april-28-2026",
        eF = "/images/clobUpgrade/grid.png",
        eq = e => {
            let n, t, r = (0, s.c)(5),
                {
                    url: a
                } = e,
                l = (0, eu.useTranslations)(),
                i = a ? ? eU;
            return r[0] !== l ? (n = l("upgradeModal.learnMore"), r[0] = l, r[1] = n) : n = r[1], r[2] !== i || r[3] !== n ? (t = (0, o.jsx)("a", {
                href: i,
                target: "_blank",
                rel: "noopener noreferrer",
                className: "text-sm font-semibold text-[var(--color-brand-500)] hover:opacity-80",
                children: n
            }), r[2] = i, r[3] = n, r[4] = t) : t = r[4], t
        },
        eQ = e => {
            let n, t, r, a = (0, s.c)(5),
                {
                    src: l
                } = e;
            return a[0] !== l ? (n = (0, o.jsx)(eM.default, {
                src: l,
                alt: "",
                fill: !0,
                quality: 100,
                className: "object-cover opacity-40 dark:opacity-20",
                draggable: !1
            }), a[0] = l, a[1] = n) : n = a[1], a[2] === Symbol.for("react.memo_cache_sentinel") ? (t = (0, o.jsx)("div", {
                className: "pointer-events-none absolute inset-x-0 bottom-0 h-[186px] bg-gradient-to-t from-background to-transparent"
            }), a[2] = t) : t = a[2], a[3] !== n ? (r = (0, o.jsxs)(o.Fragment, {
                children: [n, t]
            }), a[3] = n, a[4] = r) : r = a[4], r
        },
        eY = e => {
            let n, t, r, a, l = (0, s.c)(8);
            l[0] !== e ? ({
                children: n,
                className: t,
                ...r
            } = e, l[0] = e, l[1] = n, l[2] = t, l[3] = r) : (n = l[1], t = l[2], r = l[3]);
            let i = `h-[52px] w-full cursor-pointer rounded-2xl bg-[var(--color-button-primary-bg)] text-base font-semibold text-white transition-opacity hover:opacity-90 disabled:opacity-60 ${t??""}`;
            return l[4] !== n || l[5] !== r || l[6] !== i ? (a = (0, o.jsx)("button", {
                type: "button",
                className: i,
                ...r,
                children: n
            }), l[4] = n, l[5] = r, l[6] = i, l[7] = a) : a = l[7], a
        },
        eX = e => {
            let n, t, r, a, l, i, _, d, c, u, m, p = (0, s.c)(26),
                {
                    onAllApproved: g
                } = e,
                y = (0, eu.useTranslations)(),
                {
                    data: f,
                    isAllApproved: h
                } = (0, eA.useApprovalState)();
            p[0] === Symbol.for("react.memo_cache_sentinel") ? (n = (0, o.jsx)(eQ, {
                src: "/images/clobUpgrade/grid.png"
            }), p[0] = n) : n = p[0], p[1] !== y ? (t = y("upgradeModal.approval.title"), p[1] = y, p[2] = t) : t = p[2], p[3] !== t ? (r = (0, o.jsx)("h2", {
                className: "text-text-primary text-center text-[28px] font-semibold leading-9",
                children: t
            }), p[3] = t, p[4] = r) : r = p[4], p[5] !== y ? (a = y("upgradeModal.approval.description"), p[5] = y, p[6] = a) : a = p[6], p[7] !== a ? (l = (0, o.jsx)("p", {
                className: "text-text-secondary max-w-[410px] text-center text-base font-medium leading-6",
                children: a
            }), p[7] = a, p[8] = l) : l = p[8], p[9] !== r || p[10] !== l ? (i = (0, o.jsxs)("div", {
                className: "flex flex-col items-center gap-3",
                children: [r, l]
            }), p[9] = r, p[10] = l, p[11] = i) : i = p[11], p[12] !== f ? (_ = (0, o.jsx)("div", {
                className: "bg-background w-full max-w-[480px] rounded-2xl border border-border-primary p-5 shadow-sm",
                children: (0, o.jsx)(eA.ApprovalStepsList, {
                    data: f
                })
            }), p[12] = f, p[13] = _) : _ = p[13], p[14] !== i || p[15] !== _ ? (d = (0, o.jsxs)("div", {
                className: "bg-background-secondary relative w-full flex-1 overflow-hidden",
                children: [n, (0, o.jsxs)("div", {
                    className: "relative z-10 flex h-full flex-col items-center justify-center gap-4 px-4 py-4 md:gap-6 md:px-6 md:py-0",
                    children: [i, _]
                })]
            }), p[14] = i, p[15] = _, p[16] = d) : d = p[16];
            let b = !h;
            return p[17] !== y ? (c = y("upgradeModal.approval.proceed"), p[17] = y, p[18] = c) : c = p[18], p[19] !== g || p[20] !== c || p[21] !== b ? (u = (0, o.jsx)("div", {
                className: "flex shrink-0 flex-col gap-3 p-4 md:p-6",
                children: (0, o.jsx)(eY, {
                    onClick: g,
                    disabled: b,
                    children: c
                })
            }), p[19] = g, p[20] = c, p[21] = b, p[22] = u) : u = p[22], p[23] !== u || p[24] !== d ? (m = (0, o.jsxs)("div", {
                className: "flex h-full min-h-0 flex-col",
                children: [d, u]
            }), p[23] = u, p[24] = d, p[25] = m) : m = p[25], m
        };
    var eH = e.i(449004),
        eW = e.i(529812),
        eV = e.i(196593);
    let eG = e => {
            let n, t, r, a, l, i, _, d, c, u, m, p, g, y, f, h, b, x, v, w, k, C, S, j, I, N, O, z = (0, s.c)(60),
                {
                    usdceBalance: P,
                    hasUsdceBalance: E,
                    onConvert: L,
                    onNext: T,
                    isConverting: R,
                    isSignerLoading: B
                } = e,
                D = void 0 !== B && B,
                A = (0, eu.useTranslations)();
            z[0] !== P ? (n = (0, eV.formatNumbers)((0, eV.formatUSDCUnits)(P)), z[0] = P, z[1] = n) : n = z[1];
            let M = `$${n}`;
            return z[2] === Symbol.for("react.memo_cache_sentinel") ? (t = (0, o.jsx)(eM.default, {
                src: eF,
                alt: "",
                fill: !0,
                quality: 100,
                className: "object-cover opacity-40 dark:opacity-20",
                draggable: !1
            }), r = (0, o.jsx)("div", {
                className: "border-border-primary absolute inset-x-0 top-[46px] z-[5] h-[3px] bg-[var(--color-brand-200)] opacity-50 md:top-[58px]"
            }), z[2] = t, z[3] = r) : (t = z[2], r = z[3]), z[4] === Symbol.for("react.memo_cache_sentinel") ? (a = (0, o.jsx)("div", {
                className: "bg-white dark:bg-surface-1 border-border-primary absolute left-24 top-[22px] z-10 flex size-12 items-center justify-center rounded-[10.667px] border-[1.333px] md:top-[34px]",
                children: (0, o.jsx)(eW.IconRefreshOutline18, {
                    className: "size-[26.667px] text-[var(--color-brand-500)]"
                })
            }), z[4] = a) : a = z[4], z[5] !== A ? (l = A("upgradeModal.balance.currentBalance"), z[5] = A, z[6] = l) : l = z[6], z[7] !== l ? (i = (0, o.jsx)("span", {
                className: "text-sm font-medium leading-5",
                children: l
            }), z[7] = l, z[8] = i) : i = z[8], z[9] !== M ? (_ = (0, o.jsx)("span", {
                className: "text-[32px] font-bold leading-[48px]",
                children: M
            }), z[9] = M, z[10] = _) : _ = z[10], z[11] !== i || z[12] !== _ ? (d = (0, o.jsxs)("div", {
                className: "text-text-secondary flex flex-col gap-2 whitespace-nowrap",
                children: [i, _]
            }), z[11] = i, z[12] = _, z[13] = d) : d = z[13], z[14] === Symbol.for("react.memo_cache_sentinel") ? (c = (0, o.jsx)("div", {
                className: "p-2",
                children: (0, o.jsx)("div", {
                    className: "border-border-primary flex items-center rounded-[12px] border p-2",
                    children: (0, o.jsx)(eH.IconArrowRightOutline12, {
                        className: "text-text-tertiary size-5"
                    })
                })
            }), z[14] = c) : c = z[14], z[15] !== A ? (u = A("upgradeModal.balance.afterMigration"), z[15] = A, z[16] = u) : u = z[16], z[17] !== u ? (m = (0, o.jsx)("span", {
                className: "text-text-secondary text-sm font-medium leading-5",
                children: u
            }), z[17] = u, z[18] = m) : m = z[18], z[19] !== M ? (p = (0, o.jsx)("span", {
                className: "text-text-primary text-[32px] font-bold leading-[48px]",
                children: M
            }), z[19] = M, z[20] = p) : p = z[20], z[21] !== m || z[22] !== p ? (g = (0, o.jsxs)("div", {
                className: "flex flex-col items-end gap-2 whitespace-nowrap",
                children: [m, p]
            }), z[21] = m, z[22] = p, z[23] = g) : g = z[23], z[24] !== g || z[25] !== d ? (y = (0, o.jsxs)("div", {
                className: "flex items-end justify-between px-5 pb-3 pt-5",
                children: [d, c, g]
            }), z[24] = g, z[25] = d, z[26] = y) : y = z[26], z[27] === Symbol.for("react.memo_cache_sentinel") ? (f = (0, o.jsx)("div", {
                className: "border-border-primary h-0 w-full border-t"
            }), z[27] = f) : f = z[27], z[28] !== A ? (h = A("upgradeModal.balance.migrationLabel"), z[28] = A, z[29] = h) : h = z[29], z[30] !== h ? (b = (0, o.jsx)("span", {
                className: "text-text-primary text-center text-base font-semibold leading-5",
                children: h
            }), z[30] = h, z[31] = b) : b = z[31], z[32] === Symbol.for("react.memo_cache_sentinel") ? (x = (0, o.jsx)("div", {
                className: "flex h-6 items-center",
                children: (0, o.jsx)(eq, {})
            }), z[32] = x) : x = z[32], z[33] !== b ? (v = (0, o.jsxs)("div", {
                className: "flex items-center justify-between px-5 py-4",
                children: [b, x]
            }), z[33] = b, z[34] = v) : v = z[34], z[35] !== y || z[36] !== v ? (w = (0, o.jsxs)("div", {
                className: "bg-background-secondary relative h-[220px] w-full shrink-0 overflow-hidden md:h-[300px]",
                children: [t, r, a, (0, o.jsx)("div", {
                    className: "absolute inset-x-0 top-[76px] z-10 mx-auto w-[672px] max-w-[calc(100%-48px)] md:top-[95px]",
                    children: (0, o.jsxs)("div", {
                        className: "bg-white dark:bg-surface-1 border-border-primary overflow-hidden rounded-2xl border shadow-sm",
                        children: [y, f, v]
                    })
                })]
            }), z[35] = y, z[36] = v, z[37] = w) : w = z[37], z[38] !== A ? (k = A("upgradeModal.balance.title"), z[38] = A, z[39] = k) : k = z[39], z[40] !== k ? (C = (0, o.jsx)("h2", {
                className: "text-text-primary text-center text-[28px] font-semibold leading-9",
                children: k
            }), z[40] = k, z[41] = C) : C = z[41], z[42] !== A ? (S = A("upgradeModal.balance.description"), z[42] = A, z[43] = S) : S = z[43], z[44] !== S ? (j = (0, o.jsx)("p", {
                className: "text-text-secondary max-w-[410px] text-center text-base font-medium leading-6",
                children: S
            }), z[44] = S, z[45] = j) : j = z[45], z[46] !== C || z[47] !== j ? (I = (0, o.jsx)("div", {
                className: "flex min-h-0 flex-1 flex-col items-center justify-center px-6 py-4 md:py-6",
                children: (0, o.jsxs)("div", {
                    className: "flex flex-col items-center gap-3",
                    children: [C, j]
                })
            }), z[46] = C, z[47] = j, z[48] = I) : I = z[48], z[49] !== E || z[50] !== R || z[51] !== D || z[52] !== L || z[53] !== T || z[54] !== A ? (N = (0, o.jsx)("div", {
                className: "flex shrink-0 flex-col gap-3 p-4 md:p-6",
                children: E ? (0, o.jsx)(eY, {
                    onClick: L,
                    disabled: R || D,
                    children: A(R ? "upgradeModal.balance.converting" : D ? "upgradeModal.balance.loadingWallet" : "upgradeModal.balance.convert")
                }) : (0, o.jsx)(eY, {
                    onClick: T,
                    children: A("upgradeModal.next")
                })
            }), z[49] = E, z[50] = R, z[51] = D, z[52] = L, z[53] = T, z[54] = A, z[55] = N) : N = z[55], z[56] !== w || z[57] !== I || z[58] !== N ? (O = (0, o.jsxs)("div", {
                className: "flex h-full min-h-0 flex-col",
                children: [w, I, N]
            }), z[56] = w, z[57] = I, z[58] = N, z[59] = O) : O = z[59], O
        },
        eK = e => {
            let n, t, r, a, l, i, _, d, c, u, m, p, g, y, f, h, b = (0, s.c)(41),
                {
                    order: x
                } = e,
                v = (0, eu.useTranslations)(),
                w = "Yes" === x.outcomeSide;
            b[0] === Symbol.for("react.memo_cache_sentinel") ? (n = {
                borderRadius: "11.2px",
                gridTemplateColumns: "44px 1fr 80px 90px 75px"
            }, b[0] = n) : n = b[0], b[1] !== x.icon ? (t = x.icon ? (0, o.jsx)("img", {
                src: x.icon,
                alt: "",
                className: "size-full object-cover",
                onError: eZ
            }) : null, b[1] = x.icon, b[2] = t) : t = b[2], b[3] !== t ? (r = (0, o.jsx)("div", {
                className: "size-[44px] shrink-0 overflow-hidden rounded-[7.2px] bg-white dark:bg-white/10",
                children: t
            }), b[3] = t, b[4] = r) : r = b[4], b[5] !== x.title ? (a = (0, o.jsx)("span", {
                className: "truncate text-[13px] font-medium leading-[21px] text-[#0e0f11] dark:text-white",
                children: x.title
            }), b[5] = x.title, b[6] = a) : a = b[6], b[7] !== x.side || b[8] !== v ? (l = v("BUY" === x.side ? "upgradeModal.cancelledOrders.limitBuy" : "upgradeModal.cancelledOrders.limitSell"), b[7] = x.side, b[8] = v, b[9] = l) : l = b[9], b[10] !== l ? (i = (0, o.jsx)("span", {
                className: "text-xs font-medium tracking-[0.15px] text-[#939aa5] dark:text-white/50",
                children: l
            }), b[10] = l, b[11] = i) : i = b[11];
            let k = `rounded-[7.2px] px-[7px] py-[3px] text-xs font-semibold ${w?"bg-[#ecf9f1] text-[#30a159] dark:bg-[#30a159]/20 dark:text-[#4ade80]":"bg-[#fceced] text-[#e5484d] dark:bg-[#e5484d]/20 dark:text-[#f87171]"}`,
                C = x.outcome;
            if (b[12] !== x.price) {
                let e;
                _ = (e = 100 * x.price) % 1 == 0 ? `${e}\xa2` : `${e.toFixed(1)}\xa2`, b[12] = x.price, b[13] = _
            } else _ = b[13];
            if (b[14] !== x.outcome || b[15] !== k || b[16] !== _ ? (d = (0, o.jsxs)("span", {
                    className: k,
                    children: [C, " ", _]
                }), b[14] = x.outcome, b[15] = k, b[16] = _, b[17] = d) : d = b[17], b[18] !== d || b[19] !== i ? (c = (0, o.jsxs)("div", {
                    className: "flex items-center gap-1",
                    children: [i, d]
                }), b[18] = d, b[19] = i, b[20] = c) : c = b[20], b[21] !== c || b[22] !== a ? (u = (0, o.jsxs)("div", {
                    className: "flex flex-col gap-0.5 overflow-hidden",
                    children: [a, c]
                }), b[21] = c, b[22] = a, b[23] = u) : u = b[23], b[24] !== x.originalSize ? (m = (0, o.jsxs)("span", {
                    className: "text-right text-sm font-medium text-[#1d1f24] dark:text-white/70",
                    children: ["0/", x.originalSize]
                }), b[24] = x.originalSize, b[25] = m) : m = b[25], b[26] !== x.originalSize || b[27] !== x.price) {
                let e;
                e = x.originalSize * x.price, p = `$${e.toFixed(e>=1?2:4)}`, b[26] = x.originalSize, b[27] = x.price, b[28] = p
            } else p = b[28];
            return b[29] !== p ? (g = (0, o.jsx)("span", {
                className: "text-right text-sm font-medium text-[#1d1f24] dark:text-white",
                children: p
            }), b[29] = p, b[30] = g) : g = b[30], b[31] !== v ? (y = v("upgradeModal.cancelledOrders.cancelled"), b[31] = v, b[32] = y) : y = b[32], b[33] !== y ? (f = (0, o.jsx)("span", {
                className: "text-right text-xs font-medium text-[#77808d] dark:text-white/40",
                children: y
            }), b[33] = y, b[34] = f) : f = b[34], b[35] !== u || b[36] !== m || b[37] !== g || b[38] !== f || b[39] !== r ? (h = (0, o.jsxs)("div", {
                className: "grid items-center gap-2 bg-[#f9fafb] py-3 pl-4 pr-[6rem] dark:bg-white/[0.06]",
                style: n,
                children: [r, u, m, g, f]
            }), b[35] = u, b[36] = m, b[37] = g, b[38] = f, b[39] = r, b[40] = h) : h = b[40], h
        },
        eJ = e => {
            let n, t = (0, s.c)(5),
                {
                    orders: r
                } = e;
            if (t[0] !== r) {
                let e, s = r.slice(0, 4),
                    a = r.length <= 3,
                    l = a ? "50%" : 20,
                    i = a ? "translateY(-50%) rotate(-3deg) skewX(5deg)" : "rotate(-3deg) skewX(5deg)";
                t[2] !== l || t[3] !== i ? (e = {
                    top: l,
                    left: 50,
                    transform: i
                }, t[2] = l, t[3] = i, t[4] = e) : e = t[4], n = (0, o.jsx)("div", {
                    className: "absolute flex w-[764px] flex-col gap-1.5 rounded-2xl bg-white p-2 shadow-[-5px_34px_12.6px_0_rgba(0,0,0,0.5)] dark:bg-[#1a1b1e]",
                    style: e,
                    children: s.map(e0)
                }), t[0] = r, t[1] = n
            } else n = t[1];
            return n
        },
        e$ = e => {
            let n, t, r, a, l, i, _, d, c, u, m, p, g, y = (0, s.c)(28),
                {
                    groupedOrders: f,
                    onSeeOrders: h
                } = e,
                b = (0, eu.useTranslations)();
            y[0] !== f ? (n = f.flatMap(e1), y[0] = f, y[1] = n) : n = y[1];
            let x = n;
            return y[2] === Symbol.for("react.memo_cache_sentinel") ? (t = {
                background: "linear-gradient(272deg, #000 -79.19%, #666 157.45%)"
            }, y[2] = t) : t = y[2], y[3] !== x ? (r = x.length > 0 && (0, o.jsx)(eJ, {
                orders: x
            }), y[3] = x, y[4] = r) : r = y[4], y[5] === Symbol.for("react.memo_cache_sentinel") ? (a = (0, o.jsx)("div", {
                className: "pointer-events-none absolute inset-x-0 bottom-0 h-[140px] bg-gradient-to-b from-transparent to-black/70"
            }), y[5] = a) : a = y[5], y[6] !== r ? (l = (0, o.jsxs)("div", {
                className: "relative h-[220px] w-full shrink-0 overflow-hidden md:h-[300px]",
                style: t,
                children: [r, a]
            }), y[6] = r, y[7] = l) : l = y[7], y[8] !== b ? (i = b("upgradeModal.cancelledOrders.title"), y[8] = b, y[9] = i) : i = y[9], y[10] !== i ? (_ = (0, o.jsx)("h2", {
                className: "text-text-primary text-center text-[28px] font-semibold leading-9",
                children: i
            }), y[10] = i, y[11] = _) : _ = y[11], y[12] !== b ? (d = b("upgradeModal.cancelledOrders.description"), y[12] = b, y[13] = d) : d = y[13], y[14] !== d ? (c = (0, o.jsx)("p", {
                className: "max-w-[442px] text-center text-base font-medium leading-6 text-[#77808d]",
                children: d
            }), y[14] = d, y[15] = c) : c = y[15], y[16] !== _ || y[17] !== c ? (u = (0, o.jsx)("div", {
                className: "flex min-h-0 flex-1 flex-col items-center justify-center px-6 py-4 md:py-6",
                children: (0, o.jsxs)("div", {
                    className: "flex flex-col items-center gap-3",
                    children: [_, c]
                })
            }), y[16] = _, y[17] = c, y[18] = u) : u = y[18], y[19] !== b ? (m = b("upgradeModal.cancelledOrders.button"), y[19] = b, y[20] = m) : m = y[20], y[21] !== h || y[22] !== m ? (p = (0, o.jsx)("div", {
                className: "flex shrink-0 flex-col gap-3 p-4 md:p-6",
                children: (0, o.jsx)(eY, {
                    onClick: h,
                    children: m
                })
            }), y[21] = h, y[22] = m, y[23] = p) : p = y[23], y[24] !== u || y[25] !== p || y[26] !== l ? (g = (0, o.jsxs)("div", {
                className: "flex h-full min-h-0 flex-col",
                children: [l, u, p]
            }), y[24] = u, y[25] = p, y[26] = l, y[27] = g) : g = y[27], g
        };

    function eZ(e) {
        e.target.style.display = "none"
    }

    function e0(e) {
        return (0, o.jsx)(eK, {
            order: e
        }, e.orderID)
    }

    function e1(e) {
        return e.orders
    }
    var e5 = e.i(431777);
    let e2 = e => {
            let n, t, r, a, l, i, _, d, c, u, m = (0, s.c)(21),
                {
                    onLogin: p
                } = e,
                g = (0, eu.useTranslations)();
            return m[0] === Symbol.for("react.memo_cache_sentinel") ? (n = (0, o.jsx)(eQ, {
                src: eF
            }), m[0] = n) : n = m[0], m[1] === Symbol.for("react.memo_cache_sentinel") ? (t = (0, o.jsx)("div", {
                className: "border-border-primary bg-background-primary flex size-16 items-center justify-center rounded-2xl border",
                children: (0, o.jsx)(e5.IconUserOutline18, {
                    className: "text-text-primary size-8"
                })
            }), m[1] = t) : t = m[1], m[2] !== g ? (r = g("upgradeModal.login.title"), m[2] = g, m[3] = r) : r = m[3], m[4] !== r ? (a = (0, o.jsx)("h2", {
                className: "text-text-primary text-center text-[28px] font-semibold leading-9",
                children: r
            }), m[4] = r, m[5] = a) : a = m[5], m[6] !== g ? (l = g("upgradeModal.login.description"), m[6] = g, m[7] = l) : l = m[7], m[8] !== l ? (i = (0, o.jsx)("p", {
                className: "text-text-secondary max-w-[410px] text-center text-base font-medium leading-6",
                children: l
            }), m[8] = l, m[9] = i) : i = m[9], m[10] !== a || m[11] !== i ? (_ = (0, o.jsxs)("div", {
                className: "flex flex-col items-center gap-4",
                children: [t, (0, o.jsxs)("div", {
                    className: "flex flex-col items-center gap-3",
                    children: [a, i]
                })]
            }), m[10] = a, m[11] = i, m[12] = _) : _ = m[12], m[13] !== g ? (d = g("upgradeModal.login.button"), m[13] = g, m[14] = d) : d = m[14], m[15] !== p || m[16] !== d ? (c = (0, o.jsx)(eY, {
                onClick: p,
                className: "w-[410px] max-w-full",
                children: d
            }), m[15] = p, m[16] = d, m[17] = c) : c = m[17], m[18] !== _ || m[19] !== c ? (u = (0, o.jsx)("div", {
                className: "flex h-full min-h-0 flex-col",
                children: (0, o.jsxs)("div", {
                    className: "bg-background-secondary relative w-full flex-1 overflow-hidden",
                    children: [n, (0, o.jsxs)("div", {
                        className: "relative z-10 flex h-full flex-col items-center justify-center gap-4 px-4 py-4 md:gap-6 md:px-6 md:py-0",
                        children: [_, c]
                    })]
                })
            }), m[18] = _, m[19] = c, m[20] = u) : u = m[20], u
        },
        e3 = () => {
            let e, n, t, r, a = (0, s.c)(4);
            return a[0] === Symbol.for("react.memo_cache_sentinel") ? (e = (0, o.jsxs)("g", {
                filter: "url(#filter0_d_24230_342)",
                children: [(0, o.jsx)("path", {
                    d: "M113.841 127.421C113.841 133.325 113.841 136.276 111.91 137.739C109.98 139.203 107.138 138.406 101.453 136.81L10.1126 111.179C6.68794 110.218 4.97559 109.738 3.98535 108.431C2.99512 107.125 2.99512 105.346 2.99512 101.79V41.7202C2.99512 38.1633 2.99512 36.3848 3.98535 35.0785C4.97559 33.7721 6.68793 33.2916 10.1126 32.3306L101.453 6.69911C107.138 5.10409 109.98 4.30658 111.91 5.76999C113.841 7.2334 113.841 10.1852 113.841 16.0888V127.421ZM25.7753 102.823L101.406 124.048V81.5992L25.7753 102.823ZM15.4292 92.9751L91.0452 71.7548L15.4292 50.5342V92.9751ZM25.7744 40.6874L101.406 61.9111V19.462L25.7744 40.6874Z",
                    fill: "url(#paint0_linear_24230_342)"
                }), (0, o.jsx)("path", {
                    d: "M108.138 5.45898C109.656 5.26186 110.696 5.40278 111.521 5.95312L111.685 6.06836C112.536 6.7141 112.994 7.70237 113.229 9.31836C113.466 10.9439 113.467 13.1252 113.467 16.0889V127.421C113.467 130.385 113.466 132.566 113.229 134.191C112.994 135.807 112.536 136.795 111.685 137.44V137.441C110.833 138.087 109.757 138.261 108.138 138.051C106.509 137.839 104.408 137.251 101.555 136.45L10.2139 110.818C8.49291 110.336 7.23321 109.982 6.27832 109.589C5.33286 109.2 4.72414 108.786 4.28418 108.205C3.84421 107.625 3.61067 106.926 3.49121 105.91C3.37064 104.885 3.36914 103.577 3.36914 101.79V41.7207C3.36914 39.9333 3.3706 38.6243 3.49121 37.5986C3.61069 36.5831 3.84426 35.885 4.28418 35.3047C4.72414 34.7243 5.33277 34.3103 6.27832 33.9209C7.23322 33.5277 8.49292 33.1743 10.2139 32.6914L101.555 7.05957C104.408 6.25893 106.509 5.67052 108.138 5.45898ZM101.305 81.2383L25.6738 102.462L24.3896 102.822L25.6738 103.183L101.305 124.408L101.78 124.542V81.1055L101.305 81.2383ZM15.0547 93.4688L15.5303 93.3359L91.1465 72.1152L92.4307 71.7549L91.1465 71.3945L15.5303 50.1738L15.0547 50.04V93.4688ZM101.305 19.1016L25.6729 40.3271L24.3887 40.6875L25.6729 41.0479L101.305 62.2715L101.78 62.4053V18.9678L101.305 19.1016Z",
                    stroke: "url(#paint1_linear_24230_342)",
                    strokeOpacity: "0.3",
                    strokeWidth: "0.748858"
                })]
            }), a[0] = e) : e = a[0], a[1] === Symbol.for("react.memo_cache_sentinel") ? (n = (0, o.jsxs)("filter", {
                id: "filter0_d_24230_342",
                x: "-0.00031662",
                y: "2.00457",
                width: "116.837",
                height: "139.501",
                filterUnits: "userSpaceOnUse",
                colorInterpolationFilters: "sRGB",
                children: [(0, o.jsx)("feFlood", {
                    floodOpacity: "0",
                    result: "BackgroundImageFix"
                }), (0, o.jsx)("feColorMatrix", { in: "SourceAlpha",
                    type: "matrix",
                    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
                    result: "hardAlpha"
                }), (0, o.jsx)("feOffset", {}), (0, o.jsx)("feGaussianBlur", {
                    stdDeviation: "1.49772"
                }), (0, o.jsx)("feComposite", {
                    in2: "hardAlpha",
                    operator: "out"
                }), (0, o.jsx)("feColorMatrix", {
                    type: "matrix",
                    values: "0 0 0 0 0.520733 0 0 0 0 0.668821 0 0 0 0 1 0 0 0 1 0"
                }), (0, o.jsx)("feBlend", {
                    mode: "normal",
                    in2: "BackgroundImageFix",
                    result: "effect1_dropShadow_24230_342"
                }), (0, o.jsx)("feBlend", {
                    mode: "normal",
                    in: "SourceGraphic",
                    in2: "effect1_dropShadow_24230_342",
                    result: "shape"
                })]
            }), a[1] = n) : n = a[1], a[2] === Symbol.for("react.memo_cache_sentinel") ? (t = (0, o.jsxs)("linearGradient", {
                id: "paint0_linear_24230_342",
                x1: "90.6192",
                y1: "5",
                x2: "58.4182",
                y2: "138.51",
                gradientUnits: "userSpaceOnUse",
                children: [(0, o.jsx)("stop", {
                    stopColor: "#4D84FF"
                }), (0, o.jsx)("stop", {
                    offset: "0.0926244",
                    stopColor: "#467EF9"
                }), (0, o.jsx)("stop", {
                    offset: "1",
                    stopColor: "#003BBE"
                })]
            }), a[2] = t) : t = a[2], a[3] === Symbol.for("react.memo_cache_sentinel") ? (r = (0, o.jsxs)("svg", {
                xmlns: "http://www.w3.org/2000/svg",
                width: "117",
                height: "143",
                viewBox: "0 0 117 143",
                fill: "none",
                children: [e, (0, o.jsxs)("defs", {
                    children: [n, t, (0, o.jsxs)("linearGradient", {
                        id: "paint1_linear_24230_342",
                        x1: "98.4823",
                        y1: "7.62101",
                        x2: "58.4182",
                        y2: "138.51",
                        gradientUnits: "userSpaceOnUse",
                        children: [(0, o.jsx)("stop", {
                            stopColor: "#0C4FE4"
                        }), (0, o.jsx)("stop", {
                            offset: "1",
                            stopColor: "#072C7E"
                        })]
                    })]
                })]
            }), a[3] = r) : r = a[3], r
        },
        e4 = ({
            onStartTrading: e,
            onUnmount: n,
            isLoading: t = !1
        }) => {
            let s = (0, eu.useTranslations)(),
                a = r.default.useRef(n);
            a.current = n;
            let l = r.default.useRef(!1);
            return r.default.useEffect(() => (l.current = !0, () => {
                l.current = !1, setTimeout(() => {
                    l.current || a.current()
                }, 50)
            }), []), (0, o.jsxs)("div", {
                className: "flex h-full min-h-0 flex-col",
                children: [(0, o.jsxs)("div", {
                    className: "bg-background-secondary relative w-full flex-1 overflow-hidden",
                    children: [(0, o.jsx)(eM.default, {
                        src: eF,
                        alt: "",
                        fill: !0,
                        quality: 100,
                        className: "object-cover opacity-40 dark:opacity-20",
                        draggable: !1
                    }), (0, o.jsx)("div", {
                        className: "pointer-events-none absolute inset-x-0 top-0 h-[237px] opacity-20",
                        style: {
                            background: "linear-gradient(180deg, rgba(12, 79, 228, 0.00) 0%, rgba(12, 79, 228, 0.40) 100%)"
                        }
                    }), (0, o.jsx)("div", {
                        className: "pointer-events-none absolute inset-x-0 top-[237px] h-[3px] bg-[#0C4FE4]/20"
                    }), (0, o.jsx)("div", {
                        className: "pointer-events-none absolute inset-x-0 bottom-0 h-[289px] bg-gradient-to-t from-white to-transparent dark:from-background"
                    }), (0, o.jsxs)("div", {
                        className: "relative z-10 flex h-full flex-col items-center px-6",
                        children: [(0, o.jsx)("div", {
                            className: "mt-10 shrink-0 md:mt-[74px]",
                            children: (0, o.jsx)(e3, {})
                        }), (0, o.jsx)("div", {
                            className: "flex min-h-0 flex-1 flex-col items-center justify-end pb-8 md:pb-[70px]",
                            children: (0, o.jsxs)("div", {
                                className: "flex flex-col items-center gap-3",
                                children: [(0, o.jsx)("h2", {
                                    className: "text-text-primary text-center text-[28px] font-semibold leading-9",
                                    children: s("upgradeModal.success.title")
                                }), (0, o.jsx)("p", {
                                    className: "max-w-[410px] text-center text-base font-medium leading-6 text-[#77808d]",
                                    children: s("upgradeModal.success.description")
                                })]
                            })
                        })]
                    })]
                }), (0, o.jsx)("div", {
                    className: "flex shrink-0 flex-col bg-white p-4 dark:bg-background md:p-6",
                    children: (0, o.jsx)(eY, {
                        onClick: e,
                        disabled: t,
                        children: s(t ? "upgradeModal.success.loading" : "upgradeModal.success.startTrading")
                    })
                })]
            })
        };
    var e6 = e.i(197994);
    let e8 = ({ ...e
        }) => r.default.createElement(e6.Icon, {
            size: "18px",
            ...e
        }, r.default.createElement("path", {
            d: "M3.561,5h3.689c.414,0,.75-.336,.75-.75s-.336-.75-.75-.75H3.561l1.22-1.22c.293-.293,.293-.768,0-1.061s-.768-.293-1.061,0L1.22,3.72c-.293,.293-.293,.768,0,1.061l2.5,2.5c.146,.146,.338,.22,.53,.22s.384-.073,.53-.22c.293-.293,.293-.768,0-1.061l-1.22-1.22Z",
            fill: "currentColor"
        }), r.default.createElement("path", {
            d: "M16.78,13.22l-2.5-2.5c-.293-.293-.768-.293-1.061,0s-.293,.768,0,1.061l1.22,1.22h-3.689c-.414,0-.75,.336-.75,.75s.336,.75,.75,.75h3.689l-1.22,1.22c-.293,.293-.293,.768,0,1.061,.146,.146,.338,.22,.53,.22s.384-.073,.53-.22l2.5-2.5c.293-.293,.293-.768,0-1.061Z",
            fill: "currentColor"
        }), r.default.createElement("circle", {
            cx: "9",
            cy: "9",
            r: "3.25",
            fill: "currentColor",
            "data-color": "color-2"
        })),
        e7 = ({ ...e
        }) => r.default.createElement(e6.Icon, {
            size: "18px",
            ...e
        }, r.default.createElement("path", {
            d: "m15.25,2.75c-7.3882.6465-10.4683,5.8887-11.7091,9.376.3863.2039.6651.3301.6651.3301.81.3628,1.612.5229,1.659.531.854.156,1.643.2339,2.367.2339,1.507,0,2.73-.3379,3.65-1.01.2893-.2115.816-.6502,1.2003-1.3639-2.1389-.3215-3.5042-1.2846-3.5042-1.2846,0,0,3.2964.2493,4.3419-.5767.4812-.3801.899-.9978,1.116-1.8308.1582-.6074.228-1.2041.313-1.7761.135-.9009.262-1.751.551-2.2559.0798-.1389.0978-.2944.0817-.4482-.4393.0435-.7318.0752-.7318.0752Z",
            strokeWidth: "0",
            fill: "currentColor"
        }), r.default.createElement("path", {
            d: "m2.751,16c-.0283,0-.0566-.0015-.0859-.0049-.4111-.0469-.707-.4185-.6602-.8301.0137-.1211,1.5156-12.1416,13.1797-13.1621.4072-.0381.7764.269.8125.6816s-.2695.7764-.6816.8125C4.8584,4.4121,3.5078,15.2256,3.4951,15.335c-.0439.3828-.3682.665-.7441.665Z",
            fill: "currentColor",
            strokeWidth: "0",
            "data-color": "color-2"
        })),
        e9 = ({ ...e
        }) => r.default.createElement(e6.Icon, {
            size: "18px",
            ...e
        }, r.default.createElement("path", {
            fillRule: "evenodd",
            clipRule: "evenodd",
            d: "M5.20286 2.23704C5.34465 2.08581 5.54271 2 5.75002 2H16C16.299 2 16.5694 2.17754 16.6882 2.45185C16.8071 2.72617 16.7516 3.04486 16.5472 3.26296L12.7972 7.26296C12.6554 7.41419 12.4573 7.5 12.25 7.5H2.00002C1.70107 7.5 1.43067 7.32246 1.31182 7.04815C1.19298 6.77383 1.2484 6.45514 1.45286 6.23704L5.20286 2.23704Z",
            fill: "currentColor"
        }), r.default.createElement("path", {
            fillRule: "evenodd",
            clipRule: "evenodd",
            d: "M16.513 6.45285C16.8152 6.73615 16.8305 7.21077 16.5472 7.51296L12.7972 11.513C12.6554 11.6642 12.4573 11.75 12.25 11.75H2.00002C1.70107 11.75 1.43066 11.5725 1.31182 11.2981C1.19298 11.0238 1.2484 10.7051 1.45287 10.487L2.62477 9.23704C2.76655 9.08581 2.96461 9 3.17192 9H12.2305C12.7833 9 13.3115 8.77119 13.6896 8.36788L15.4529 6.48705C15.7362 6.18486 16.2108 6.16955 16.513 6.45285Z",
            fill: "currentColor",
            "data-color": "color-2"
        }), r.default.createElement("path", {
            fillRule: "evenodd",
            clipRule: "evenodd",
            d: "M16.513 10.7028C16.8152 10.9861 16.8305 11.4608 16.5472 11.763L12.7972 15.763C12.6554 15.9142 12.4573 16 12.25 16H2.00002C1.70107 16 1.43066 15.8225 1.31182 15.5481C1.19298 15.2738 1.2484 14.9551 1.45287 14.737L2.62477 13.487C2.76655 13.3358 2.96461 13.25 3.17192 13.25H12.2305C12.7833 13.25 13.3115 13.0212 13.6896 12.6179L15.4529 10.737C15.7362 10.4349 16.2108 10.4196 16.513 10.7028Z",
            fill: "currentColor"
        })),
        ne = ({ ...e
        }) => r.default.createElement(e6.Icon, {
            size: "18px",
            ...e
        }, r.default.createElement("path", {
            d: "M14.783,2.813l-5.25-1.68c-.349-.112-.718-.111-1.066,0L3.216,2.813c-.728,.233-1.216,.903-1.216,1.667v6.52c0,3.508,4.946,5.379,6.46,5.869,.177,.057,.358,.086,.54,.086s.362-.028,.538-.085c1.516-.49,6.462-2.361,6.462-5.869V4.48c0-.764-.489-1.434-1.217-1.667Zm-2.681,4.389l-3.397,4.5c-.128,.169-.322,.276-.534,.295-.021,.002-.043,.003-.065,.003-.189,0-.372-.071-.511-.201l-1.609-1.5c-.303-.283-.32-.757-.038-1.06,.284-.303,.758-.319,1.06-.038l1.001,.933,2.896-3.836c.25-.33,.72-.396,1.051-.146,.331,.25,.396,.72,.146,1.051Z",
            fill: "currentColor"
        })),
        nn = e => {
            let n, t, r, a = (0, s.c)(8),
                {
                    icon: l,
                    label: i,
                    className: _
                } = e,
                d = `border-border-primary bg-background flex items-center gap-1 rounded-lg border px-3 py-2 ${_??""}`;
            return a[0] !== l ? (n = (0, o.jsx)("span", {
                className: "flex size-5 shrink-0 items-center justify-center",
                children: l
            }), a[0] = l, a[1] = n) : n = a[1], a[2] !== i ? (t = (0, o.jsx)("span", {
                className: "text-text-primary whitespace-nowrap text-base font-semibold leading-5",
                children: i
            }), a[2] = i, a[3] = t) : t = a[3], a[4] !== d || a[5] !== n || a[6] !== t ? (r = (0, o.jsxs)("div", {
                className: d,
                children: [n, t]
            }), a[4] = d, a[5] = n, a[6] = t, a[7] = r) : r = a[7], r
        },
        nt = ["20%", "40%", "60%", "80%"],
        no = e => {
            let n, t, r, a, l, i, _, d, c, u, m, p, g, y, f, h = (0, s.c)(28),
                {
                    className: b
                } = e,
                x = (0, eu.useTranslations)(),
                v = `relative w-full overflow-hidden bg-[#F7F7F7] dark:bg-[#0E0F11] ${b??""}`;
            return h[0] === Symbol.for("react.memo_cache_sentinel") ? (n = (0, o.jsx)(eM.default, {
                src: "/images/clobUpgrade/grid.png",
                alt: "",
                fill: !0,
                quality: 100,
                className: "object-cover opacity-40 dark:opacity-15 dark:invert",
                draggable: !1
            }), h[0] = n) : n = h[0], h[1] === Symbol.for("react.memo_cache_sentinel") ? (t = (0, o.jsx)("div", {
                className: "relative h-full w-full",
                children: nt.map(ns)
            }), h[1] = t) : t = h[1], h[2] === Symbol.for("react.memo_cache_sentinel") ? (r = (0, o.jsx)(ne, {
                className: "size-5 text-green-500"
            }), h[2] = r) : r = h[2], h[3] !== x ? (a = x("upgradeModal.pills.enhancedSecurity"), h[3] = x, h[4] = a) : a = h[4], h[5] !== a ? (l = (0, o.jsx)(nn, {
                icon: r,
                label: a,
                className: "absolute z-10 -translate-y-1/2 shadow-sm left-[28%] top-[20%]"
            }), h[5] = a, h[6] = l) : l = h[6], h[7] === Symbol.for("react.memo_cache_sentinel") ? (i = (0, o.jsx)(e7, {
                className: "size-5 text-red-500"
            }), h[7] = i) : i = h[7], h[8] !== x ? (_ = x("upgradeModal.pills.introducingPusd"), h[8] = x, h[9] = _) : _ = h[9], h[10] !== _ ? (d = (0, o.jsx)(nn, {
                icon: i,
                label: _,
                className: "absolute z-10 -translate-y-1/2 shadow-sm left-[51%] top-[40%]"
            }), h[10] = _, h[11] = d) : d = h[11], h[12] === Symbol.for("react.memo_cache_sentinel") ? (c = (0, o.jsx)(e8, {
                className: "size-5 text-blue-500"
            }), h[12] = c) : c = h[12], h[13] !== x ? (u = x("upgradeModal.pills.balanceConversion"), h[13] = x, h[14] = u) : u = h[14], h[15] !== u ? (m = (0, o.jsx)(nn, {
                icon: c,
                label: u,
                className: "absolute z-10 -translate-y-1/2 shadow-sm left-[23%] top-[60%]"
            }), h[15] = u, h[16] = m) : m = h[16], h[17] === Symbol.for("react.memo_cache_sentinel") ? (p = (0, o.jsx)(e9, {
                className: "size-5 text-orange-500"
            }), h[17] = p) : p = h[17], h[18] !== x ? (g = x("upgradeModal.pills.improvedInfrastructure"), h[18] = x, h[19] = g) : g = h[19], h[20] !== g ? (y = (0, o.jsx)(nn, {
                icon: p,
                label: g,
                className: "absolute z-10 -translate-y-1/2 shadow-sm left-[44%] top-[80%]"
            }), h[20] = g, h[21] = y) : y = h[21], h[22] !== v || h[23] !== m || h[24] !== y || h[25] !== l || h[26] !== d ? (f = (0, o.jsxs)("div", {
                className: v,
                children: [n, t, l, d, m, y]
            }), h[22] = v, h[23] = m, h[24] = y, h[25] = l, h[26] = d, h[27] = f) : f = h[27], f
        };

    function ns(e) {
        return (0, o.jsx)("div", {
            className: "absolute inset-x-0 h-[3px] bg-[#C8D5F3] dark:bg-[#1B2A52]",
            style: {
                top: e
            }
        }, e)
    }
    let nr = () => {
        let e, n, t, r, a, l, i, _, d = (0, s.c)(15),
            c = (0, eu.useTranslations)();
        return d[0] === Symbol.for("react.memo_cache_sentinel") ? (e = (0, o.jsx)(no, {
            className: "h-[220px] w-full shrink-0 md:h-[300px]"
        }), d[0] = e) : e = d[0], d[1] !== c ? (n = c("upgradeModal.welcome.title"), d[1] = c, d[2] = n) : n = d[2], d[3] !== n ? (t = (0, o.jsx)("h2", {
            className: "text-text-primary text-center text-[28px] font-semibold leading-9",
            children: n
        }), d[3] = n, d[4] = t) : t = d[4], d[5] !== c ? (r = c("upgradeModal.welcome.description"), d[5] = c, d[6] = r) : r = d[6], d[7] !== r ? (a = (0, o.jsx)("p", {
            className: "text-center text-base font-medium leading-6 text-[#77808d]",
            children: r
        }), d[7] = r, d[8] = a) : a = d[8], d[9] !== t || d[10] !== a ? (l = (0, o.jsxs)("div", {
            className: "flex w-full flex-col items-center gap-3",
            children: [t, a]
        }), d[9] = t, d[10] = a, d[11] = l) : l = d[11], d[12] === Symbol.for("react.memo_cache_sentinel") ? (i = (0, o.jsx)(eq, {
            url: eU
        }), d[12] = i) : i = d[12], d[13] !== l ? (_ = (0, o.jsxs)("div", {
            className: "flex h-full min-h-0 flex-col",
            children: [e, (0, o.jsxs)("div", {
                className: "flex min-h-0 flex-1 flex-col items-center justify-center gap-3 px-6 py-4 md:py-6",
                children: [l, i]
            })]
        }), d[13] = l, d[14] = _) : _ = d[14], _
    };
    var na = e.i(213264);
    let nl = {
            enter: e => ({
                x: e > 0 ? 80 : -80,
                opacity: 0
            }),
            center: {
                x: 0,
                opacity: 1
            },
            exit: e => ({
                x: e > 0 ? -80 : 80,
                opacity: 0
            })
        },
        ni = e => {
            let n, t = (0, s.c)(5),
                {
                    current: r,
                    total: a
                } = e;
            if (t[0] !== r || t[1] !== a) {
                let e;
                t[3] !== r ? (e = (e, n) => (0, o.jsx)("div", {
                    className: "h-1.5 rounded-full transition-all duration-300 ease-in-out",
                    style: {
                        width: n === r ? 24 : 6,
                        backgroundColor: n === r ? "var(--color-text-primary)" : "#c3c7cc"
                    }
                }, `step-${n}`), t[3] = r, t[4] = e) : e = t[4], n = (0, o.jsx)("div", {
                    className: "flex items-center gap-1",
                    children: Array.from({
                        length: a
                    }, e)
                }), t[0] = r, t[1] = a, t[2] = n
            } else n = t[2];
            return n
        };
    var n_ = ((n = n_ || {})[n.Welcome = 0] = "Welcome", n[n.Login = 1] = "Login", n[n.Balance = 2] = "Balance", n[n.Approval = 3] = "Approval", n[n.Success = 4] = "Success", n[n.CancelledOrders = 5] = "CancelledOrders", n);
    let nd = {
            0: "welcome",
            1: "login",
            2: "balance",
            3: "approval",
            4: "success",
            5: "cancelled_orders"
        },
        nc = new Set([0, 1, 2, 3, 4, 5]),
        nu = e => `polymarket.upgrade-modal.step.${e.toLowerCase()}`,
        nm = ({
            onDismiss: e
        }) => {
            let n = (0, eu.useTranslations)(),
                {
                    baseAddress: t,
                    authenticated: a
                } = (0, eP.useAccountState)(),
                {
                    setOpen: l
                } = (0, eE.useSiwx)(),
                i = (0, na.default)(e => e.removeUser),
                _ = (0, na.default)(e => e.addCompletedUser),
                {
                    usdceBalance: d,
                    hasUsdceBalance: c,
                    handleUsdceWrap: u,
                    isWrapping: m,
                    isSignerLoading: p
                } = (0, eR.default)(),
                {
                    groupedOrders: g,
                    totalOrders: y,
                    totalMarkets: f,
                    hasOrders: h,
                    isLoading: b
                } = function() {
                    let e, n = (0, s.c)(6),
                        {
                            groupedOrders: t,
                            totalOrders: o,
                            totalMarkets: r,
                            hasOrders: a,
                            isLoading: l
                        } = (0, eD.usePreMigrationOrders)();
                    return n[0] !== t || n[1] !== a || n[2] !== l || n[3] !== r || n[4] !== o ? (e = {
                        groupedOrders: t,
                        totalOrders: o,
                        totalMarkets: r,
                        hasOrders: a,
                        isLoading: l
                    }, n[0] = t, n[1] = a, n[2] = l, n[3] = r, n[4] = o, n[5] = e) : e = n[5], e
                }(),
                [x, v] = r.default.useState(0),
                w = r.default.useMemo(() => {
                    let e = [0];
                    return a || e.push(1), c && e.push(2), e.push(3), h && e.push(5), e.push(4), e
                }, [a, c, h]),
                [k, C] = r.default.useState(0),
                S = r.default.useRef(new Set),
                [j, I] = r.default.useState(),
                N = w.indexOf(k),
                O = N >= 0 ? N : w.findIndex(e => e > k),
                z = O >= 0 ? O : Math.max(0, w.length - 1),
                P = w[z] ? ? 0,
                E = w.length;
            r.default.useEffect(() => {
                let e = t ? .toLowerCase();
                if (!e || j === e) return;
                let n = (e => {
                    if (e) try {
                        let n = window.sessionStorage.getItem(nu(e));
                        if (null === n) return;
                        let t = Number(n);
                        if (!Number.isInteger(t) || !nc.has(t)) return;
                        return t
                    } catch {
                        return
                    }
                })(t);
                void 0 !== n && C(2 === n || 3 === n ? 2 : n), I(e)
            }, [t, j]), r.default.useEffect(() => {
                k !== P && C(P)
            }, [k, P]), r.default.useEffect(() => {
                S.current.has(P) || (S.current.add(P), (0, eB.ctfV2Info)("modal_step_viewed", {
                    step: nd[P],
                    stepIndex: z + 1,
                    totalSteps: E,
                    authenticated: a,
                    hasUsdceBalance: c,
                    hasCancelledOrders: h,
                    cancelledOrdersLoading: b,
                    totalOrders: y,
                    totalMarkets: f
                }))
            }, [P, z, E, a, c, h, b, y, f]), r.default.useEffect(() => {
                let e = t ? .toLowerCase();
                e && j === e && ((e, n) => {
                    if (e) try {
                        window.sessionStorage.setItem(nu(e), String(n))
                    } catch {
                        return
                    }
                })(t, P)
            }, [t, P, j]);
            let L = r.default.useCallback(e => {
                    v(1), C(n => {
                        let t = w.indexOf(e ? ? n);
                        return -1 === t ? n : w[t + 1] ? ? n
                    })
                }, [w]),
                T = r.default.useCallback(() => {
                    (0, eB.ctfV2Info)("modal_action", {
                        step: nd[1],
                        action: "login"
                    }), l(!0)
                }, [l]),
                R = r.default.useCallback(async () => {
                    (0, eB.ctfV2Info)("modal_action", {
                        step: nd[2],
                        action: "convert_balance"
                    }), (await u()).state === ez.TransactionResponseState.Success && L(2)
                }, [u, L]),
                B = r.default.useCallback(() => {
                    t && ((0, eB.ctfV2Info)("migration_completed", {
                        hadUsdceBalance: c,
                        hadCancelledOrders: h,
                        totalOrders: y,
                        totalMarkets: f
                    }), _(t), i(t), (e => {
                        if (e) try {
                            window.sessionStorage.removeItem(nu(e))
                        } catch {
                            return
                        }
                    })(t))
                }, [t, _, i, c, h, y, f]),
                D = r.default.useCallback(() => {
                    B(), e()
                }, [B, e]),
                A = 3 === P || 1 === P || 2 === P || 4 === P || 5 === P,
                M = r.default.useMemo(() => {
                    switch (P) {
                        case 0:
                            return (0, o.jsx)(nr, {});
                        case 1:
                            return (0, o.jsx)(e2, {
                                onLogin: T
                            });
                        case 2:
                            return (0, o.jsx)(eG, {
                                usdceBalance: d,
                                hasUsdceBalance: c,
                                onConvert: R,
                                onNext: () => {
                                    (0, eB.ctfV2Info)("modal_action", {
                                        step: nd[2],
                                        action: "next"
                                    }), L(2)
                                },
                                isConverting: m,
                                isSignerLoading: p
                            });
                        case 3:
                            return (0, o.jsx)(eX, {
                                onAllApproved: () => {
                                    (0, eB.ctfV2Info)("modal_action", {
                                        step: nd[3],
                                        action: "all_approved"
                                    }), L(3)
                                }
                            });
                        case 5:
                            return (0, o.jsx)(e$, {
                                groupedOrders: g,
                                totalOrders: y,
                                totalMarkets: f,
                                onSeeOrders: () => {
                                    (0, eB.ctfV2Info)("modal_action", {
                                        step: nd[5],
                                        action: "see_orders",
                                        totalOrders: y,
                                        totalMarkets: f
                                    }), window.open("/portfolio?tab=cancelled-orders", "_blank", "noopener,noreferrer"), L(5)
                                }
                            });
                        case 4:
                            return (0, o.jsx)(e4, {
                                onStartTrading: D,
                                onUnmount: B
                            });
                        default:
                            return null
                    }
                }, [P, d, c, T, R, m, L, D, B, g, y, f]);
            return (0, o.jsxs)(ec.ModalContent, {
                onEscapeKeyDown: e => e.preventDefault(),
                onPointerDownOutside: e => e.preventDefault(),
                onInteractOutside: e => e.preventDefault(),
                overlayClassName: "bg-black/70",
                contentClassName: "h-full gap-0 overflow-hidden p-0 pt-6",
                className: "flex h-[85dvh] w-full max-w-[660px] flex-col gap-0 overflow-hidden p-0 md:h-[664px]",
                children: [(0, o.jsx)("div", {
                    className: "min-h-0 flex-1 overflow-hidden",
                    children: (0, o.jsx)(eL.AnimatePresence, {
                        mode: "wait",
                        custom: x,
                        children: (0, o.jsx)(eT.motion.div, {
                            custom: x,
                            variants: nl,
                            initial: "enter",
                            animate: "center",
                            exit: "exit",
                            transition: {
                                duration: .25,
                                ease: "easeInOut"
                            },
                            className: "flex h-full flex-col",
                            children: M
                        }, P)
                    })
                }), !A && (0, o.jsx)("div", {
                    className: "shrink-0",
                    children: (0, o.jsxs)("div", {
                        className: "flex w-full flex-col items-center gap-4 p-4 md:p-6",
                        children: [(0, o.jsx)(ni, {
                            current: z,
                            total: E
                        }), (0, o.jsx)("button", {
                            type: "button",
                            onClick: () => {
                                (0, eB.ctfV2Info)("modal_action", {
                                    step: nd[P],
                                    action: "next"
                                }), L()
                            },
                            className: "h-[52px] w-full cursor-pointer rounded-2xl bg-(--color-button-primary-bg) text-base font-semibold text-white transition-opacity hover:opacity-90",
                            children: n("upgradeModal.next")
                        })]
                    })
                })]
            })
        },
        np = () => {
            let e, n, t, a, l, i, _, d, c, u, m, p, g, y, f, h = (0, s.c)(25);
            h[0] === Symbol.for("react.memo_cache_sentinel") ? (e = ["isMigrationActive", "baseAddress"], h[0] = e) : e = h[0];
            let {
                isMigrationActive: b,
                baseAddress: x
            } = (0, ew.useAccountContext)(e), v = (0, na.default)(ng), w = (0, na.default)(ny), [k, C] = r.default.useState(!1), [S, j] = r.default.useState(!1), I = r.default.useRef(void 0);
            h[1] !== x ? (n = () => {
                I.current !== x && (I.current = x, C(!1), j(!1))
            }, t = [x], h[1] = x, h[2] = n, h[3] = t) : (n = h[2], t = h[3]), r.default.useEffect(n, t), h[4] !== v ? (a = () => {
                v > 0 && (C(!1), j(!1))
            }, l = [v], h[4] = v, h[5] = a, h[6] = l) : (a = h[5], l = h[6]), r.default.useEffect(a, l), h[7] !== b || h[8] !== k ? (i = () => {
                b && !k && j(!0)
            }, _ = [b, k], h[7] = b, h[8] = k, h[9] = i, h[10] = _) : (i = h[9], _ = h[10]), r.default.useEffect(i, _);
            let N = S && !k;
            return h[11] !== N || h[12] !== w ? (d = () => {
                w(N)
            }, c = [N, w], h[11] = N, h[12] = w, h[13] = d, h[14] = c) : (d = h[13], c = h[14]), r.default.useEffect(d, c), h[15] !== w ? (m = () => () => w(!1), u = [w], h[15] = w, h[16] = u, h[17] = m) : (u = h[16], m = h[17]), r.default.useEffect(m, u), h[18] !== N || h[19] !== v ? (p = () => {
                N && (0, eB.ctfV2Info)("modal_opened", {
                    source: v > 0 ? "reopen" : "automatic",
                    reopenCounter: v
                })
            }, g = [N, v], h[18] = N, h[19] = v, h[20] = p, h[21] = g) : (p = h[20], g = h[21]), r.default.useEffect(p, g), h[22] === Symbol.for("react.memo_cache_sentinel") ? (y = (0, o.jsx)(nm, {
                onDismiss: () => C(!0)
            }), h[22] = y) : y = h[22], h[23] !== N ? (f = (0, o.jsx)(ec.Modal, {
                open: N,
                onOpenChange: nf,
                size: "sm",
                children: y
            }), h[23] = N, h[24] = f) : f = h[24], f
        };

    function ng(e) {
        return e.reopenCounter
    }

    function ny(e) {
        return e.setUpgradeModalShown
    }

    function nf() {}
    var nh = e.i(586034),
        nb = e.i(485078),
        nx = e.i(67670),
        nv = e.i(5146),
        nw = e.i(702056),
        nk = e.i(668122),
        nC = e.i(827681),
        nS = e.i(79075),
        nj = e.i(569442),
        nI = e.i(684686),
        nN = e.i(677173),
        nO = e.i(621320),
        nz = e.i(305457),
        nP = e.i(767074),
        nE = e.i(799471);
    let nL = ["/updown"],
        nT = ["/", "/sports/live", "/sports/fifa-world-cup/games", "/sports/fifa-world-cup/props", "/sports/fifa-world-cup/bracket", "/sports/fifa-world-cup/map", "/portfolio", "/search"],
        nR = new Set;

    function nB(e) {
        return nL.some(n => e === n || e.startsWith(`${n}/`))
    }

    function nD() {
        let e, n, t, a, l = (0, s.c)(7),
            i = (0, Y.useRouter)();
        l[0] !== i.query.pm_shell ? (e = (0, nO.isNativeShellQueryEnabled)(i.query.pm_shell), l[0] = i.query.pm_shell, l[1] = e) : e = l[1];
        let _ = e,
            [d, c] = r.default.useState(nA);
        return (l[2] !== d || l[3] !== _ ? (n = () => {
            !d && (_ || (0, nN.isNativeShell)()) && c(!0)
        }, t = [d, _], l[2] = d, l[3] = _, l[4] = n, l[5] = t) : (n = l[4], t = l[5]), r.default.useEffect(n, t), d) ? (l[6] === Symbol.for("react.memo_cache_sentinel") ? (a = (0, o.jsx)(nM, {}), l[6] = a) : a = l[6], a) : null
    }

    function nA() {
        return (0, nN.isNativeShell)()
    }

    function nM() {
        let e, n, t, o, a, l, i, _, d, c, u, m, p, g, y, f, h, b, x, v, w, k, C, S, j, I = (0, s.c)(69),
            N = (0, Y.useRouter)(),
            O = (0, eu.useTranslations)(),
            z = (0, nz.useAmplitudeAnalytics)(),
            P = (0, nz.useGoogleAnalytics)(),
            {
                setConnectorRoute: E,
                setOpen: L,
                isLoggedIn: T
            } = (0, eE.useSiwx)(),
            {
                onBeginCheckout: R
            } = (0, nP.useFunkitContext)();
        I[0] === Symbol.for("react.memo_cache_sentinel") ? (e = ["authenticated", "isSessionLoading", "proxyAddress", "closedDynamic"], I[0] = e) : e = I[0];
        let {
            authenticated: B,
            isSessionLoading: D,
            proxyAddress: A,
            closedDynamic: M
        } = (0, ew.useAccountContext)(e), U = (0, nI.useGeoStore)(nX), F = (0, nj.useBalanceVisibilityStore)(nY);
        I[1] !== A ? (n = (0, nw.readNavbarBalances)(A), I[1] = A, I[2] = n) : n = I[2];
        let q = n,
            {
                marketPositionsValue: Q
            } = (0, nx.useMarketPositionsValue)(A),
            {
                trackedProxyUsdcBalance: X,
                isProxyUsdcBalanceLoading: H
            } = (0, nv.default)(A),
            {
                usdceBalance: W,
                isUsdceBalanceLoading: V
            } = (0, eR.default)(),
            G = void 0 !== Q && !H && !V;
        I[3] !== G || I[4] !== X || I[5] !== W ? (t = G ? X.current + parseFloat((0, eV.formatUSDCUnits)(W)) : void 0, I[3] = G, I[4] = X, I[5] = W, I[6] = t) : t = I[6];
        let K = t,
            J = G ? (Q ? ? 0) + (K ? ? 0) : void 0,
            $ = J ? ? q ? .portfolio ? ? 0;
        I[7] !== $ ? (o = (0, eV.formatToDollar)($, {
            minimumFractionDigits: 0,
            maximumFractionDigits: 0
        }), I[7] = $, I[8] = o) : o = I[8];
        let Z = o,
            ee = B || T || !!A;
        I[9] !== M || I[10] !== U || I[11] !== A ? (a = (0, nE.modifyPermissionsToMatchCloseOnlyBlockAndAllowLists)(A, U, M), I[9] = M, I[10] = U, I[11] = A, I[12] = a) : a = I[12];
        let en = a;
        I[13] !== z || I[14] !== P || I[15] !== E || I[16] !== L ? (l = () => {
            let e = Date.now();
            (0, nS.markSignupPromptOpened)("navbar", {
                now: e,
                route: "signup"
            }), z.trackEvent(nk.Events.SignupPromptOpened, (0, nS.getSignupPromptOpenedEventProperties)({
                source: "navbar",
                route: "signup"
            })), E(nC.ConnectorRoute.SIGNUP), L(!0), z.trackEvent(nk.Events.SignUp), P.trackClickEvent("SignupButtonConnectClick")
        }, I[13] = z, I[14] = P, I[15] = E, I[16] = L, I[17] = l) : l = I[17];
        let et = l;
        I[18] !== z || I[19] !== B || I[20] !== T || I[21] !== R || I[22] !== et || I[23] !== en.canDeposit ? (i = () => B && T ? !en.canDeposit || (z.trackEvent(nk.Events.DepositNavbarButtonClicked), R(), !0) : (et(), !0), I[18] = z, I[19] = B, I[20] = T, I[21] = R, I[22] = et, I[23] = en.canDeposit, I[24] = i) : i = I[24];
        let eo = i;
        I[25] !== N ? (_ = e => {
            if (!(0, nN.isNativeShell)()) return;
            let n = (0, nN.warmNativeShellRoutes)(e);
            e.forEach(e => {
                let t = "/updown" === e ? (0, nb.getLiveFiveMinuteUpDownPath)("btc") : e;
                if (t && t.startsWith("/") && !(t === N.asPath || nR.has(t))) {
                    if (nR.add(t), (nB(t) || t.startsWith("/sports/")) && !(n && t.startsWith("/sports/"))) {
                        let e = new URL(t, window.location.origin).toString(),
                            n = document.createElement("link");
                        n.rel = "prefetch", n.as = "document", n.href = e, document.head.appendChild(n), fetch(e, {
                            credentials: "include",
                            cache: "force-cache"
                        }).catch(nQ)
                    }
                    nB(t) || N.prefetch(t).catch(nq)
                }
            })
        }, I[25] = N, I[26] = _) : _ = I[26];
        let es = _;
        return I[27] === Symbol.for("react.memo_cache_sentinel") ? (d = [], I[27] = d) : d = I[27], r.default.useEffect(nF, d), I[28] !== B || I[29] !== T || I[30] !== D || I[31] !== en.canDeposit || I[32] !== O ? (u = () => {
            if (!(0, nN.isNativeShell)()) return;
            let e = B && T,
                n = e ? "deposit" : "signup",
                t = e && D;
            (0, nN.setNativeShellTopActionState)({
                kind: n,
                label: "deposit" === n ? O("navbar.deposit") : O("auth.signUp"),
                enabled: "signup" === n || !t && en.canDeposit,
                loading: t
            })
        }, c = [B, T, D, en.canDeposit, O], I[28] = B, I[29] = T, I[30] = D, I[31] = en.canDeposit, I[32] = O, I[33] = c, I[34] = u) : (c = I[33], u = I[34]), r.default.useEffect(u, c), I[35] !== J || I[36] !== K || I[37] !== A ? (m = () => {
            void 0 !== J && void 0 !== K && A && (0, nw.saveNavbarBalances)(A, J, K)
        }, p = [J, K, A], I[35] = J, I[36] = K, I[37] = A, I[38] = m, I[39] = p) : (m = I[38], p = I[39]), r.default.useEffect(m, p), I[40] !== q || I[41] !== G || I[42] !== ee || I[43] !== Z || I[44] !== F ? (g = () => {
            if (!(0, nN.isNativeShell)()) return;
            let e = null !== q;
            (0, nN.setNativeShellPortfolioValueState)({
                authenticated: ee,
                value: Z,
                loading: ee && !G && !e,
                hidden: F
            })
        }, I[40] = q, I[41] = G, I[42] = ee, I[43] = Z, I[44] = F, I[45] = g) : g = I[45], I[46] !== B || I[47] !== q || I[48] !== G || I[49] !== ee || I[50] !== T || I[51] !== Z || I[52] !== F ? (y = [B, q, ee, G, T, Z, F], I[46] = B, I[47] = q, I[48] = G, I[49] = ee, I[50] = T, I[51] = Z, I[52] = F, I[53] = y) : y = I[53], r.default.useEffect(g, y), I[54] !== eo ? (f = () => {
            if ((0, nN.isNativeShell)()) return (0, nN.onNativeTopAction)(eo)
        }, h = [eo], I[54] = eo, I[55] = f, I[56] = h) : (f = I[55], h = I[56]), r.default.useEffect(f, h), I[57] !== es ? (b = () => {
            if ((0, nN.isNativeShell)()) return (0, nN.onNativePrefetchRoutes)(es)
        }, x = [es], I[57] = es, I[58] = b, I[59] = x) : (b = I[58], x = I[59]), r.default.useEffect(b, x), I[60] !== es ? (v = () => {
            if (!(0, nN.isNativeShell)()) return;
            let e = () => es(nT);
            if ("requestIdleCallback" in window) {
                let n = window.requestIdleCallback(e, {
                    timeout: 1800
                });
                return () => window.cancelIdleCallback(n)
            }
            let n = globalThis.setTimeout(e, 700);
            return () => globalThis.clearTimeout(n)
        }, w = [es], I[60] = es, I[61] = v, I[62] = w) : (v = I[61], w = I[62]), r.default.useEffect(v, w), I[63] !== N.asPath ? (k = () => {
            if (!(0, nN.isNativeShell)()) return;
            let e = N.asPath,
                n = window.history.length > 1;
            (0, nN.notifyNativeShellRouteChanged)({
                route: e,
                backEnabled: n
            }), (0, nN.setNativeShellBackEnabled)(n)
        }, C = [N.asPath], I[63] = N.asPath, I[64] = k, I[65] = C) : (k = I[64], C = I[65]), r.default.useEffect(k, C), I[66] !== N ? (S = () => (0, nN.onNativeTabChange)((e, n) => {
            let t = "/updown" === n ? (0, nb.getLiveFiveMinuteUpDownPath)("btc") : n;
            if (t && N.asPath !== t) {
                if (nB(t)) return void window.location.assign(t);
                N.push(t).catch(nU)
            }
        }), j = [N], I[66] = N, I[67] = S, I[68] = j) : (S = I[67], j = I[68]), r.default.useEffect(S, j), null
    }

    function nU() {}

    function nF() {
        if (!(0, nN.isNativeShell)()) return;
        let e = document.documentElement;
        e.dataset.nativeShell = "1";
        let n = (0, nN.installNativeShellInsetsReceiver)();
        return () => {
            n(), delete e.dataset.nativeShell
        }
    }

    function nq() {}

    function nQ() {}

    function nY(e) {
        return e.portfolioHidden
    }

    function nX(e) {
        return e.permissions
    }
    var nH = e.i(864636),
        nW = e.i(934993),
        nV = e.i(870555),
        nG = e.i(337232);
    let nK = (0, r.createContext)({}),
        nJ = e => {
            let n, t, r, a = (0, s.c)(9),
                {
                    setToasts: l,
                    toastElementsMapRef: i,
                    sortToasts: _,
                    children: d
                } = e;
            a[0] !== l ? (n = e => {
                l(n => {
                    let t = new Map(n);
                    return t.delete(e), t
                })
            }, a[0] = l, a[1] = n) : n = a[1];
            let c = n;
            a[2] !== c || a[3] !== _ || a[4] !== i ? (t = {
                toastElementsMapRef: i,
                handleRemoveToast: c,
                sortToasts: _
            }, a[2] = c, a[3] = _, a[4] = i, a[5] = t) : t = a[5];
            let u = t;
            return a[6] !== d || a[7] !== u ? (r = (0, o.jsx)(nK.Provider, {
                value: u,
                children: d
            }), a[6] = d, a[7] = u, a[8] = r) : r = a[8], r
        };
    var n$ = e.i(550827),
        nZ = e.i(211721),
        n0 = e.i(419160),
        n1 = e.i(499055),
        n5 = e.i(11408),
        n2 = e.i(831089),
        n3 = e.i(345472);

    function n4(e) {
        let n = (0, s.c)(1),
            {
                icon: t
            } = e;
        if (t !== n0.ToastIcon.Time) return null; {
            let e;
            return n[0] === Symbol.for("react.memo_cache_sentinel") ? (e = (0, o.jsx)(n1.IconClockOutline18, {
                size: 18,
                color: "var(--color-text-secondary)"
            }), n[0] = e) : e = n[0], e
        }
    }
    let n6 = function(e) {
        let n = (0, s.c)(5),
            {
                status: t,
                icon: r
            } = e;
        if (t === n0.ToastStatus.Default) return null;
        if (r !== n0.ToastIcon.Default) {
            let e;
            return n[0] !== r ? (e = (0, o.jsx)(n4, {
                icon: r
            }), n[0] = r, n[1] = e) : e = n[1], e
        }
        switch (t) {
            case n0.ToastStatus.Info:
                {
                    let e;
                    return n[2] === Symbol.for("react.memo_cache_sentinel") ? (e = (0, o.jsx)(n3.IconCircleInfoOutline18, {
                        className: "size-4.5 text-text-secondary"
                    }), n[2] = e) : e = n[2],
                    e
                }
            case n0.ToastStatus.Success:
                {
                    let e;
                    return n[3] === Symbol.for("react.memo_cache_sentinel") ? (e = (0, o.jsx)(n5.IconCircleCheckFill18, {
                        className: "size-4.5 text-green-500"
                    }), n[3] = e) : e = n[3],
                    e
                }
            case n0.ToastStatus.Error:
                {
                    let e;
                    return n[4] === Symbol.for("react.memo_cache_sentinel") ? (e = (0, o.jsx)(n2.IconCircleXmarkFill18, {
                        className: "size-4.5 text-red-500"
                    }), n[4] = e) : e = n[4],
                    e
                }
            default:
                return null
        }
    };

    function n8(e) {
        let n, t, r = (0, s.c)(5),
            {
                className: a,
                children: l
            } = e;
        return r[0] !== a ? (n = (0, nV.cn)("flex gap-3 p-4 rounded-lg border border-neutral-50 transition-all duration-250 ease-[ease] bg-surface-1 shadow-[hsl(206_22%_7%/35%)_0px_10px_38px_-10px,hsl(206_22%_7%/20%)_0px_10px_20px_-15px] relative overflow-hidden", "h-(--toast-height)", "group-data-[front=false]:h-(--toast-front-height)", "group-data-[hovering=true]:h-(--toast-height)", a), r[0] = a, r[1] = n) : n = r[1], r[2] !== l || r[3] !== n ? (t = (0, o.jsx)("div", {
            className: n,
            children: l
        }), r[2] = l, r[3] = n, r[4] = t) : t = r[4], t
    }

    function n7(e) {
        let n, t, r, a, l, i = (0, s.c)(10);
        return i[0] !== e ? ({
            position: t,
            className: n,
            ...r
        } = e, i[0] = e, i[1] = n, i[2] = t, i[3] = r) : (n = i[1], t = i[2], r = i[3]), i[4] !== n || i[5] !== t ? (a = (0, nV.cn)("group absolute right-[15px] left-[15px] transition-all duration-250 ease-[ease]", "opacity-0 data-[hidden=false]:opacity-100", "[--toast-x:var(--radix-toast-swipe-move-x,0)]", "[--toast-scale:calc(1-0.05*var(--toast-index,0))]", "top" === t && ["top-[15px]", "before:content-[''] before:absolute before:left-0 before:right-0 before:bottom-full before:w-full before:h-[1000px] before:bg-transparent", "[--toast-y:calc(1px+var(--stack-gap,8px)*var(--toast-index,0))]", "translate-x-(--toast-x) translate-y-full", "data-[state=closed]:not([data-swipe=end]):animate-[toast-slide-up_200ms_ease]"], "bottom" === t && ["bottom-[15px]", "after:content-[''] after:absolute after:left-0 after:right-0 after:top-full after:w-full after:h-[1000px] after:bg-transparent", "[--toast-y:calc(1px-var(--stack-gap,8px)*var(--toast-index,0))]", "translate-x-(--toast-x) translate-y-[85px]", "data-[state=closed]:animate-[toast-slide-down_200ms_ease]"], "data-[front=true]:translate-x-(--toast-x) data-[front=true]:translate-y-(--toast-y)", "data-[front=false]:translate-x-(--toast-x) data-[front=false]:translate-y-(--toast-y) data-[front=false]:scale-(--toast-scale)", "data-[hovering=true]:[--toast-scale:1] data-[hovering=true]:[--toast-y:calc(var(--toast-hover-offset-y,0px)-var(--stack-gap,8px)*var(--toast-index,0))] data-[hovering=true]:duration-250 data-[hovering=true]:ease-[ease]", "data-[swipe=move]:duration-0 data-[swipe=move]:ease-out", "data-[swipe=cancel]:duration-100 data-[swipe=cancel]:ease-out data-[swipe=cancel]:[--toast-x:0]", "data-[swipe=end]:duration-100 data-[swipe=end]:animate-[toast-slide-right_100ms_ease-out]", n), i[4] = n, i[5] = t, i[6] = a) : a = i[6], i[7] !== r || i[8] !== a ? (l = (0, o.jsx)(nW.Toast.Root, { ...r,
            className: a
        }), i[7] = r, i[8] = a, i[9] = l) : l = i[9], l
    }
    let n9 = () => {
        let e, n = (0, s.c)(1);
        return n[0] === Symbol.for("react.memo_cache_sentinel") ? (e = (0, o.jsx)(n$.IconExternalLinkFill18, {
            className: "size-4 transition-all group-hover:text-neutral-600"
        }), n[0] = e) : e = n[0], e
    };

    function te(e) {
        let n, t, r, a, l = (0, s.c)(8);
        return l[0] !== e ? ({
            className: n,
            ...t
        } = e, l[0] = e, l[1] = n, l[2] = t) : (n = l[1], t = l[2]), l[3] !== n ? (r = (0, nV.cn)("group text-sm text-neutral-700 transition-all duration-200 cursor-pointer [-webkit-tap-highlight-color:rgba(0,0,0,0.2)] hover:text-neutral-600", n), l[3] = n, l[4] = r) : r = l[4], l[5] !== t || l[6] !== r ? (a = (0, o.jsx)("a", {
            className: r,
            ...t
        }), l[5] = t, l[6] = r, l[7] = a) : a = l[7], a
    }
    let tn = e => {
        let n, t, a, l, i, _, d, c, u, m, p, g, y, f = (0, s.c)(34);
        f[0] !== e ? ({
            onOpenChange: a,
            toast: i,
            id: t,
            custom: n,
            position: l,
            ..._
        } = e, f[0] = e, f[1] = n, f[2] = t, f[3] = a, f[4] = l, f[5] = i, f[6] = _) : (n = f[1], t = f[2], a = f[3], l = f[4], i = f[5], _ = f[6]);
        let [h, b] = (0, r.useState)(i.open), x = (0, r.useRef)(null), {
            sortToasts: v,
            toastElementsMapRef: w,
            handleRemoveToast: k
        } = (() => {
            let e = (0, r.useContext)(nK);
            if (e) return e;
            throw Error("useToastContext must be used within Toasts")
        })();
        return f[7] !== t || f[8] !== v || f[9] !== w ? (d = () => {
            x.current && (w.current.set(t, x.current), v())
        }, c = [t, v, w], f[7] = t, f[8] = v, f[9] = w, f[10] = d, f[11] = c) : (d = f[10], c = f[11]), (0, r.useEffect)(d, c), f[12] !== k || f[13] !== t || f[14] !== h ? (u = () => {
            if (!h) {
                let e = setTimeout(() => {
                    k(t)
                }, 200);
                return () => clearTimeout(e)
            }
        }, m = [k, h, t], f[12] = k, f[13] = t, f[14] = h, f[15] = u, f[16] = m) : (u = f[15], m = f[16]), (0, r.useEffect)(u, m), f[17] !== a ? (p = e => {
            b(e), a(e)
        }, f[17] = a, f[18] = p) : p = f[18], f[19] !== n || f[20] !== i.action || f[21] !== i.description || f[22] !== i.icon || f[23] !== i.link || f[24] !== i.status || f[25] !== i.subtext || f[26] !== i.title ? (g = n || (0, o.jsxs)(n8, {
            children: [i.status !== n0.ToastStatus.Default && (0, o.jsx)("div", {
                className: "shrink-0 pt-0.5",
                children: (0, o.jsx)(n6, {
                    status: i.status,
                    icon: i.icon
                })
            }), (0, o.jsxs)("div", {
                className: "flex flex-col gap-1 min-w-0 flex-1",
                children: [(0, o.jsxs)("div", {
                    className: "flex items-center",
                    children: [(0, o.jsx)(nW.Toast.Title, {
                        className: "flex-1 min-w-0",
                        children: (0, o.jsx)("p", {
                            className: "text-sm font-semibold text-text",
                            children: i.title
                        })
                    }), (0, o.jsx)(nW.Toast.Close, {
                        "aria-label": "Close",
                        onClick: tt,
                        className: "ml-auto shrink-0 cursor-pointer rounded-sm p-1 text-text-secondary hover:text-text-tertiary transition-colors duration-200",
                        children: (0, o.jsx)(nZ.IconXmarkOutline12, {})
                    })]
                }), i.description && (0, o.jsx)(nW.Toast.Description, {
                    children: (0, o.jsx)("p", {
                        className: "text-sm font-medium text-text-secondary",
                        children: i.description
                    })
                }), i.subtext ? (0, o.jsx)("p", {
                    className: "text-sm font-medium text-text-tertiary",
                    children: i.subtext
                }) : i.link ? i.link.sameTab ? (0, o.jsx)(te, {
                    href: i.link.url,
                    children: i.link.text
                }) : (0, o.jsxs)(te, {
                    href: i.link.url,
                    target: "_blank",
                    rel: "noopener noreferrer",
                    className: "flex items-center gap-1",
                    children: [i.link.text, (0, o.jsx)(n9, {})]
                }) : i.action ? (0, o.jsx)(nW.Toast.Action, {
                    asChild: !0,
                    altText: i.action.buttonAltText,
                    children: (0, o.jsxs)(ed.Button, {
                        onClick: i.action.onClick,
                        children: [i.action.buttonText, i.action.buttonIcon && (0, o.jsx)("span", {
                            className: "ml-1",
                            children: i.action.buttonIcon
                        })]
                    })
                }) : null]
            })]
        }), f[19] = n, f[20] = i.action, f[21] = i.description, f[22] = i.icon, f[23] = i.link, f[24] = i.status, f[25] = i.subtext, f[26] = i.title, f[27] = g) : g = f[27], f[28] !== h || f[29] !== l || f[30] !== p || f[31] !== g || f[32] !== _ ? (y = (0, o.jsx)(n7, { ..._,
            open: h,
            duration: 4e3,
            ref: x,
            onOpenChange: p,
            position: l,
            children: g
        }), f[28] = h, f[29] = l, f[30] = p, f[31] = g, f[32] = _, f[33] = y) : y = f[33], y
    };

    function tt(e) {
        return e.stopPropagation()
    }
    let to = nW.Toast.Provider,
        ts = nW.Toast.Viewport,
        tr = e => {
            let n, t, a, l, i, _, d, c, u, m, p, g, y, f = (0, s.c)(23),
                {
                    children: h
                } = e,
                [b, x] = (0, r.useState)("bottom");
            f[0] === Symbol.for("react.memo_cache_sentinel") ? (n = new Map, f[0] = n) : n = f[0];
            let [v, w] = (0, r.useState)(n);
            f[1] === Symbol.for("react.memo_cache_sentinel") ? (t = new Map, f[1] = t) : t = f[1];
            let k = (0, r.useRef)(t),
                C = (0, r.useRef)(null),
                S = (0, r.useRef)(void 0),
                [j, I] = (0, r.useState)(void 0);
            f[2] === Symbol.for("react.memo_cache_sentinel") ? (a = () => {
                let e = Array.from(k.current).toReversed(),
                    n = [];
                e.forEach((e, t) => {
                    let [, o] = e;
                    if (!o) return;
                    let s = +(o.getAttribute("data-height") || 0) || o.clientHeight;
                    n.push(s);
                    let r = n[0];
                    o.dataset.height = `${s}`, o.setAttribute("data-front", `${0===t}`), o.setAttribute("data-hidden", `${t>2}`), o.style.setProperty("--toast-index", `${t}`), o.style.setProperty("--toast-height", `${s}px`), o.style.setProperty("--toast-front-height", `${r}px`);
                    let a = n.slice(0, t).reduce(ta, 0);
                    o.style.setProperty("--toast-hover-offset-y", `-${a}px`)
                })
            }, f[2] = a) : a = f[2];
            let N = a;
            f[3] === Symbol.for("react.memo_cache_sentinel") ? (l = () => {
                k.current.forEach(e => {
                    S.current && (S.current = !1), e.setAttribute("data-hovering", "true")
                })
            }, f[3] = l) : l = f[3];
            let O = l;
            f[4] === Symbol.for("react.memo_cache_sentinel") ? (i = () => {
                k.current.forEach(tl)
            }, f[4] = i) : i = f[4];
            let z = i;
            return f[5] === Symbol.for("react.memo_cache_sentinel") ? (_ = () => {
                let e = C.current;
                if (e) return e.addEventListener("mouseenter", O), e.addEventListener("mouseleave", z), () => {
                    e.removeEventListener("mouseenter", O), e.removeEventListener("mouseleave", z)
                }
            }, d = [O, z], f[5] = _, f[6] = d) : (_ = f[5], d = f[6]), (0, r.useEffect)(_, d), f[7] !== v ? (c = Array.from(v), f[7] = v, f[8] = c) : c = f[8], f[9] !== b || f[10] !== c ? (u = c.map(e => {
                let [n, t] = e;
                return (0, o.jsx)(tn, {
                    id: n,
                    toast: t,
                    onOpenChange: e => {
                        e || (k.current.delete(n), N())
                    },
                    custom: t.component,
                    position: b
                }, n)
            }), f[9] = b, f[10] = c, f[11] = u) : u = f[11], f[12] !== j ? (m = j ? {
                zIndex: j
            } : void 0, f[12] = j, f[13] = m) : m = f[13], f[14] !== b ? (p = (0, nV.cn)("fixed m-0 list-none transition-all duration-250 ease-[ease] pointer-events-auto z-1000 max-w-full", "[--stack-gap:8px]", "bottom" === b && ["bottom-0 right-0", "w-full lg:w-[390px]", "max-lg:-translate-y-[60px]"], "top" === b && ["top-0 left-0", "w-full lg:w-[390px]", "max-lg:translate-y-0"]), f[14] = b, f[15] = p) : p = f[15], f[16] !== m || f[17] !== p ? (g = (0, o.jsx)(ts, {
                ref: C,
                style: m,
                className: p
            }), f[16] = m, f[17] = p, f[18] = g) : g = f[18], f[19] !== h || f[20] !== g || f[21] !== u ? (y = (0, o.jsx)(nG.ToastContextProvider, {
                setToasts: w,
                setZIndex: I,
                setPosition: x,
                children: (0, o.jsx)(nJ, {
                    setToasts: w,
                    toastElementsMapRef: k,
                    sortToasts: N,
                    children: (0, o.jsxs)(to, {
                        swipeThreshold: window.innerWidth / 2,
                        duration: 4e3,
                        children: [h, u, g]
                    })
                })
            }), f[19] = h, f[20] = g, f[21] = u, f[22] = y) : y = f[22], y
        };

    function ta(e, n) {
        return e + n
    }

    function tl(e) {
        e.setAttribute("data-hovering", "false")
    }
    var ti = e.i(334986),
        t_ = e.i(507539),
        td = e.i(305292),
        tc = e.i(17812),
        tu = e.i(348320),
        tm = e.i(944891),
        tp = e.i(196144),
        tg = e.i(675215),
        ty = e.i(649480);
    let tf = () => {
        let e = (0, Y.useRouter)(),
            {
                proxyAddress: n
            } = (0, eP.useAccountState)(),
            t = (0, tg.useTrackingEmail)(),
            o = (0, r.useRef)(void 0),
            s = (0, r.useRef)(void 0);
        return o.current = t, s.current = n || void 0, (0, r.useEffect)(() => {
            e.isReady && (0, ty.trackMetaEvent)({
                eventName: "PageView",
                capiOnly: !0,
                email: o.current,
                externalId: s.current
            })
        }, [e.asPath, e.isReady]), null
    };
    var th = e.i(400819),
        tb = e.i(945374),
        tx = e.i(399841),
        tv = e.i(632567),
        tw = e.i(899730);

    function tk() {}
    var tC = e.i(934518),
        tS = e.i(122538);

    function tj(e) {
        return e
    }

    function tI(e) {
        return e.state.isPaused
    }

    function tN(e) {
        return "success" === e.state.status
    }

    function tO(e) {
        return !0
    }

    function tz(e, n, t) {
        if ("object" != typeof n || null === n) return;
        let o = e.getMutationCache(),
            s = e.getQueryCache(),
            r = t ? .defaultOptions ? .deserializeData ? ? e.getDefaultOptions().hydrate ? .deserializeData ? ? tj,
            a = n.mutations || [],
            l = n.queries || [];
        a.forEach(({
            state: n,
            ...s
        }) => {
            o.build(e, { ...e.getDefaultOptions().hydrate ? .mutations,
                ...t ? .defaultOptions ? .mutations,
                ...s
            }, n)
        }), l.forEach(({
            queryKey: n,
            state: o,
            queryHash: a,
            meta: l,
            promise: i,
            dehydratedAt: _,
            queryType: d
        }) => {
            let c = i ? (0, tC.tryResolveSync)(i) : void 0,
                u = void 0 === o.data ? c ? .data : o.data,
                m = void 0 === u ? u : r(u),
                p = s.get(a),
                g = p ? .state.status === "pending",
                y = p ? .state.fetchStatus === "fetching";
            if (p) {
                let e = c && void 0 !== _ && _ > p.state.dataUpdatedAt;
                if (o.dataUpdatedAt > p.state.dataUpdatedAt || e) {
                    let {
                        fetchStatus: e,
                        ...n
                    } = o;
                    p.setState({ ...n,
                        data: m,
                        ..."pending" === o.status && void 0 !== m && {
                            status: "success",
                            ...!y && {
                                fetchStatus: "idle"
                            }
                        }
                    })
                }
            } else p = s.build(e, { ...e.getDefaultOptions().hydrate ? .queries,
                ...t ? .defaultOptions ? .queries,
                queryKey : n,
                queryHash : a,
                meta : l,
                _type: d
            }, { ...o,
                data: m,
                fetchStatus: "idle",
                status: "pending" === o.status && void 0 !== m ? "success" : o.status
            });
            !i || c || g || y || void 0 !== _ && !(_ > p.state.dataUpdatedAt) || p.fetch(void 0, {
                initialPromise: Promise.resolve(i).then(r)
            }).catch(tS.noop)
        })
    }
    var tP = e.i(318594),
        tE = ({
            children: e,
            options: n = {},
            state: t,
            queryClient: o
        }) => {
            let s = (0, tP.useQueryClient)(o),
                a = r.useRef(n);
            r.useEffect(() => {
                a.current = n
            });
            let l = r.useMemo(() => {
                if (t) {
                    if ("object" != typeof t) return;
                    let e = s.getQueryCache(),
                        n = t.queries || [],
                        o = [],
                        r = [];
                    for (let t of n) {
                        let n = e.get(t.queryHash);
                        n ? (t.state.dataUpdatedAt > n.state.dataUpdatedAt || t.promise && "pending" !== n.state.status && "fetching" !== n.state.fetchStatus && void 0 !== t.dehydratedAt && t.dehydratedAt > n.state.dataUpdatedAt) && r.push(t) : o.push(t)
                    }
                    if (o.length > 0 && tz(s, {
                            queries: o
                        }, a.current), r.length > 0) return r
                }
            }, [s, t]);
            return r.useEffect(() => {
                l && tz(s, {
                    queries: l
                }, a.current)
            }, [s, l]), e
        },
        tL = e.i(654446),
        tT = e.i(549889),
        tR = ["added", "removed", "updated"];

    function tB(e) {
        return tR.includes(e)
    }
    async function tD({
        queryClient: e,
        persister: n,
        maxAge: t = 864e5,
        buster: o = "",
        hydrateOptions: s
    }) {
        try {
            let r = await n.restoreClient();
            if (r)
                if (!r.timestamp) return n.removeClient();
                else {
                    let a = Date.now() - r.timestamp > t,
                        l = r.buster !== o;
                    if (a || l) return n.removeClient();
                    tz(e, r.clientState, s)
                }
        } catch (e) {
            throw await n.removeClient(), e
        }
    }
    async function tA({
        queryClient: e,
        persister: n,
        buster: t = "",
        dehydrateOptions: o
    }) {
        let s = {
            buster: t,
            timestamp: Date.now(),
            clientState: function(e, n = {}) {
                let t = n.shouldDehydrateMutation ? ? e.getDefaultOptions().dehydrate ? .shouldDehydrateMutation ? ? tI,
                    o = e.getMutationCache().getAll().flatMap(e => t(e) ? [{
                        mutationKey: e.options.mutationKey,
                        state: e.state,
                        ...e.options.scope && {
                            scope: e.options.scope
                        },
                        ...e.meta && {
                            meta: e.meta
                        }
                    }] : []),
                    s = n.shouldDehydrateQuery ? ? e.getDefaultOptions().dehydrate ? .shouldDehydrateQuery ? ? tN,
                    r = n.shouldRedactErrors ? ? e.getDefaultOptions().dehydrate ? .shouldRedactErrors ? ? tO,
                    a = n.serializeData ? ? e.getDefaultOptions().dehydrate ? .serializeData ? ? tj;
                return {
                    mutations: o,
                    queries: e.getQueryCache().getAll().flatMap(e => {
                        let n;
                        return s(e) ? [{
                            dehydratedAt: Date.now(),
                            state: { ...e.state,
                                ...void 0 !== e.state.data && {
                                    data: a(e.state.data)
                                }
                            },
                            queryKey: e.queryKey,
                            queryHash: e.queryHash,
                            ..."pending" === e.state.status && {
                                promise: (n = e.promise ? .then(a).catch(e => r(e) ? Promise.reject(Error("redacted")) : Promise.reject(e)), n ? .catch(tS.noop), n)
                            },
                            ...e.meta && {
                                meta: e.meta
                            },
                            ...e.queryType && {
                                queryType: e.queryType
                            }
                        }] : []
                    })
                }
            }(e, o)
        };
        await n.persistClient(s)
    }
    var tM = e.i(254938),
        tU = ({
            children: e,
            persistOptions: n,
            onSuccess: t,
            onError: s,
            ...a
        }) => {
            let [l, i] = r.useState(!0), _ = r.useRef({
                persistOptions: n,
                onSuccess: t,
                onError: s
            }), d = r.useRef(!1);
            return r.useEffect(() => {
                _.current = {
                    persistOptions: n,
                    onSuccess: t,
                    onError: s
                }
            }), r.useEffect(() => {
                let e, n, t = { ..._.current.persistOptions,
                    queryClient: a.client
                };
                return d.current || (d.current = !0, tD(t).then(() => _.current.onSuccess ? .()).catch(() => _.current.onError ? .()).finally(() => {
                    i(!1)
                })), l ? void 0 : (e = t.queryClient.getQueryCache().subscribe(e => {
                    tB(e.type) && tA(t)
                }), n = t.queryClient.getMutationCache().subscribe(e => {
                    tB(e.type) && tA(t)
                }), () => {
                    e(), n()
                })
            }, [a.client, l]), (0, o.jsx)(tP.QueryClientProvider, { ...a,
                children: (0, o.jsx)(tM.IsRestoringProvider, {
                    value: l,
                    children: e
                })
            })
        },
        tF = ({
            persistedClient: e
        }) => {
            let n = [...e.clientState.mutations],
                t = [...e.clientState.queries],
                o = { ...e,
                    clientState: {
                        mutations: n,
                        queries: t
                    }
                },
                s = [...t].sort((e, n) => e.state.dataUpdatedAt - n.state.dataUpdatedAt);
            if (s.length > 0) {
                let e = s.shift();
                return o.clientState.queries = t.filter(n => n !== e), o
            }
        },
        tq = e.i(97271),
        tQ = e.i(970464),
        tY = e.i(684129),
        tX = e.i(306396),
        tH = e.i(645934),
        tW = e.i(574094),
        tV = e.i(603580),
        tV = tV,
        tG = e.i(510954),
        tK = e.i(57096);
    let tJ = e => Array.isArray(e) && "positions" === e[0] && "optimistic" === e[1];

    function t$({
        queryClient: e,
        broadcastChannel: n = "tanstack-query"
    }) {
        let t = !1,
            o = new BroadcastChannel(n),
            s = e.getQueryCache(),
            r = e.getQueryCache().subscribe(e => {
                if (t) return;
                let {
                    query: {
                        queryHash: n,
                        queryKey: s,
                        state: r
                    }
                } = e;
                if ("updated" === e.type && "success" === e.action.type) {
                    if (tJ(s)) return;
                    o.postMessage({
                        type: "updated",
                        queryHash: n,
                        queryKey: s,
                        state: (0, tY.serialize)(r)
                    })
                }
                if ("removed" === e.type) {
                    if (tJ(s)) return;
                    o.postMessage({
                        type: "removed",
                        queryHash: n,
                        queryKey: s
                    })
                }
            }),
            a = n => {
                let o = n.data;
                o ? .type && (tJ(Array.isArray(o.queryKey) ? o.queryKey : void 0) || (t = !0, (() => {
                    let {
                        type: n,
                        queryHash: t,
                        queryKey: r,
                        state: a
                    } = o;
                    if ("updated" === n) {
                        if (! function(e) {
                                try {
                                    JSON.parse(e)
                                } catch {
                                    return !1
                                }
                                return !0
                            }(a)) return;
                        let n = s.get(t);
                        if (n) return n.setState((0, tQ.deserialize)(a));
                        s.build(e, {
                            queryKey: r,
                            queryHash: t
                        }, (0, tQ.deserialize)(a))
                    } else if ("removed" === n) {
                        let e = s.get(t);
                        e && s.remove(e)
                    }
                })(), t = !1))
            };
        return o.addEventListener("message", a), () => {
            r(), o.removeEventListener("message", a), o.close()
        }
    }
    var tZ = e.i(660006),
        t0 = e.i(627287);
    let t1 = (0, tq.default)(() => e.A(477950).then(e => e.ReactQueryDevtools), {
            loadableGenerated: {
                modules: [566588]
            },
            ssr: !1
        }),
        t5 = r.default.createContext(null),
        t2 = e => {
            let n, a, l, i, _, d, c, u, m, p = (0, s.c)(20),
                {
                    dehydratedState: g,
                    frameMetadata: y,
                    serverDate: f,
                    children: h
                } = e,
                [b] = r.default.useState(t3),
                [x] = r.default.useState(t6);
            return p[0] !== x ? (n = () => {
                x.setQueryDefaults(tG.queryKeys[tK.QueryKey.Notifications].cachedClob().queryKey, {
                    staleTime: 36e5,
                    gcTime: 36e5,
                    meta: {
                        persist: !0
                    },
                    initialData: []
                }); {
                    let e = t$({
                            queryClient: x,
                            broadcastChannel: "polymarket.rq"
                        }),
                        n = () => {
                            e ? .(), e = null
                        },
                        t = n => {
                            n.persisted && !e && (e = t$({
                                queryClient: x,
                                broadcastChannel: "polymarket.rq"
                            }))
                        };
                    return window.addEventListener("pagehide", n), window.addEventListener("pageshow", t), () => {
                        window.removeEventListener("pagehide", n), window.removeEventListener("pageshow", t), e ? .()
                    }
                }
            }, a = [x], p[0] = x, p[1] = n, p[2] = a) : (n = p[1], a = p[2]), r.default.useEffect(n, a), p[3] === Symbol.for("react.memo_cache_sentinel") ? (l = {
                shouldDehydrateQuery: t8
            }, p[3] = l) : l = p[3], p[4] !== b ? (i = {
                persister: b,
                maxAge: 1 / 0,
                buster: "qfH3t3pPPYEPFxuq",
                dehydrateOptions: l
            }, p[4] = b, p[5] = i) : i = p[5], p[6] === Symbol.for("react.memo_cache_sentinel") ? (_ = "true" !== t.default.env.NEXT_PUBLIC_HIDE_RQ_DEV_TOOLS && (0, o.jsx)(t1, {
                initialIsOpen: !1,
                buttonPosition: "bottom-left",
                position: "bottom"
            }), p[6] = _) : _ = p[6], p[7] !== h ? (d = (0, o.jsx)(tV.SiwxContextProvider, {
                children: h
            }), p[7] = h, p[8] = d) : d = p[8], p[9] !== y || p[10] !== f || p[11] !== d ? (c = (0, o.jsx)(t0.MetaContextProvider, {
                frameMetadata: y,
                serverDate: f,
                children: d
            }), p[9] = y, p[10] = f, p[11] = d, p[12] = c) : c = p[12], p[13] !== g || p[14] !== c ? (u = (0, o.jsxs)(tE, {
                state: g,
                children: [_, c]
            }), p[13] = g, p[14] = c, p[15] = u) : u = p[15], p[16] !== x || p[17] !== i || p[18] !== u ? (m = (0, o.jsx)(t5.Provider, {
                value: null,
                children: (0, o.jsx)(tX.WagmiProvider, {
                    config: tW.config,
                    children: (0, o.jsx)(tU, {
                        client: x,
                        persistOptions: i,
                        children: u
                    })
                })
            }), p[16] = x, p[17] = i, p[18] = u, p[19] = m) : m = p[19], m
        };

    function t3() {
        return function({
            storage: e,
            key: n = "REACT_QUERY_OFFLINE_CACHE",
            throttleTime: t = 1e3,
            serialize: o = JSON.stringify,
            deserialize: s = JSON.parse,
            retry: r
        }) {
            if (e) {
                let a = t => {
                    try {
                        e.setItem(n, o(t));
                        return
                    } catch (e) {
                        return e
                    }
                };
                return {
                    persistClient: function(e, n = 100) {
                        let t, o = null;
                        return function(...s) {
                            t = s, null === o && (o = tw.timeoutManager.setTimeout(() => {
                                e(...t), o = null
                            }, n))
                        }
                    }(e => {
                        let n = e,
                            t = a(n),
                            o = 0;
                        for (; t && n;) o++, (n = r ? .({
                            persistedClient: n,
                            error: t,
                            errorCount: o
                        })) && (t = a(n))
                    }, t),
                    restoreClient: () => {
                        let t = e.getItem(n);
                        if (t) return s(t)
                    },
                    removeClient: () => {
                        e.removeItem(n)
                    }
                }
            }
            return {
                persistClient: tk,
                restoreClient: tk,
                removeClient: tk
            }
        }({
            key: "polymarket.cache.rq",
            storage: window.localStorage,
            serialize: tY.serialize,
            deserialize: tQ.deserialize,
            retry: tF
        })
    }

    function t4(e, n) {
        let t = n.meta ? .errorContext,
            o = "string" == typeof t ? .tag ? t.tag : void 0,
            s = "string" == typeof t ? .proxyAddress ? t.proxyAddress : void 0;
        (0, tZ.handleError)(e, o ? ? n.queryKey.join(" "), s)
    }

    function t6() {
        return new tT.QueryClient({
            queryCache: new tL.QueryCache({
                onError: t4
            }),
            defaultOptions: {
                queries: {
                    staleTime: 1e3,
                    gcTime: 3e5,
                    queryKeyHashFn: tH.hashFn
                }
            }
        })
    }

    function t8(e) {
        if (e.meta ? .persist === !1) return !1;
        let n = !!e.meta ? .persist || ["account", "auth"].includes(e.options.queryKey ? .[0]);
        return "success" === e.state.status && n
    }
    var t7 = e.i(885092),
        t9 = e.i(921807),
        oe = e.i(425010);

    function on(e) {
        let n, t, r = (0, s.c)(3),
            {
                children: a
            } = e;
        return r[0] === Symbol.for("react.memo_cache_sentinel") ? (n = ["light", "dark"], r[0] = n) : n = r[0], r[1] !== a ? (t = (0, o.jsx)(oe.ThemeProvider, {
            storageKey: "color-mode",
            enableSystem: !0,
            themes: n,
            attribute: "data-theme",
            disableTransitionOnChange: !0,
            defaultTheme: "system",
            children: a
        }), r[1] = a, r[2] = t) : t = r[2], t
    }
    var ot = e.i(53950),
        oo = e.i(655740),
        os = e.i(220222),
        or = e.i(313582),
        oa = e.i(748852);
    let ol = "true" === eC.GEOBLOCKING_ACTIVE;
    async function oi(e = "default") {
        try {
            let e = await (0, oa.retryWithBackoff)(() => oo.axios.get("/api/geo").then(({
                data: e
            }) => (0, os.convertGeoApiResponseToGeo)(e)))();
            ot.logger.debug("[GeoEffects > fetchServerGeolocation]", {
                geolocation: e
            }), nI.useGeoStore.getState().setGeolocation({
                geolocation: e
            })
        } catch (n) {
            (0, tZ.handleError)(n, "[GeoEffects > fetchServerGeolocation]", void 0, void 0, {
                trigger: e
            }), "default" === e && nI.useGeoStore.getState().setFetchFailed()
        }
    }
    async function o_(e = "default") {
        try {
            let {
                data: e
            } = await oo.axios.get("/api/geoblock/wallet-lists");
            nI.useGeoStore.getState().setWalletLists({
                block: e.block ? ? [],
                closeOnly: e.closeOnly ? ? [],
                allow: e.allow ? ? []
            })
        } catch (n) {
            (0, tZ.handleError)(n, "[GeoEffects > fetchWalletLists]", void 0, void 0, {
                trigger: e
            })
        }
    }

    function od() {
        let e = r.default.useRef(0);
        return r.default.useEffect(() => {
            ol ? ! function(e) {
                try {
                    if (!e) return !1;
                    let n = JSON.parse(e),
                        t = JSON.parse(n.geolocation);
                    return nI.useGeoStore.getState().setGeolocation({
                        geolocation: t
                    }), ot.logger.debug("[GeoEffects > parseCookieGeolocation]", {
                        cookie: e,
                        geolocation: t
                    }), !0
                } catch (e) {
                    return (0, tZ.handleError)(e, "[GeoEffects > parseCookieGeolocation]"), !1
                }
            }(function(e) {
                if ("u" < typeof document) return;
                let n = `${encodeURIComponent(e)}=`,
                    t = document.cookie.split(";").map(e => e.trim()).find(e => e.startsWith(n)) ? .slice(n.length);
                if (t) try {
                    return decodeURIComponent(t)
                } catch {
                    return t
                }
            }(or.COOKIE_GEO_SERVER_KEY)) && oi() : nI.useGeoStore.getState().setGeolocation({
                disabled: !0
            })
        }, []), r.default.useEffect(() => {
            o_()
        }, []), r.default.useEffect(() => {
            if (!ol) return;
            let n = () => {
                    oi("online"), o_("online")
                },
                t = () => {
                    Date.now() - e.current <= 3e4 || (e.current = Date.now(), oi("focus"), o_("focus"))
                };
            return window.addEventListener("online", n), window.addEventListener("focus", t), () => {
                window.removeEventListener("online", n), window.removeEventListener("focus", t)
            }
        }, []), null
    }

    function oc() {
        (0, tu.initGroundcoverRum)()
    }

    function ou() {
        let e = (({
            scope: e,
            level: n = "error"
        }) => (0, tc.createLogger)({
            scope: e,
            level: n,
            config: {
                groundcover: { ...(0, tu.getGroundcoverRumConfig)(),
                    initialize: !1
                }
            }
        }))({
            scope: "global-logger",
            level: "debug"
        });
        return (0, td.initGammaClient)(e), null
    }
    ot.logger.init();
    let om = () => {
        let e, n, t, a, l, i, _ = (0, s.c)(8);
        _[0] === Symbol.for("react.memo_cache_sentinel") ? (e = ["isMigrationActive", "baseAddress"], _[0] = e) : e = _[0];
        let {
            isMigrationActive: d,
            baseAddress: c
        } = (0, ew.useAccountContext)(e), [u, m] = r.default.useState(!1), p = r.default.useRef(void 0);
        return (_[1] !== c ? (n = () => {
            p.current !== c && (p.current = c, m(!1))
        }, t = [c], _[1] = c, _[2] = n, _[3] = t) : (n = _[2], t = _[3]), r.default.useEffect(n, t), _[4] !== d ? (a = () => {
            d && m(!0)
        }, l = [d], _[4] = d, _[5] = a, _[6] = l) : (a = _[5], l = _[6]), r.default.useEffect(a, l), d || u) ? (_[7] === Symbol.for("react.memo_cache_sentinel") ? (i = (0, o.jsx)(np, {}), _[7] = i) : i = _[7], i) : null
    };

    function op(e, n) {
        (0, tZ.handleGlobalError)(e, n)
    }

    function og(e) {
        return (0, o.jsx)(nH.default, { ...e,
            source: "pages/_app"
        })
    }

    function oy(e) {
        let {
            key: n
        } = e;
        return n
    }

    function of (e) {}

    function oh(e) {
        return e
    }
    e.s(["default", 0, function(e) {
        let n, t, a, l, i, _, d, c, u, m, p, g, y, f, h, b, v, w, k, C = (0, s.c)(34),
            {
                Component: S,
                pageProps: j
            } = e,
            I = (0, Y.useRouter)(),
            {
                query: N
            } = I,
            [O, z] = r.default.useState(!1),
            P = S.getLayout ? ? oh;
        C[0] !== S || C[1] !== j ? (n = (0, o.jsx)(S, { ...j
        }), C[0] = S, C[1] = j, C[2] = n) : n = C[2], C[3] !== P || C[4] !== j || C[5] !== n ? (t = P(n, j), C[3] = P, C[4] = j, C[5] = n, C[6] = t) : t = C[6], C[7] !== t ? (a = (0, o.jsx)(o.Fragment, {
            children: t
        }), C[7] = t, C[8] = a) : a = C[8];
        let E = a;
        k = (0, s.c)(1), r.default.useState(ou), k[0] === Symbol.for("react.memo_cache_sentinel") ? (w = [], k[0] = w) : w = k[0], r.default.useEffect(oc, w), (0, t_.useBuildInfo)(), (0, tp.useGlobalButtonClickHaptics)(), r.default.useEffect(() => {
            let {
                body: e
            } = document, n = () => {
                e.hasAttribute("data-scroll-locked") && (e.removeAttribute("data-scroll-locked"), e.style.pointerEvents = "", e.style.removeProperty("padding-right"), e.style.removeProperty("overflow"))
            }, t = new MutationObserver(e => {
                e.forEach(e => {
                    "data-scroll-locked" === e.attributeName && n()
                })
            });
            return t.observe(e, {
                attributes: !0,
                attributeFilter: ["data-scroll-locked"]
            }), n(), () => {
                t.disconnect(), n()
            }
        }, []), C[9] === Symbol.for("react.memo_cache_sentinel") ? (l = () => {
            z((0, nN.isNativeShell)())
        }, i = [], C[9] = l, C[10] = i) : (l = C[9], i = C[10]), r.default.useEffect(l, i), C[11] !== N.pm_shell ? (_ = (0, nO.isNativeShellQueryEnabled)(N.pm_shell), C[11] = N.pm_shell, C[12] = _) : _ = C[12];
        let L = _,
            T = O || L;
        C[13] === Symbol.for("react.memo_cache_sentinel") ? (d = (0, o.jsx)(nD, {}), C[13] = d) : d = C[13], C[14] === Symbol.for("react.memo_cache_sentinel") ? (c = !1, C[14] = c) : c = C[14], C[15] !== E ? (u = (0, o.jsxs)(o.Fragment, {
            children: [d, E, c]
        }), C[15] = E, C[16] = u) : u = C[16];
        let R = u,
            B = I.locale || "en";
        C[17] === Symbol.for("react.memo_cache_sentinel") ? (m = (0, o.jsx)(x.GoogleTagManager, {
            gtmId: "GTM-WW6ZLRTM"
        }), p = (0, o.jsx)(od, {}), C[17] = m, C[18] = p) : (m = C[17], p = C[18]);
        let D = j ? .frameMetadata,
            A = j ? .serverDate;
        return C[19] === Symbol.for("react.memo_cache_sentinel") ? (g = (0, o.jsx)(tf, {}), C[19] = g) : g = C[19], C[20] === Symbol.for("react.memo_cache_sentinel") ? (y = (0, o.jsx)(om, {}), f = (0, o.jsx)(ej, {}), C[20] = y, C[21] = f) : (y = C[20], f = C[21]), C[22] !== R || C[23] !== T ? (h = (0, o.jsx)(ea, {
            children: (0, o.jsx)(ti.LocalePromptProvider, {
                children: (0, o.jsx)(on, {
                    children: (0, o.jsx)(tm.MediaContextProvider, {
                        children: (0, o.jsx)(tr, {
                            children: (0, o.jsx)(tv.HotkeyContextProvider, {
                                children: (0, o.jsx)(th.ClobCredentialContextProvider, {
                                    children: (0, o.jsx)(ew.AccountContextProvider, {
                                        children: (0, o.jsxs)(tx.FeatureFlagContextProvider, {
                                            children: [g, (0, o.jsx)(t9.TransactionStoreContextProvider, {
                                                children: (0, o.jsx)(nh.UserWsContextProvider, {
                                                    children: (0, o.jsx)(t7.TransactionContextProvider, {
                                                        children: (0, o.jsxs)(ei.AllowanceContextProvider, {
                                                            children: [y, f, (0, o.jsx)(tb.ConfettiContextProvider, {
                                                                children: T ? R : (0, o.jsx)(K, {
                                                                    height: "2px",
                                                                    color: "var(--color-bg-brand)",
                                                                    shallowRouting: !0,
                                                                    options: {
                                                                        showSpinner: !1,
                                                                        easing: "ease-in-out"
                                                                    },
                                                                    children: R
                                                                })
                                                            })]
                                                        })
                                                    })
                                                })
                                            })]
                                        })
                                    })
                                })
                            })
                        })
                    })
                })
            })
        }), C[22] = R, C[23] = T, C[24] = h) : h = C[24], C[25] !== j.dehydratedState || C[26] !== D || C[27] !== A || C[28] !== h ? (b = (0, o.jsx)("div", {
            className: `${$.variable} ${$.className}`,
            children: (0, o.jsxs)(el.ErrorBoundary, {
                fallbackRender: og,
                onError: op,
                children: [m, p, (0, o.jsx)(nz.AnalyticsContextProvider, {
                    children: (0, o.jsx)(t2, {
                        dehydratedState: j.dehydratedState,
                        frameMetadata: D,
                        serverDate: A,
                        children: h
                    })
                })]
            })
        }), C[25] = j.dehydratedState, C[26] = D, C[27] = A, C[28] = h, C[29] = b) : b = C[29], C[30] !== j.messages || C[31] !== B || C[32] !== b ? (v = (0, o.jsx)(ee, {
            locale: B,
            messages: j.messages,
            onError: of ,
            getMessageFallback: oy,
            children: b
        }), C[30] = j.messages, C[31] = B, C[32] = b, C[33] = v) : v = C[33], v
    }], 759255)
}, 208696, (e, n, t) => {
    let o = "/_app";
    (window.__NEXT_P = window.__NEXT_P || []).push([o, () => e.r(759255)]), n.hot && n.hot.dispose(function() {
        window.__NEXT_P.push([o])
    })
}]);

//# debugId=b26cce75-47bc-7458-c87b-d3589b02ebb0