(self.webpackChunk_N_E = self.webpackChunk_N_E || []).push([
[1500], {
27477: function(e, t, a) {
(window.__NEXT_P = window.__NEXT_P || []).push(["/college", function() {
return a(20142)
}])
},
2076: function(e, t, a) {
"use strict";
a.d(t, {
OL: function() {
return o
},
q9: function() {
return AccoladesItem
},
IC: function() {
return AccoladesStarRating
},
Df: function() {
return r
},
y9: function() {
return d
},
ex: function() {
return convertToThousandsOrMillions
},
ZP: function() {
return AccoladesBar
}
});
var i = a(97458),
n = a(51838),
s = a.n(n),
l = a(95435),
star = e => (0, i.jsx)("svg", {
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 21 21",
...e,
children: (0, i.jsx)("path", {
d: "M9.94 1.342c.239-.737 1.282-.737 1.521 0l1.866 5.742a.8.8 0 0 0 .76.553h6.04c.774 0 1.097.992.47 1.448l-4.886 3.549a.8.8 0 0 0-.29.894l1.866 5.743c.24.737-.604 1.35-1.231.895l-4.886-3.55a.8.8 0 0 0-.94 0l-4.885 3.55c-.627.455-1.47-.158-1.231-.895l1.866-5.743a.8.8 0 0 0-.29-.894L.803 9.084c-.627-.455-.305-1.447.47-1.447h6.039a.8.8 0 0 0 .76-.552L9.94 1.341z",
fill: e.fill || "#230B59"
})
});
let r = 4.9,
o = 4.8,
c = ["NERDWALLET_BEST_ROBO_ADVISOR", "NERDWALLET_BEST_CASH_MANAGEMENT", "BANKRATE_BEST_CASH_MANAGEMENT_ACCOUNT", "BANKRATE_BEST_CASH_INV_MANAGEMENT_ACCOUNT", "BANKRATE_BEST_INV_MANAGEMENT_ACCOUNT", "INVESTOPEDIA_BEST_ROBO_ADVISOR", "NUM_TRUSTED_CLIENTS", "AUM", "APPLE_APP_STORE_RATING", "GOOGLE_PLAY_STORE_RATING"],
d = c.filter(e => !["NERDWALLET_BEST_CASH_MANAGEMENT", "BANKRATE_BEST_CASH_MANAGEMENT_ACCOUNT", "BANKRATE_BEST_CASH_INV_MANAGEMENT_ACCOUNT"].includes(e)),
convertToThousandsOrMillions = e => e >= 1e6 ? "".concat(new Intl.NumberFormat("en-US", {
maximumFractionDigits: 1,
minimumFractionDigits: 0
}).format(e / 1e6), "M+") : "".concat(new Intl.NumberFormat("en-US", {
maximumFractionDigits: 0,
minimumFractionDigits: 0
}).format(e / 1e3), "K+");
function AccoladesBar(e) {
let {
aumInBillions: t,
numClients: a,
accolades: n = c,
layout: d = "inline",
className: p,
textColor: h = "text-eggplant",
fillHexValue: u = "#230B59",
superscripts: m = {},
testId: x,
wrapText: f,
surfaceDark: g
} = e;
return (0, i.jsxs)("div", {
"data-testid": x,
className: s()("text-sm opacity-60", p, h, {
"grid auto-cols-auto grid-flow-col grid-rows-[auto,auto] items-center gap-x-6 gap-y-2 2xl:gap-x-10": "inline" === d,
"col-span-full grid grid-cols-2 gap-y-6": "stack" === d || "stackByTwos" === d
}),
children: [(n.includes("NERDWALLET_BEST_ROBO_ADVISOR") || n.includes("NERDWALLET_BEST_CASH_MANAGEMENT")) && (0, i.jsxs)(AccoladesItem, {
layout: d,
className: s()({
"col-span-2 mx-auto text-center md:col-span-full": "stack" === d
}),
children: [(0, i.jsx)(l.M, {
src: g ? "/next/svg/optimized/nerdwallet-light.svg" : "/next/svg/optimized/nerdwallet.svg",
loading: "lazy",
width: 133,
height: 21,
alt: "Nerdwallet logo"
}), (0, i.jsxs)("div", {
className: "flex flex-col self-start",
children: [n.includes("NERDWALLET_BEST_ROBO_ADVISOR") && (0, i.jsxs)(i.Fragment, {
children: [(0, i.jsxs)("span", {
className: s()({
"md:whitespace-nowrap": !f
}),
children: ["Best Robo-advisor, Portfolio Options, 2024", " ", (0, i.jsx)("sup", {
children: m.nerdwallet ? m.nerdwallet : 1
})]
}), (0, i.jsxs)("span", {
className: s()({
"md:whitespace-nowrap": !f
}),
children: ["Best Robo-advisor, IRA, 2022 ", (0, i.jsx)("sup", {
children: m.nerdwallet ? m.nerdwallet : 1
})]
})]
}), n.includes("NERDWALLET_BEST_CASH_MANAGEMENT") && (0, i.jsxs)("span", {
className: s()({
"md:whitespace-nowrap": !f
}),
children: ["Best Cash Management App, 2020 ", (0, i.jsx)("sup", {
children: m.nerdwallet ? m.nerdwallet : 1
})]
})]
})]
}), n.includes("INVESTOPEDIA_BEST_ROBO_ADVISOR") && (0, i.jsxs)(AccoladesItem, {
layout: d,
className: s()({
"col-span-2 mx-auto text-center md:col-span-full": "stack" === d
}),
children: [(0, i.jsx)(l.M, {
src: "/next/svg/optimized/investopedia.svg",
loading: "lazy",
width: 133,
height: 21,
alt: "Investopedia logo",
className: "mt-1"
}), (0, i.jsxs)("div", {
className: "flex flex-col self-start",
children: [(0, i.jsxs)("span", {
className: s()({
"md:whitespace-nowrap": !f
}),
children: ["Best Robo-advisor, 2022 ", (0, i.jsx)("sup", {
children: m.investopedia ? m.investopedia : 1
})]
}), (0, i.jsxs)("span", {
className: s()({
"md:whitespace-nowrap": !f
}),
children: ["Best Robo-advisor, 2020 ", (0, i.jsx)("sup", {
children: m.investopedia ? m.investopedia : 1
})]
})]
})]
}), n.includes("BANKRATE_BEST_CASH_MANAGEMENT_ACCOUNT") && (0, i.jsxs)(AccoladesItem, {
layout: d,
className: s()({
"col-span-2 mx-auto text-center md:col-span-full": "stack" === d
}),
children: [(0, i.jsx)(l.M, {
src: g ? "/next/svg/optimized/bankrate-dark.svg" : "/next/svg/optimized/bankrate.svg",
loading: "lazy",
width: 102,
height: 16,
alt: "Bankrate logo",
className: "mt-1"
}), (0, i.jsx)("div", {
className: "flex flex-col self-start",
children: (0, i.jsxs)("span", {
className: s()({
"md:whitespace-nowrap": !f
}),
children: ["Best Cash Management Account, 2023-24 ", (0, i.jsx)("sup", {
children: m.bankrate ? m.bankrate : 1
})]
})
})]
}), n.includes("BANKRATE_BEST_CASH_INV_MANAGEMENT_ACCOUNT") && (0, i.jsxs)(AccoladesItem, {
layout: d,
className: s()({
"col-span-2 mx-auto text-center md:col-span-full": "stack" === d
}),
children: [(0, i.jsx)(l.M, {
src: g ? "/next/svg/optimized/bankrate-dark.svg" : "/next/svg/optimized/bankrate.svg",
loading: "lazy",
width: 102,
height: 16,
alt: "Bankrate logo",
className: "mt-1"
}), (0, i.jsxs)("div", {
className: "flex flex-col self-start",
children: [(0, i.jsxs)("span", {
className: s()({
"md:whitespace-nowrap": !f
}),
children: ["Best Cash Management Account, 2023-24 ", (0, i.jsx)("sup", {
children: m.bankrate ? m.bankrate : 1
})]
}), (0, i.jsxs)("span", {
className: s()({
"md:whitespace-nowrap": !f
}),
children: ["Best Investing App, 2024 ", (0, i.jsx)("sup", {
children: m.bankrate ? m.bankrate : 1
})]
})]
})]
}), n.includes("BANKRATE_BEST_INV_MANAGEMENT_ACCOUNT") && (0, i.jsxs)(AccoladesItem, {
layout: d,
className: s()({
"col-span-2 mx-auto text-center md:col-span-full": "stack" === d
}),
children: [(0, i.jsx)(l.M, {
src: g ? "/next/svg/optimized/bankrate-dark.svg" : "/next/svg/optimized/bankrate.svg",
loading: "lazy",
width: 102,
height: 16,
alt: "Bankrate logo",
className: "mt-1"
}), (0, i.jsx)("div", {
className: "flex flex-col self-start",
children: (0, i.jsxs)("span", {
className: s()({
"md:whitespace-nowrap": !f
}),
children: ["Best Investing App, 2024 ", (0, i.jsx)("sup", {
children: m.bankrate ? m.bankrate : 1
})]
})
})]
}), n.includes("NUM_TRUSTED_CLIENTS") && a ? (0, i.jsxs)(AccoladesItem, {
layout: d,
children: [(0, i.jsx)(AccoladesTitle, {
testId: "accolades-num-clients".concat(x ? "-".concat(x) : ""),
children: convertToThousandsOrMillions(a)
}), (0, i.jsxs)(AccoladesSubtitle, {
layout: d,
children: ["Trusted clients ", m.trustedClients && (0, i.jsx)("sup", {
children: m.trustedClients
})]
})]
}) : null, n.includes("AUM") && t ? (0, i.jsxs)(AccoladesItem, {
layout: d,
children: [(0, i.jsxs)(AccoladesTitle, {
testId: "accolades-aum-in-billions".concat(x ? "-".concat(x) : ""),
children: ["$", t, "B+"]
}), (0, i.jsxs)(AccoladesSubtitle, {
layout: d,
children: ["In total assets ", m.totalAssets && (0, i.jsx)("sup", {
children: m.totalAssets
})]
})]
}) : null, n.includes("APPLE_APP_STORE_RATING") && (0, i.jsxs)(AccoladesItem, {
layout: d,
children: [(0, i.jsx)(AccoladesTitle, {
children: (0, i.jsx)(AccoladesStarRating, {
rating: o,
fillHexValue: u
})
}), (0, i.jsxs)(AccoladesSubtitle, {
layout: d,
children: ["Apple App", " ", (0, i.jsxs)("span", {
className: s()({
"md:whitespace-nowrap": !f
}),
children: ["Store ", (0, i.jsx)("sup", {
children: m.appStore ? m.appStore : 2
})]
})]
})]
}), n.includes("GOOGLE_PLAY_STORE_RATING") && (0, i.jsxs)(AccoladesItem, {
layout: d,
children: [(0, i.jsx)(AccoladesTitle, {
children: (0, i.jsx)(AccoladesStarRating, {
rating: r,
fillHexValue: u
})
}), (0, i.jsxs)(AccoladesSubtitle, {
layout: d,
children: ["Google Play", " ", (0, i.jsxs)("span", {
className: s()({
"md:whitespace-nowrap": !f
}),
children: ["Store ", (0, i.jsx)("sup", {
children: m.appStore ? m.appStore : 2
})]
})]
})]
})]
})
}
let AccoladesItem = e => {
let {
testId: t,
className: a,
children: n,
layout: l
} = e;
return "stack" === l || "stackByTwos" === l ? (0, i.jsx)("div", {
"data-testid": t,
className: s()(a, "flex flex-shrink-0 flex-col space-y-3", {
"items-center text-center": "stack" === l
}),
children: n
}) : (0, i.jsx)(i.Fragment, {
children: n
})
},
AccoladesTitle = e => {
let {
testId: t,
children: a
} = e;
return (0, i.jsx)("div", {
"data-testid": t,
className: "text-h2-mobile font-semibold",
children: a
})
},
AccoladesSubtitle = e => {
let {
children: t,
layout: a
} = e;
return (0, i.jsx)("span", {
"data-testid": "accolades-subtitle",
className: s()({
"self-start": "inline" === a
}),
children: t
})
},
AccoladesStarRating = e => {
let {
rating: t,
fillHexValue: a,
starClassname: n = "h-[22px] w-[22px]"
} = e;
return (0, i.jsxs)("div", {
className: "inline-flex items-baseline space-x-2",
children: [(0, i.jsx)("span", {
children: t.toFixed(1)
}), (0, i.jsx)(star, {
className: n,
fill: a
})]
})
}
},
18939: function(e, t, a) {
"use strict";
var i = a(97458),
n = a(51838),
s = a.n(n),
l = a(95435);
let MobileNotification = e => {
let {
testId: t,
title: a,
time: n,
filterShadowReverse: l,
children: r,
className: o,
...c
} = e;
return (0, i.jsxs)("div", {
"data-testid": t,
"data-mask": "true",
className: s()({
"filter-shadow-reverse": l,
"filter-shadow": !l
}, "w-auto space-y-2 rounded-xl bg-[rgba(255,255,255,0.85)] p-3 pb-5 leading-4 2xl:space-y-4", o),
style: {
transform: "translate3d(0, 0, 0)"
},
...c,
children: [(0, i.jsxs)("div", {
className: "text-indigo flex justify-between text-[12px] 2xl:text-[14px] 3xl:text-[17px]",
children: [(0, i.jsx)("div", {
className: "uppercase",
children: a
}), (0, i.jsx)("div", {
children: n
})]
}), (0, i.jsx)("div", {
className: "text-[16px] leading-none lg:text-[18px] 2xl:text-[23px]",
children: r
})]
})
};
MobileNotification.WealthfrontNotificationTitle = e => {
let {
className: t
} = e;
return (0, i.jsxs)("div", {
className: "flex items-center space-x-1",
children: [(0, i.jsx)(l.M, {
className: s()(t),
src: "/next/svg/optimized/notif-app-icon.svg",
width: 21,
height: 21,
alt: ""
}), (0, i.jsx)("span", {
children: "Wealthfront"
})]
})
}, t.Z = MobileNotification
},
89298: function(e, t, a) {
"use strict";
var i = a(97458),
n = a(51838),
s = a.n(n),
l = a(92339);
t.Z = e => {
let {
min: t,
max: a,
value: n,
step: r,
onChange: o,
onFinalChange: c,
ariaLabel: d,
surface: p = "light",
testId: h,
trackClassName: u,
trackStyle: m,
thumbClassName: x
} = e;
return (0, i.jsx)(l.Range, {
values: [n],
step: r,
min: t,
max: a,
onChange: o,
onFinalChange: c,
renderTrack: e => {
let {
props: t,
children: a
} = e;
return (0, i.jsx)("div", {
...t,
"data-testid": h,
className: s()("h-1.5 w-full rounded-full", {
"bg-gradient-to-r from-ambient-orange to-lavender": "light" === p,
"bg-white bg-opacity-30": "dark" === p
}, u),
style: m,
children: a
})
},
renderThumb: e => {
let {
props: t
} = e;
return (0, i.jsx)("div", {
...t,
"aria-label": d,
className: s()("h-6 w-6 rounded-full border-[1px] border-eggplant border-opacity-20 bg-white shadow-lg", x),
style: {
...t.style
}
})
}
})
}
},
48856: function(e, t, a) {
"use strict";
var i = a(97458);
t.Z = function(e) {
return (0, i.jsx)("svg", {
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
fill: "none",
viewBox: "0 0 24 24",
...e,
children: (0, i.jsx)("path", {
fill: e.fill,
fillRule: "evenodd",
d: "M19.5 12a7.5 7.5 0 11-15 0 7.5 7.5 0 0115 0zm1.2 0a8.7 8.7 0 11-17.4 0 8.7 8.7 0 0117.4 0zM12 17.036a.855.855 0 01-.856-.872c0-.5.387-.887.855-.887.484 0 .872.387.872.887s-.388.872-.872.872zM11.966 6.9c1.888 0 3.018 1.081 3.018 2.776 0 1.106-.76 1.907-1.475 2.66l-.171.18c-.292.31-.466.556-.566.776-.132.288-.378.548-.695.548-.34 0-.623-.29-.532-.619.127-.455.382-.813.84-1.318.11-.125.23-.25.35-.375.499-.521 1.022-1.069 1.022-1.836 0-1.017-.693-1.662-1.791-1.662-.985 0-1.608.575-1.844 1.442-.081.3-.333.543-.645.543H9.39c-.356 0-.638-.31-.547-.655.39-1.48 1.54-2.46 3.125-2.46z",
clipRule: "evenodd"
})
})
}
},
66537: function(e, t, a) {
"use strict";
var i = a(52983),
n = a(3605),
s = a(44155);
let l = [0, 1, 1, 1];
t.Z = function(e) {
let {
duration: t = .5,
ease: a = l,
inView: r,
as: o = "text",
from: c,
to: d,
format: p = "currency",
currencyOptions: h,
onUpdate: u,
...m
} = e, x = (0, i.useRef)(null), f = (0, i.useRef)(!1);
return (0, i.useEffect)(() => {
if (!r || f.current) return;
let e = (0, n.j)(c, d, {
...(0, s.us)({
duration: t
}),
ease: a,
onUpdate(e) {
x.current && (u ? u(x.current, e) : x.current.textContent = new Intl.NumberFormat("en-US", {
style: p,
currency: "USD",
maximumFractionDigits: 0,
minimumFractionDigits: 0,
...h
}).format(e))
},
onComplete() {
f.current = !0
}
});
return () => e.stop()
}, [c, d, r, p, f, u, h, t, a]), i.createElement(o, {
...m,
ref: x
})
}
},
19316: function(e, t, a) {
"use strict";
var i = a(52983),
n = a(30618),
s = a(27461),
l = a(68343);
t.Z = function(e) {
let t = (0, n.J)(),
{
ref: a,
inView: r
} = (0, l.YD)(e || {
threshold: .2,
initialInView: t
}),
o = (0, s._)();
return (0, i.useEffect)(() => {
r && o.start("animate")
}, [o, r]), {
module: a,
inView: r,
controls: o
}
}
},
99645: function(e, t, a) {
"use strict";
a.d(t, {
$A: function() {
return d
},
Ey: function() {
return y
},
GK: function() {
return x
},
K: function() {
return g
},
KQ: function() {
return h
},
Kl: function() {
return f
},
Pz: function() {
return r
},
TG: function() {
return s
},
Vd: function() {
return m
},
Vx: function() {
return p
},
W_: function() {
return l
},
Zb: function() {
return u
},
ac: function() {
return o
},
jr: function() {
return v
},
pg: function() {
return c
},
qx: function() {
return n
}
});
var i = a(44155);
let n = {
initial: {
opacity: 0,
y: 50
},
animate: e => ({
y: 0,
opacity: 1,
transition: (0, i.us)({
delay: .3 + (e - 1) * .5,
duration: .4
})
})
},
s = {
initial: {
opacity: 0,
y: 50
},
animate: e => ({
y: 0,
opacity: 1,
transition: (0, i.us)({
delay: .3 + (e - 1) * .5,
duration: .8
})
})
},
l = {
initial: e => ({
opacity: 0,
y: -25,
transition: (0, i.us)({
delay: .3 + (e - 1) * .5,
duration: .6
})
}),
animate: e => ({
y: 0,
opacity: 1,
transition: (0, i.us)({
delay: .3 + (e - 1) * .5,
duration: .6
})
})
},
r = {
initial: {
opacity: 0,
x: -30,
transition: (0, i.us)({
duration: .2
})
},
animate: {
x: 0,
opacity: 1,
transition: (0, i.us)({
duration: .2
})
},
exit: {
opacity: 0,
x: 30,
transition: (0, i.us)({
duration: .2
})
}
},
o = {
initial: {
opacity: 0,
x: -30,
transition: (0, i.us)({
duration: .2
})
},
animate: e => ({
x: 0,
opacity: 1,
transition: (0, i.us)({
duration: .2,
delay: .3 + (e - 1) * .5
})
})
},
c = {
initial: {
opacity: 0,
y: -30
},
animate: e => ({
y: 0,
opacity: 1,
transition: (0, i.us)({
delay: .3 + (e - 1) * .5,
duration: .4
})
})
},
d = {
initial: {
pathLength: 1,
pathOffset: 1
},
animate: e => ({
pathLength: 1,
pathOffset: 0,
transition: (0, i.us)({
duration: 2,
delay: .3 + (e - 1) * .5
})
})
},
p = {
initial: {
pathLength: 0,
opacity: 0
},
animate: e => {
let t = .3 + (e - 1) * .5;
return {
pathLength: 1,
opacity: 1,
transition: (0, i.us)({
pathLength: {
delay: t,
duration: 1,
ease: "easeInOut"
},
opacity: {
delay: t,
duration: .4
}
})
}
}
},
h = {
initial: {
opacity: 0
},
animate: e => {
let t = .3 + (e - 1) * .5;
return {
rotate: 360,
opacity: 1,
transition: (0, i.us)({
opacity: {
delay: t,
duration: .4
},
rotate: {
delay: t,
duration: 1
}
})
}
}
},
u = {
initial: {
x: -15,
opacity: 0,
transition: (0, i.us)({
duration: .2
})
},
animate: {
x: 0,
opacity: 1,
transition: (0, i.us)({
duration: .2
})
},
exit: {
x: -10,
opacity: 0,
transition: (0, i.us)({
duration: .2
})
}
},
m = {
initial: {
x: 15,
opacity: 0,
transition: (0, i.us)({
duration: .2
})
},
animate: {
x: 0,
opacity: 1,
transition: (0, i.us)({
duration: .2
})
},
exit: {
x: -10,
opacity: 0,
transition: (0, i.us)({
duration: .2
})
}
},
x = {
initial: {
x: "0px"
},
animate: e => {
let {
numberOfCards: t,
cardWidth: a,
cardGap: n
} = e, s = [];
for (let e = 0; e < t; e++) {
let i = "-".concat(e * a + e * n, "px");
0 === e ? s.push("0px", "0px") : e === t - 1 ? s.push(i, i) : s.push(i, i, i)
}
return {
x: s,
transition: (0, i.us)({
repeat: 1 / 0,
repeatType: "reverse",
duration: 4 * t
})
}
}
},
f = {
initial: {
y: 0
},
animate: e => {
let {
order: t,
y: a,
duration: n
} = e;
return {
y: a,
transition: (0, i.us)({
repeat: 1 / 0,
repeatType: "reverse",
delay: .3 + (t - 1) * .5,
duration: n
})
}
}
},
g = {
initial: {
opacity: 0,
x: 100,
scaleY: 0
},
animate: e => ({
x: 0,
opacity: 1,
duration: .5,
scaleY: 1,
transition: (0, i.us)({
delay: .3 + (e - 1) * .5,
duration: .4
})
})
},
y = {
initial: {
opacity: 0
},
animate: () => ({
opacity: 1,
transition: (0, i.us)({
delay: 0,
duration: 3,
ease: "easeOut"
})
})
},
v = {
initial: {
pathLength: 0
},
animate: () => ({
pathLength: 1,
transition: (0, i.us)({
duration: 2,
ease: "easeInOut"
})
})
}
},
20142: function(e, t, a) {
"use strict";
a.r(t), a.d(t, {
__N_SSG: function() {
return H
},
default: function() {
return College
}
});
var i = a(97458),
n = a(51838),
s = a.n(n),
l = a(70236),
r = a(33805),
o = a(2076),
c = a(57928),
d = a(33218),
p = a(52116),
h = a(99645),
u = a(95435),
m = a(88132),
x = a(66537),
f = a(42128),
g = a(19316),
y = a(44155);
let {
url: v,
hash: w
} = (0, y.kd)("CollegeHeroPhone");
function CollegeHeroPhone(e) {
let {
...t
} = e, {
module: a,
inView: n,
controls: s
} = (0, g.Z)();
return (0, i.jsxs)("svg", {
ref: a,
viewBox: "0 0 357 694",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
xmlnsXlink: "http://www.w3.org/1999/xlink",
...t,
children: [(0, i.jsx)("rect", {
x: "5",
y: "5",
width: "347",
height: "684",
rx: "25",
stroke: "#F0F0F2",
strokeWidth: "10",
strokeLinejoin: "round"
}), (0, i.jsxs)("g", {
clipPath: v("clip0"),
children: [(0, i.jsx)("rect", {
x: "10",
y: "10",
width: "337",
height: "674",
rx: "20",
fill: "white"
}), (0, i.jsx)("rect", {
width: "344",
height: "282.606",
transform: "translate(10 10)",
fill: "white"
}), (0, i.jsxs)("g", {
clipPath: v("clip1"),
children: [(0, i.jsxs)("g", {
clipPath: v("clip2"),
children: [(0, i.jsx)("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M280.587 54.5803C280.68 54.8314 280.878 55.0294 281.129 55.1223L285.774 56.841C286.572 57.1365 286.572 58.2661 285.774 58.5617L281.129 60.2803C280.878 60.3733 280.68 60.5712 280.587 60.8223L278.868 65.467C278.573 66.2657 277.443 66.2657 277.148 65.467L275.429 60.8223C275.336 60.5712 275.138 60.3733 274.887 60.2803L270.242 58.5617C269.444 58.2661 269.444 57.1365 270.242 56.841L274.887 55.1223C275.138 55.0294 275.336 54.8314 275.429 54.5803L277.148 49.9357C277.443 49.137 278.573 49.137 278.868 49.9357L280.587 54.5803ZM280.256 56.2664L282.971 57.2712C283.371 57.4189 283.371 57.9837 282.971 58.1315L280.256 59.1362C279.879 59.2756 279.582 59.5726 279.443 59.9492L278.438 62.6645C278.291 63.0638 277.726 63.0638 277.578 62.6645L276.573 59.9492C276.434 59.5726 276.137 59.2756 275.76 59.1362L273.045 58.1315C272.646 57.9837 272.646 57.4189 273.045 57.2712L275.76 56.2664C276.137 56.1271 276.434 55.8301 276.573 55.4535L277.578 52.7382C277.726 52.3388 278.291 52.3388 278.438 52.7382L279.443 55.4535C279.582 55.8301 279.879 56.1271 280.256 56.2664Z",
fill: "#4840BB"
}), (0, i.jsx)("path", {
d: "M285.329 50.3348C285.597 50.6035 285.597 51.0391 285.329 51.3078L283.54 53.0966C283.271 53.3653 282.836 53.3653 282.567 53.0966C282.298 52.8279 282.298 52.3923 282.567 52.1236L284.356 50.3348C284.624 50.0662 285.06 50.0662 285.329 50.3348Z",
fill: "#4840BB"
}), (0, i.jsx)("path", {
d: "M273.403 62.2602C273.672 62.5289 273.672 62.9645 273.403 63.2332L271.615 65.022C271.346 65.2906 270.91 65.2906 270.642 65.022C270.373 64.7533 270.373 64.3177 270.642 64.049L272.43 62.2602C272.699 61.9915 273.135 61.9915 273.403 62.2602Z",
fill: "#4840BB"
}), (0, i.jsx)("path", {
d: "M271.615 50.3348C271.346 50.0662 270.91 50.0662 270.642 50.3348C270.373 50.6035 270.373 51.0391 270.642 51.3078L272.43 53.0966C272.699 53.3653 273.135 53.3653 273.403 53.0966C273.672 52.8279 273.672 52.3923 273.403 52.1236L271.615 50.3348Z",
fill: "#4840BB"
}), (0, i.jsx)("path", {
d: "M282.567 62.2602C282.836 61.9915 283.271 61.9915 283.54 62.2602L285.329 64.049C285.597 64.3177 285.597 64.7533 285.329 65.022C285.06 65.2906 284.624 65.2906 284.356 65.022L282.567 63.2332C282.298 62.9645 282.298 62.5289 282.567 62.2602Z",
fill: "#4840BB"
}), (0, i.jsx)("text", {
fill: "#4840BB",
xmlSpace: "preserve",
style: {
whiteSpace: "pre"
},
fontFamily: "Calibre",
fontSize: "19",
letterSpacing: "0em",
fontWeight: 500,
children: (0, i.jsx)("tspan", {
x: "289.782",
y: "63.7145",
children: "Goals"
})
})]
}), (0, i.jsx)("text", {
fill: "#161338",
xmlSpace: "preserve",
style: {
whiteSpace: "pre"
},
fontFamily: "Calibre",
fontSize: "33.024",
fontWeight: "bold",
letterSpacing: "-0.03em",
children: (0, i.jsx)(x.Z, {
duration: 2,
x: "32.016",
y: "69.0954",
as: "tspan",
from: 0,
to: 137672,
inView: n,
currencyOptions: {
minimumFractionDigits: 0,
maximumFractionDigits: 0
}
})
}), (0, i.jsx)("text", {
fill: "#161338",
fillOpacity: "0.6",
xmlSpace: "preserve",
style: {
whiteSpace: "pre"
},
fontFamily: "Calibre",
fontSize: "17.4293",
letterSpacing: "0em",
children: (0, i.jsx)("tspan", {
x: "32.016",
y: "96.7394",
children: "$1.3M net worth at 65"
})
}), (0, i.jsx)("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M188.024 86.326C190.726 86.326 192.916 88.5164 192.916 91.2184C192.916 93.9204 190.726 96.1109 188.024 96.1109C185.322 96.1109 183.132 93.9204 183.132 91.2184C183.132 88.5164 185.322 86.326 188.024 86.326ZM188.024 85.7144C184.984 85.7144 182.52 88.1786 182.52 91.2184C182.52 94.2582 184.984 96.7224 188.024 96.7224C191.064 96.7224 193.528 94.2582 193.528 91.2184C193.528 88.1786 191.064 85.7144 188.024 85.7144Z",
fill: "#161338",
fillOpacity: "0.6"
}), (0, i.jsx)("path", {
d: "M188.636 88.7722C188.636 88.4345 188.362 88.1607 188.024 88.1607C187.686 88.1607 187.413 88.4345 187.413 88.7722C187.413 89.11 187.686 89.3838 188.024 89.3838C188.362 89.3838 188.636 89.11 188.636 88.7722Z",
fill: "#161338",
fillOpacity: "0.6"
}), (0, i.jsx)("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M188.024 94.2761C188.362 94.2761 188.636 94.0365 188.636 93.741L188.636 90.5303C188.636 90.2348 188.362 89.9952 188.024 89.9952C187.686 89.9952 187.413 90.2348 187.413 90.5303L187.413 93.741C187.413 94.0365 187.686 94.2761 188.024 94.2761Z",
fill: "#161338",
fillOpacity: "0.6"
})]
}), (0, i.jsxs)("g", {
clipPath: v("clip3"),
children: [(0, i.jsx)("path", {
d: "M347 257.637H10V254.912C10 254.912 163.997 234.642 240.74 183.407C282.447 172.506 300.704 174.79 347 136.637V257.637Z",
fill: v("paint0")
}), (0, i.jsx)(p.E.path, {
id: "path",
variants: h.$A,
initial: "initial",
animate: s,
custom: 1,
d: "M347 136.637C300.704 174.702 282.447 172.403 240.739 183.278C163.997 234.394 10 254.637 10 254.637",
stroke: "#4840BB",
strokeWidth: "1.83467",
strokeLinecap: "square"
}), (0, i.jsxs)(p.E.g, {
initial: "initial",
variants: h.pg,
animate: s,
custom: 4,
children: [(0, i.jsx)("circle", {
cx: "240.842",
cy: "157.315",
r: "13.76",
fill: "white",
stroke: "#67C8AC",
strokeWidth: "1.83467"
}), (0, i.jsx)("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M240.841 151.811C241.095 151.811 241.323 151.968 241.413 152.205L241.902 153.488C241.902 153.488 241.902 153.488 241.902 153.488C242.39 154.763 243.393 155.766 244.668 156.254C244.668 156.254 244.668 156.254 244.668 156.254L245.952 156.743C246.189 156.834 246.345 157.061 246.345 157.315C246.345 157.569 246.189 157.796 245.952 157.886L244.668 158.375C244.668 158.375 244.668 158.375 244.668 158.375C243.393 158.864 242.39 159.867 241.902 161.141C241.902 161.141 241.902 161.142 241.902 161.142L241.413 162.425C241.323 162.662 241.095 162.819 240.841 162.819C240.588 162.819 240.36 162.662 240.27 162.425L239.781 161.142C239.781 161.142 239.781 161.141 239.781 161.141C239.293 159.867 238.29 158.864 237.015 158.375C237.015 158.375 237.015 158.375 237.015 158.375L235.731 157.886C235.494 157.796 235.337 157.569 235.337 157.315C235.337 157.061 235.494 156.834 235.731 156.743L237.015 156.254C237.015 156.254 237.015 156.254 237.015 156.254C238.29 155.766 239.293 154.763 239.781 153.488C239.781 153.488 239.781 153.488 239.781 153.488L240.27 152.205C240.36 151.968 240.588 151.811 240.841 151.811ZM240.841 154.128C240.231 155.564 239.091 156.705 237.655 157.315C239.091 157.925 240.231 159.066 240.841 160.502C241.452 159.066 242.592 157.925 244.028 157.315C242.592 156.705 241.452 155.564 240.841 154.128Z",
fill: "#161338"
}), (0, i.jsx)("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M237.969 160.156C238.089 160.276 238.089 160.469 237.969 160.589L236.777 161.781C236.657 161.901 236.464 161.901 236.344 161.781C236.225 161.662 236.225 161.468 236.344 161.349L237.537 160.156C237.656 160.037 237.85 160.037 237.969 160.156Z",
fill: "#161338"
}), (0, i.jsx)("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M245.308 152.818C245.427 152.937 245.427 153.131 245.308 153.25L244.115 154.443C243.996 154.562 243.802 154.562 243.683 154.443C243.564 154.323 243.564 154.13 243.683 154.01L244.876 152.818C244.995 152.698 245.189 152.698 245.308 152.818Z",
fill: "#161338"
}), (0, i.jsx)("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M236.344 152.818C236.464 152.698 236.657 152.698 236.777 152.818L237.969 154.01C238.089 154.13 238.089 154.323 237.969 154.443C237.85 154.562 237.656 154.562 237.537 154.443L236.344 153.25C236.225 153.131 236.225 152.937 236.344 152.818Z",
fill: "#161338"
}), (0, i.jsx)("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M243.683 160.156C243.802 160.037 243.996 160.037 244.115 160.156L245.308 161.349C245.427 161.468 245.427 161.662 245.308 161.781C245.189 161.901 244.995 161.901 244.876 161.781L243.683 160.589C243.564 160.469 243.564 160.276 243.683 160.156Z",
fill: "#161338"
}), (0, i.jsx)("path", {
d: "M240.842 171.992V182.541",
stroke: "#4840BB",
strokeWidth: "0.917333"
})]
}), (0, i.jsx)("text", {
fill: "#161338",
fillOpacity: "0.6",
xmlSpace: "preserve",
style: {
whiteSpace: "pre"
},
fontFamily: "Calibre",
fontSize: "11.008",
letterSpacing: "0em",
children: (0, i.jsx)("tspan", {
x: "32",
y: "279.222",
children: "Today"
})
}), (0, i.jsx)("text", {
fill: "#161338",
fillOpacity: "0.6",
xmlSpace: "preserve",
style: {
whiteSpace: "pre"
},
fontFamily: "Calibre",
fontSize: "11.008",
letterSpacing: "0em",
children: (0, i.jsx)("tspan", {
x: "298.212",
y: "279.222",
children: "Age 80"
})
})]
}), (0, i.jsx)("line", {
x1: "10",
y1: "303.156",
x2: "354.032",
y2: "303.156",
stroke: "#161338",
strokeOpacity: "0.1",
strokeWidth: "0.917333"
}), (0, i.jsxs)("g", {
transform: "translate(0, -50)",
children: [(0, i.jsx)("rect", {
width: 36.6933,
height: 36.6933,
x: 32.016,
y: 502.332,
fill: "#EDECF8",
rx: 16.06
}), (0, i.jsx)("path", {
fill: "#4840BB",
fillRule: "evenodd",
d: "M56.756 520.332c0 3.636-1.646 5.955-5.237 6.36-.154.034-.384.122-.384.305v.209c0 .353 0 .473.482.548 3.533.206 5.674 1.397 6.606 2.262a.431.431 0 0 1 .017.618.452.452 0 0 1-.63.017c-.843-.781-3.202-2.066-7.278-2.066-4.075 0-6.435 1.285-7.277 2.066a.452.452 0 0 1-.63-.017.431.431 0 0 1 .017-.618c.932-.865 3.072-2.056 6.605-2.262.482-.073.482-.195.482-.548v-.209c0-.183-.23-.271-.384-.305-3.59-.405-5.237-2.724-5.237-6.36 0-3.189 2.876-8.03 6.424-8.03 3.548 0 6.424 4.841 6.424 8.03Zm-5.409 5.572c3.273-.332 4.606-2.34 4.606-5.572 0-2.811-2.57-7.227-5.62-7.227-3.052 0-5.622 4.416-5.622 7.227 0 3.256 1.353 5.27 4.68 5.579.134-.007.138-.086.138-.36a144.07 144.07 0 0 1-.002-2.236l.002-.806a.323.323 0 0 0-.081-.226l-2.759-3.032a.31.31 0 0 1 .004-.431.325.325 0 0 1 .45-.012l2.357 2.154c.055.051.118.028.13-.068l.394-4.001a.306.306 0 0 1 .308-.292c.166 0 .302.129.308.292l.395 6.41c0 .08.1.096.13.068l2.357-2.154a.332.332 0 0 1 .453.007.316.316 0 0 1 .008.445s-2.745 3.005-2.796 3.056c-.052.052-.052.143-.052.143v.683c0 .298.047.359.212.353Z",
clipRule: "evenodd"
}), (0, i.jsxs)("text", {
fill: "#161338",
xmlSpace: "preserve",
style: {
whiteSpace: "pre"
},
fontFamily: "Calibre",
fontSize: "19",
letterSpacing: "0em",
fontWeight: 500,
children: [(0, i.jsx)("tspan", {
x: "79.7173",
y: "519.353",
children: "Automated Bond"
}), (0, i.jsx)("tspan", {
x: 79.7173,
y: 540.353,
children: "Portfolio"
})]
}), (0, i.jsx)("text", {
fill: "#161338",
xmlSpace: "preserve",
style: {
whiteSpace: "pre"
},
fontFamily: "Calibre",
fontSize: "19",
letterSpacing: "0em",
children: (0, i.jsx)(x.Z, {
duration: 2,
x: "254.811",
y: "519.353",
as: "tspan",
from: 0,
to: 5e3,
inView: n,
currencyOptions: {
minimumFractionDigits: 2,
maximumFractionDigits: 2
}
})
}), (0, i.jsx)("text", {
fill: "#161338",
fillOpacity: "0.6",
xmlSpace: "preserve",
style: {
whiteSpace: "pre"
},
fontFamily: "Calibre",
fontSize: "15",
letterSpacing: "0em",
children: (0, i.jsx)("tspan", {
x: "79.7173",
y: "562.922",
children: "Individual"
})
}), (0, i.jsx)("g", {
children: (0, i.jsx)("rect", {
x: "30.1813",
y: "587.497",
width: "40.3627",
height: "40.3627",
fill: v("pattern0")
})
}), (0, i.jsx)("text", {
fill: "#161338",
xmlSpace: "preserve",
style: {
whiteSpace: "pre"
},
fontFamily: "Calibre",
fontSize: "19",
letterSpacing: "0em",
fontWeight: 500,
children: (0, i.jsx)("tspan", {
x: "79.7173",
y: "602.353",
children: "Long-term investing"
})
}), (0, i.jsx)("text", {
fill: "#161338",
xmlSpace: "preserve",
style: {
whiteSpace: "pre"
},
fontFamily: "Calibre",
fontSize: "19",
letterSpacing: "0em",
children: (0, i.jsx)(x.Z, {
duration: 2,
x: "258.735",
y: "602.353",
as: "tspan",
from: 0,
to: 66656,
inView: n,
currencyOptions: {
minimumFractionDigits: 2,
maximumFractionDigits: 2
}
})
}), (0, i.jsx)("text", {
fill: "#161338",
fillOpacity: "0.6",
xmlSpace: "preserve",
style: {
whiteSpace: "pre"
},
fontFamily: "Calibre",
fontSize: "15",
letterSpacing: "0em",
children: (0, i.jsx)("tspan", {
x: "79.7173",
y: "622.922",
children: "Wealthfront \xb7 Individual"
})
})]
}), (0, i.jsxs)("g", {
filter: v("filter0"),
children: [(0, i.jsx)("rect", {
width: "337",
height: "75.2213",
transform: "translate(10 623.324)",
fill: "#FAFAFA"
}), (0, i.jsx)("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M313.999 642.763C316.947 642.763 319.331 645.147 319.331 648.095V648.836C319.331 648.838 319.332 648.839 319.332 648.841C319.332 648.846 319.331 648.85 319.331 648.855V649.214C319.331 650.081 319.123 650.906 318.745 651.641C318.594 651.933 318.696 652.303 318.982 652.465C321.257 653.749 322.476 655.895 322.476 658.007C322.476 658.721 322.083 659.386 321.608 659.924C321.115 660.483 320.439 661.014 319.665 661.475C318.12 662.393 316.065 663.097 314.011 663.126L313.999 663.126C311.944 663.126 309.888 662.451 308.341 661.552C307.565 661.102 306.888 660.579 306.394 660.025C305.917 659.492 305.523 658.83 305.523 658.114C305.523 658.107 305.523 658.101 305.523 658.094C305.574 655.956 306.756 653.799 309.033 652.481C309.316 652.318 309.414 651.949 309.264 651.66C308.879 650.921 308.667 650.089 308.667 649.214V648.095C308.667 645.147 311.051 642.763 313.999 642.763ZM311.966 653.781C311.363 653.538 310.687 653.405 310.105 653.693C308.069 654.697 307.128 656.453 307.128 658.007C307.128 658.145 307.222 658.44 307.594 658.862C307.949 659.265 308.483 659.696 309.154 660.095C310.498 660.894 312.278 661.495 314.005 661.521C315.731 661.519 317.51 660.943 318.852 660.164C319.522 659.775 320.054 659.352 320.407 658.956C320.772 658.548 320.867 658.26 320.87 658.12C320.87 657.696 320.848 657.325 320.807 657.001C320.483 654.407 316.614 654.173 313.999 654.173C313.286 654.173 312.594 654.034 311.966 653.781ZM317.726 648.835V648.095C317.726 646.034 316.061 644.368 313.999 644.368C311.938 644.368 310.272 646.034 310.272 648.095V648.853C310.279 650.909 311.942 652.568 313.999 652.568C316.061 652.568 317.726 650.902 317.726 648.841C317.726 648.839 317.726 648.837 317.726 648.835Z",
fill: "#161338",
fillOpacity: "0.6"
}), (0, i.jsx)("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M256.099 643.693C256.218 643.232 255.721 642.857 255.31 643.098L237.133 653.769C236.378 654.212 236.446 655.325 237.249 655.674L241.161 657.368C241.467 657.501 241.693 657.768 241.774 658.091L242.724 661.893C242.825 662.296 243.328 662.436 243.622 662.142L245.694 660.07C246.004 659.759 246.473 659.67 246.876 659.845L250.274 661.317C250.877 661.578 251.571 661.239 251.736 660.602L256.099 643.693ZM244.927 655.619C244.364 656.145 244.525 657.076 245.232 657.383L248.04 658.599C249.246 659.122 250.635 658.443 250.963 657.17L253.066 649.024C253.166 648.635 252.696 648.357 252.403 648.631L244.927 655.619ZM250.852 647.883C250.969 647.774 250.83 647.589 250.693 647.67L239.763 654.086C239.386 654.308 239.42 654.864 239.822 655.038L241.484 655.759C241.875 655.928 242.33 655.85 242.641 655.559L250.852 647.883Z",
fill: "#161338",
fillOpacity: "0.6"
}), (0, i.jsx)("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M118.027 659.582C117.245 658.8 116.007 658.772 115.019 659.267C113.867 659.845 112.565 660.17 111.188 660.17C106.46 660.17 102.626 656.336 102.626 651.608C102.626 646.879 106.46 643.046 111.188 643.046C115.917 643.046 119.75 646.879 119.75 651.608C119.75 652.985 119.425 654.286 118.847 655.439C118.352 656.427 118.38 657.665 119.162 658.446L121.355 660.64C121.669 660.953 121.669 661.462 121.355 661.775C121.042 662.088 120.533 662.088 120.22 661.775L118.027 659.582ZM118.145 651.608C118.145 647.766 115.03 644.651 111.188 644.651C107.346 644.651 104.232 647.766 104.232 651.608C104.232 655.45 107.346 658.564 111.188 658.564C115.03 658.564 118.145 655.45 118.145 651.608Z",
fill: "#161338",
fillOpacity: "0.6"
}), (0, i.jsx)("path", {
d: "M176.729 643.364C177.052 643.061 177.069 642.553 176.766 642.23C176.462 641.906 175.954 641.89 175.631 642.193L171.35 646.206C171.188 646.358 171.096 646.57 171.096 646.792C171.096 647.014 171.188 647.226 171.35 647.377L175.631 651.391C175.954 651.694 176.462 651.678 176.766 651.354C177.069 651.031 177.052 650.523 176.729 650.22L175.903 649.445C175.195 648.782 175.665 647.594 176.635 647.594H185.277C185.72 647.594 186.08 647.235 186.08 646.792C186.08 646.349 185.72 645.989 185.277 645.989H176.635C175.665 645.989 175.195 644.802 175.903 644.138L176.729 643.364Z",
fill: "#161338",
fillOpacity: "0.6"
}), (0, i.jsx)("path", {
d: "M172.702 658.029C172.702 657.586 173.061 657.226 173.504 657.226H182.146C183.116 657.226 183.586 656.039 182.878 655.376L182.052 654.601C181.729 654.298 181.713 653.79 182.016 653.467C182.319 653.143 182.827 653.127 183.15 653.43L187.431 657.444C187.593 657.595 187.685 657.807 187.685 658.029C187.685 658.251 187.593 658.463 187.431 658.615L183.15 662.628C182.827 662.931 182.319 662.915 182.016 662.591C181.713 662.268 181.729 661.76 182.052 661.457L182.878 660.683C183.586 660.019 183.116 658.832 182.146 658.832H173.504C173.061 658.832 172.702 658.472 172.702 658.029Z",
fill: "#161338",
fillOpacity: "0.6"
}), (0, i.jsx)("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M53.4201 662.31C54.0111 662.31 54.4903 661.831 54.4903 661.24V650.761C54.4903 650.449 54.3545 650.153 54.1184 649.95L45.5566 642.577C45.1552 642.232 44.5613 642.232 44.1599 642.577L35.5982 649.95C35.3621 650.153 35.2263 650.449 35.2263 650.761V661.24C35.2263 661.831 35.7054 662.31 36.2965 662.31H53.4201ZM44.1599 644.696C44.5613 644.35 45.1552 644.35 45.5566 644.696L52.5131 650.686C52.7492 650.889 52.885 651.186 52.885 651.497V658.564C52.885 659.747 51.9266 660.705 50.7445 660.705H49.1392C48.5481 660.705 48.069 660.226 48.069 659.635V654.819C48.069 654.228 47.5898 653.748 46.9987 653.748H42.7178C42.1268 653.748 41.6476 654.228 41.6476 654.819V659.635C41.6476 660.226 41.1685 660.705 40.5774 660.705H37.9018C37.3108 660.705 36.8316 660.226 36.8316 659.635V651.497C36.8316 651.186 36.9674 650.889 37.2035 650.686L44.1599 644.696ZM43.253 656.424C43.253 655.833 43.7321 655.354 44.3232 655.354H45.3934C45.9845 655.354 46.4636 655.833 46.4636 656.424V659.635C46.4636 660.226 45.9845 660.705 45.3934 660.705H44.3232C43.7321 660.705 43.253 660.226 43.253 659.635V656.424Z",
fill: "#4840BB"
})]
})]
}), (0, i.jsxs)("defs", {
children: [(0, i.jsx)("pattern", {
id: w("pattern0"),
patternContentUnits: "objectBoundingBox",
width: "1",
height: "1",
children: (0, i.jsx)("use", {
href: "#image0_361_25531",
xlinkHref: "#image0_361_25531",
transform: "scale(0.005)"
})
}), (0, i.jsxs)("filter", {
id: w("filter0"),
x: "10",
y: "622.865",
width: "337",
height: "75.6801",
filterUnits: "userSpaceOnUse",
colorInterpolationFilters: "sRGB",
children: [(0, i.jsx)("feFlood", {
floodOpacity: "0",
result: "BackgroundImageFix"
}), (0, i.jsx)("feColorMatrix", {
in: "SourceAlpha",
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
result: "hardAlpha"
}), (0, i.jsx)("feOffset", {
dy: "-0.458667"
}), (0, i.jsx)("feColorMatrix", {
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
}), (0, i.jsx)("feBlend", {
mode: "normal",
in2: "BackgroundImageFix",
result: "effect1_dropShadow_361_25531"
}), (0, i.jsx)("feBlend", {
mode: "normal",
in: "SourceGraphic",
in2: "effect1_dropShadow_361_25531",
result: "shape"
})]
}), (0, i.jsxs)("linearGradient", {
id: w("paint0"),
x1: "178.5",
y1: "136.637",
x2: "178.5",
y2: "257.637",
gradientUnits: "userSpaceOnUse",
children: [(0, i.jsx)("stop", {
stopColor: "#4840BB",
stopOpacity: "0.2"
}), (0, i.jsx)("stop", {
offset: "1",
stopColor: "#4840BB",
stopOpacity: "0"
})]
}), (0, i.jsx)("clipPath", {
id: w("clip0"),
children: (0, i.jsx)("rect", {
x: "10",
y: "10",
width: "337",
height: "674",
rx: "20",
fill: "white"
})
}), (0, i.jsx)("clipPath", {
id: w("clip1"),
children: (0, i.jsx)("rect", {
width: "344",
height: "92.7183",
fill: "white",
transform: "translate(10 10)"
})
}), (0, i.jsx)("clipPath", {
id: w("clip2"),
children: (0, i.jsx)("rect", {
width: "64.6853",
height: "45.016",
fill: "white",
transform: "translate(267 35.6853)"
})
}), (0, i.jsx)("clipPath", {
id: w("clip3"),
children: (0, i.jsx)("rect", {
width: "344",
height: "189.888",
fill: "white",
transform: "translate(10 102.718)"
})
}), (0, i.jsx)("clipPath", {
id: w("clip4"),
children: (0, i.jsx)("rect", {
x: "32.016",
y: "370.646",
width: "36.6933",
height: "36.6933",
rx: "18.3467",
fill: "white"
})
}), (0, i.jsx)("image", {
id: "image0_361_25531",
width: "200",
height: "200",
href: (0, f.FK)("/next/optimized/portfolio-icon-long-term-investing.png")
})]
})]
})
}
var j = a(74431),
b = a(52983),
k = a(65880);
function HeroSection() {
let {
aumInBillions: e,
numClients: t
} = (0, l.U9)(), {
module: a,
controls: n
} = (0, d.Il)(), x = (0, b.useContext)(k.k);
return (0, i.jsxs)("section", {
className: "",
children: [(0, i.jsxs)("section", {
className: "flex flex-col-reverse xl:flex-row justify-center pt-20",
children: [(0, i.jsx)("article", {
className: "basis-0 grow px-4 md:px-16 pb-12 pt-12 md:pt-24",
children: (0, i.jsxs)("div", {
className: "flex flex-col gap-8 max-w-[500px] mx-auto",
children: [(0, i.jsxs)("h1", {
className: "copy-h1",
children: [(0, i.jsx)("span", {
className: "copy-h1-alt",
children: "They grow up so fast. "
}), (0, i.jsx)("span", {
children: "So can their college fund."
})]
}), (0, i.jsx)("p", {
className: "copy-body",
children: "You don’t need to take Accounting 101 to start saving for your child’s future college. With a Wealthfront 529 account, your savings can grow tax-free while we manage the trades and automatically adjust your risk over time. We’ll even set you up with a personalized plan to help you budget for their dream school. And the sooner you start to save, the more you stand to earn. Which means less time stressing and more time helping with the homework."
}), (0, i.jsx)(r.Z, {
className: "max-w-max",
trackingName: "hero-module",
amplitudeClickProperties: {
click_type: j.WD.MainCta,
target_element: "hero-module",
click_text: "Open an account",
click_url: x
},
testId: "college-hero-section-primary-cta-1",
children: "Open an account"
})]
})
}), (0, i.jsx)("article", {
className: "basis-0 grow m-auto md:ml-[200px] max-w-[700px] xl:max-w-full",
children: (0, i.jsxs)("div", {
className: "overflow-hidden md:overflow-visible relative",
children: [(0, i.jsx)(c.K, {
image: {
loading: "lazy",
src: "/next/college/hero_section_father_daughter.png",
width: 800,
height: 800,
alt: "a father and daughter walking together in an alleyway."
},
sources: [{
src: "/next/college/hero_section_father_daughter.png",
srcSet: ["/next/college/hero_section_father_daughter-640w.png 640w"]
}]
}), (0, i.jsx)("div", {
className: s()("absolute", "md:top-1/2 transform md:-translate-y-1/2", "left-1/2 -translate-x-1/2 top-[75px]", "md:translate-x-0 md:left-[-150px]"),
children: (0, i.jsxs)(p.E.div, {
ref: a,
variants: h.qx,
initial: "initial",
animate: n,
custom: 0,
children: [(0, i.jsx)(CollegeHeroPhone, {
className: s()("h-auto", "w-[200px] sm:w-[350px] md:w-[300px] ")
}), (0, i.jsx)(p.E.div, {
className: s()("rounded-standard bg-white shadow-card", "absolute top-[46%] left-[-30px] right-[-30px]", "sm:h-[100px] md:h-[90px] xl:h-min 2xl:h-[90px]"),
initial: "initial",
variants: h.qx,
animate: n,
custom: 1,
children: (0, i.jsx)("div", {
className: s()("font-tk-body flex flex-col gap-xsmall p-3 md:p-4", ""),
children: (0, i.jsxs)("div", {
className: "flex w-full justify-between",
children: [(0, i.jsxs)("div", {
className: "flex items-center gap-3",
children: [(0, i.jsx)(m.eL, {
progress: .75,
ariaLabel: "75%",
children: (0, i.jsx)(u.M, {
src: "/next/svg/optimized/education.svg",
alt: "",
width: 32,
height: 32,
className: s()("h-[24px] w-[24px]", "sm:h-[32px] sm:w-[32px]", "xl:h-[24px] xl:w-[24px]", "2xl:h-[36px] 2xl:w-[36px]")
})
}), (0, i.jsxs)("div", {
children: [(0, i.jsx)("p", {
className: "font-medium",
children: "529 Account"
}), (0, i.jsx)("p", {
className: "text-small font-tk-normal leading-small text-content-secondary",
children: "Individual"
})]
})]
}), (0, i.jsx)("p", {
children: "$45,480.59"
})]
})
})
})]
})
})]
})
})]
}), (0, i.jsxs)("div", {
className: "px-4 md:px-16 pt-24",
children: [(0, i.jsxs)("div", {
className: "max-w-[1300px] mx-auto",
children: [(0, i.jsx)(o.ZP, {
testId: "accolades-bar",
className: "hidden lg:grid mb-24",
aumInBillions: e,
numClients: t,
accolades: ["NERDWALLET_BEST_ROBO_ADVISOR", "INVESTOPEDIA_BEST_ROBO_ADVISOR", "NUM_TRUSTED_CLIENTS", "AUM", "APPLE_APP_STORE_RATING", "GOOGLE_PLAY_STORE_RATING"],
wrapText: !1
}), (0, i.jsx)(o.ZP, {
className: "grid lg:hidden mb-24",
aumInBillions: e,
numClients: t,
accolades: ["NERDWALLET_BEST_ROBO_ADVISOR", "BANKRATE_BEST_CASH_MANAGEMENT_ACCOUNT"]
})]
}), (0, i.jsxs)("article", {
className: "flex flex-col gap-6 text-center max-w-[800px] items-center mx-auto ",
children: [(0, i.jsxs)("h1", {
className: "copy-h1 ",
children: [(0, i.jsx)("div", {
children: "Meet the Wealthfront 529."
}), (0, i.jsx)("div", {
className: "copy-h1-alt",
children: "A tax-advantaged account"
}), (0, i.jsx)("div", {
className: "copy-h1-alt",
children: "for education."
})]
}), (0, i.jsx)("p", {
children: "With the Wealthfront 529 plan you can pay for qualifying college-related expenses (including $10K per year you can use for primary school) and you won’t owe federal taxes on your distributions. And with the help of our software, you won’t have any extra work to do either. That is, besides parenting, which is hard enough."
}), (0, i.jsx)(r.Z, {
className: "max-w-max",
trackingName: "definition-module",
amplitudeClickProperties: {
target_element: "definition-module",
click_type: j.WD.MainCta,
click_text: "Open an account",
click_url: x
},
testId: "college-hero-section-primary-cta-2",
children: "Open an account"
})]
})]
})]
})
}
var C = a(7839);
function IconBar() {
return (0, i.jsx)("section", {
className: "copy-body font-bold py-6",
children: (0, i.jsxs)("div", {
className: "px-12 max-w-[1000px] flex justify-around items-baseline gap-8 mx-auto text-center",
children: [(0, i.jsxs)("div", {
children: [(0, i.jsx)(C.Dh, {
className: "w-[44px] h-[44px] mx-auto mb-2",
fill: "#230B59"
}), (0, i.jsx)("p", {
children: "See their plan"
})]
}), (0, i.jsxs)("div", {
children: [(0, i.jsx)(u.M, {
className: "mx-auto mb-2",
src: "/next/svg/optimized/sparkle.svg",
height: 32,
width: 32,
alt: "sparkle-icon"
}), (0, i.jsx)("p", {
children: "Automate your savings"
})]
}), (0, i.jsxs)("div", {
children: [(0, i.jsx)(u.M, {
className: "mx-auto mb-2",
src: "/next/svg/optimized/balance.svg",
height: 36,
width: 36,
alt: "balance-icon"
}), (0, i.jsx)("p", {
children: "Manage risk"
})]
})]
})
})
}
var N = a(59422);
function PlanSection() {
let {
module: e,
controls: t
} = (0, d.Il)();
return (0, i.jsxs)("section", {
className: "max-w-[1200px] flex justify-between gap-8 lg:gap-16 items-center mx-auto flex-wrap-reverse",
children: [(0, i.jsx)(p.E.div, {
className: "px-8 mx-auto w-[500px]",
ref: e,
variants: h.qx,
initial: "initial",
animate: t,
children: (0, i.jsx)(c.K, {
image: {
loading: "lazy",
src: "/next/college/dream_school.png",
width: 500,
height: 500,
alt: "a portrait of a boy overlayed with a Standford University logo. under the portrait is a piece of text reading: Whats the dream school?"
},
sources: [{
src: "/next/college/dream_school.png",
srcSet: ["/next/college/dream_school.webp 1x", "/next/college/dream_school@2x.webp 2x"]
}]
})
}), (0, i.jsxs)("div", {
className: "flex flex-col gap-4 basis-[500px] mx-auto",
children: [(0, i.jsx)(N.Dh, {
className: "w-[44px] h-[44px]",
fill: "#230B59"
}), (0, i.jsx)("h1", {
className: "copy-h1",
children: "See their plan"
}), (0, i.jsx)("p", {
className: "copy-body",
children: "We’ll help you estimate the future cost of college (with adjustments for inflation and cost increases) and build you a plan to help you save accordingly. We’ll even help you anticipate what your child might be able to expect from financial aid."
})]
})]
})
}
var _ = a(51726),
A = a(34567),
S = a(89298),
I = a(48856),
T = a(47563),
E = a(99227),
L = a(2002);
let M = [null, 4.89447161097981, 5.15789915616823, 5.49198139397763, 5.7635332463937, 6.01146070756203, 6.18132746096095, 6.50274787224264, 6.4626804798294, 6.73924018164501, 7.21266992420809];
function trackInteraction(e) {
T.Z.trackClick({
click_type: j.WD.InteractionElement,
target_element: "savings-calculator",
click_text: e
}), E.G.trackClickEvent({
category: j.WD.InteractionElement,
name: "savings-calculator",
clickText: e
})
}
function PopQuizSection() {
let e = (0, b.useContext)(k.k),
[t, a, n] = (0, A.i)();
return (0, i.jsxs)("div", {
className: "text-white",
children: [(0, i.jsx)("div", {
className: "w-full border-b border-[#554695] px-4 md:px-16 mb-10 lg:mb-20",
children: (0, i.jsxs)("section", {
className: "max-w-[1400px] mx-auto flex flex-col xl:flex-row justify-between items-center xl:items-start gap-10 mb-10 xl:mb-32",
children: [(0, i.jsxs)("article", {
className: "basis-0 grow min-w-[350px] max-w-[500px] flex flex-col gap-6 md:gap-10 relative",
children: [(0, i.jsxs)("h1", {
children: [(0, i.jsx)("div", {
className: "copy-h1",
children: "Pop quiz! "
}), (0, i.jsx)("span", {
className: "copy-h2-alt",
children: "How much more could you earn by investing earlier? "
})]
}), (0, i.jsxs)("p", {
children: ["The cost of college isn’t getting cheaper, but saving early might help you (and your kids) pay a lot less later. Thanks to", " ", (0, i.jsx)(L.Z, {
className: "text-white",
amplitudeClickProperties: null,
trackingDetails: null,
href: "https://www.wealthfront.com/blog/what-is-compounding/",
children: "the magic of compounding"
}), " ", "with tax-free gains, saving early means more time for your money to grow. And the more you can earn in returns, the less you’ll pay out of pocket."]
}), (0, i.jsx)(r.Z, {
className: "max-w-max",
trackingName: "quiz-module",
amplitudeClickProperties: {
target_element: "quiz-module",
click_type: j.WD.MainCta,
click_text: "Open an account",
click_url: e
},
testId: "college-pop-quiz-section-primary-cta",
children: "Open an account"
}), (0, i.jsx)(c.K, {
image: {
testId: "piggybank-image",
loading: "lazy",
src: "/next/optimized/piggybank.png",
alt: "a piggybank with several nested piggybanks inside, like a stacking doll.",
className: "right-[-100px] top-[375px] hidden xl:block absolute",
width: 250,
height: 250
},
sources: [{
src: "/next/optimized/piggybank.webp",
srcSet: ["/next/optimized/piggybank.webp 1x", "/next/optimized/piggybank@2x.webp 2x"]
}]
})]
}), (0, i.jsx)("article", {
className: "max-w-[700px] basis-0 grow",
children: (0, i.jsx)(c.K, {
image: {
loading: "lazy",
src: "/next/college/pop_quiz_section_graph.png",
alt: "a stylized graph representing increased returns the younger a childs age when opening an account.",
className: "",
width: 800,
height: 800,
testId: "pop-quiz-graph-image"
},
sources: [{
src: "/next/college/pop_quiz_section_graph.png",
srcSet: ["/next/college/pop_quiz_section_graph.webp 1x", "/next/college/pop_quiz_section_graph@2x.webp 2x"]
}]
})
})]
})
}), (0, i.jsxs)("div", {
className: "max-w-[1400px] mx-auto px-4",
children: [(0, i.jsx)("h1", {
className: "copy-h1-alt text-center mb-10",
children: "See how much you could save."
}), (0, i.jsx)(Calculator, {
className: "mb-5"
}), (0, i.jsx)("div", {
className: "w-full flex justify-center",
children: (0, i.jsx)(m.kG, {
className: "text-xl underline",
onClick: a,
children: "See disclosures and assumptions"
})
}), (0, i.jsx)("div", {
className: "text-center text-sm text-steel pt-3",
children: (0, i.jsxs)("p", {
children: [(0, i.jsxs)("strong", {
children: ["This interactive analysis tool presents hypothetical outcomes intended for informational purposes only.", " "]
}), " ", "The projected values are net of program fees and a 2% annual inflation assumption. Projected values assume the portfolio holds its target allocation each month and that all dividends are reinvested. Nothing in this communication should be construed as tax advice, a solicitation or offer, or recommendation, to buy or sell any security. All investing involves risk, including the possible loss of money you invest, and past performance does not guarantee future performance. Please see our", " ", (0, i.jsx)(L.Z, {
amplitudeClickProperties: null,
trackingDetails: null,
href: "https://www.wealthfront.com/legal/disclosure",
target: "_blank",
className: "text-steel",
children: "Full Disclosure"
}), " ", "and the 529", " ", (0, i.jsx)(L.Z, {
amplitudeClickProperties: null,
trackingDetails: null,
href: "https://www.wealthfront.com/static/documents/college_savings_plan_description.pdf",
target: "_blank",
className: "text-steel",
children: "Plan Description and Participation Agreement"
}), " ", "for important details."]
})
})]
}), (0, i.jsx)(A.Z, {
ariaLabel: "",
className: "w-[448px] 2xl:w-[548px]",
isOpen: t,
onDismiss: n,
children: (0, i.jsxs)("div", {
className: "space-y-3",
children: [(0, i.jsxs)("div", {
className: "space-y-1",
children: [(0, i.jsxs)("p", {
className: "copy-body",
children: ["The tool provides a hypothetical estimate of a", " ", (0, i.jsx)(L.Z, {
amplitudeClickProperties: null,
trackingDetails: null,
href: "https://research.wealthfront.com/whitepapers/college-savings/",
target: "_blank",
children: "529 portfolio's"
}), " ", "value by the time your child is ready for college. The tool is designed as an additional resource to investors who wish to evaluate estimated risk and return characteristics of specific investment choices. The tool provides a savings and growth estimate based on estimated rates of return described more fully below."]
}), (0, i.jsxs)("p", {
className: "copy-body",
children: ["The tool requires users to input certain assumptions including the initial deposit amount, monthly deposit amount, your child's current age, and the portfolio's risk score. It may be helpful to explore our", " ", (0, i.jsx)(L.Z, {
amplitudeClickProperties: null,
trackingDetails: null,
href: "https://www.wealthfront.com/risk-questionnaire",
target: "_blank",
children: "risk questionnaire"
}), " ", "to help plan for your intended goals."]
})]
}), (0, i.jsxs)("div", {
className: "space-y-1",
children: [(0, i.jsx)("p", {
className: "font-bold copy-body",
children: "529 portfolio construction"
}), (0, i.jsx)("p", {
className: "copy-body",
children: "Our 529 portfolio includes the following asset classes: U.S. stocks, foreign developed market stocks, emerging market stocks, dividend growth stocks, publicly traded U.S. real estate investment trusts (REITs), corporate bonds, Treasury Inflation Protected Securities (TIPS), US Treasury bills and emerging market bonds. We provide exposure to the above described assets classes by investing in correlated Exchange Traded Funds, weighted to achieve the appropriate target allocation."
}), (0, i.jsx)("p", {
className: "copy-body",
children: "Our strategy also incorporates what’s known as a glide path strategy. This strategy gradually shifts the asset allocation within the portfolio over time, reducing risk exposure as the time to college draws nearer, systematically lowering the portfolio's expected volatility."
})]
}), (0, i.jsxs)("div", {
className: "space-y-1",
children: [(0, i.jsx)("p", {
className: "font-bold copy-body",
children: "Calculation of projected account values"
}), (0, i.jsx)("p", {
className: "copy-body",
children: "We calculate projected account values using our long-term estimates for the expected returns for the assets traded by 529 portfolios applied to each monthly allocation in the portfolio’s glide path. Our estimates for expected returns are derived using historical data and economic modeling. The projected values are net of 0.31% in annual program fees, a 2% annual inflation assumption to adjust the values to today's dollars. Projected values assume the portfolio holds its target allocation each month and that all dividends are reinvested."
})]
}), (0, i.jsxs)("div", {
className: "space-y-1",
children: [(0, i.jsx)("p", {
className: "font-bold copy-body",
children: "Tool estimates vs actual results"
}), (0, i.jsx)("p", {
className: "copy-body",
children: "It’s important to remember that estimated returns are based on historical data, are hypothetical in nature, and actual results may differ significantly from expectations. Investments not considered may have characteristics similar or superior to those being analyzed. Future performance may also deviate from past results due to changes in model asset allocations, as well as differences in future market returns. The tool’s estimates may vary with each use and over time."
})]
})]
})
})]
})
}
function Calculator(e) {
let {
className: t
} = e, {
module: a,
controls: n
} = (0, d.Il)(), [l, r] = (0, b.useState)(700), [o, c] = (0, b.useState)(8), [u, m] = (0, b.useState)(2), [x, f] = (0, b.useState)(1e4), g = M[o] / 100, y = (1 + (g - .02)) ** (1 / 12) - 1, v = x * (1 + y) ** (12 * (18 - u)) + l * (((1 + y) ** (12 * (18 - u)) - 1) / y - 1);
return (0, i.jsxs)(p.E.section, {
"data-testid": "calculator",
ref: a,
variants: h.qx,
initial: "initial",
animate: n,
className: s()("text-eggplant rounded-2xl bg-white shadow-xl flex flex-col xl:flex-row max-w-[400px] xl:max-w-full justify-center items-center mx-auto", t),
children: [(0, i.jsx)(InputWrapper, {
showBorder: !0,
children: (0, i.jsx)(MonthlyContribution, {
contribution: l,
setContribution: r
})
}), (0, i.jsx)(InputWrapper, {
showBorder: !0,
children: (0, i.jsx)(Counter, {
state: u,
onIncrease: () => m(e => e + 1),
onDecrease: () => m(e => e - 1),
dialogContent: null,
formattedState: (0, _.ao)(u, {
precision: 0
}),
iconStyle: "plus-minus",
maxState: 17,
minState: 0,
title: "Current age"
})
}), (0, i.jsx)(InputWrapper, {
showBorder: !0,
children: (0, i.jsx)(Counter, {
state: x,
onIncrease: () => f(e => e + 500),
onDecrease: () => f(e => e - 500),
dialogContent: "There’s a $500 funding minimum and the maximum is set to $19,000 per contributor, which is the maximum annual contribution limit as set by the IRS. ",
formattedState: (0, _.VY)(x, {
precision: 0
}),
iconStyle: "chevron",
maxState: 18e3,
minState: 500,
title: "Initial deposit"
})
}), (0, i.jsx)(InputWrapper, {
showBorder: !0,
children: (0, i.jsx)(Counter, {
state: o,
onIncrease: () => c(e => e + 1),
onDecrease: () => c(e => e - 1),
dialogContent: "When you first sign up for a 529 account, we recommend a portfolio and a risk level (0.5 – 10) based on information you provide about your financial situation and objectives. Please note this tool only shows round risk scores (1 – 10).",
formattedState: (0, _.ao)(o, {
precision: 0
}),
iconStyle: "plus-minus",
maxState: 10,
minState: 1,
title: "Risk score"
})
}), (0, i.jsx)(InputWrapper, {
children: (0, i.jsx)("p", {
className: "copy-h2 text-center min-w-[200px] 2xl:min-w-[260px]",
children: (0, _.VY)(v)
})
})]
})
}
function InputWrapper(e) {
let {
children: t,
showBorder: a = !1
} = e;
return (0, i.jsx)("div", {
className: s()("px-6 w-full h-28 flex items-center justify-center", {
"border-b border-r-0 xl:border-r xl:border-b-0 border-content-divider": a
}),
children: t
})
}
function MonthlyContribution(e) {
let {
contribution: t,
setContribution: a
} = e;
return (0, i.jsxs)("div", {
className: "w-[250px]",
children: [(0, i.jsxs)("div", {
className: "flex flex-wrap justify-between items-center mb-4",
children: [(0, i.jsx)("div", {
className: "copy-body mr-6",
children: "Monthly contribution"
}), (0, i.jsx)("div", {
className: "copy-h3 font-bold",
children: (0, _.VY)(t, {
precision: 0
})
})]
}), (0, i.jsx)(S.Z, {
value: t,
step: 100,
min: 100,
max: 1500,
onChange: e => {
a(Number(e[0].toFixed(1))), trackInteraction("Monthly contribution")
},
ariaLabel: "Drag to select monthly contribution"
})]
})
}
function Counter(e) {
let {
formattedState: t,
minState: a,
maxState: n,
state: l,
onIncrease: r,
onDecrease: o,
title: c,
dialogContent: d,
iconStyle: p
} = e, [h, u, x] = (0, A.i)();
return (0, i.jsxs)("div", {
className: "max-w-[150px] min-w-[120px] w-full",
"data-testid": "".concat(c, "-counter"),
children: [(0, i.jsxs)("div", {
className: "flex justify-center gap-2 mb-1",
children: [(0, i.jsx)("span", {
children: c
}), null !== d && (0, i.jsx)("button", {
type: "button",
onClick: u,
"data-testid": "".concat(c, "-question-mark"),
children: (0, i.jsx)(I.Z, {
fill: "#9d9d9d"
})
})]
}), (0, i.jsxs)("div", {
className: "flex justify-center gap-4",
children: [(0, i.jsx)(m.kG, {
disabled: l === a,
type: "button",
onClick: () => {
o(), trackInteraction(c)
},
className: "shrink-0",
testId: "decrease-".concat(c),
children: (0, i.jsx)(m.JO, {
source: "plus-minus" === p ? "minusCircle" : "chevronLeft",
className: s()({
"text-content-disabled": l === a,
"text-xlarge": "chevron" === p
})
})
}), (0, i.jsx)("span", {
className: s()("copy-h3 font-bold text-center", {
"min-w-[100px]": "chevron" === p,
"min-w-[20px]": "plus-minus" === p
}),
children: t
}), (0, i.jsx)(m.kG, {
disabled: l === n,
type: "button",
onClick: () => {
r(), trackInteraction(c)
},
className: "shrink-0",
testId: "increase-".concat(c),
children: (0, i.jsx)(m.JO, {
source: "plus-minus" === p ? "plusCircle" : "chevronRight",
className: s()({
"text-content-disabled": l === n,
"text-xlarge": "chevron" === p
})
})
})]
}), (0, i.jsx)(A.Z, {
ariaLabel: "info for ".concat(c),
className: "w-[448px] 2xl:w-[548px]",
isOpen: h,
onDismiss: x,
children: (0, i.jsx)("p", {
className: "copy-body",
children: d
})
})]
})
}
var P = a(24845);
let B = [{
stocks: .87,
bonds: .13,
tBills: 0
}, {
stocks: .87,
bonds: .13,
tBills: 0
}, {
stocks: .87,
bonds: .13,
tBills: 0
}, {
stocks: .87,
bonds: .13,
tBills: 0
}, {
stocks: .87,
bonds: .13,
tBills: 0
}, {
stocks: .87,
bonds: .13,
tBills: 0
}, {
stocks: .87,
bonds: .13,
tBills: 0
}, {
stocks: .87,
bonds: .13,
tBills: 0
}, {
stocks: .87,
bonds: .13,
tBills: 0
}, {
stocks: .87,
bonds: .13,
tBills: 0
}, {
stocks: .79,
bonds: .21,
tBills: 0
}, {
stocks: .73,
bonds: .27,
tBills: 0
}, {
stocks: .66,
bonds: .34,
tBills: 0
}, {
stocks: .59,
bonds: .41,
tBills: 0
}, {
stocks: .52,
bonds: .48,
tBills: 0
}, {
stocks: .43,
bonds: .57,
tBills: 0
}, {
stocks: .34,
bonds: .66,
tBills: 0
}, {
stocks: .195,
bonds: .555,
tBills: .25
}];
function RiskSection() {
let {
module: e,
controls: t
} = (0, d.Il)(), [a, n] = (0, b.useState)(1), {
bonds: s,
stocks: l,
tBills: r
} = B[a], [o, c, m] = (0, A.i)();
return (0, i.jsxs)("section", {
className: "max-w-[1200px] flex justify-between gap-8 lg:gap-16 items-center mx-auto flex-wrap-reverse ",
children: [(0, i.jsxs)(p.E.div, {
className: "mx-auto basis-[500px] p-[50px]",
ref: e,
variants: h.qx,
initial: "initial",
animate: t,
children: [(0, i.jsxs)("div", {
className: "mb-8 mx-auto",
children: [(0, i.jsx)(P.PieChart, {
data: [{
title: "stocks",
value: l,
color: "#402c7c"
}, {
title: "tBills",
value: r,
color: "#c8ccf4"
}, {
title: "bonds",
value: s,
color: "#fff4dc"
}],
lineWidth: 30,
animate: !0,
animationDuration: 1500
}), (0, i.jsxs)("article", {
className: "flex justify-center gap-4 mt-10",
children: [(0, i.jsx)(LegendItem, {
color: "#fff4dc",
title: "Bonds"
}), (0, i.jsx)(LegendItem, {
color: "#402c7c",
title: "Stocks"
}), (0, i.jsx)(LegendItem, {
color: "#c8ccf4",
title: "Treasury Bills"
})]
})]
}), (0, i.jsx)(SliderSection, {
onQuestionMarkClick: c,
selectedYear: a,
setSelectedYear: n,
className: "md:hidden text-center pt-4"
})]
}), (0, i.jsxs)("article", {
className: "flex flex-col gap-10 basis-[500px] mx-auto ",
children: [(0, i.jsxs)("div", {
className: "flex flex-col gap-4",
children: [(0, i.jsx)(u.M, {
className: "mb-2",
src: "/next/svg/optimized/balance.svg",
height: 42,
width: 42,
alt: "balance-icon"
}), (0, i.jsx)("h1", {
className: "copy-h1",
children: "Manage risk"
}), (0, i.jsxs)("p", {
className: "copy-body",
children: ["Saving should be a point of pride, not worry. Over time, as college approaches, our software will", " ", (0, i.jsx)(L.Z, {
amplitudeClickProperties: null,
trackingDetails: null,
href: "https://www.wealthfront.com/static/documents/college_savings_plan_description.pdf",
children: "automatically adjust your allocations"
}), " ", "to reduce your exposure to risk so you’ll be in the best position to meet your savings goals."]
})]
}), (0, i.jsx)(SliderSection, {
onQuestionMarkClick: c,
selectedYear: a,
setSelectedYear: n,
className: "hidden md:block"
})]
}), (0, i.jsxs)(A.Z, {
ariaLabel: "info for Years to college enrollment slider",
className: "w-[448px] 2xl:w-[548px]",
isOpen: o,
onDismiss: m,
children: [(0, i.jsx)("p", {
className: "font-bold copy-body",
children: "This slider is showcasing the glide path for a risk score 8 portfolio over time."
}), (0, i.jsx)("br", {}), (0, i.jsx)("p", {
className: "copy-body",
children: "Adjusting the starting age of your child allows our system to optimize the asset allocation for your 529 portfolio. The earlier you start, the higher the initial allocation to growth assets like stocks, which is gradually balanced with more stable investments such as bonds and Treasury bills as the time to college enrollment draws nearer. This glide path strategy is designed to reduce investment risk and enhance the potential to reach your savings goals as the college start date approaches."
})]
})]
})
}
function LegendItem(e) {
let {
title: t,
color: a
} = e;
return (0, i.jsxs)("div", {
className: "flex items-center gap-2",
children: [(0, i.jsx)("div", {
className: "w-6 h-6 rounded-full",
style: {
backgroundColor: a
}
}), (0, i.jsx)("h3", {
className: "copy-h3-alt italic",
children: t
})]
})
}
function SliderSection(e) {
let {
onQuestionMarkClick: t,
selectedYear: a,
setSelectedYear: n,
className: s
} = e;
return (0, i.jsxs)("div", {
className: s,
children: [(0, i.jsx)("p", {
className: "copy-body font-bold mb-4",
children: "Asset allocation based on time"
}), (0, i.jsxs)("div", {
className: "space-y-4 rounded-2xl bg-white py-6 px-8 shadow-xl",
children: [(0, i.jsxs)("div", {
className: "flex justify-between items-center",
children: [(0, i.jsxs)("div", {
className: "flex gap-2",
children: [(0, i.jsx)("p", {
className: "copy-body",
children: "Childs age when you start saving"
}), (0, i.jsx)("button", {
type: "button",
onClick: t,
"data-testid": "risk-section-question-mark",
children: (0, i.jsx)(I.Z, {
fill: "#9d9d9d"
})
})]
}), (0, i.jsx)("div", {
className: "copy-h3 font-bold",
"aria-atomic": !0,
"aria-live": "polite",
children: (0, _._6)("yr", a, {
inclusive: !0
})
})]
}), (0, i.jsx)(S.Z, {
value: a,
step: 1,
min: 0,
max: 17,
onChange: e => {
n(Number(e[0].toFixed(1))), T.Z.trackClick({
click_type: j.WD.InteractionElement,
target_element: "glide-path"
}), E.G.trackClickEvent({
category: j.WD.InteractionElement,
name: "glide-path"
})
},
ariaLabel: "Drag to select portfolio score"
})]
})]
})
}
var D = a(18939);
function SavingsSection() {
let {
module: e,
controls: t
} = (0, d.Il)();
return (0, i.jsxs)("section", {
className: "max-w-[1200px] flex justify-between gap-8 lg:gap-16 items-center mx-auto flex-wrap",
children: [(0, i.jsxs)("article", {
className: "flex flex-col gap-4 basis-[500px] mx-auto",
children: [(0, i.jsx)(u.M, {
className: "mb-2",
src: "/next/svg/optimized/sparkle.svg",
height: 32,
width: 32,
alt: "sparkle-icon"
}), (0, i.jsx)("h1", {
className: "copy-h1",
children: "Automate your savings"
}), (0, i.jsx)("p", {
className: "copy-body",
children: "You can easily track your progress and manage your contributions in the app. Whether you superfund their account all at once or save a little every month, we’ll automatically allocate your deposits and rebalance your portfolio to reduce risk as your portfolio nears maturity."
})]
}), (0, i.jsxs)("article", {
className: "mx-auto w-[500px] px-10 md:px-20",
children: [(0, i.jsxs)("div", {
className: "hidden lg:block relative",
children: [(0, i.jsx)(p.E.div, {
ref: e,
variants: h.qx,
initial: "initial",
animate: t,
custom: 0,
children: (0, i.jsx)(c.K, {
image: {
loading: "lazy",
src: "/next/college/savings_section_phone_desktop.png",
width: 500,
height: 500,
alt: "a phone with two sliders, one titled: How much I plan to cover, and the other titled: My planned savings."
},
sources: [{
src: "/next/college/savings_section_phone_desktop.png",
srcSet: ["/next/college/savings_section_phone_desktop.webp 1x", "/next/college/savings_section_phone_desktop-640w.webp 640w"]
}]
})
}), (0, i.jsx)(p.E.div, {
className: "absolute top-[325px] left-[-75px] right-[75px]",
ref: e,
variants: h.qx,
initial: "initial",
animate: t,
custom: 1,
children: (0, i.jsx)(D.Z, {
title: (0, i.jsx)(D.Z.WealthfrontNotificationTitle, {}),
time: "now",
children: "We automatically deposited $750 into your 529 account."
})
}), (0, i.jsx)(p.E.div, {
className: "absolute top-[475px] left-[75px] right-[-75px]",
ref: e,
variants: h.qx,
initial: "initial",
animate: t,
custom: 2,
children: (0, i.jsx)(D.Z, {
title: (0, i.jsx)(D.Z.WealthfrontNotificationTitle, {}),
time: "now",
children: "We automatically adjusted your risk and rebalanced your account."
})
})]
}), (0, i.jsx)("div", {
className: "block lg:hidden",
children: (0, i.jsx)(c.K, {
image: {
loading: "lazy",
src: "/next/college/savings_section_phone_mobile.png",
width: 500,
height: 500,
alt: "a phone with two sliders, one titled: How much I plan to cover, and the other titled: My planned savings."
},
sources: [{
src: "/next/college/savings_section_phone_mobile.png",
srcSet: ["/next/college/savings_section_phone_mobile.webp 1x", "/next/college/savings_section_phone_mobile-640w.webp 640w"]
}]
})
})]
})]
})
}
var W = a(8262),
O = a(33746),
R = a(72558);
function ReportCard() {
return (0, i.jsx)("section", {
className: "max-w-[1536px] mx-auto",
children: (0, i.jsxs)("div", {
className: "flex flex-col-reverse xl:flex-row gap-x-10 gap-y-2",
children: [(0, i.jsx)("div", {
className: "max-w-[400px] basis-0 grow-[1] mx-auto -mt-24 md:-mt-32 xl:mt-0",
children: (0, i.jsx)(c.K, {
image: {
loading: "lazy",
src: "/next/optimized/box-house.png",
width: 400,
height: 400,
alt: "a man sitting on the steps of his house. in the background is an oversized baseball, pair of glasses, plant in a vase, and moving box"
},
sources: [{
src: "/next/optimized/box-house.png",
srcSet: ["/next/optimized/box-house.webp 1x", "/next/optimized/box-house@2x.webp 2x"]
}]
})
}), (0, i.jsx)("div", {
className: "flex-col lg:py-20 sm:pt-0 sm:pb-10 lg:mx-0 mx-auto basis-0 grow-[2]",
children: (0, i.jsxs)("article", {
className: "flex flex-wrap pt-10 gap-x-2",
children: [(0, i.jsxs)("div", {
className: "flex flex-col",
children: [(0, i.jsx)(Feature, {
feature: "Easy to manage alongside your other Wealthfront accounts"
}), (0, i.jsx)(Feature, {
feature: "Automatic risk reduction as your child approaches college "
}), (0, i.jsx)(Feature, {
feature: "Real-cost college planning"
})]
}), (0, i.jsxs)("div", {
className: "flex flex-col",
children: [(0, i.jsx)(Feature, {
feature: "Tax-free growth "
}), (0, i.jsx)(Feature, {
feature: "Open to residents of any state (no income limits for contributors)"
}), (0, i.jsx)(Feature, {
feature: "Flexible beneficiary changes"
})]
})]
})
})]
})
})
}
function Feature(e) {
let {
feature: t
} = e;
return (0, i.jsxs)("div", {
className: "flex items-center gap-x-5 mb-6 max-w-[400px]",
children: [(0, i.jsx)(u.M, {
alt: "Check mark",
src: "/next/college/report_card_check.svg",
width: 41,
height: 36,
className: "pt-2"
}), (0, i.jsx)("p", {
className: "copy-h3 lg:text-h3 font-semibold leading-none text-eggplant",
children: t
})]
})
}
var F = a(77994);
function SellOtherProducts() {
let {
currentAPY: e
} = (0, l.U9)();
return (0, i.jsx)("section", {
className: "max-w-[1300px] flex mx-auto border-red-500",
children: (0, i.jsxs)("div", {
className: "flex-col sm:px-8 xl:px-0 w-full",
children: [(0, i.jsxs)("article", {
className: "pb-8 mb-8 border-b border-eggplant text-eggplant",
children: [(0, i.jsxs)("h1", {
className: "copy-h1 max-w-[1200px] mb-8",
children: ["For your short term and your long term. ", (0, i.jsx)("span", {
className: "copy-h1-alt",
children: " Not just their midterms."
})]
}), (0, i.jsx)("p", {
className: "copy-body",
children: "Saving and investing for your short term, long term, and beyond. We’ve got the right account for any goal."
})]
}), (0, i.jsxs)("article", {
className: "flex flex-wrap justify-center gap-6 md:gap-16 md:pt-10 sm:pt-4",
children: [(0, i.jsx)(LearnMoreProductCard, {
descriptionTestId: "dynamic-text",
description: "Your short-term cash doesn’t have to just sit collecting dust. Get it earning an industry-leading ".concat((0, _.rG)(e), " APY from program banks until you’re ready to invest. You’ll also get up to $").concat(F.S9, " million in FDIC insurance through program banks and unlimited withdrawals, so you can access your cash whenever you need it."),
learnMoreLink: "http://wealthfront.com/cash",
title: "Cash Account",
caption: "“NOW” MONEY",
trackingName: "cash-cross-sell"
}), (0, i.jsx)(LearnMoreProductCard, {
description: "Take the busywork out of investing with our expert-built portfolios of index funds. Our Automated Investing Account helps you manage unnecessary risk, minimize your taxes with Tax-Loss Harvesting, and maximize your returns — all done automatically and built for the long-term.",
learnMoreLink: "http://wealthfront.com/investing",
title: "Automated Investing Accounting",
caption: "“LATER” MONEY",
trackingName: "aia-cross-sell"
}), (0, i.jsx)(LearnMoreProductCard, {
description: "Our automated IRAs are tax-advantaged accounts, intended to help you grow your future wealth. Choose one of our expert-built portfolios or customize it yourself with hundreds of ETFs and innovative opportunities like tech, clean energy, crypto exposure and more.",
learnMoreLink: "http://wealthfront.com/retirement",
title: "Individual Retirement Account",
caption: "“NEST EGG” MONEY",
trackingName: "retirement-cross-sell"
})]
})]
})
})
}
function LearnMoreProductCard(e) {
let {
description: t,
learnMoreLink: a,
title: n,
caption: s,
trackingName: l,
descriptionTestId: r
} = e;
return (0, i.jsxs)("div", {
className: "max-w-[500px] min-w-[325px] basis-0 grow md:pb-0 sm:pb-8",
children: [(0, i.jsx)("p", {
className: "copy-body pb-2",
children: s
}), (0, i.jsx)("h2", {
className: "copy-h2 text-[35px] font-semibold leading-none text-eggplant pb-4",
children: n
}), (0, i.jsx)("p", {
className: "pb-2",
"data-testid": r,
children: t
}), (0, i.jsx)("p", {
children: (0, i.jsx)(L.Z, {
amplitudeClickProperties: {
click_type: j.WD.Hyperlink,
target_element: l,
click_text: "Learn more",
click_url: a
},
trackingDetails: {
category: j.WD.Hyperlink,
name: l,
clickText: "Learn more",
clickUrl: a
},
href: a,
target: "_blank",
children: "Learn more"
})
})]
})
}
var q = a(39978);
let CollegeDropdownFaq = e => {
let {
footerText: t,
header: a,
headerLink: n,
className: l,
testId: r,
children: o,
sidebar: c
} = e, [d, p] = (0, b.useState)(null);
return (0, i.jsx)("div", {
"data-testid": r,
className: s()("flex justify-center w-full", l),
children: (0, i.jsxs)("div", {
className: s()("max-w-[1896px] px-6 pb-4 text-eggplant md:px-16 md:py-20 xl:px-24 3xl:px-0", {
"grid grid-cols-1 py-10 lg:grid-cols-[1fr,1fr]": c
}),
children: [(0, i.jsxs)("div", {
className: s()("flex flex-col gap-x-12 gap-y-3 lg:pr-28", {
"lg:items-center": !c
}),
children: [(0, i.jsx)("h3", {
className: s()(c ? "copy-h1-alt 2xl:text-[60px]" : "copy-h3"),
children: a
}), n && (0, i.jsx)("div", {
className: "copy-h3-alt 2xl:text-[20px] decoration-from-font underline-offset-1 lg:pr-28",
children: n
})]
}), (0, i.jsxs)("div", {
className: "mt-4",
children: [b.Children.map(o, (e, t) => (0, b.cloneElement)(e, {
id: t,
expanded: d,
setExpanded: p
})), (0, i.jsx)("div", {
className: "border-t-[1px] border-eggplant border-opacity-60 pt-5 pb-10 pr-24",
children: t
})]
})]
})
})
};
function Answer(e) {
let {
isExpanded: t,
children: a
} = e;
return (0, i.jsx)(q.M, {
initial: !1,
children: t && (0, i.jsx)(p.E.div, {
initial: "collapsed",
animate: "open",
exit: "collapsed",
variants: {
open: {
opacity: 1,
height: "auto"
},
collapsed: {
opacity: 0,
height: 0
}
},
transition: {
duration: .8,
ease: [.1, .62, .23, .98]
},
className: "overflow-hidden",
children: a
}, "content")
})
}
function FaqModule() {
return (0, i.jsxs)(CollegeDropdownFaq, {
header: "Looking for answers? Our FAQs can help.",
headerLink: (0, i.jsxs)("p", {
children: ["Still deciding if we’re right for you? Read our", " ", (0, i.jsx)(L.Z, {
amplitudeClickProperties: {
click_type: j.WD.Hyperlink,
target_element: "white-paper",
click_text: "529 Whitepaper",
click_url: "https://research.wealthfront.com/whitepapers/college-savings/"
},
trackingDetails: {
category: j.WD.Hyperlink,
name: "white-paper",
clickText: "529 Whitepaper",
clickUrl: "https://research.wealthfront.com/whitepapers/college-savings/"
},
href: "https://research.wealthfront.com/whitepapers/college-savings/",
target: "_blank",
children: "529 Whitepaper"
}), " ", "or learn more at our", " ", (0, i.jsx)(L.Z, {
amplitudeClickProperties: {
click_type: j.WD.Hyperlink,
target_element: "help-center",
click_text: "help center",
click_url: "https://support.wealthfront.com/hc/en-us"
},
trackingDetails: {
category: j.WD.Hyperlink,
name: "help-center",
clickText: "help center",
clickUrl: "https://support.wealthfront.com/hc/en-us"
},
href: "https://support.wealthfront.com/hc/en-us",
target: "_blank",
children: "help center"
}), "."]
}),
testId: "college-faq-module",
sidebar: !0,
className: "w-full bg-white",
footerText: "The Wealthfront 529 College Savings Plan (Plan) is administered by the Board of Trustees of the College Savings Plans of Nevada (Board). Ascensus Broker Dealer Services, Inc. serves as Program Manager, and Wealthfront Advisers LLC (“Wealthfront Advisers,” and the successor investment adviser to Wealthfront Inc.), a SEC-registered investment adviser, serves as the investment adviser to the Plan",
children: [(0, i.jsx)(CollegeDropdownFaq.FaqItem, {
testId: "dropdown-faq-state",
question: "Which state backs your 529?",
answer: (0, i.jsxs)("p", {
children: ["Wealthfront offers a 529 plan (also known as a qualified tuition plan) in partnership with the", " ", (0, i.jsx)(L.Z, {
amplitudeClickProperties: {
click_type: j.WD.Hyperlink,
target_element: "faq-nevada",
click_text: "state of Nevada",
click_url: "https://www.nevadatreasurer.gov/CollegeSavings/CSP_Home/"
},
trackingDetails: {
category: j.WD.Hyperlink,
name: "faq-nevada",
clickText: "state of Nevada",
clickUrl: "https://www.nevadatreasurer.gov/CollegeSavings/CSP_Home/"
},
href: "https://www.nevadatreasurer.gov/CollegeSavings/CSP_Home/",
target: "_blank",
children: "state of Nevada"
}), "."]
}),
trackingName: "college-faq-state"
}), (0, i.jsx)(CollegeDropdownFaq.FaqItem, {
testId: "dropdown-faq-live-in-nevada",
question: "I don’t live in Nevada. Can I still open an account?",
answer: (0, i.jsx)("p", {
children: "Yes! Aaand if you live in the Silver State, we’ll manage your first $25,000 for free! If not, you can open a Wealthfront 529 account regardless of where you live. But keep in mind, tax benefits can vary from state to state. It’s important to speak with a tax professional and do additional research to learn more about the potential tax benefits of your state."
}),
trackingName: "college-faq-live-in-nevada"
}), (0, i.jsx)(CollegeDropdownFaq.FaqItem, {
testId: "dropdown-faq-advantage",
question: "OK, so what’s the advantage of a 529 over other college savings accounts?",
answer: (0, i.jsxs)(i.Fragment, {
children: [(0, i.jsx)("p", {
children: "The Wealthfront 529 is a tax advantaged investment account. That means your contributions can grow free from federal tax. And any withdrawals from the account for qualified education expenses are tax exempt at the federal level. Plus, it can be used to cover both K-12 private school education as well as college and eligible apprenticeship programs, subject to certain conditions and limits."
}), (0, i.jsxs)("p", {
children: ["But the benefits don’t stop there. Wealthfront’s 529 account has high annual and total contribution limits — you can save up to ", (0, _.VY)(5e5, {
precision: 0
}), " total per child — and anyone can contribute. That means parents, grandparents, siblings, and friends can each contribute", " ", (0, i.jsxs)(L.Z, {
amplitudeClickProperties: {
click_type: j.WD.Hyperlink,
target_element: "faq-529-advantages-contribution-limit",
click_text: "up to ".concat((0, _.VY)(19e3, {
precision: 0
})),
click_url: "https://support.wealthfront.com/hc/en-us/articles/214638603-How-much-can-I-contribute-to-a-529-plan-"
},
trackingDetails: {
category: j.WD.Hyperlink,
name: "faq-529-advantages-contribution-limit",
clickText: "up to ".concat((0, _.VY)(19e3, {
precision: 0
})),
clickUrl: "https://support.wealthfront.com/hc/en-us/articles/214638603-How-much-can-I-contribute-to-a-529-plan-"
},
href: "https://support.wealthfront.com/hc/en-us/articles/214638603-How-much-can-I-contribute-to-a-529-plan-",
target: "_blank",
children: ["up to ", (0, _.VY)(19e3, {
precision: 0
})]
}), " ", "per year in a single 529 plan without incurring gift taxes. If someone other than the person who opened the account wants to contribute, they can", " ", (0, i.jsx)(L.Z, {
amplitudeClickProperties: {
click_type: j.WD.Hyperlink,
target_element: "faq-family-contribution",
click_text: "mail a check to Wealthfront",
click_url: "https://support.wealthfront.com/hc/en-us/articles/360001079723-How-can-friends-and-family-contribute-to-my-529-account-"
},
trackingDetails: {
category: j.WD.Hyperlink,
name: "faq-family-contribution",
clickText: "mail a check to Wealthfront",
clickUrl: "https://support.wealthfront.com/hc/en-us/articles/360001079723-How-can-friends-and-family-contribute-to-my-529-account-"
},
href: "https://support.wealthfront.com/hc/en-us/articles/360001079723-How-can-friends-and-family-contribute-to-my-529-account-",
target: "_blank",
children: "mail a check to Wealthfront"
}), "."]
}), (0, i.jsx)("p", {
children: "Additionally, our plan doesn’t have income eligibility restrictions for contributors and aren’t typically counted towards financial aid eligibility (but every educational institution does it a little differently)."
})]
}),
trackingName: "colelge-faq-advantage"
}), (0, i.jsx)(CollegeDropdownFaq.FaqItem, {
testId: "dropdown-faq-expenses",
question: "What expenses can I use my 529 for, exactly?",
answer: (0, i.jsxs)(i.Fragment, {
children: [(0, i.jsx)("p", {
children: "Qualified higher education expenses include tuition, mandatory fees, books, supplies, and equipment required for enrollment or attendance, room and board during any academic period in which the beneficiary is enrolled at least half-time, and certain expenses for students with special needs. Keep in mind that you will need to report 529 account spending to the IRS, so keeping a detailed record is important."
}), (0, i.jsxs)("p", {
children: ["Additionally, 529 plans also qualify for up to $10,000 per year for K-12 education, as well as computers, software or internet access and related services, if used primarily by the beneficiary during any of the years they are enrolled at an eligible educational institution. You can learn more about the specifics of eligible expenses on", " ", (0, i.jsx)(L.Z, {
amplitudeClickProperties: {
click_type: j.WD.Hyperlink,
target_element: "faq-qualified-expense",
click_text: "IRS Publication 970",
click_url: "http://www.irs.gov/publications/p970/index.html"
},
trackingDetails: {
category: j.WD.Hyperlink,
name: "faq-qualified-expense",
clickText: "IRS Publication 970",
clickUrl: "http://www.irs.gov/publications/p970/index.html"
},
href: "http://www.irs.gov/publications/p970/index.html",
target: "_blank",
children: "IRS Publication 970"
}), "."]
})]
}),
trackingName: "colelge-faq-expenses"
}), (0, i.jsx)(CollegeDropdownFaq.FaqItem, {
testId: "dropdown-faq-move-money",
question: "Can I move money from another 529 to this account?",
answer: (0, i.jsxs)("p", {
children: ["Yes! You can rollover funds from another 529 account for the same beneficiary without a tax penalty. More details on how to do that", " ", (0, i.jsx)(L.Z, {
amplitudeClickProperties: {
click_type: j.WD.Hyperlink,
target_element: "faq-rollover",
click_text: "here",
click_url: "https://support.wealthfront.com/hc/en-us/articles/214678103--Can-I-move-money-from-another-529-plan-to-this-529-plan-"
},
trackingDetails: {
category: j.WD.Hyperlink,
name: "faq-rollover",
clickText: "here",
clickUrl: "https://support.wealthfront.com/hc/en-us/articles/214678103--Can-I-move-money-from-another-529-plan-to-this-529-plan-"
},
href: "https://support.wealthfront.com/hc/en-us/articles/214678103--Can-I-move-money-from-another-529-plan-to-this-529-plan-",
target: "_blank",
children: "here"
}), "."]
}),
trackingName: "college-faq-move-money"
}), (0, i.jsx)(CollegeDropdownFaq.FaqItem, {
testId: "dropdown-faq-limit",
question: "Is there a limit to how much I can contribute?",
answer: (0, i.jsxs)(i.Fragment, {
children: [(0, i.jsxs)("p", {
children: ["While total contribution limits may vary from state to state, the annual limit is typically", (0, _.VY)(19e3, {
precision: 0
}), " per year (or", " ", (0, _.VY)(38e3, {
precision: 0
}), " for a married couple filing) without incurring gift taxes, for anyone who wants to contribute. You can learn more about that", " ", (0, i.jsx)(L.Z, {
amplitudeClickProperties: {
click_type: j.WD.Hyperlink,
target_element: "faq-contribution-limit",
click_text: "here",
click_url: "https://support.wealthfront.com/hc/en-us/articles/214638603-How-much-can-I-contribute-to-a-529-plan-"
},
trackingDetails: {
category: j.WD.Hyperlink,
name: "faq-contribution-limit",
clickText: "here",
clickUrl: "https://support.wealthfront.com/hc/en-us/articles/214638603-How-much-can-I-contribute-to-a-529-plan-"
},
href: "https://support.wealthfront.com/hc/en-us/articles/214638603-How-much-can-I-contribute-to-a-529-plan-",
target: "_blank",
children: "here"
}), ". ", (0, i.jsx)("br", {}), "(Current as of ", "January 2025", ".)"]
}), (0, i.jsxs)("p", {
children: ["You can also superfund an account and contribute up to 5 years of savings in a single deposit ($95,000). If you elect to superfund an account, you can not contribute additional deposits tax free until 5 years have passed. Learn more about superfunding", " ", (0, i.jsx)(L.Z, {
amplitudeClickProperties: {
click_type: j.WD.Hyperlink,
target_element: "faq-superfunding",
click_text: "here",
click_url: "https://www.wealthfront.com/blog/saving-for-college-superfunding-529-account/"
},
trackingDetails: {
category: j.WD.Hyperlink,
name: "faq-superfunding",
clickText: "here",
clickUrl: "https://www.wealthfront.com/blog/saving-for-college-superfunding-529-account/"
},
href: "https://www.wealthfront.com/blog/saving-for-college-superfunding-529-account/",
target: "_blank",
children: "here"
}), "."]
})]
}),
trackingName: "college-faq-limit"
}), (0, i.jsx)(CollegeDropdownFaq.FaqItem, {
testId: "dropdown-faq-no-college-kid",
question: "Last thing… what happens if my kid doesn’t go to college?",
answer: (0, i.jsxs)(i.Fragment, {
children: [(0, i.jsx)("p", {
children: "You can change the beneficiary on your 529 account without federal income tax consequences, as long as the new beneficiary is a family member of the current beneficiary. Because anyone can open a 529, it’s a great account to help all the children in your life reach their goals."
}), (0, i.jsx)("p", {
children: "What’s more, as of 2024, you can also rollover a lifetime limit of $35,000 from your 529 account into the beneficiary’s Individual Retirement Account (IRA) without taxes or penalties (conditions may apply) and pay up to $10,000 in student loans tax free. However, if you use funds from your 529 account for non-qualified expenses, you may end up facing taxes or penalties."
})]
}),
trackingName: "college-faq-no-college-kid"
})]
})
}
function FutureSection() {
let e = (0, b.useContext)(k.k);
return (0, i.jsxs)("section", {
className: "flex flex-col xl:flex-row justify-center bg-lilac",
children: [(0, i.jsx)("article", {
className: "basis-0 grow px-4 md:px-16 py-12 m-auto",
children: (0, i.jsxs)("div", {
className: "flex flex-col gap-8 max-w-[500px] mx-auto",
children: [(0, i.jsx)("h1", {
className: "copy-h1",
children: "Small fee. Big future."
}), (0, i.jsxs)("div", {
children: [(0, i.jsxs)("p", {
className: "copy-body mb-4",
children: ["We think the sticker shock of education shouldn’t continue to the cost of saving. Like our automated index investing portfolios, our management fee is just 0.25% per year. With an all-in expense target of 0.39%–0.45%, you’ll get a 529 that makes saving for college easier, and more approachable.", " ", (0, i.jsx)(L.Z, {
amplitudeClickProperties: null,
trackingDetails: null,
href: "https://support.wealthfront.com/hc/en-us/articles/213259366-What-fees-will-I-pay-for-a-529-account",
children: "Learn more"
})]
}), (0, i.jsx)("p", {
className: "copy-body",
children: "While your savings grow tax-free, you’ll get the benefit of our industry-leading automation and the delightful ease of our award-winning app, not to mention the peace of mind that comes with a proper plan."
})]
}), (0, i.jsx)(r.Z, {
className: "max-w-max",
trackingName: "fee-module",
amplitudeClickProperties: {
click_type: j.WD.MainCta,
target_element: "fee-module",
click_text: "Open an account",
click_url: e
},
testId: "college-future-section-primary-cta",
children: "Open an account"
})]
})
}), (0, i.jsxs)("article", {
className: "basis-0 grow m-auto max-w-[700px] xl:max-w-full relative",
children: [(0, i.jsx)(c.K, {
image: {
loading: "lazy",
src: "/next/college/future_section_graduation.png",
alt: "a graduation scene. several students appear in caps and gowns, standing alongside their families",
className: "",
width: 1e3,
height: 1e3
},
sources: [{
src: "/next/college/future_section_graduation.png",
srcSet: ["/next/college/future_section_graduation.webp 1x", "/next/college/future_section_graduation-640w.webp 640w", "/next/college/future_section_graduation-750w.webp 750w"]
}]
}), (0, i.jsx)("article", {
className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
children: (0, i.jsxs)("div", {
className: "w-[300px] sm:w-[400px] relative bg-white rounded-xl p-10 ",
children: [(0, i.jsx)("p", {
className: "copy-caption mb-6 uppercase",
children: "529 plan fees"
}), (0, i.jsxs)("div", {
className: "flex flex-col gap-3",
children: [(0, i.jsx)(ExpenseItem, {
left: "Management Fee",
right: "0.25%"
}), (0, i.jsx)(ExpenseItem, {
left: "Administration Fees",
right: "0.06%"
}), (0, i.jsx)(ExpenseItem, {
left: "Portfolio Expense Ratios",
right: "0.08-0.14%"
}), (0, i.jsx)("div", {
className: "border-b"
}), (0, i.jsx)(ExpenseItem, {
left: "Total Fees",
right: "0.39-0.45%"
})]
})]
})
})]
})]
})
}
function ExpenseItem(e) {
let {
left: t,
right: a
} = e;
return (0, i.jsxs)("div", {
className: "flex justify-between",
children: [(0, i.jsx)("p", {
className: "copy-body font-semibold",
children: t
}), (0, i.jsx)("p", {
className: "copy-body",
children: a
})]
})
}
CollegeDropdownFaq.FaqItem = e => {
let {
testId: t,
question: a,
answer: n,
img: l,
setExpanded: r,
id: o,
expanded: c,
trackingName: d,
cta: p
} = e, h = o === c;
return (0, i.jsxs)("div", {
"data-testid": t,
className: "border-t-[1px] border-eggplant border-opacity-60",
children: [(0, i.jsxs)(L.Z, {
trackingDetails: null,
amplitudeClickProperties: null,
variant: "none",
onClick: () => {
h ? r(null) : (r(o), d && (T.Z.trackClick({
target_element: d,
click_type: "interaction-element"
}), E.K.trackClickEvent({
category: j.WD.InteractionElement,
name: d
})))
},
className: "copy-h2-alt flex w-full items-center justify-between py-6 text-left text-[20px] md:py-8 md:text-[30px]",
children: [(0, i.jsx)("div", {
className: "max-w-[247px] xs:max-w-full md:pr-8",
children: a
}), (0, i.jsx)(u.M, {
loading: "lazy",
height: 18,
width: 37,
src: "/next/svg/optimized/arrow-down.svg",
alt: "arrow",
className: s()("float-right mx-4 block", {
"rotate-180": h
})
})]
}), (0, i.jsx)(Answer, {
isExpanded: h,
children: (0, i.jsxs)("div", {
className: "space-y-4 pb-8 xl:space-x-10 xl:space-y-0",
children: [(0, i.jsxs)("div", {
className: "copy-body w-full space-y-6 pb-4 pr-16",
children: [n, p && (0, i.jsx)("div", {
className: "hidden xl:inline-flex",
children: p
})]
}), l && (0, i.jsx)("div", {
className: "grid xl:justify-center",
children: l
}), p && (0, i.jsx)("div", {
className: "xl:hidden",
children: p
})]
})
})]
})
};
var Z = a(68043),
z = a(33684),
college = () => {
let {
nationalAverageInterestData: e
} = (0, l.U9)();
return (0, i.jsx)(i.Fragment, {
children: (0, i.jsxs)(z.Z, {
children: [(0, i.jsx)(z.Z.Footnotes, {
type: "investing"
}), (0, i.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 or offer, or recommendation, to buy or sell any security. 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, i.jsx)("p", {
children: 'The Wealthfront 529 College Savings Plan (the "Plan") is administered by the Board of Trustees of the College Savings Plans of Nevada (the “Board”), chaired by the Nevada State Treasurer. Ascensus Broker Dealer Services, Inc. (“ABD”) serves as the Program Manager. Wealthfront Advisers LLC, an SEC-registered investment adviser, serves as the investment adviser to the Plan. Wealthfront Brokerage LLC serves as the distributor and the underwriter of the Plan. Before you invest, consider whether your or the beneficiary’s home state offers any state tax or other state benefits such as financial aid, scholarship funds, and protection from creditors that are only available for investments in that state’s qualified tuition program.'
}), (0, i.jsx)("p", {
children: "You also should consult your financial, tax, or other advisor to learn more about how state-based benefits (or any limitations) would apply to your specific circumstances. You also may wish to directly contact your home state’s 529 plan(s), or any other 529 plan, to learn more about those plans’ features, benefits and limitations. Keep in mind that state-based benefits should be one of many appropriately weighted factors to be considered when making an investment decision. Earnings on nonqualified withdrawals are subject to federal income tax and may be subject to a 10 percent federal tax penalty, as well as state and local income taxes. The availability of tax and other benefits may be contingent on meeting other requirements."
}), (0, i.jsxs)("p", {
children: ["For more information about the Plan, download the", " ", (0, i.jsx)(L.Z, {
className: "text-steel",
href: "https://www.wealthfront.com/static/documents/college_savings_plan_description.pdf",
amplitudeClickProperties: {
click_type: j.WD.Hyperlink,
target_element: "disclosure-full-plan",
click_text: "Plan Description and Participation Agreement",
click_url: "https://www.wealthfront.com/static/documents/college_savings_plan_description.pdf"
},
trackingDetails: {
category: j.WD.Hyperlink,
name: "disclosure-full-plan",
clickText: "Plan Description and Participation Agreement",
clickUrl: "https://www.wealthfront.com/static/documents/college_savings_plan_description.pdf"
},
children: "Plan Description and Participation Agreement"
}), " ", "or request one by calling 844-995-8437 or emailing support@wealthfront.com. Investment objectives, risks, charges, expenses, and other important information are included in the Plan Description and Participation Agreement; please read and consider it carefully before investing. An investment in the Plan is not insured or guaranteed by the FDIC or any federal or state government or agency. You could lose all or portion of your investment."]
}), (0, i.jsxs)("p", {
children: ["The cash balance in the Cash Account is swept to one or more banks (the “", " ", (0, i.jsx)("a", {
href: "https://www.wealthfront.com/programbanks",
target: "_blank",
rel: "noreferrer noopener",
children: "program banks"
}), " ", "”) where it earns a variable rate of interest and is eligible for FDIC insurance. FDIC insurance is not provided until the funds arrive at the program banks. FDIC insurance coverage is limited to $250,000 per qualified customer per banking institution. Wealthfront uses program banks to ensure FDIC coverage of up to $8 million for your cash deposits. For more information on FDIC insurance coverage, please visit www.FDIC.gov. Customers are responsible for monitoring their total assets at each of the program banks to determine the extent of available FDIC insurance coverage in accordance with FDIC rules. The deposits at program banks are not covered by SIPC."]
}), (0, i.jsxs)("p", {
children: ["The Annual Percentage Yield (APY) for the Cash Account is as of ", e.updateDate, " and may change at any time, before or after the Cash Account is opened. The APY for the Wealthfront Cash Account represents the weighted average of the APY on the aggregate deposit balances of all clients at the program banks. Deposit balances are not allocated equally among the participating program banks."]
}), (0, i.jsxs)("p", {
children: ["Cash Account is offered by Wealthfront Brokerage LLC (“Wealthfront Brokerage”), a Member of", " ", (0, i.jsx)("a", {
href: "https://www.finra.org/",
target: "_blank",
rel: "noreferrer noopener",
children: "FINRA"
}), "/", (0, i.jsx)("a", {
href: "https://www.sipc.org/",
target: "_blank",
rel: "noreferrer noopener",
children: "SIPC"
}), " ", ". Neither Wealthfront Brokerage nor any of its affiliates are a bank, and the Cash Account is not a checking or savings account. We convey funds to program banks who accept and maintain deposits, provide the interest rate, and provide FDIC insurance. 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”)."]
}), (0, i.jsx)(z.Z.FullLegalDisclosure, {
type: "short"
})]
})
})
},
H = !0;
function College(e) {
return (0, b.useEffect)(() => {
T.Z.trackPage(Z.q_.SiteLandingPage, Z.q.College), E.G.trackImpressionEvent({
category: j.WD.SiteLandingPage,
name: "college"
})
}, []), (0, i.jsxs)(R.Z, {
...e,
children: [(0, i.jsxs)("div", {
className: "min-h-screen bg-gradient-to-b from-lavender2 to-ambient-orange bg-fixed text-eggplant",
children: [(0, i.jsx)(O.Z, {
mobileSurface: "light"
}), (0, i.jsxs)("main", {
children: [(0, i.jsx)(HeroSection, {}), (0, i.jsx)("div", {
className: "px-4 md:px-16 w-full ",
children: (0, i.jsx)(ReportCard, {})
}), (0, i.jsx)("div", {
className: "border-y border-content-divider",
children: (0, i.jsx)(IconBar, {})
}), (0, i.jsx)("div", {
className: "px-4 md:px-16 py-12",
children: (0, i.jsx)(PlanSection, {})
}), (0, i.jsx)("div", {
className: "px-4 md:px-16 py-12",
children: (0, i.jsx)(SavingsSection, {})
}), (0, i.jsx)("div", {
className: "px-4 md:px-16 py-12 md:py-24",
children: (0, i.jsx)(RiskSection, {})
}), (0, i.jsx)("div", {
className: "py-12 md:py-20 bg-gradient-to-b from-[#280c5c] to-[#40349c]",
children: (0, i.jsx)(PopQuizSection, {})
}), (0, i.jsx)(FutureSection, {}), (0, i.jsx)("div", {
className: "px-4 md:px-16 py-12 md:py-20 bg-[#FED0B9]",
children: (0, i.jsx)(SellOtherProducts, {})
}), (0, i.jsx)(FaqModule, {})]
})]
}), (0, i.jsx)(W.ZP, {
disclosures: (0, i.jsx)(college, {})
})]
})
}
},
24845: function(e, t, a) {
! function(e, t) {
"use strict";
function degreesToRadians(e) {
return e * Math.PI / 180
}
function shiftVectorAlongAngle(e, t) {
var a = degreesToRadians(e);
return {
dx: t * Math.cos(a),
dy: t * Math.sin(a)
}
}
function isNumber(e) {
return "number" == typeof e
}
function functionProp(e, t) {
return "function" == typeof e ? e(t) : e
}
function _objectWithoutPropertiesLoose(e, t) {
if (null == e) return {};
var a = {};
for (var i in e)
if (({}).hasOwnProperty.call(e, i)) {
if (t.includes(i)) continue;
a[i] = e[i]
} return a
}
var a, i, n, s = ["dataEntry", "dataIndex"];
function ReactMinimalPieChartLabel(e) {
var a = e.renderLabel,
i = e.labelProps,
n = a(i);
if ("string" == typeof n || "number" == typeof n) {
i.dataEntry, i.dataIndex;
var l = _objectWithoutPropertiesLoose(i, s);
return t.createElement("text", Object.assign({
dominantBaseline: "central"
}, l), n)
}
return t.isValidElement(n) ? n : null
}
var l = (a = n ? i : (n = 1, i = function(e, t, a, i, n) {
var s = n - i;
return 0 === s ? [] : [
["M", a * Math.cos(i) + e, a * Math.sin(i) + t],
["A", a, a, 0, Math.abs(s) <= Math.PI ? "0" : "1", s < 0 ? "0" : "1", a * Math.cos(n) + e, a * Math.sin(n) + t]
]
})) && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a,
r = ["cx", "cy", "lengthAngle", "lineWidth", "radius", "shift", "reveal", "rounded", "startAngle", "title"];
function ReactMinimalPieChartPath(e) {
var a, i, n, s = e.cx,
o = e.cy,
c = e.lengthAngle,
d = e.lineWidth,
p = e.radius,
h = e.shift,
u = e.reveal,
m = e.rounded,
x = e.startAngle,
f = e.title,
g = _objectWithoutPropertiesLoose(e, r),
y = p - d / 2,
v = shiftVectorAlongAngle(x + c / 2, void 0 === h ? 0 : h),
w = v.dx,
j = v.dy,
b = (a = c > 359.999 ? 359.999 : c < -359.999 ? -359.999 : c, l(s + w, o + j, y, degreesToRadians(x), degreesToRadians(x + a)).map(function(e) {
return e.join(" ")
}).join(" "));
return isNumber(u) && (n = (i = Math.abs(degreesToRadians(y) * c)) - u / 100 * i), t.createElement("path", Object.assign({
d: b,
fill: "none",
strokeWidth: d,
strokeDasharray: i,
strokeDashoffset: n,
strokeLinecap: m ? "round" : void 0
}, g), f && t.createElement("title", null, f))
}
function makeEventHandler(e, t) {
return e && function(a) {
e(a, t)
}
}
var o = {
animationDuration: 500,
animationEasing: "ease-out",
center: [50, 50],
data: [],
labelPosition: 50,
lengthAngle: 360,
lineWidth: 100,
paddingAngle: 0,
radius: 50,
startAngle: 0,
viewBoxSize: [100, 100]
};
e.PieChart = function(e) {
var a, i, n, s, l, r, c, d, p = function(e) {
var t, a = Object.assign({}, o, e);
for (t in o) void 0 === e[t] && (a[t] = o[t]);
return a
}(e),
h = t.useState(p.animate ? 0 : null),
u = h[0],
m = h[1];
t.useEffect(function() {
p.animate && m(null)
}, []);
var x = function(e) {
for (var t = e.data, a = e.lengthAngle, i = e.totalValue, n = e.paddingAngle, s = e.startAngle, l = i || function(e) {
for (var t = 0, a = 0; a < e.length; a++) t += e[a].value;
return t
}(t), r = a > 360 ? 360 : a < -360 ? -360 : a, o = 360 === Math.abs(r) ? t.length : t.length - 1, c = Math.abs(n) * Math.sign(a), d = r - c * o, p = 0, h = [], u = 0; u < t.length; u++) {
var m = t[u],
x = 0 === l ? 0 : m.value / l * 100,
f = x / 100 * d,
g = p + s;
p = p + f + c, h.push(Object.assign({
percentage: x,
startAngle: g,
degrees: f
}, m))
}
return h
}(p);
return t.createElement("svg", {
viewBox: "0 0 " + p.viewBoxSize[0] + " " + p.viewBoxSize[1],
width: "100%",
height: "100%",
className: p.className,
style: p.style
}, (i = null != u ? u : (a = p.reveal, p.animate && !isNumber(a) ? 100 : a), n = p.radius, l = (s = p.center)[0], r = s[1], c = p.lineWidth / 100 * n, d = x.map(function(e, a) {
var s, o = functionProp(p.segmentsStyle, a);
return t.createElement(ReactMinimalPieChartPath, {
cx: l,
cy: r,
key: e.key || a,
lengthAngle: e.degrees,
lineWidth: c,
radius: n,
rounded: p.rounded,
reveal: i,
shift: functionProp(p.segmentsShift, a),
startAngle: e.startAngle,
title: e.title,
style: Object.assign({}, o, p.animate && (s = "stroke-dashoffset " + p.animationDuration + "ms " + p.animationEasing, o && o.transition && (s = s + "," + o.transition), {
transition: s
})),
stroke: e.color,
tabIndex: p.segmentsTabIndex,
onBlur: makeEventHandler(p.onBlur, a),
onClick: makeEventHandler(p.onClick, a),
onFocus: makeEventHandler(p.onFocus, a),
onKeyDown: makeEventHandler(p.onKeyDown, a),
onMouseOver: makeEventHandler(p.onMouseOver, a),
onMouseOut: makeEventHandler(p.onMouseOut, a)
})
}), p.background && d.unshift(t.createElement(ReactMinimalPieChartPath, {
cx: l,
cy: r,
key: "bg",
lengthAngle: p.lengthAngle,
lineWidth: c,
radius: n,
rounded: p.rounded,
startAngle: p.startAngle,
stroke: p.background
})), d), function(e, a) {
var i = a.label;
if (i) return e.map(function(e, t) {
var i, n, s, l, r, o, c = null != (o = functionProp(a.segmentsShift, t)) ? o : 0,
d = (r = a.radius, a.labelPosition / 100 * r + c),
p = shiftVectorAlongAngle(e.startAngle + e.degrees / 2, d),
h = p.dx,
u = p.dy;
return {
x: a.center[0],
y: a.center[1],
dx: h,
dy: u,
textAnchor: (n = (i = {
labelPosition: a.labelPosition,
lineWidth: a.lineWidth,
labelHorizontalShift: h
}).labelPosition, s = i.lineWidth, 0 == (l = Math.round((i.labelHorizontalShift + Number.EPSILON) * 1e14) / 1e14) ? "middle" : n > 100 ? l > 0 ? "start" : "end" : n < 100 - s ? l > 0 ? "end" : "start" : "middle"),
dataEntry: e,
dataIndex: t,
style: functionProp(a.labelStyle, t)
}
}).map(function(e, a) {
return t.createElement(ReactMinimalPieChartLabel, {
key: "label-" + (e.dataEntry.key || a),
renderLabel: i,
labelProps: e
})
})
}(x, p), p.children)
}, e.pieChartDefaultProps = o
}(t, a(52983))
}
},
function(e) {
e.O(0, [7255, 8355, 3349, 2339, 3582, 3746, 2378, 3684, 9774, 2888, 179], function() {
return e(e.s = 27477)
}), _N_E = e.O()
}
]);