"use strict";
(self.webpackChunk_N_E = self.webpackChunk_N_E || []).push([
  [21023],
  {
    21023: function (e, t, o) {
      var r = o(1048),
        n = o(32793),
        l = o(67294),
        a = o(63961),
        i = o(94780),
        p = o(10238),
        s = o(41796),
        u = o(90948),
        c = o(2734),
        m = o(71657),
        d = o(98216),
        h = o(96514),
        g = o(48831),
        f = o(2068),
        v = o(51705),
        T = o(27909),
        Z = o(18791),
        b = o(49299),
        y = o(48999),
        w = o(85893);
      let x = [
          "arrow",
          "children",
          "classes",
          "components",
          "componentsProps",
          "describeChild",
          "disableFocusListener",
          "disableHoverListener",
          "disableInteractive",
          "disableTouchListener",
          "enterDelay",
          "enterNextDelay",
          "enterTouchDelay",
          "followCursor",
          "id",
          "leaveDelay",
          "leaveTouchDelay",
          "onClose",
          "onOpen",
          "open",
          "placement",
          "PopperComponent",
          "PopperProps",
          "slotProps",
          "slots",
          "title",
          "TransitionComponent",
          "TransitionProps",
        ],
        useUtilityClasses = (e) => {
          let {
              classes: t,
              disableInteractive: o,
              arrow: r,
              touch: n,
              placement: l,
            } = e,
            a = {
              popper: ["popper", !o && "popperInteractive", r && "popperArrow"],
              tooltip: [
                "tooltip",
                r && "tooltipArrow",
                n && "touch",
                `tooltipPlacement${(0, d.Z)(l.split("-")[0])}`,
              ],
              arrow: ["arrow"],
            };
          return (0, i.Z)(a, y.Q, t);
        },
        R = (0, u.ZP)(g.Z, {
          name: "MuiTooltip",
          slot: "Popper",
          overridesResolver: (e, t) => {
            let { ownerState: o } = e;
            return [
              t.popper,
              !o.disableInteractive && t.popperInteractive,
              o.arrow && t.popperArrow,
              !o.open && t.popperClose,
            ];
          },
        })(({ theme: e, ownerState: t, open: o }) =>
          (0, n.Z)(
            { zIndex: (e.vars || e).zIndex.tooltip, pointerEvents: "none" },
            !t.disableInteractive && { pointerEvents: "auto" },
            !o && { pointerEvents: "none" },
            t.arrow && {
              [`&[data-popper-placement*="bottom"] .${y.Z.arrow}`]: {
                top: 0,
                marginTop: "-0.71em",
                "&::before": { transformOrigin: "0 100%" },
              },
              [`&[data-popper-placement*="top"] .${y.Z.arrow}`]: {
                bottom: 0,
                marginBottom: "-0.71em",
                "&::before": { transformOrigin: "100% 0" },
              },
              [`&[data-popper-placement*="right"] .${y.Z.arrow}`]: (0, n.Z)(
                {},
                t.isRtl
                  ? { right: 0, marginRight: "-0.71em" }
                  : { left: 0, marginLeft: "-0.71em" },
                {
                  height: "1em",
                  width: "0.71em",
                  "&::before": { transformOrigin: "100% 100%" },
                }
              ),
              [`&[data-popper-placement*="left"] .${y.Z.arrow}`]: (0, n.Z)(
                {},
                t.isRtl
                  ? { left: 0, marginLeft: "-0.71em" }
                  : { right: 0, marginRight: "-0.71em" },
                {
                  height: "1em",
                  width: "0.71em",
                  "&::before": { transformOrigin: "0 0" },
                }
              ),
            }
          )
        ),
        E = (0, u.ZP)("div", {
          name: "MuiTooltip",
          slot: "Tooltip",
          overridesResolver: (e, t) => {
            let { ownerState: o } = e;
            return [
              t.tooltip,
              o.touch && t.touch,
              o.arrow && t.tooltipArrow,
              t[`tooltipPlacement${(0, d.Z)(o.placement.split("-")[0])}`],
            ];
          },
        })(({ theme: e, ownerState: t }) =>
          (0, n.Z)(
            {
              backgroundColor: e.vars
                ? e.vars.palette.Tooltip.bg
                : (0, s.Fq)(e.palette.grey[700], 0.92),
              borderRadius: (e.vars || e).shape.borderRadius,
              color: (e.vars || e).palette.common.white,
              fontFamily: e.typography.fontFamily,
              padding: "4px 8px",
              fontSize: e.typography.pxToRem(11),
              maxWidth: 300,
              margin: 2,
              wordWrap: "break-word",
              fontWeight: e.typography.fontWeightMedium,
            },
            t.arrow && { position: "relative", margin: 0 },
            t.touch && {
              padding: "8px 16px",
              fontSize: e.typography.pxToRem(14),
              lineHeight: `${Math.round(1e5 * (16 / 14)) / 1e5}em`,
              fontWeight: e.typography.fontWeightRegular,
            },
            {
              [`.${y.Z.popper}[data-popper-placement*="left"] &`]: (0, n.Z)(
                { transformOrigin: "right center" },
                t.isRtl
                  ? (0, n.Z)(
                      { marginLeft: "14px" },
                      t.touch && { marginLeft: "24px" }
                    )
                  : (0, n.Z)(
                      { marginRight: "14px" },
                      t.touch && { marginRight: "24px" }
                    )
              ),
              [`.${y.Z.popper}[data-popper-placement*="right"] &`]: (0, n.Z)(
                { transformOrigin: "left center" },
                t.isRtl
                  ? (0, n.Z)(
                      { marginRight: "14px" },
                      t.touch && { marginRight: "24px" }
                    )
                  : (0, n.Z)(
                      { marginLeft: "14px" },
                      t.touch && { marginLeft: "24px" }
                    )
              ),
              [`.${y.Z.popper}[data-popper-placement*="top"] &`]: (0, n.Z)(
                { transformOrigin: "center bottom", marginBottom: "14px" },
                t.touch && { marginBottom: "24px" }
              ),
              [`.${y.Z.popper}[data-popper-placement*="bottom"] &`]: (0, n.Z)(
                { transformOrigin: "center top", marginTop: "14px" },
                t.touch && { marginTop: "24px" }
              ),
            }
          )
        ),
        M = (0, u.ZP)("span", {
          name: "MuiTooltip",
          slot: "Arrow",
          overridesResolver: (e, t) => t.arrow,
        })(({ theme: e }) => ({
          overflow: "hidden",
          position: "absolute",
          width: "1em",
          height: "0.71em",
          boxSizing: "border-box",
          color: e.vars
            ? e.vars.palette.Tooltip.bg
            : (0, s.Fq)(e.palette.grey[700], 0.9),
          "&::before": {
            content: '""',
            margin: "auto",
            display: "block",
            width: "100%",
            height: "100%",
            backgroundColor: "currentColor",
            transform: "rotate(45deg)",
          },
        })),
        C = !1,
        L = null,
        O = { x: 0, y: 0 };
      function composeEventHandler(e, t) {
        return (o) => {
          t && t(o), e(o);
        };
      }
      let P = l.forwardRef(function (e, t) {
        var o, i, s, u, d, y, P, k, S, $, F, N, B, W, A, I, D, U, H;
        let j = (0, m.Z)({ props: e, name: "MuiTooltip" }),
          {
            arrow: z = !1,
            children: _,
            components: K = {},
            componentsProps: q = {},
            describeChild: Q = !1,
            disableFocusListener: V = !1,
            disableHoverListener: X = !1,
            disableInteractive: Y = !1,
            disableTouchListener: G = !1,
            enterDelay: J = 100,
            enterNextDelay: ee = 0,
            enterTouchDelay: et = 700,
            followCursor: eo = !1,
            id: er,
            leaveDelay: en = 0,
            leaveTouchDelay: el = 1500,
            onClose: ea,
            onOpen: ei,
            open: ep,
            placement: es = "bottom",
            PopperComponent: eu,
            PopperProps: ec = {},
            slotProps: em = {},
            slots: ed = {},
            title: eh,
            TransitionComponent: eg = h.Z,
            TransitionProps: ef,
          } = j,
          ev = (0, r.Z)(j, x),
          eT = l.isValidElement(_) ? _ : (0, w.jsx)("span", { children: _ }),
          eZ = (0, c.Z)(),
          eb = "rtl" === eZ.direction,
          [ey, ew] = l.useState(),
          [ex, eR] = l.useState(null),
          eE = l.useRef(!1),
          eM = Y || eo,
          eC = l.useRef(),
          eL = l.useRef(),
          eO = l.useRef(),
          eP = l.useRef(),
          [ek, eS] = (0, b.Z)({
            controlled: ep,
            default: !1,
            name: "Tooltip",
            state: "open",
          }),
          e$ = ek,
          eF = (0, T.Z)(er),
          eN = l.useRef(),
          eB = l.useCallback(() => {
            void 0 !== eN.current &&
              ((document.body.style.WebkitUserSelect = eN.current),
              (eN.current = void 0)),
              clearTimeout(eP.current);
          }, []);
        l.useEffect(
          () => () => {
            clearTimeout(eC.current),
              clearTimeout(eL.current),
              clearTimeout(eO.current),
              eB();
          },
          [eB]
        );
        let handleOpen = (e) => {
            clearTimeout(L), (C = !0), eS(!0), ei && !e$ && ei(e);
          },
          eW = (0, f.Z)((e) => {
            clearTimeout(L),
              (L = setTimeout(() => {
                C = !1;
              }, 800 + en)),
              eS(!1),
              ea && e$ && ea(e),
              clearTimeout(eC.current),
              (eC.current = setTimeout(() => {
                eE.current = !1;
              }, eZ.transitions.duration.shortest));
          }),
          handleEnter = (e) => {
            (eE.current && "touchstart" !== e.type) ||
              (ey && ey.removeAttribute("title"),
              clearTimeout(eL.current),
              clearTimeout(eO.current),
              J || (C && ee)
                ? (eL.current = setTimeout(
                    () => {
                      handleOpen(e);
                    },
                    C ? ee : J
                  ))
                : handleOpen(e));
          },
          handleLeave = (e) => {
            clearTimeout(eL.current),
              clearTimeout(eO.current),
              (eO.current = setTimeout(() => {
                eW(e);
              }, en));
          },
          {
            isFocusVisibleRef: eA,
            onBlur: eI,
            onFocus: eD,
            ref: eU,
          } = (0, Z.Z)(),
          [, eH] = l.useState(!1),
          handleBlur = (e) => {
            eI(e), !1 === eA.current && (eH(!1), handleLeave(e));
          },
          handleFocus = (e) => {
            ey || ew(e.currentTarget),
              eD(e),
              !0 === eA.current && (eH(!0), handleEnter(e));
          },
          detectTouchStart = (e) => {
            eE.current = !0;
            let t = eT.props;
            t.onTouchStart && t.onTouchStart(e);
          };
        l.useEffect(() => {
          if (e$)
            return (
              document.addEventListener("keydown", handleKeyDown),
              () => {
                document.removeEventListener("keydown", handleKeyDown);
              }
            );
          function handleKeyDown(e) {
            ("Escape" === e.key || "Esc" === e.key) && eW(e);
          }
        }, [eW, e$]);
        let ej = (0, v.Z)(eT.ref, eU, ew, t);
        eh || 0 === eh || (e$ = !1);
        let ez = l.useRef(),
          e_ = {},
          eK = "string" == typeof eh;
        Q
          ? ((e_.title = e$ || !eK || X ? null : eh),
            (e_["aria-describedby"] = e$ ? eF : null))
          : ((e_["aria-label"] = eK ? eh : null),
            (e_["aria-labelledby"] = e$ && !eK ? eF : null));
        let eq = (0, n.Z)(
            {},
            e_,
            ev,
            eT.props,
            {
              className: (0, a.Z)(ev.className, eT.props.className),
              onTouchStart: detectTouchStart,
              ref: ej,
            },
            eo
              ? {
                  onMouseMove: (e) => {
                    let t = eT.props;
                    t.onMouseMove && t.onMouseMove(e),
                      (O = { x: e.clientX, y: e.clientY }),
                      ez.current && ez.current.update();
                  },
                }
              : {}
          ),
          eQ = {};
        G ||
          ((eq.onTouchStart = (e) => {
            detectTouchStart(e),
              clearTimeout(eO.current),
              clearTimeout(eC.current),
              eB(),
              (eN.current = document.body.style.WebkitUserSelect),
              (document.body.style.WebkitUserSelect = "none"),
              (eP.current = setTimeout(() => {
                (document.body.style.WebkitUserSelect = eN.current),
                  handleEnter(e);
              }, et));
          }),
          (eq.onTouchEnd = (e) => {
            eT.props.onTouchEnd && eT.props.onTouchEnd(e),
              eB(),
              clearTimeout(eO.current),
              (eO.current = setTimeout(() => {
                eW(e);
              }, el));
          })),
          X ||
            ((eq.onMouseOver = composeEventHandler(
              handleEnter,
              eq.onMouseOver
            )),
            (eq.onMouseLeave = composeEventHandler(
              handleLeave,
              eq.onMouseLeave
            )),
            eM ||
              ((eQ.onMouseOver = handleEnter),
              (eQ.onMouseLeave = handleLeave))),
          V ||
            ((eq.onFocus = composeEventHandler(handleFocus, eq.onFocus)),
            (eq.onBlur = composeEventHandler(handleBlur, eq.onBlur)),
            eM || ((eQ.onFocus = handleFocus), (eQ.onBlur = handleBlur)));
        let eV = l.useMemo(() => {
            var e;
            let t = [
              {
                name: "arrow",
                enabled: !!ex,
                options: { element: ex, padding: 4 },
              },
            ];
            return (
              null != (e = ec.popperOptions) &&
                e.modifiers &&
                (t = t.concat(ec.popperOptions.modifiers)),
              (0, n.Z)({}, ec.popperOptions, { modifiers: t })
            );
          }, [ex, ec]),
          eX = (0, n.Z)({}, j, {
            isRtl: eb,
            arrow: z,
            disableInteractive: eM,
            placement: es,
            PopperComponentProp: eu,
            touch: eE.current,
          }),
          eY = useUtilityClasses(eX),
          eG = null != (o = null != (i = ed.popper) ? i : K.Popper) ? o : R,
          eJ =
            null !=
            (s =
              null != (u = null != (d = ed.transition) ? d : K.Transition)
                ? u
                : eg)
              ? s
              : h.Z,
          e0 = null != (y = null != (P = ed.tooltip) ? P : K.Tooltip) ? y : E,
          e1 = null != (k = null != (S = ed.arrow) ? S : K.Arrow) ? k : M,
          e4 = (0, p.$)(
            eG,
            (0, n.Z)({}, ec, null != ($ = em.popper) ? $ : q.popper, {
              className: (0, a.Z)(
                eY.popper,
                null == ec ? void 0 : ec.className,
                null == (F = null != (N = em.popper) ? N : q.popper)
                  ? void 0
                  : F.className
              ),
            }),
            eX
          ),
          e9 = (0, p.$)(
            eJ,
            (0, n.Z)({}, ef, null != (B = em.transition) ? B : q.transition),
            eX
          ),
          e7 = (0, p.$)(
            e0,
            (0, n.Z)({}, null != (W = em.tooltip) ? W : q.tooltip, {
              className: (0, a.Z)(
                eY.tooltip,
                null == (A = null != (I = em.tooltip) ? I : q.tooltip)
                  ? void 0
                  : A.className
              ),
            }),
            eX
          ),
          e2 = (0, p.$)(
            e1,
            (0, n.Z)({}, null != (D = em.arrow) ? D : q.arrow, {
              className: (0, a.Z)(
                eY.arrow,
                null == (U = null != (H = em.arrow) ? H : q.arrow)
                  ? void 0
                  : U.className
              ),
            }),
            eX
          );
        return (0,
        w.jsxs)(l.Fragment, { children: [l.cloneElement(eT, eq), (0, w.jsx)(eG, (0, n.Z)({ as: null != eu ? eu : g.Z, placement: es, anchorEl: eo ? { getBoundingClientRect: () => ({ top: O.y, left: O.x, right: O.x, bottom: O.y, width: 0, height: 0 }) } : ey, popperRef: ez, open: !!ey && e$, id: eF, transition: !0 }, eQ, e4, { popperOptions: eV, children: ({ TransitionProps: e }) => (0, w.jsx)(eJ, (0, n.Z)({ timeout: eZ.transitions.duration.shorter }, e, e9, { children: (0, w.jsxs)(e0, (0, n.Z)({}, e7, { children: [eh, z ? (0, w.jsx)(e1, (0, n.Z)({}, e2, { ref: eR })) : null] })) })) }))] });
      });
      t.Z = P;
    },
    48999: function (e, t, o) {
      o.d(t, {
        Q: function () {
          return getTooltipUtilityClass;
        },
      });
      var r = o(1588),
        n = o(34867);
      function getTooltipUtilityClass(e) {
        return (0, n.Z)("MuiTooltip", e);
      }
      let l = (0, r.Z)("MuiTooltip", [
        "popper",
        "popperInteractive",
        "popperArrow",
        "popperClose",
        "tooltip",
        "tooltipArrow",
        "touch",
        "tooltipPlacementLeft",
        "tooltipPlacementRight",
        "tooltipPlacementTop",
        "tooltipPlacementBottom",
        "arrow",
      ]);
      t.Z = l;
    },
  },
]);
