var t;
! function(t) {
    t[t.Twitch = 0] = "Twitch", t[t.FFZ = 1] = "FFZ", t[t.BTTV = 2] = "BTTV", t[t.Custom = 3] = "Custom", t[t.Spore = 4] = "Spore";
}(t || (t = {}));
var e = {
    black: "#000",
    white: "#fff"
};
var n = {
    50: "#ffebee",
    100: "#ffcdd2",
    200: "#ef9a9a",
    300: "#e57373",
    400: "#ef5350",
    500: "#f44336",
    600: "#e53935",
    700: "#d32f2f",
    800: "#c62828",
    900: "#b71c1c",
    A100: "#ff8a80",
    A200: "#ff5252",
    A400: "#ff1744",
    A700: "#d50000"
};
var r = {
    50: "#f3e5f5",
    100: "#e1bee7",
    200: "#ce93d8",
    300: "#ba68c8",
    400: "#ab47bc",
    500: "#9c27b0",
    600: "#8e24aa",
    700: "#7b1fa2",
    800: "#6a1b9a",
    900: "#4a148c",
    A100: "#ea80fc",
    A200: "#e040fb",
    A400: "#d500f9",
    A700: "#aa00ff"
};
var a = {
    50: "#e3f2fd",
    100: "#bbdefb",
    200: "#90caf9",
    300: "#64b5f6",
    400: "#42a5f5",
    500: "#2196f3",
    600: "#1e88e5",
    700: "#1976d2",
    800: "#1565c0",
    900: "#0d47a1",
    A100: "#82b1ff",
    A200: "#448aff",
    A400: "#2979ff",
    A700: "#2962ff"
};
var i = {
    50: "#e1f5fe",
    100: "#b3e5fc",
    200: "#81d4fa",
    300: "#4fc3f7",
    400: "#29b6f6",
    500: "#03a9f4",
    600: "#039be5",
    700: "#0288d1",
    800: "#0277bd",
    900: "#01579b",
    A100: "#80d8ff",
    A200: "#40c4ff",
    A400: "#00b0ff",
    A700: "#0091ea"
};
var o = {
    50: "#e8f5e9",
    100: "#c8e6c9",
    200: "#a5d6a7",
    300: "#81c784",
    400: "#66bb6a",
    500: "#4caf50",
    600: "#43a047",
    700: "#388e3c",
    800: "#2e7d32",
    900: "#1b5e20",
    A100: "#b9f6ca",
    A200: "#69f0ae",
    A400: "#00e676",
    A700: "#00c853"
};
var s = {
    50: "#fff3e0",
    100: "#ffe0b2",
    200: "#ffcc80",
    300: "#ffb74d",
    400: "#ffa726",
    500: "#ff9800",
    600: "#fb8c00",
    700: "#f57c00",
    800: "#ef6c00",
    900: "#e65100",
    A100: "#ffd180",
    A200: "#ffab40",
    A400: "#ff9100",
    A700: "#ff6d00"
};
var f = {
    50: "#fafafa",
    100: "#f5f5f5",
    200: "#eeeeee",
    300: "#e0e0e0",
    400: "#bdbdbd",
    500: "#9e9e9e",
    600: "#757575",
    700: "#616161",
    800: "#424242",
    900: "#212121",
    A100: "#f5f5f5",
    A200: "#eeeeee",
    A400: "#bdbdbd",
    A700: "#616161"
};

function c() {
    return c = Object.assign || function(t) {
        for (var e = 1; e < arguments.length; e++) {
            var n = arguments[e];
            for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (t[r] = n[r]);
        }
        return t
    }, c.apply(this, arguments)
}

function u(t, e) {
    if (null == t) return {};
    var n, r, a = {},
        i = Object.keys(t);
    for (r = 0; r < i.length; r++) n = i[r], e.indexOf(n) >= 0 || (a[n] = t[n]);
    return a
}

function l(t) {
    return null !== t && "object" == typeof t && t.constructor === Object
}

function d(t, e, n = {
    clone: !0
}) {
    const r = n.clone ? c({}, t) : t;
    return l(t) && l(e) && Object.keys(e).forEach((a => {
        "__proto__" !== a && (l(e[a]) && a in t && l(t[a]) ? r[a] = d(t[a], e[a], n) : r[a] = e[a]);
    })), r
}

