(self.webpackChunk_N_E = self.webpackChunk_N_E || []).push([
  [95464],
  {
    13379: function (t, e, n) {
      "use strict";
      var r = n(91941);
      e.Z = void 0;
      var i = r(n(64938)),
        a = n(85893),
        l = (0, i.default)(
          (0, a.jsx)("path", {
            d: "M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z",
          }),
          "ArrowForwardIos"
        );
      e.Z = l;
    },
    98396: function (t, e, n) {
      "use strict";
      n.d(e, {
        Z: function () {
          return useMediaQuery;
        },
      });
      var r,
        i = n(67294),
        a = n(34168),
        l = n(20539),
        o = n(58974);
      let d = (r || (r = n.t(i, 2))).useSyncExternalStore;
      function useMediaQuery(t, e = {}) {
        let n = (0, a.Z)(),
          r = "undefined" != typeof window && void 0 !== window.matchMedia,
          {
            defaultMatches: u = !1,
            matchMedia: c = r ? window.matchMedia : null,
            ssrMatchMedia: s = null,
            noSsr: p = !1,
          } = (0, l.Z)({ name: "MuiUseMediaQuery", props: e, theme: n }),
          h = "function" == typeof t ? t(n) : t;
        h = h.replace(/^@media( ?)/m, "");
        let g = (
          void 0 !== d
            ? function (t, e, n, r, a) {
                let l = i.useCallback(() => e, [e]),
                  o = i.useMemo(() => {
                    if (a && n) return () => n(t).matches;
                    if (null !== r) {
                      let { matches: e } = r(t);
                      return () => e;
                    }
                    return l;
                  }, [l, t, r, a, n]),
                  [u, c] = i.useMemo(() => {
                    if (null === n) return [l, () => () => {}];
                    let e = n(t);
                    return [
                      () => e.matches,
                      (t) => (
                        e.addListener(t),
                        () => {
                          e.removeListener(t);
                        }
                      ),
                    ];
                  }, [l, n, t]),
                  s = d(c, u, o);
                return s;
              }
            : function (t, e, n, r, a) {
                let [l, d] = i.useState(() =>
                  a && n ? n(t).matches : r ? r(t).matches : e
                );
                return (
                  (0, o.Z)(() => {
                    let e = !0;
                    if (!n) return;
                    let r = n(t),
                      updateMatch = () => {
                        e && d(r.matches);
                      };
                    return (
                      updateMatch(),
                      r.addListener(updateMatch),
                      () => {
                        (e = !1), r.removeListener(updateMatch);
                      }
                    );
                  }, [t, n]),
                  l
                );
              }
        )(h, u, c, s, p);
        return g;
      }
    },
    93653: function (t, e, n) {
      "use strict";
      n.r(e),
        n.d(e, {
          default: function () {
            return A;
          },
        });
      var r = n(35944),
        i = n(67294),
        a = n(50067),
        l = n(33417),
        o = n(74897),
        d = n(15861),
        u = n(74998),
        c = n(51233),
        s = n(25675),
        p = n.n(s),
        h = n(86886),
        g = n(65582),
        m = n(90948);
      let Z = (0, m.ZP)(c.Z, { target: "e1o10as40" })((t) => {
          let { theme: e } = t;
          return { backgroundColor: e.palette.background.default };
        }),
        f = (0, m.ZP)(g.Z, { target: "e1o10as41" })("min-height:191px;"),
        v = (0, m.ZP)(h.ZP, { target: "e1o10as42" })((t) => {
          let { theme: e } = t;
          return {
            marginTop: 0,
            marginLeft: 0,
            alignItems: "center",
            minHeight: 192,
            [e.breakpoints.down("xl")]: {
              width: "98%",
              margin: "0 auto",
              padding: e.spacing(0, 7),
              flexWrap: "nowrap",
            },
            [e.breakpoints.only("xs")]: { flexWrap: "wrap", padding: 0 },
          };
        }),
        b = (0, m.ZP)(d.Z, { target: "e1o10as43" })((t) => {
          let { theme: e } = t;
          return {
            [e.breakpoints.only("xs")]: {
              fontSize: 14,
              fontWeight: 600,
              marginBottom: e.spacing(11),
            },
          };
        }),
        x = (0, m.ZP)(h.ZP, { target: "e1o10as44" })((t) => {
          let { theme: e } = t;
          return {
            "&.MuiGrid-item": {
              padding: e.spacing(0, 5, 0, 0),
              [e.breakpoints.only("xs")]: {
                padding: e.spacing(6, 5, 0),
                textAlign: "center",
              },
            },
          };
        }),
        k = (0, m.ZP)(h.ZP, { target: "e1o10as45" })((t) => {
          let { theme: e } = t;
          return {
            "&.MuiGrid-item": { paddingTop: e.spacing(2.5), paddingLeft: 0 },
            "& > img": {
              [e.breakpoints.down("md")]: { width: 100, height: 100 },
              [e.breakpoints.only("xs")]: { width: 80, height: 80 },
            },
          };
        }),
        w = (0, m.ZP)(h.ZP, { target: "e1o10as46" })((t) => {
          let { theme: e } = t;
          return {
            "&.MuiGrid-root.MuiGrid-item": {
              padding: 0,
              display: "flex",
              alignItems: "flex-end",
              alignSelf: "flex-end",
              height: 160,
              [e.breakpoints.down("md")]: {
                paddingTop: e.spacing(4),
                height: "auto",
              },
            },
            "& > img": {
              width: "100%",
              height: "auto",
              flexShrink: 0,
              [e.breakpoints.down("md")]: { height: "100%", display: "block" },
            },
          };
        });
      var y = (0, i.memo)((t) => {
          var e, n, i, a;
          let { title: o, appImage: d, description: u, qrCodeImage: s } = t,
            { isMobile: h } = (0, l.F)();
          return (0, r.tZ)(Z, {
            children: (0, r.tZ)(f, {
              children: (0, r.BX)(v, {
                columnSpacing: 2,
                container: !0,
                children: [
                  (0, r.tZ)(x, {
                    md: 6,
                    xs: 12,
                    item: !0,
                    children: (0, r.BX)(c.Z, {
                      rowGap: { xs: 6.75, sm: 2 },
                      children: [o, (0, r.tZ)(b, { children: u })],
                    }),
                  }),
                  h
                    ? null
                    : (0, r.BX)(r.HY, {
                        children: [
                          (0, r.tZ)(k, {
                            height: 130,
                            md: 3,
                            xs: 4,
                            item: !0,
                            children: (
                              null == s
                                ? void 0
                                : null === (e = s.data) || void 0 === e
                                ? void 0
                                : e.attributes
                            )
                              ? (0, r.tZ)(p(), {
                                  height: 130,
                                  quality: 90,
                                  src: s.data.attributes.url,
                                  width: 130,
                                  alt:
                                    null !==
                                      (i = s.data.attributes.alternativeText) &&
                                    void 0 !== i
                                      ? i
                                      : "QR code",
                                })
                              : null,
                          }),
                          (0, r.tZ)(w, {
                            md: 3,
                            xs: 8,
                            item: !0,
                            children: (
                              null == d
                                ? void 0
                                : null === (n = d.data) || void 0 === n
                                ? void 0
                                : n.attributes
                            )
                              ? (0, r.tZ)(p(), {
                                  alt:
                                    null !==
                                      (a = d.data.attributes.alternativeText) &&
                                    void 0 !== a
                                      ? a
                                      : "tools NY",
                                  height: 160,
                                  src: d.data.attributes.url,
                                  width: 314,
                                })
                              : null,
                          }),
                        ],
                      }),
                ],
              }),
            }),
          });
        }),
        M = n(22546);
      n(69831), n(19840);
      var P = n(87357),
        C = n(93946),
        L = n(13379);
      let S = (0, m.ZP)(P.Z, { target: "enl8xnj0" })((t) => {
          let { theme: e } = t;
          return {
            position: "relative",
            marginBottom: -40,
            [e.breakpoints.only("xs")]: { zIndex: 0 },
          };
        }),
        _ = (0, m.ZP)(P.Z, { target: "enl8xnj1" })((t) => {
          let { theme: e } = t;
          return {
            top: "40%",
            width: "100%",
            display: "flex",
            position: "absolute",
            padding: "0 6% 0 6%",
            justifyContent: "space-between",
            [e.breakpoints.down("xl")]: { padding: "0 1% 0 1%" },
            [e.breakpoints.down("md")]: { padding: "0 3% 0 3%" },
            [e.breakpoints.down("md")]: { top: "30%" },
            [e.breakpoints.only("xs")]: { padding: e.spacing(0, 3.6) },
          };
        }),
        B = (0, m.ZP)(C.Z, { target: "enl8xnj2" })((t) => {
          let { theme: e } = t;
          return {
            width: 31,
            height: 31,
            zIndex: e.zIndex.sliderButton,
            border: "1px solid ".concat(e.palette.text.accent),
            boxShadow: e.shadows[6],
            backgroundColor: e.palette.background.default,
            "&:hover": { backgroundColor: e.palette.background.default },
          };
        }),
        I = (0, m.ZP)(L.Z, { target: "enl8xnj3" })((t) => {
          let { theme: e } = t;
          return {
            fontSize: 12,
            color: e.palette.text.accent,
            marginLeft: e.spacing(0.5),
          };
        }),
        j = (0, m.ZP)(I, { target: "enl8xnj4" })((t) => {
          let { theme: e } = t;
          return { transform: "rotate(180deg)", marginRight: e.spacing(1) };
        }),
        T = (0, m.ZP)(P.Z, { target: "enl8xnj5" })((t) => {
          let { theme: e } = t;
          return { height: 10, background: e.palette.gradient.primary };
        });
      var A = (0, i.memo)((t) => {
        var e, n;
        let { data: c } = t,
          { t: s } = (0, o.$G)("common"),
          { isMobile: p } = (0, l.F)(),
          h = (0, i.useRef)(),
          g = (0, i.useMemo)(
            () => (t) => {
              var e;
              let n =
                p && null !== (e = t.mobileTitle) && void 0 !== e ? e : t.title;
              return p
                ? (0, r.tZ)(u.Z, { rawHtml: n })
                : (0, r.tZ)(d.Z, {
                    component: "span",
                    variant: "h3",
                    children: n,
                  });
            },
            [p]
          ),
          m = (0, i.useMemo)(() => {
            var t, e, n;
            let i =
              (null == c
                ? void 0
                : null === (n = c.slider) || void 0 === n
                ? void 0
                : null === (e = n.data) || void 0 === e
                ? void 0
                : null === (t = e.attributes) || void 0 === t
                ? void 0
                : t.slides) || [];
            return i.map((t, e) => {
              if (
                (null == t ? void 0 : t.__typename) ===
                "ComponentSlidesAppSlide"
              ) {
                var n;
                return (0, r.tZ)(
                  y,
                  {
                    appImage: t.endImage,
                    description:
                      null !== (n = t.description) && void 0 !== n ? n : "",
                    qrCodeImage: t.qrCode,
                    title: g(t),
                  },
                  "".concat(t.__typename).concat(e)
                );
              }
              return null;
            });
          }, [c, g]),
          Z = (0, i.useCallback)(() => {
            var t;
            null === (t = h.current) || void 0 === t || t.slidePrev();
          }, []),
          f = (0, i.useCallback)(() => {
            var t;
            null === (t = h.current) || void 0 === t || t.slideNext();
          }, []);
        return (0, r.BX)(S, {
          children: [
            (0, r.tZ)(M.tq, {
              autoplay: { delay: 8e3 },
              effect: "fade",
              modules: [a.W_, a.xW, a.pt],
              loop: !0,
              onBeforeInit: (t) => {
                h.current = t;
              },
              children: m.map((t, e) =>
                (0, r.BX)(M.o5, { children: [t, (0, r.tZ)(T, {})] }, e)
              ),
            }),
            (0, r.tZ)(_, {
              children:
                1 === m.length
                  ? null
                  : (0, r.BX)(r.HY, {
                      children: [
                        (0, r.tZ)(B, {
                          "aria-label":
                            null !== (e = s("buttons.prevSlide")) &&
                            void 0 !== e
                              ? e
                              : "",
                          onClick: Z,
                          children: (0, r.tZ)(j, {}),
                        }),
                        (0, r.tZ)(B, {
                          "aria-label":
                            null !== (n = s("buttons.nextSlide")) &&
                            void 0 !== n
                              ? n
                              : "",
                          onClick: f,
                          children: (0, r.tZ)(I, {}),
                        }),
                      ],
                    }),
            }),
          ],
        });
      });
    },
    951: function (t, e, n) {
      "use strict";
      n.d(e, {
        $: function () {
          return getMediaLink;
        },
        P: function () {
          return getMediaLinkByProvider;
        },
      });
      var r = n(32871);
      let i = r.yy.replace("/**", ""),
        a = ""
          .concat(r.AL, "://")
          .concat(r.HT)
          .concat(r.t9 ? ":".concat(r.t9) : ""),
        getMediaLink = (t) => (t.startsWith(i) ? "".concat(a).concat(t) : t),
        getMediaLinkByProvider = (t, e) =>
          "local" === e
            ? "".concat(r.AL, "://").concat(r.HT, ":").concat(r.t9).concat(t)
            : t;
    },
    74998: function (t, e, n) {
      "use strict";
      n.d(e, {
        Z: function () {
          return p;
        },
      });
      var r = n(35944),
        i = n(67294),
        a = n(25935),
        l = n(87357),
        o = n(15861),
        d = n(15626),
        u = n(91036),
        c = n.n(u),
        s = n(951),
        p = (0, i.memo)((t) => {
          let { rawHtml: e, textComponent: n, ...u } = t,
            p = (0, i.useMemo)(
              () => ({
                replace: (t) => {
                  if (t instanceof a.W_) {
                    var e, i, l;
                    let u =
                      null === (i = t.attribs) || void 0 === i
                        ? void 0
                        : null === (e = i.class) || void 0 === e
                        ? void 0
                        : e.replace("ck-heading_", "");
                    if (
                      [
                        "h1",
                        "h2",
                        "h3",
                        "h4",
                        "body1",
                        "body2",
                        "caption",
                      ].includes(u)
                    )
                      return (0, r.tZ)(o.Z, {
                        component: null != n ? n : "span",
                        variant: u,
                        children: (0, a.du)(t.children, p),
                      });
                    switch (t.name) {
                      case "a":
                        return (0, r.tZ)(d.Z, {
                          ...t.attribs,
                          href:
                            null !== (l = (0, s.$)(t.attribs.href)) &&
                            void 0 !== l
                              ? l
                              : "#",
                          target: "_blank",
                          variant: "inherit",
                          children: (0, a.du)(t.children, p),
                        });
                      case "br":
                        return (0, r.tZ)("br", {});
                    }
                    let c = t.name;
                    return (0, r.tZ)(c, { children: (0, a.du)(t.children, p) });
                  }
                },
              }),
              [n]
            );
          return (0, r.tZ)(l.Z, {
            ...u,
            children: (0, a.ZP)(
              c()(e.replaceAll("&nbsp;", "<br/>"), {
                allowedClasses: { "*": ["ck-heading_*"] },
                allowedAttributes: { a: ["href", "name", "target", "rel"] },
              }),
              p
            ),
          });
        });
    },
    33417: function (t, e, n) {
      "use strict";
      n.d(e, {
        F: function () {
          return useResponsive;
        },
      });
      var r = n(2734),
        i = n(98396);
      let useResponsive = () => {
        let t = (0, r.Z)(),
          e = (0, i.Z)(t.breakpoints.only("xs")),
          n = (0, i.Z)(t.breakpoints.only("sm")),
          a = (0, i.Z)(t.breakpoints.up("md"));
        return { isMobile: e, isTablet: n, isDesktop: a };
      };
    },
    19840: function () {},
    69831: function () {},
    22868: function () {},
    14777: function () {},
    99830: function () {},
    70209: function () {},
  },
]);
