(self.webpackChunk_N_E = self.webpackChunk_N_E || []).push([
  [6544], {
    64917: function(e, t, s) {
      (window.__NEXT_P = window.__NEXT_P || []).push(["/explore", function() {
        return s(21588)
      }])
    },
    41854: function(e, t, s) {
      "use strict";
      var r = s(97458);
      t.Z = e => {
        let {
          height: t,
          width: s,
          style: l,
          ...a
        } = e, o = {
          ...l,
          paddingTop: "calc(".concat(t, " / ").concat(s, " * 100%)")
        };
        return (0, r.jsx)("div", {
          "data-testid": "aspect-ratio-sizer",
          ...a,
          style: o
        })
      }
    },
    55632: function(e, t, s) {
      "use strict";
      var r = s(97458),
        l = s(33684);
      t.Z = () => (0, r.jsxs)(l.Z, {
        children: [(0, r.jsx)("p", {
          children: "Pricing data is sourced daily from Bloomberg."
        }), (0, r.jsx)("p", {
          children: "Securities labeled “popular” are based on the number of accounts that own the specific security as well as the average amount invested in that particular security."
        }), (0, r.jsx)(l.Z.TermsAndConditions, {}), (0, r.jsx)("p", {
          children: "The information contained in this communication is provided for general informational purposes only, and should not be construed as investment or tax advice. Nothing in this communication should be construed as a solicitation, offer, or recommendation, to buy or sell any security. Any performance shown is for informational purposes only and may differ from actual performance due to several factors. Please refer to your account statement for actual performance. Any links provided to other server sites are offered as a matter of convenience and are not intended to imply that Wealthfront Advisers or its affiliates endorses, sponsors, promotes and/or is affiliated with the owners of or participants in those sites, or endorses any information contained on those sites, unless expressly stated otherwise."
        }), (0, r.jsxs)("p", {
          children: ["Investment management and advisory services--which are not FDIC insured--are provided by Wealthfront Advisers LLC (“Wealthfront Advisers”), an SEC-registered investment adviser, and financial planning tools are provided by Wealthfront Software LLC (“Wealthfront”). Brokerage products and services are offered by Wealthfront Brokerage LLC, member ", (0, r.jsx)("a", {
            href: "https://www.finra.org/",
            children: "FINRA"
          }), " / ", (0, r.jsx)("a", {
            href: "https://www.sipc.org/",
            children: "SIPC"
          }), ". All investing involves risk, including the possible loss of money you invest, and past performance does not guarantee future performance. Please see our ", (0, r.jsx)("a", {
            href: "https://www.wealthfront.com/legal/disclosure",
            children: "Full Disclosure"
          }), " for important details."]
        })]
      })
    },
    52750: function(e, t, s) {
      "use strict";
      s.d(t, {
        BF: function() {
          return getThemePropsForPortfolio
        },
        Do: function() {
          return managedPortfolioFlavorToSlug
        },
        HX: function() {
          return isDirectIndexing
        },
        Po: function() {
          return categoryDisplayNameToSlug
        },
        Se: function() {
          return slugToManagedPortfolioFlavor
        },
        hF: function() {
          return getClassNameForPortfolio
        },
        n0: function() {
          return normalizeAssetsToExplore
        }
      });
      var r = s(8184),
        l = s.n(r),
        a = s(96924),
        o = s(88132),
        n = s(44155);

      function managedPortfolioFlavorToSlug(e) {
        switch (e) {
          case a.kow.CORE:
            return "classic";
          case a.kow.CORE_DI:
            return "direct-indexing";
          case a.kow.SRI:
            return "socially-responsible"
        }
        return (0, n.UT)(e)
      }

      function slugToManagedPortfolioFlavor(e) {
        switch (e) {
          case "classic":
            return a.kow.CORE;
          case "direct-indexing":
            return a.kow.CORE_DI;
          case "socially-responsible":
            return a.kow.SRI;
          default:
            throw Error("No managed portfolio flavor assigned to slug: ".concat(e))
        }
      }
      let i = Object.freeze({
        "us-stock-etfs": "US stock ETFs",
        "bond-etfs": "Bond ETFs",
        "foreign-emerging-market-etfs": "Foreign / emerging market ETFs",
        "sector-etfs": "Sector ETFs",
        "investing-strategy-etfs": "Investing strategy ETFs",
        "socially-responsible-etfs": "Socially responsible ETFs",
        "wealthfront-exclusive-offerings": "Wealthfront exclusive offerings",
        "commodity-etfs": "Commodity ETFs",
        "tech-innovation-etfs": "Tech / innovation ETFs",
        "global-stock-etfs": "Global stock ETFs",
        "cryptocurrency-trusts": "Cryptocurrency trusts",
        "recently-added": "Recently added"
      });

      function categoryDisplayNameToSlug(e) {
        let t = l()(e),
          s = i[t];
        if (s) return t;
        throw Error("Unsupported categoryDisplayName: ".concat(e))
      }
      let isDirectIndexing = e => "US Direct Indexing" === e;

      function normalizeAssetsToExplore(e) {
        return e.filter(e => "ExploreAssetSearchResult" === e.type && !!e.investmentVehicleId).map(e => e.symbol ? {
          ...e,
          symbol: e.symbol.toLowerCase()
        } : {
          ...e,
          symbol: l()(e.displayName)
        })
      }

      function getThemePropsForPortfolio(e) {
        let t = function(e) {
          switch (e) {
            case a.p_x.EGGPLANT:
              return "sunset-pebble-eggplant-white-eggplant-light";
            case a.p_x.FOREST:
              return "sunset-pebble-forest-white-forest-light";
            case a.p_x.SPACE:
              return "sunset-pebble-space-white-space-light";
            default:
              return "default"
          }
        }(e);
        return (0, o.Ot)(t)
      }

      function getClassNameForPortfolio(e) {
        switch (e) {
          case a.p_x.EGGPLANT:
            return "bg-eggplant";
          case a.p_x.FOREST:
            return "bg-forest";
          case a.p_x.SPACE:
            return "bg-space"
        }
        return (0, n.UT)(e)
      }
    },
    19316: function(e, t, s) {
      "use strict";
      var r = s(52983),
        l = s(30618),
        a = s(27461),
        o = s(68343);
      t.Z = function(e) {
        let t = (0, l.J)(),
          {
            ref: s,
            inView: n
          } = (0, o.YD)(e || {
            threshold: .2,
            initialInView: t
          }),
          i = (0, a._)();
        return (0, r.useEffect)(() => {
          n && i.start("animate")
        }, [i, n]), {
          module: s,
          inView: n,
          controls: i
        }
      }
    },
    21588: function(e, t, s) {
      "use strict";
      s.r(t), s.d(t, {
        __N_SSG: function() {
          return L
        },
        default: function() {
          return Explore
        }
      });
      var r = s(97458),
        l = s(52983),
        a = s(94303),
        o = s.n(a),
        n = s(71017),
        i = s.n(n),
        c = s(51838),
        d = s.n(c),
        u = s(52116),
        p = s(7839),
        m = s(2002),
        x = s(41854),
        f = s(74738),
        h = s(55632),
        g = s(52750),
        y = s(8262),
        b = s(33746),
        v = s(95435),
        w = s(72558),
        j = s(57928),
        _ = s(19316),
        k = s(83528),
        N = s(47563),
        C = s(99227),
        E = s(74431),
        T = s(44155),
        S = s(88011),
        P = s.n(S),
        z = s(94501),
        F = s.n(z);
      let D = o()(() => Promise.all([s.e(443), s.e(3822)]).then(s.bind(s, 43822)), {
          loadableGenerated: {
            webpack: () => [43822]
          },
          ssr: !1
        }),
        O = ["Cryptocurrency trusts", "Tech / innovation ETFs", "US stock ETFs", "Socially responsible ETFs", "Wealthfront exclusive offerings"];
      var L = !0;

      function Explore(e) {
        let t = (0, l.useRef)(null),
          s = (0, l.useRef)(null),
          a = (0, l.useRef)(null),
          {
            data: o
          } = (0, k.WE)("getEligiblePortfolioFlavorsForLogoutExperience", [], {
            prefetched: !0
          }),
          {
            data: n
          } = (0, k.WE)("getAssetsToExplore", [], {
            prefetched: !0
          }),
          c = o.eligiblePortfolioFlavors,
          d = (0, g.n0)(n.searchResults),
          [S, P] = (0, l.useState)(d),
          [z, L] = (0, l.useState)(""),
          {
            module: I,
            inView: A,
            controls: R
          } = (0, _.Z)();
        (0, l.useEffect)(() => {
          C.K.trackImpressionEvent({
            category: E.WD.LoggedOutExplore,
            name: "explore-homepage",
            feature: e.pathname
          })
        }, [e.pathname]), (0, l.useEffect)(() => {
          N.Z.trackPage("logged-out-explore", "explore-homepage")
        }, []), (0, l.useEffect)(() => {
          if (!A) return;
          let e = t.current,
            r = s.current,
            l = a.current;
          e.textContent || (0, T.P4)({
            start: 0,
            stop: 239,
            onUpdate: t => {
              e.textContent = Math.ceil(t).toString()
            }
          }), r.textContent || (0, T.P4)({
            start: 0,
            stop: 17,
            onUpdate: e => {
              r.textContent = Math.ceil(e).toString()
            }
          }), l.textContent || (0, T.P4)({
            start: 0,
            stop: 2,
            onUpdate: e => {
              l.textContent = Math.ceil(e).toString()
            }
          })
        }, [R, A]);
        let {
          mutate: M
        } = (0, k.uC)("searchExploreAssetsIndex");
        return (0, r.jsxs)(w.Z, {
          ...e,
          children: [(0, r.jsxs)("div", {
            className: "min-h-screen bg-gradient-to-b from-lavender to-ambient-peach bg-fixed text-content-primary",
            children: [(0, r.jsx)(b.Z, {
              mobileSurface: "dark",
              position: "absolute"
            }), (0, r.jsxs)("main", {
              children: [(0, r.jsxs)("div", {
                className: "mx-auto max-w-[2024px] space-y-10 pb-20 md:px-12 lg:px-16",
                children: [(0, r.jsxs)("div", {
                  className: "relative max-h-[600px] min-h-[375px] w-full 2xl:max-h-[750px]",
                  children: [(0, r.jsx)(x.Z, {
                    width: 375,
                    height: 210
                  }), (0, r.jsx)("div", {
                    className: "hidden sm:block",
                    children: (0, r.jsx)(j.K, {
                      preload: !0,
                      image: {
                        className: "absolute inset-0 w-full h-full object-cover object-right-bottom",
                        src: "/next/optimized/explore-valley-sunset.png",
                        alt: "a landscape filled with trees",
                        width: 1280,
                        height: 600
                      },
                      sources: [{
                        src: "/next/optimized/explore-valley-sunset.webp",
                        srcSet: ["/next/optimized/explore-valley-sunset-640w.webp 640w", "/next/optimized/explore-valley-sunset-750w.webp 750w", "/next/optimized/explore-valley-sunset-828w.webp 828w", "/next/optimized/explore-valley-sunset-1080w.webp 1080w", "/next/optimized/explore-valley-sunset-1200w.webp 1200w", "/next/optimized/explore-valley-sunset-1200w.webp 1280w"]
                      }]
                    })
                  }), (0, r.jsx)("div", {
                    className: "block sm:hidden",
                    children: (0, r.jsx)(j.K, {
                      image: {
                        className: "absolute inset-0 w-full h-full object-cover object-right-bottom",
                        src: "/next/optimized/explore-valley-sunset-mobile.png",
                        alt: "a landscape filled with trees",
                        width: 375,
                        height: 340
                      },
                      sources: [{
                        src: "/next/optimized/explore-valley-sunset-mobile.webp",
                        srcSet: ["/next/optimized/explore-valley-sunset-mobile.webp 375w"]
                      }]
                    })
                  }), (0, r.jsxs)("div", {
                    className: "absolute inset-0 mb-10 flex flex-col items-center justify-center space-y-4 px-4 text-center",
                    children: [(0, r.jsxs)("h1", {
                      className: "copy-h1-alt",
                      children: ["Discover and invest in ", (0, r.jsx)("br", {
                        className: "hidden xs:block"
                      }), " what excites you"]
                    }), (0, r.jsxs)("p", {
                      className: "copy-body mb-4 hidden sm:block",
                      children: ["Learn more about our portfolios and explore all the ways to ", (0, r.jsx)("br", {}), " customize them with hundreds of investments available."]
                    }), (0, r.jsx)("p", {
                      className: "copy-body mb-4 block max-w-[330px] sm:hidden",
                      children: "Learn more about our portfolios and explore all the ways to customize them."
                    }), (0, r.jsxs)("div", {
                      className: "relative",
                      children: [(0, r.jsx)(p.pY, {
                        inputClassName: F().typeaheadInput,
                        autoComplete: "off",
                        onInputChange: function(t) {
                          L(t), M({
                            params: [t],
                            onSuccess: s => {
                              var r;
                              let {
                                searchResults: l
                              } = s;
                              r = d.length, t && C.K.trackClickEvent({
                                category: E.WD.InteractionElement,
                                clickUrl: e.pathname,
                                clickText: void 0,
                                name: "explore-homepage-search",
                                feature: e.pathname,
                                details: {
                                  searchString: t,
                                  numResults: r
                                }
                              }), P((0, g.n0)(l))
                            }
                          })
                        },
                        onOptionSelect: function(t) {
                          N.Z.trackClick({
                            target_element: "explore-search-typeahead",
                            click_type: "other-cta",
                            click_text: t.displayName
                          }, {
                            symbol: t.symbol,
                            query: z,
                            result_tapped_index: "unknown"
                          }), C.K.trackClickEvent({
                            category: E.WD.OtherCta,
                            clickUrl: e.pathname,
                            clickText: void 0,
                            name: "explore-search-typeahead",
                            feature: e.pathname,
                            details: {
                              symbol: t.symbol.toLowerCase(),
                              searchString: z
                            }
                          }), i().push("/explore/".concat(t.exploreAssetId, "/").concat(t.symbol.toLowerCase()))
                        },
                        placeholder: "Search investments",
                        filterMethod: () => !0,
                        displayMethod: Option,
                        toTextMethod: function(e) {
                          return e.displayName
                        },
                        options: S,
                        onFocus: () => N.Z.trackClick({
                          target_element: "explore-search-start",
                          click_type: "interaction-element",
                          click_text: ""
                        }, {
                          search_level: "home"
                        })
                      }), (0, r.jsx)("span", {
                        className: "absolute left-0 top-1/2 -translate-y-1/2 translate-x-1/2 transform",
                        children: (0, r.jsx)(v.M, {
                          loading: "lazy",
                          src: "/next/svg/optimized/search.svg",
                          width: 20,
                          height: 20,
                          alt: "search icon"
                        })
                      })]
                    })]
                  })]
                }), (0, r.jsxs)("div", {
                  className: "flex flex-col px-4 pt-6 text-left sm:pt-14 md:px-0 md:text-center",
                  children: [(0, r.jsx)("h2", {
                    className: "copy-h1-alt",
                    children: "Learn about our portfolios"
                  }), (0, r.jsx)("div", {
                    className: "max-w-[700px] pt-5 sm:mx-auto sm:pt-7 2xl:max-w-[900px]",
                    children: (0, r.jsxs)("span", {
                      className: "copy-body",
                      children: ["Our expert-built portfolios are strategically designed to minimize risk through diversification and are optimized for long-term wealth — all included in one low 0.25% annual advisory fee.", " ", (0, r.jsx)(m.Z, {
                        href: "/investing",
                        trackingDetails: {
                          category: E.WD.OtherCta,
                          name: "explore-our-portfolios-learn-more"
                        },
                        amplitudeClickProperties: {
                          target_element: "explore-portfolios-learn-more",
                          click_type: "other-cta"
                        },
                        children: "Learn more"
                      })]
                    })
                  }), (0, r.jsxs)("div", {
                    className: "mx-auto grid max-w-[1280px] grid-cols-2 gap-6 px-7 pb-8 pt-8 text-center sm:pb-14 sm:pt-14 lg:grid-cols-4 lg:gap-10 lg:px-0 xl:gap-28",
                    children: [(0, r.jsxs)("div", {
                      className: "flex flex-col items-center space-y-1",
                      children: [(0, r.jsx)(p.hg, {
                        fill: "#4840bb",
                        className: "!h-12 !w-12"
                      }), (0, r.jsx)("p", {
                        children: "Curated by experts"
                      })]
                    }), (0, r.jsxs)("div", {
                      className: "flex flex-col items-center space-y-1",
                      children: [(0, r.jsx)(p.oB, {
                        fill: "#4840bb",
                        className: "!h-12 !w-12"
                      }), (0, r.jsx)("p", {
                        children: "Managed automatically"
                      })]
                    }), (0, r.jsxs)("div", {
                      className: "flex flex-col items-center space-y-1",
                      children: [(0, r.jsx)(p.Dh, {
                        fill: "#4840bb",
                        className: "!h-12 !w-12"
                      }), (0, r.jsx)("p", {
                        children: "Easy to personalize"
                      })]
                    }), (0, r.jsxs)("div", {
                      className: "flex flex-col items-center space-y-1",
                      children: [(0, r.jsx)(p.rZ, {
                        fill: "#4840bb",
                        className: "!h-12 !w-12"
                      }), (0, r.jsx)("p", {
                        children: "Optimized for tax savings"
                      })]
                    })]
                  }), (0, r.jsx)(D, {
                    eligiblePortfolioFlavors: c,
                    trackingDetails: {
                      category: E.WD.OtherCta,
                      clickUrl: e.pathname,
                      clickText: void 0,
                      name: "explore-portfolio-flavors",
                      feature: e.pathname
                    }
                  })]
                }), (0, r.jsxs)("div", {
                  className: "flex flex-col px-4 text-left sm:pt-10 md:px-0 md:text-center",
                  children: [(0, r.jsx)("h2", {
                    className: "copy-h2-alt",
                    children: "Customize your portfolio how you want"
                  }), (0, r.jsx)("p", {
                    className: "copy-body max-w-[650px] pr-8 pt-4 sm:pt-8 md:mx-auto md:pr-0 2xl:max-w-[800px]",
                    children: "We offer hundreds of investments in categories like clean energy, tech, and crypto to let you customize your portfolio and invest what you believe in."
                  }), (0, r.jsxs)(u.E.div, {
                    ref: I,
                    animate: R,
                    className: "mx-auto flex w-full max-w-[1280px] flex-col gap-y-8 divide-y divide-content-primary pt-10 sm:pt-20 lg:grid lg:grid-cols-3 lg:gap-y-0 lg:divide-x lg:divide-y-0",
                    "data-testid": "portfolio-customization-options-module",
                    children: [(0, r.jsx)(ExploreFeature, {
                      refEyeCatchingText: t,
                      description: "Investments"
                    }), (0, r.jsx)(ExploreFeature, {
                      refEyeCatchingText: s,
                      description: "Asset classes"
                    }), (0, r.jsx)(ExploreFeature, {
                      refEyeCatchingText: a,
                      description: "Cryptocurrency trusts"
                    })]
                  })]
                }), (0, r.jsxs)("div", {
                  className: "mx-auto flex w-full max-w-[1280px] flex-col px-4 pt-4 text-left sm:pt-10 md:px-0 md:text-center",
                  children: [(0, r.jsx)("h2", {
                    className: "copy-h2-alt",
                    children: "Browse all our investment categories"
                  }), (0, r.jsx)("div", {
                    className: "grid grid-cols-2 gap-6 pt-9 text-left lg:grid-cols-5",
                    "data-testid": "popular-asset-categories-module",
                    children: e.sortedAssetCategories.map(t => (0, r.jsx)(CategoryCard, {
                      title: t.categoryDisplayName,
                      slug: "/explore/investment-categories/".concat(t.categoryIdentifier, "/").concat((0, g.Po)(t.categoryDisplayName)),
                      isPopular: O.includes(t.categoryDisplayName),
                      pathname: e.pathname
                    }, t.categoryIdentifier))
                  })]
                })]
              }), (0, r.jsxs)("div", {
                className: "relative min-h-[375px] py-12",
                children: [(0, r.jsx)(x.Z, {
                  width: 3840,
                  height: 1080
                }), (0, r.jsx)("div", {
                  className: "hidden sm:block",
                  children: (0, r.jsx)(j.K, {
                    image: {
                      loading: "lazy",
                      className: "absolute inset-0 w-full h-full object-cover",
                      src: "/next/optimized/explore-valley-sunset-dark.png",
                      alt: "a landscape filled with mountains",
                      width: 1502,
                      height: 443
                    },
                    sources: [{
                      src: "/next/optimized/explore-valley-sunset-dark.webp",
                      srcSet: ["/next/optimized/explore-valley-sunset-dark-640w.webp 640w", "/next/optimized/explore-valley-sunset-dark-750w.webp 750w", "/next/optimized/explore-valley-sunset-dark-828w.webp 828w", "/next/optimized/explore-valley-sunset-dark-1080w.webp 1080w", "/next/optimized/explore-valley-sunset-dark-1200w.webp 1200w", "/next/optimized/explore-valley-sunset-dark.webp 1502w"]
                    }]
                  })
                }), (0, r.jsx)("div", {
                  className: "block sm:hidden",
                  children: (0, r.jsx)(j.K, {
                    image: {
                      loading: "lazy",
                      className: "absolute inset-0 w-full h-full",
                      src: "/next/optimized/explore-valley-sunset-dark-mobile.png",
                      alt: "a landscape filled with mountains",
                      width: 375,
                      height: 345
                    },
                    sources: [{
                      src: "/next/optimized/explore-valley-sunset-dark-mobile.webp",
                      srcSet: ["/next/optimized/explore-valley-sunset-dark-mobile.webp 375w"]
                    }]
                  })
                }), (0, r.jsxs)("div", {
                  className: "absolute inset-0 flex h-full w-full flex-col items-center justify-center space-y-4 px-6 text-center text-white",
                  children: [(0, r.jsx)("h2", {
                    className: "copy-h2-alt",
                    children: "The investing universe is yours to explore."
                  }), (0, r.jsx)("span", {
                    className: "copy-h2 mt-0 pb-4",
                    children: "Venture into the known."
                  }), (0, r.jsx)(f.ZP, {
                    href: "/explore/investment-categories",
                    className: "w-full rounded-[16px] text-blurple sm:w-min",
                    trackingDetails: {
                      category: E.WD.OtherCta,
                      name: "explore-all-investments"
                    },
                    amplitudeClickProperties: {
                      target_element: "explore-all-investments",
                      click_type: "other-cta"
                    },
                    surface: "dark",
                    variant: "primary",
                    children: "Explore all investments"
                  })]
                })]
              })]
            })]
          }), (0, r.jsx)(y.ZP, {
            disclosures: (0, r.jsx)(h.Z, {})
          })]
        })
      }

      function ExploreFeature(e) {
        let {
          refEyeCatchingText: t,
          description: s,
          className: l,
          children: a
        } = e;
        return (0, r.jsxs)("div", {
          className: d()("md:px-8", l),
          children: [(0, r.jsx)("div", {
            ref: t,
            className: "line-height text-center text-[107px] font-bold leading-none tracking-tight text-blurple 2xl:text-[134px]"
          }), (0, r.jsx)("div", {
            className: "copy-h3-alt text-center text-content-primary",
            children: s
          }), a]
        })
      }

      function CategoryCard(e) {
        let {
          isPopular: t = !1,
          title: s,
          slug: l,
          pathname: a
        } = e;
        return (0, r.jsxs)(m.Z, {
          href: l,
          testId: l,
          trackingDetails: {
            category: E.WD.OtherCta,
            clickUrl: a,
            clickText: void 0,
            name: "explore-investment-category",
            feature: a,
            details: {
              investmentCategory: s,
              popular: t
            }
          },
          amplitudeClickProperties: {
            target_element: "explore-investment-category",
            click_type: "other-cta",
            click_text: "",
            properties: {
              investment_category: s,
              popular_tag: t
            }
          },
          variant: "none",
          className: "flex min-h-[140px] transform cursor-pointer flex-col gap-2 rounded-2xl bg-lavender2 p-4 text-left text-content-primary transition-all hover:scale-[1.025] hover:shadow-xl",
          children: [t && (0, r.jsx)("p", {
            className: "self-end rounded-3xl bg-note-well px-4 py-1 text-right text-sm font-semibold uppercase text-blurple",
            children: "Popular"
          }), (0, r.jsx)("div", {
            className: "flex flex-1 items-end justify-start",
            children: (0, r.jsx)("p", {
              className: "justify-self-end font-medium text-content-primary",
              children: s
            })
          })]
        })
      }

      function Option(e) {
        let {
          symbol: t,
          displayName: s
        } = e;
        return (0, r.jsxs)("div", {
          className: d()(P().buttonUsingMouse, "flex items-center space-x-4 text-left"),
          children: [(0, r.jsx)("div", {
            className: "h-[50px] w-[50px] text-xs font-semibold text-content-primary",
            children: (0, r.jsx)("span", {
              className: "flex h-full w-full items-center justify-center rounded-[50%] bg-surface-notice-destructive",
              children: (0, g.HX)(s) ? "" : t.toUpperCase()
            })
          }), (0, r.jsx)("div", {
            className: "flex flex-1",
            children: (0, r.jsx)("p", {
              className: "font-medium text-content-primary",
              children: s
            })
          })]
        })
      }
    },
    25058: function(e, t, s) {
      "use strict";
      Object.defineProperty(t, "__esModule", {
          value: !0
        }),
        function(e, t) {
          for (var s in t) Object.defineProperty(e, s, {
            enumerable: !0,
            get: t[s]
          })
        }(t, {
          noSSR: function() {
            return noSSR
          },
          default: function() {
            return dynamic
          }
        });
      let r = s(83166),
        l = (s(52983), r._(s(83055)));

      function convertModule(e) {
        return {
          default: (null == e ? void 0 : e.default) || e
        }
      }

      function noSSR(e, t) {
        return delete t.webpack, delete t.modules, e(t)
      }

      function dynamic(e, t) {
        let s = l.default,
          r = {
            loading: e => {
              let {
                error: t,
                isLoading: s,
                pastDelay: r
              } = e;
              return null
            }
          };
        e instanceof Promise ? r.loader = () => e : "function" == typeof e ? r.loader = e : "object" == typeof e && (r = {
          ...r,
          ...e
        }), r = {
          ...r,
          ...t
        };
        let a = r.loader;
        return (r.loadableGenerated && (r = {
          ...r,
          ...r.loadableGenerated
        }, delete r.loadableGenerated), "boolean" != typeof r.ssr || r.ssr) ? s({
          ...r,
          loader: () => null != a ? a().then(convertModule) : Promise.resolve(convertModule(() => null))
        }) : (delete r.webpack, delete r.modules, noSSR(s, r))
      }("function" == typeof t.default || "object" == typeof t.default && null !== t.default) && void 0 === t.default.__esModule && (Object.defineProperty(t.default, "__esModule", {
        value: !0
      }), Object.assign(t.default, t), e.exports = t.default)
    },
    43177: function(e, t, s) {
      "use strict";
      Object.defineProperty(t, "__esModule", {
        value: !0
      }), Object.defineProperty(t, "LoadableContext", {
        enumerable: !0,
        get: function() {
          return a
        }
      });
      let r = s(83166),
        l = r._(s(52983)),
        a = l.default.createContext(null)
    },
    83055: function(e, t, s) {
      "use strict";
      /**
      @copyright (c) 2017-present James Kyle <me@thejameskyle.com>
       MIT License
       Permission is hereby granted, free of charge, to any person obtaining
      a copy of this software and associated documentation files (the
      "Software"), to deal in the Software without restriction, including
      without limitation the rights to use, copy, modify, merge, publish,
      distribute, sublicense, and/or sell copies of the Software, and to
      permit persons to whom the Software is furnished to do so, subject to
      the following conditions:
       The above copyright notice and this permission notice shall be
      included in all copies or substantial portions of the Software.
       THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
      EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
      MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
      NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
      LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
      OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
      WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
      */
      Object.defineProperty(t, "__esModule", {
        value: !0
      }), Object.defineProperty(t, "default", {
        enumerable: !0,
        get: function() {
          return c
        }
      });
      let r = s(83166),
        l = r._(s(52983)),
        a = s(43177),
        o = [],
        n = [],
        i = !1;

      function load(e) {
        let t = e(),
          s = {
            loading: !0,
            loaded: null,
            error: null
          };
        return s.promise = t.then(e => (s.loading = !1, s.loaded = e, e)).catch(e => {
          throw s.loading = !1, s.error = e, e
        }), s
      }
      let LoadableSubscription = class LoadableSubscription {
        promise() {
          return this._res.promise
        }
        retry() {
          this._clearTimeouts(), this._res = this._loadFn(this._opts.loader), this._state = {
            pastDelay: !1,
            timedOut: !1
          };
          let {
            _res: e,
            _opts: t
          } = this;
          e.loading && ("number" == typeof t.delay && (0 === t.delay ? this._state.pastDelay = !0 : this._delay = setTimeout(() => {
            this._update({
              pastDelay: !0
            })
          }, t.delay)), "number" == typeof t.timeout && (this._timeout = setTimeout(() => {
            this._update({
              timedOut: !0
            })
          }, t.timeout))), this._res.promise.then(() => {
            this._update({}), this._clearTimeouts()
          }).catch(e => {
            this._update({}), this._clearTimeouts()
          }), this._update({})
        }
        _update(e) {
          this._state = {
            ...this._state,
            error: this._res.error,
            loaded: this._res.loaded,
            loading: this._res.loading,
            ...e
          }, this._callbacks.forEach(e => e())
        }
        _clearTimeouts() {
          clearTimeout(this._delay), clearTimeout(this._timeout)
        }
        getCurrentValue() {
          return this._state
        }
        subscribe(e) {
          return this._callbacks.add(e), () => {
            this._callbacks.delete(e)
          }
        }
        constructor(e, t) {
          this._loadFn = e, this._opts = t, this._callbacks = new Set, this._delay = null, this._timeout = null, this.retry()
        }
      };

      function Loadable(e) {
        return function(e, t) {
          let s = Object.assign({
              loader: null,
              loading: null,
              delay: 200,
              timeout: null,
              webpack: null,
              modules: null
            }, t),
            r = null;

          function init() {
            if (!r) {
              let t = new LoadableSubscription(e, s);
              r = {
                getCurrentValue: t.getCurrentValue.bind(t),
                subscribe: t.subscribe.bind(t),
                retry: t.retry.bind(t),
                promise: t.promise.bind(t)
              }
            }
            return r.promise()
          }
          if (!i) {
            let e = s.webpack ? s.webpack() : s.modules;
            e && n.push(t => {
              for (let s of e)
                if (t.includes(s)) return init()
            })
          }

          function LoadableComponent(e, t) {
            ! function() {
              init();
              let e = l.default.useContext(a.LoadableContext);
              e && Array.isArray(s.modules) && s.modules.forEach(t => {
                e(t)
              })
            }();
            let o = l.default.useSyncExternalStore(r.subscribe, r.getCurrentValue, r.getCurrentValue);
            return l.default.useImperativeHandle(t, () => ({
              retry: r.retry
            }), []), l.default.useMemo(() => {
              var t;
              return o.loading || o.error ? l.default.createElement(s.loading, {
                isLoading: o.loading,
                pastDelay: o.pastDelay,
                timedOut: o.timedOut,
                error: o.error,
                retry: r.retry
              }) : o.loaded ? l.default.createElement((t = o.loaded) && t.default ? t.default : t, e) : null
            }, [e, o])
          }
          return LoadableComponent.preload = () => init(), LoadableComponent.displayName = "LoadableComponent", l.default.forwardRef(LoadableComponent)
        }(load, e)
      }

      function flushInitializers(e, t) {
        let s = [];
        for (; e.length;) {
          let r = e.pop();
          s.push(r(t))
        }
        return Promise.all(s).then(() => {
          if (e.length) return flushInitializers(e, t)
        })
      }
      Loadable.preloadAll = () => new Promise((e, t) => {
        flushInitializers(o).then(e, t)
      }), Loadable.preloadReady = e => (void 0 === e && (e = []), new Promise(t => {
        let res = () => (i = !0, t());
        flushInitializers(n, e).then(res, res)
      })), window.__NEXT_PRELOADREADY = Loadable.preloadReady;
      let c = Loadable
    },
    94501: function(e) {
      e.exports = {
        typeaheadInput: "explore_typeaheadInput___t7KX"
      }
    },
    88011: function(e) {
      e.exports = {
        buttonUsingMouse: "explore_buttonUsingMouse__bMavS"
      }
    },
    94303: function(e, t, s) {
      e.exports = s(25058)
    }
  },
  function(e) {
    e.O(0, [7255, 8355, 3349, 8184, 3582, 3746, 2378, 3684, 9774, 2888, 179], function() {
      return e(e.s = 64917)
    }), _N_E = e.O()
  }
]);
//#