function p(t) {
    let e = "https://mui.com/production-error/?code=" + t;
    for (let t = 1; t < arguments.length; t += 1) e += "&args[]=" + encodeURIComponent(arguments[t]);
    return "Minified MUI error #" + t + "; visit " + e + " for the full message."
}

function g(t) {
    if ("string" != typeof t) throw new Error(p(7));
    return t.charAt(0).toUpperCase() + t.slice(1)
}

function h(t, e) {
    return e ? d(t, e, {
        clone: !1
    }) : t
}
const m = {
        xs: 0,
        sm: 600,
        md: 900,
        lg: 1200,
        xl: 1536
    },
    b = {
        keys: ["xs", "sm", "md", "lg", "xl"],
        up: t => `@media (min-width:${m[t]}px)`
    };

function y(t, e, n) {
    const r = t.theme || {};
    if (Array.isArray(e)) {
        const t = r.breakpoints || b;
        return e.reduce(((r, a, i) => (r[t.up(t.keys[i])] = n(e[i]), r)), {})
    }
    if ("object" == typeof e) {
        const t = r.breakpoints || b;
        return Object.keys(e).reduce(((r, a) => {
            if (-1 !== Object.keys(t.values || m).indexOf(a)) {
                r[t.up(a)] = n(e[a], a);
            } else {
                const t = a;
                r[t] = e[t];
            }
            return r
        }), {})
    }
    return n(e)
}

function x(t = {}) {
    var e;
    return (null == t || null == (e = t.keys) ? void 0 : e.reduce(((e, n) => (e[t.up(n)] = {}, e)), {})) || {}
}

function k(t, e) {
    return t.reduce(((t, e) => {
        const n = t[e];
        return (!n || 0 === Object.keys(n).length) && delete t[e], t
    }), e)
}

function v(t, e) {
    return e && "string" == typeof e ? e.split(".").reduce(((t, e) => t && t[e] ? t[e] : null), t) : null
}

function O(t, e, n, r = n) {
    let a;
    return a = "function" == typeof t ? t(n) : Array.isArray(t) ? t[n] || r : v(t, n) || r, e && (a = e(a)), a
}

function A(t) {
    const {
        prop: e,
        cssProperty: n = t.prop,
        themeKey: r,
        transform: a
    } = t, i = t => {
        if (null == t[e]) return null;
        const i = t[e],
            o = v(t.theme, r) || {};
        return y(t, i, (t => {
            let r = O(o, a, t);
            return t === r && "string" == typeof t && (r = O(o, a, `${e}${"default"===t?"":g(t)}`, t)), !1 === n ? r : {
                [n]: r
            }
        }))
    };
    return i.propTypes = {}, i.filterProps = [e], i
}
const $ = {
        m: "margin",
        p: "padding"
    },
    w = {
        t: "Top",
        r: "Right",
        b: "Bottom",
        l: "Left",
        x: ["Left", "Right"],
        y: ["Top", "Bottom"]
    },
    S = {
        marginX: "mx",
        marginY: "my",
        paddingX: "px",
        paddingY: "py"
    },
    T = function(t) {
        const e = {};
        return n => (void 0 === e[n] && (e[n] = t(n)), e[n])
    }((t => {
        if (t.length > 2) {
            if (!S[t]) return [t];
            t = S[t];
        }
        const [e, n] = t.split(""), r = $[e], a = w[n] || "";
        return Array.isArray(a) ? a.map((t => r + t)) : [r + a]
    })),
    M = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd", "p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"];

function j(t, e, n, r) {
    const a = v(t, e) || n;
    return "number" == typeof a ? t => "string" == typeof t ? t : a * t : Array.isArray(a) ? t => "string" == typeof t ? t : a[t] : "function" == typeof a ? a : () => {}
}

function B(t) {
    return j(t, "spacing", 8)
}

function I(t, e) {
    if ("string" == typeof e || null == e) return e;
    const n = t(Math.abs(e));
    return e >= 0 ? n : "number" == typeof n ? -n : `-${n}`
}

function R(t, e, n, r) {
    if (-1 === e.indexOf(n)) return null;
    const a = function(t, e) {
        return n => t.reduce(((t, r) => (t[r] = I(e, n), t)), {})
    }(T(n), r);
    return y(t, t[n], a)
}

function z(t) {
    return function(t, e) {
        const n = B(t.theme);
        return Object.keys(t).map((r => R(t, e, r, n))).reduce(h, {})
    }(t, M)
}
z.propTypes = {}, z.filterProps = M;
const F = ["values", "unit", "step"];
var W = {
    borderRadius: 4
};
const E = ["breakpoints", "palette", "spacing", "shape"];

function L(t = {}, ...e) {
    const {
        breakpoints: n = {},
        palette: r = {},
        spacing: a,
        shape: i = {}
    } = t, o = u(t, E), s = function(t) {
        const {
            values: e = {
                xs: 0,
                sm: 600,
                md: 900,
                lg: 1200,
                xl: 1536
            },
            unit: n = "px",
            step: r = 5
        } = t, a = u(t, F), i = Object.keys(e);

        function o(t) {
            return `@media (min-width:${"number"==typeof e[t]?e[t]:t}${n})`
        }

        function s(t) {
            return `@media (max-width:${("number"==typeof e[t]?e[t]:t)-r/100}${n})`
        }

        function f(t, a) {
            const o = i.indexOf(a);
            return `@media (min-width:${"number"==typeof e[t]?e[t]:t}${n}) and (max-width:${(-1!==o&&"number"==typeof e[i[o]]?e[i[o]]:a)-r/100}${n})`
        }
        return c({
            keys: i,
            values: e,
            up: o,
            down: s,
            between: f,
            only: function(t) {
                return i.indexOf(t) + 1 < i.length ? f(t, i[i.indexOf(t) + 1]) : o(t)
            },
            not: function(t) {
                const e = i.indexOf(t);
                return 0 === e ? o(i[1]) : e === i.length - 1 ? s(i[e]) : f(t, i[i.indexOf(t) + 1]).replace("@media", "@media not all and")
            },
            unit: n
        }, a)
    }(n), f = function(t = 8) {
        if (t.mui) return t;
        const e = B({
                spacing: t
            }),
            n = (...t) => (0 === t.length ? [1] : t).map((t => {
                const n = e(t);
                return "number" == typeof n ? `${n}px` : n
            })).join(" ");
        return n.mui = !0, n
    }(a);
    let l = d({
        breakpoints: s,
        direction: "ltr",
        components: {},
        palette: c({
            mode: "light"
        }, r),
        spacing: f,
        shape: c({}, W, i)
    }, o);
    return l = e.reduce(((t, e) => d(t, e)), l), l
}

function C(t, e = 0, n = 1) {
    return Math.min(Math.max(e, t), n)
}

function H(t) {
    if (t.type) return t;
    if ("#" === t.charAt(0)) return H(function(t) {
        t = t.substr(1);
        const e = new RegExp(`.{1,${t.length>=6?2:1}}`, "g");
        let n = t.match(e);
        return n && 1 === n[0].length && (n = n.map((t => t + t))), n ? `rgb${4===n.length?"a":""}(${n.map(((t,e)=>e<3?parseInt(t,16):Math.round(parseInt(t,16)/255*1e3)/1e3)).join(", ")})` : ""
    }(t));
    const e = t.indexOf("("),
        n = t.substring(0, e);
    if (-1 === ["rgb", "rgba", "hsl", "hsla", "color"].indexOf(n)) throw new Error(p(9, t));
    let r, a = t.substring(e + 1, t.length - 1);
    if ("color" === n) {
        if (a = a.split(" "), r = a.shift(), 4 === a.length && "/" === a[3].charAt(0) && (a[3] = a[3].substr(1)), -1 === ["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].indexOf(r)) throw new Error(p(10, r))
    } else a = a.split(",");
    return a = a.map((t => parseFloat(t))), {
        type: n,
        values: a,
        colorSpace: r
    }
}

function P(t) {
    const {
        type: e,
        colorSpace: n
    } = t;
    let {
        values: r
    } = t;
    return -1 !== e.indexOf("rgb") ? r = r.map(((t, e) => e < 3 ? parseInt(t, 10) : t)) : -1 !== e.indexOf("hsl") && (r[1] = `${r[1]}%`, r[2] = `${r[2]}%`), r = -1 !== e.indexOf("color") ? `${n} ${r.join(" ")}` : `${r.join(", ")}`, `${e}(${r})`
}

function _(t) {
    let e = "hsl" === (t = H(t)).type ? H(function(t) {
        t = H(t);
        const {
            values: e
        } = t, n = e[0], r = e[1] / 100, a = e[2] / 100, i = r * Math.min(a, 1 - a), o = (t, e = (t + n / 30) % 12) => a - i * Math.max(Math.min(e - 3, 9 - e, 1), -1);
        let s = "rgb";
        const f = [Math.round(255 * o(0)), Math.round(255 * o(8)), Math.round(255 * o(4))];
        return "hsla" === t.type && (s += "a", f.push(e[3])), P({
            type: s,
            values: f
        })
    }(t)).values : t.values;
    return e = e.map((e => ("color" !== t.type && (e /= 255), e <= .03928 ? e / 12.92 : ((e + .055) / 1.055) ** 2.4))), Number((.2126 * e[0] + .7152 * e[1] + .0722 * e[2]).toFixed(3))
}

function V(t, e) {
    return t = H(t), e = C(e), "rgb" !== t.type && "hsl" !== t.type || (t.type += "a"), "color" === t.type ? t.values[3] = `/${e}` : t.values[3] = e, P(t)
}

function X(t, e) {
    if (t = H(t), e = C(e), -1 !== t.type.indexOf("hsl")) t.values[2] *= 1 - e;
    else if (-1 !== t.type.indexOf("rgb") || -1 !== t.type.indexOf("color"))
        for (let n = 0; n < 3; n += 1) t.values[n] *= 1 - e;
    return P(t)
}

function Y(t, e) {
    if (t = H(t), e = C(e), -1 !== t.type.indexOf("hsl")) t.values[2] += (100 - t.values[2]) * e;
    else if (-1 !== t.type.indexOf("rgb"))
        for (let n = 0; n < 3; n += 1) t.values[n] += (255 - t.values[n]) * e;
    else if (-1 !== t.type.indexOf("color"))
        for (let n = 0; n < 3; n += 1) t.values[n] += (1 - t.values[n]) * e;
    return P(t)
}
const N = ["mode", "contrastThreshold", "tonalOffset"],
    U = {
        text: {
            primary: "rgba(0, 0, 0, 0.87)",
            secondary: "rgba(0, 0, 0, 0.6)",
            disabled: "rgba(0, 0, 0, 0.38)"
        },
        divider: "rgba(0, 0, 0, 0.12)",
        background: {
            paper: e.white,
            default: e.white
        },
        action: {
            active: "rgba(0, 0, 0, 0.54)",
            hover: "rgba(0, 0, 0, 0.04)",
            hoverOpacity: .04,
            selected: "rgba(0, 0, 0, 0.08)",
            selectedOpacity: .08,
            disabled: "rgba(0, 0, 0, 0.26)",
            disabledBackground: "rgba(0, 0, 0, 0.12)",
            disabledOpacity: .38,
            focus: "rgba(0, 0, 0, 0.12)",
            focusOpacity: .12,
            activatedOpacity: .12
        }
    },
    D = {
        text: {
            primary: e.white,
            secondary: "rgba(255, 255, 255, 0.7)",
            disabled: "rgba(255, 255, 255, 0.5)",
            icon: "rgba(255, 255, 255, 0.5)"
        },
        divider: "rgba(255, 255, 255, 0.12)",
        background: {
            paper: "#121212",
            default: "#121212"
        },
        action: {
            active: e.white,
            hover: "rgba(255, 255, 255, 0.08)",
            hoverOpacity: .08,
            selected: "rgba(255, 255, 255, 0.16)",
            selectedOpacity: .16,
            disabled: "rgba(255, 255, 255, 0.3)",
            disabledBackground: "rgba(255, 255, 255, 0.12)",
            disabledOpacity: .38,
            focus: "rgba(255, 255, 255, 0.12)",
            focusOpacity: .12,
            activatedOpacity: .24
        }
    };

function J(t, e, n, r) {
    const a = r.light || r,
        i = r.dark || 1.5 * r;
    t[e] || (t.hasOwnProperty(n) ? t[e] = t[n] : "light" === e ? t.light = Y(t.main, a) : "dark" === e && (t.dark = X(t.main, i)));
}

function Z(t) {
    const {
        mode: l = "light",
        contrastThreshold: g = 3,
        tonalOffset: h = .2
    } = t, m = u(t, N), b = t.primary || function(t = "light") {
        return "dark" === t ? {
            main: a[200],
            light: a[50],
            dark: a[400]
        } : {
            main: a[700],
            light: a[400],
            dark: a[800]
        }
    }(l), y = t.secondary || function(t = "light") {
        return "dark" === t ? {
            main: r[200],
            light: r[50],
            dark: r[400]
        } : {
            main: r[500],
            light: r[300],
            dark: r[700]
        }
    }(l), x = t.error || function(t = "light") {
        return "dark" === t ? {
            main: n[500],
            light: n[300],
            dark: n[700]
        } : {
            main: n[700],
            light: n[400],
            dark: n[800]
        }
    }(l), k = t.info || function(t = "light") {
        return "dark" === t ? {
            main: i[400],
            light: i[300],
            dark: i[700]
        } : {
            main: i[700],
            light: i[500],
            dark: i[900]
        }
    }(l), v = t.success || function(t = "light") {
        return "dark" === t ? {
            main: o[400],
            light: o[300],
            dark: o[700]
        } : {
            main: o[800],
            light: o[500],
            dark: o[900]
        }
    }(l), O = t.warning || function(t = "light") {
        return "dark" === t ? {
            main: s[400],
            light: s[300],
            dark: s[700]
        } : {
            main: "#ed6c02",
            light: s[500],
            dark: s[900]
        }
    }(l);

    function A(t) {
        const e = function(t, e) {
            const n = _(t),
                r = _(e);
            return (Math.max(n, r) + .05) / (Math.min(n, r) + .05)
        }(t, D.text.primary) >= g ? D.text.primary : U.text.primary;
        return e
    }
    const $ = ({
            color: t,
            name: e,
            mainShade: n = 500,
            lightShade: r = 300,
            darkShade: a = 700
        }) => {
            if (!(t = c({}, t)).main && t[n] && (t.main = t[n]), !t.hasOwnProperty("main")) throw new Error(p(11, e ? ` (${e})` : "", n));
            if ("string" != typeof t.main) throw new Error(p(12, e ? ` (${e})` : "", JSON.stringify(t.main)));
            return J(t, "light", r, h), J(t, "dark", a, h), t.contrastText || (t.contrastText = A(t.main)), t
        },
        w = {
            dark: D,
            light: U
        };
    return d(c({
        common: e,
        mode: l,
        primary: $({
            color: b,
            name: "primary"
        }),
        secondary: $({
            color: y,
            name: "secondary",
            mainShade: "A400",
            lightShade: "A200",
            darkShade: "A700"
        }),
        error: $({
            color: x,
            name: "error"
        }),
        warning: $({
            color: O,
            name: "warning"
        }),
        info: $({
            color: k,
            name: "info"
        }),
        success: $({
            color: v,
            name: "success"
        }),
        grey: f,
        contrastThreshold: g,
        getContrastText: A,
        augmentColor: $,
        tonalOffset: h
    }, w[l]), m)
}
const q = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
const K = {
        textTransform: "uppercase"
    },
    G = '"Roboto", "Helvetica", "Arial", sans-serif';

function Q(t, e) {
    const n = "function" == typeof e ? e(t) : e,
        {
            fontFamily: r = G,
            fontSize: a = 14,
            fontWeightLight: i = 300,
            fontWeightRegular: o = 400,
            fontWeightMedium: s = 500,
            fontWeightBold: f = 700,
            htmlFontSize: l = 16,
            allVariants: p,
            pxToRem: g
        } = n,
        h = u(n, q),
        m = a / 14,
        b = g || (t => t / l * m + "rem"),
        y = (t, e, n, a, i) => {
            return c({
                fontFamily: r,
                fontWeight: t,
                fontSize: b(e),
                lineHeight: n
            }, r === G ? {
                letterSpacing: (o = a / e, Math.round(1e5 * o) / 1e5) + "em"
            } : {}, i, p);
            var o;
        },
        x = {
            h1: y(i, 96, 1.167, -1.5),
            h2: y(i, 60, 1.2, -.5),
            h3: y(o, 48, 1.167, 0),
            h4: y(o, 34, 1.235, .25),
            h5: y(o, 24, 1.334, 0),
            h6: y(s, 20, 1.6, .15),
            subtitle1: y(o, 16, 1.75, .15),
            subtitle2: y(s, 14, 1.57, .1),
            body1: y(o, 16, 1.5, .15),
            body2: y(o, 14, 1.43, .15),
            button: y(s, 14, 1.75, .4, K),
            caption: y(o, 12, 1.66, .4),
            overline: y(o, 12, 2.66, 1, K)
        };
    return d(c({
        htmlFontSize: l,
        pxToRem: b,
        fontFamily: r,
        fontSize: a,
        fontWeightLight: i,
        fontWeightRegular: o,
        fontWeightMedium: s,
        fontWeightBold: f
    }, x), h, {
        clone: !1
    })
}

function tt(...t) {
    return [`${t[0]}px ${t[1]}px ${t[2]}px ${t[3]}px rgba(0,0,0,0.2)`, `${t[4]}px ${t[5]}px ${t[6]}px ${t[7]}px rgba(0,0,0,0.14)`, `${t[8]}px ${t[9]}px ${t[10]}px ${t[11]}px rgba(0,0,0,0.12)`].join(",")
}
var et = ["none", tt(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), tt(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), tt(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), tt(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), tt(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), tt(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), tt(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), tt(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), tt(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), tt(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), tt(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), tt(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), tt(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), tt(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), tt(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), tt(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), tt(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), tt(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), tt(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), tt(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), tt(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), tt(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), tt(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), tt(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
const nt = ["duration", "easing", "delay"],
    rt = {
        easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
        easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
        easeIn: "cubic-bezier(0.4, 0, 1, 1)",
        sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
    },
    at = {
        shortest: 150,
        shorter: 200,
        short: 250,
        standard: 300,
        complex: 375,
        enteringScreen: 225,
        leavingScreen: 195
    };

function it(t) {
    return `${Math.round(t)}ms`
}

function ot(t) {
    if (!t) return 0;
    const e = t / 36;
    return Math.round(10 * (4 + 15 * e ** .25 + e / 5))
}

function st(t) {
    const e = c({}, rt, t.easing),
        n = c({}, at, t.duration);
    return c({
        getAutoHeightDuration: ot,
        create: (t = ["all"], r = {}) => {
            const {
                duration: a = n.standard,
                easing: i = e.easeInOut,
                delay: o = 0
            } = r;
            return u(r, nt), (Array.isArray(t) ? t : [t]).map((t => `${t} ${"string"==typeof a?a:it(a)} ${i} ${"string"==typeof o?o:it(o)}`)).join(",")
        }
    }, t, {
        easing: e,
        duration: n
    })
}
var ft = {
    mobileStepper: 1e3,
    speedDial: 1050,
    appBar: 1100,
    drawer: 1200,
    modal: 1300,
    snackbar: 1400,
    tooltip: 1500
};
const ct = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];

function ut(t = {}, ...e) {
    const {
        mixins: n = {},
        palette: r = {},
        transitions: a = {},
        typography: i = {}
    } = t, o = u(t, ct), s = Z(r), f = L(t);
    let l = d(f, {
        mixins: (p = f.breakpoints, f.spacing, g = n, c({
            toolbar: {
                minHeight: 56,
                [`${p.up("xs")} and (orientation: landscape)`]: {
                    minHeight: 48
                },
                [p.up("sm")]: {
                    minHeight: 64
                }
            }
        }, g)),
        palette: s,
        shadows: et.slice(),
        typography: Q(s, i),
        transitions: st(a),
        zIndex: c({}, ft)
    });
    var p, g;
    return l = d(l, o), l = e.reduce(((t, e) => d(t, e)), l), l
}
const lt = ut({
    palette: {
        mode: "dark",
        primary: {
            main: "#7463fb"
        },
        secondary: {
            main: "#fd8dea"
        }
    },
    typography: {
        fontFamily: "Rubik, sans-serif",
        label: {
            color: "#ccc",
            fontStyle: "italic"
        },
        header: {
            fontSize: "1.2rem",
            fontWeight: 500
        }
    },
    components: {
        MuiTooltip: {
            styleOverrides: {
                tooltip: {
                    fontSize: 14
                }
            }
        }
    }
});

function dt(t) {
    try {
        if (!t) return;
        return JSON.parse(atob(t.split(".")[1]))
    } catch (t) {
        return
    }
}

export {
    A,
    I,
    L,
    V,
    X,
    Y,
    ut as a,
    d as b,
    c,
    dt as d,
    lt as e,
    at as f,
    g,
    h,
    j,
    k,
    l,
    m,
    n,
    o,
    p,
    t,
    u,
    x,
    y,
    z
};