:root,
[data-theme=default],
[data-theme=sunrise-space-white-blurple-white-light] {
  --tk-content-primary: hsla(243, 30%, 13%, 1);
  --tk-content-secondary: hsla(243, 30%, 13%, .63);
  --tk-content-disabled: hsla(243, 30%, 13%, .34);
  --tk-content-divider: hsla(243, 30%, 13%, .17);
  --tk-content-shadow: hsla(243, 30%, 13%, .17);
  --tk-content-positive: hsla(163, 52%, 33%, 1);
  --tk-surface: hsla(0, 0%, 100%, 1);
  --tk-surface-elevated: hsla(0, 0%, 100%, 1);
  --tk-surface-overlay: hsla(0, 0%, 10%, .8);
  --tk-surface-disabled: hsla(243, 30%, 13%, .17);
  --tk-surface-read-only: hsla(243, 30%, 13%, .11);
  --tk-surface-track: hsla(243, 30%, 13%, .11);
  --tk-surface-notice-info: hsla(255, 20%, 96%, 1);
  --tk-surface-notice-destructive: hsla(353, 52%, 94%, 1);
  --tk-content-primary-inverted: hsla(0, 0%, 100%, 1);
  --tk-surface-inverted: hsla(243, 30%, 13%, 1);
  --tk-content-interactive-primary: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default: hsla(244, 49%, 49%, 1);
  --tk-content-interactive-concealed: hsla(244, 49%, 49%, 1);
  --tk-content-interactive-ambient: hsla(244, 49%, 49%, 1);
  --tk-content-interactive-destructive: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary: hsla(244, 49%, 49%, 1);
  --tk-surface-interactive-default: hsla(244, 49%, 49%, .1);
  --tk-surface-interactive-concealed: hsla(244, 49%, 49%, 0);
  --tk-surface-interactive-ambient: hsla(244, 49%, 49%, 0);
  --tk-surface-interactive-destructive: hsla(353, 100%, 35%, .1);
  --tk-content-interactive-primary-hover: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default-hover: hsla(244, 49%, 49%, 1);
  --tk-content-interactive-concealed-hover: hsla(244, 49%, 49%, 1);
  --tk-content-interactive-ambient-hover: hsla(244, 53%, 54%, 1);
  --tk-content-interactive-destructive-hover: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary-hover: hsla(244, 53%, 54%, 1);
  --tk-surface-interactive-default-hover: hsla(244, 49%, 49%, .15);
  --tk-surface-interactive-concealed-hover: hsla(244, 49%, 49%, .05);
  --tk-surface-interactive-ambient-hover: hsla(244, 49%, 49%, 0);
  --tk-surface-interactive-destructive-hover: hsla(353, 100%, 35%, .15);
  --tk-content-interactive-primary-active: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default-active: hsla(244, 49%, 49%, 1);
  --tk-content-interactive-concealed-active: hsla(244, 49%, 49%, 1);
  --tk-content-interactive-ambient-active: hsla(245, 56%, 57%, 1);
  --tk-content-interactive-destructive-active: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary-active: hsla(245, 56%, 57%, 1);
  --tk-surface-interactive-default-active: hsla(244, 49%, 49%, .2);
  --tk-surface-interactive-concealed-active: hsla(244, 49%, 49%, .1);
  --tk-surface-interactive-ambient-active: hsla(244, 49%, 49%, 0);
  --tk-surface-interactive-destructive-active: hsla(353, 100%, 35%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(21, 53%, 93%, 1);
  --tk-soft-end: hsla(231, 84%, 95%, 1);
  --tk-vibrant-start: hsla(228, 69%, 86%, 1);
  --tk-vibrant-end: hsla(20, 97%, 86%, 1);
  --tk-aqua-start: hsla(228, 69%, 86%, 1);
  --tk-aqua-end: hsla(94, 49%, 86%, 1);
  --tk-day-start: hsla(94, 49%, 86%, 1);
  --tk-day-end: hsla(42, 100%, 92%, 1);
  --tk-soft-twilight-start: hsla(21, 67%, 62%, 1);
  --tk-soft-twilight-end: hsla(225, 45%, 61%, 1);
  --tk-vibrant-twilight-start: hsla(244, 49%, 49%, 1);
  --tk-vibrant-twilight-end: hsla(21, 53%, 44%, 1);
  --tk-aqua-twilight-start: hsla(168, 29%, 51%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(247, 69%, 20%, 1);
  --tk-chart-categorical1: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical2: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical3: hsla(230, 45%, 90%, 1);
  --tk-chart-categorical4: hsla(168, 29%, 51%, 1);
  --tk-chart-categorical5: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical6: hsla(94, 49%, 86%, 1);
  --tk-chart-categorical7: hsla(32, 71%, 42%, 1);
  --tk-chart-categorical8: hsla(31, 70%, 74%, 1);
  --tk-chart-categorical9: hsla(35, 90%, 85%, 1);
  --tk-chart-neutral-primary: hsla(243, 30%, 13%, 1);
  --tk-chart-neutral-secondary: hsla(243, 30%, 13%, .63);
  --tk-chart-neutral-tertiary: hsla(243, 30%, 13%, .34);
  --tk-chart-neutral-quaternary: hsla(243, 30%, 13%, .17);
  --tk-chart-neutral-quinary: hsla(243, 30%, 13%, .11);
  --tk-chart-neutral-senary: hsla(243, 30%, 13%, .06);
  --tk-chart-quantitative-primary: hsla(244, 49%, 49%, 1);
  --tk-chart-quantitative-secondary: hsla(244, 49%, 49%, .63);
  --tk-chart-quantitative-tertiary: hsla(244, 49%, 49%, .34);
  --tk-chart-quantitative-quaternary: hsla(244, 49%, 49%, .17);
  --tk-chart-quantitative-quinary: hsla(244, 49%, 49%, .11);
  --tk-chart-quantitative-senary: hsla(244, 49%, 49%, .06)
}

[data-theme=sunrise-space-white-blurple-white-dark] {
  --tk-content-primary: hsla(243, 9%, 95%, 1);
  --tk-content-secondary: hsla(243, 9%, 95%, .84);
  --tk-content-disabled: hsla(243, 9%, 95%, .53);
  --tk-content-divider: hsla(243, 9%, 95%, .32);
  --tk-content-shadow: hsla(243, 9%, 95%, .32);
  --tk-content-positive: hsla(163, 47%, 59%, 1);
  --tk-surface: hsla(243, 30%, 13%, 1);
  --tk-surface-elevated: hsla(243, 30%, 23%, 1);
  --tk-surface-overlay: hsla(243, 30%, 13%, .8);
  --tk-surface-disabled: hsla(243, 9%, 95%, .32);
  --tk-surface-read-only: hsla(243, 9%, 95%, .21);
  --tk-surface-track: hsla(243, 9%, 95%, .21);
  --tk-surface-notice-info: hsla(243, 19%, 21%, 1);
  --tk-surface-notice-destructive: hsla(320, 21%, 23%, 1);
  --tk-content-primary-inverted: hsla(243, 30%, 13%, 1);
  --tk-surface-inverted: hsla(243, 9%, 95%, 1);
  --tk-content-interactive-primary: hsla(258, 78%, 20%, 1);
  --tk-content-interactive-default: hsla(245, 100%, 78%, 1);
  --tk-content-interactive-concealed: hsla(245, 100%, 78%, 1);
  --tk-content-interactive-ambient: hsla(245, 100%, 78%, 1);
  --tk-content-interactive-destructive: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary: hsla(245, 100%, 78%, 1);
  --tk-surface-interactive-default: hsla(245, 100%, 78%, .1);
  --tk-surface-interactive-concealed: hsla(245, 100%, 78%, 0);
  --tk-surface-interactive-ambient: hsla(245, 100%, 78%, 0);
  --tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
  --tk-content-interactive-primary-hover: hsla(258, 78%, 20%, 1);
  --tk-content-interactive-default-hover: hsla(245, 100%, 78%, 1);
  --tk-content-interactive-concealed-hover: hsla(245, 100%, 78%, 1);
  --tk-content-interactive-ambient-hover: hsla(245, 100%, 82%, 1);
  --tk-content-interactive-destructive-hover: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-hover: hsla(245, 100%, 82%, 1);
  --tk-surface-interactive-default-hover: hsla(245, 100%, 78%, .15);
  --tk-surface-interactive-concealed-hover: hsla(245, 100%, 78%, .05);
  --tk-surface-interactive-ambient-hover: hsla(245, 100%, 78%, 0);
  --tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
  --tk-content-interactive-primary-active: hsla(258, 78%, 20%, 1);
  --tk-content-interactive-default-active: hsla(245, 100%, 78%, 1);
  --tk-content-interactive-concealed-active: hsla(245, 100%, 78%, 1);
  --tk-content-interactive-ambient-active: hsla(245, 100%, 85%, 1);
  --tk-content-interactive-destructive-active: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-active: hsla(245, 100%, 85%, 1);
  --tk-surface-interactive-default-active: hsla(245, 100%, 78%, .2);
  --tk-surface-interactive-concealed-active: hsla(245, 100%, 78%, .1);
  --tk-surface-interactive-ambient-active: hsla(245, 100%, 78%, 0);
  --tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(259, 100%, 11%, 1);
  --tk-soft-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-end: hsla(244, 49%, 49%, 1);
  --tk-day-start: hsla(258, 78%, 20%, 1);
  --tk-day-end: hsla(244, 49%, 49%, 1);
  --tk-soft-twilight-start: hsla(259, 100%, 11%, 1);
  --tk-soft-twilight-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-twilight-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-twilight-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-twilight-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical1: hsla(245, 100%, 78%, 1);
  --tk-chart-categorical2: hsla(225, 45%, 61%, 1);
  --tk-chart-categorical3: hsla(231, 33%, 45%, 1);
  --tk-chart-categorical4: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical5: hsla(173, 26%, 34%, 1);
  --tk-chart-categorical6: hsla(173, 27%, 20%, 1);
  --tk-chart-categorical7: hsla(21, 67%, 62%, 1);
  --tk-chart-categorical8: hsla(21, 53%, 44%, 1);
  --tk-chart-categorical9: hsla(21, 53%, 33%, 1);
  --tk-chart-neutral-primary: hsla(243, 9%, 95%, 1);
  --tk-chart-neutral-secondary: hsla(243, 9%, 95%, .84);
  --tk-chart-neutral-tertiary: hsla(243, 9%, 95%, .53);
  --tk-chart-neutral-quaternary: hsla(243, 9%, 95%, .32);
  --tk-chart-neutral-quinary: hsla(243, 9%, 95%, .21);
  --tk-chart-neutral-senary: hsla(243, 9%, 95%, .16);
  --tk-chart-quantitative-primary: hsla(245, 100%, 78%, 1);
  --tk-chart-quantitative-secondary: hsla(245, 100%, 78%, .63);
  --tk-chart-quantitative-tertiary: hsla(245, 100%, 78%, .34);
  --tk-chart-quantitative-quaternary: hsla(245, 100%, 78%, .17);
  --tk-chart-quantitative-quinary: hsla(245, 100%, 78%, .11);
  --tk-chart-quantitative-senary: hsla(245, 100%, 78%, .06)
}

[data-theme=sunrise-quartz-pebble-storm-white-light] {
  --tk-content-primary: hsla(243, 15%, 30%, 1);
  --tk-content-secondary: hsla(243, 15%, 30%, .85);
  --tk-content-disabled: hsla(243, 15%, 30%, .46);
  --tk-content-divider: hsla(243, 15%, 30%, .23);
  --tk-content-shadow: hsla(243, 15%, 30%, .23);
  --tk-content-positive: hsla(163, 52%, 33%, 1);
  --tk-surface: hsla(243, 9%, 95%, 1);
  --tk-surface-elevated: hsla(0, 0%, 100%, 1);
  --tk-surface-overlay: hsla(240, 4%, 10%, .8);
  --tk-surface-disabled: hsla(243, 15%, 30%, .23);
  --tk-surface-read-only: hsla(243, 15%, 30%, .15);
  --tk-surface-track: hsla(243, 15%, 30%, .15);
  --tk-surface-notice-info: hsla(252, 11%, 91%, 1);
  --tk-surface-notice-destructive: hsla(347, 31%, 89%, 1);
  --tk-content-primary-inverted: hsla(243, 9%, 95%, 1);
  --tk-surface-inverted: hsla(243, 15%, 30%, 1);
  --tk-content-interactive-primary: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default: hsla(242, 15%, 44%, 1);
  --tk-content-interactive-concealed: hsla(242, 15%, 44%, 1);
  --tk-content-interactive-ambient: hsla(242, 15%, 44%, 1);
  --tk-content-interactive-destructive: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary: hsla(242, 15%, 44%, 1);
  --tk-surface-interactive-default: hsla(242, 15%, 44%, .1);
  --tk-surface-interactive-concealed: hsla(242, 15%, 44%, 0);
  --tk-surface-interactive-ambient: hsla(242, 15%, 44%, 0);
  --tk-surface-interactive-destructive: hsla(353, 100%, 35%, .1);
  --tk-content-interactive-primary-hover: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default-hover: hsla(242, 15%, 44%, 1);
  --tk-content-interactive-concealed-hover: hsla(242, 15%, 44%, 1);
  --tk-content-interactive-ambient-hover: hsla(242, 17%, 53%, 1);
  --tk-content-interactive-destructive-hover: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary-hover: hsla(242, 17%, 53%, 1);
  --tk-surface-interactive-default-hover: hsla(242, 15%, 44%, .15);
  --tk-surface-interactive-concealed-hover: hsla(242, 15%, 44%, .05);
  --tk-surface-interactive-ambient-hover: hsla(242, 15%, 44%, 0);
  --tk-surface-interactive-destructive-hover: hsla(353, 100%, 35%, .15);
  --tk-content-interactive-primary-active: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default-active: hsla(242, 15%, 44%, 1);
  --tk-content-interactive-concealed-active: hsla(242, 15%, 44%, 1);
  --tk-content-interactive-ambient-active: hsla(241, 20%, 57%, 1);
  --tk-content-interactive-destructive-active: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary-active: hsla(241, 20%, 57%, 1);
  --tk-surface-interactive-default-active: hsla(242, 15%, 44%, .2);
  --tk-surface-interactive-concealed-active: hsla(242, 15%, 44%, .1);
  --tk-surface-interactive-ambient-active: hsla(242, 15%, 44%, 0);
  --tk-surface-interactive-destructive-active: hsla(353, 100%, 35%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(21, 53%, 93%, 1);
  --tk-soft-end: hsla(231, 84%, 95%, 1);
  --tk-vibrant-start: hsla(228, 69%, 86%, 1);
  --tk-vibrant-end: hsla(20, 97%, 86%, 1);
  --tk-aqua-start: hsla(228, 69%, 86%, 1);
  --tk-aqua-end: hsla(94, 49%, 86%, 1);
  --tk-day-start: hsla(94, 49%, 86%, 1);
  --tk-day-end: hsla(42, 100%, 92%, 1);
  --tk-soft-twilight-start: hsla(21, 67%, 62%, 1);
  --tk-soft-twilight-end: hsla(225, 45%, 61%, 1);
  --tk-vibrant-twilight-start: hsla(244, 49%, 49%, 1);
  --tk-vibrant-twilight-end: hsla(21, 53%, 44%, 1);
  --tk-aqua-twilight-start: hsla(168, 29%, 51%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(247, 69%, 20%, 1);
  --tk-chart-categorical1: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical2: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical3: hsla(230, 45%, 90%, 1);
  --tk-chart-categorical4: hsla(168, 29%, 51%, 1);
  --tk-chart-categorical5: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical6: hsla(94, 49%, 86%, 1);
  --tk-chart-categorical7: hsla(32, 71%, 42%, 1);
  --tk-chart-categorical8: hsla(31, 70%, 74%, 1);
  --tk-chart-categorical9: hsla(35, 90%, 85%, 1);
  --tk-chart-neutral-primary: hsla(243, 15%, 30%, 1);
  --tk-chart-neutral-secondary: hsla(243, 15%, 30%, .85);
  --tk-chart-neutral-tertiary: hsla(243, 15%, 30%, .46);
  --tk-chart-neutral-quaternary: hsla(243, 15%, 30%, .23);
  --tk-chart-neutral-quinary: hsla(243, 15%, 30%, .15);
  --tk-chart-neutral-senary: hsla(243, 15%, 30%, .08);
  --tk-chart-quantitative-primary: hsla(242, 15%, 44%, 1);
  --tk-chart-quantitative-secondary: hsla(242, 15%, 44%, .63);
  --tk-chart-quantitative-tertiary: hsla(242, 15%, 44%, .34);
  --tk-chart-quantitative-quaternary: hsla(242, 15%, 44%, .17);
  --tk-chart-quantitative-quinary: hsla(242, 15%, 44%, .11);
  --tk-chart-quantitative-senary: hsla(242, 15%, 44%, .06)
}

[data-theme=sunrise-quartz-pebble-storm-white-dark] {
  --tk-content-primary: hsla(243, 9%, 95%, 1);
  --tk-content-secondary: hsla(243, 9%, 95%, .84);
  --tk-content-disabled: hsla(243, 9%, 95%, .53);
  --tk-content-divider: hsla(243, 9%, 95%, .32);
  --tk-content-shadow: hsla(243, 9%, 95%, .32);
  --tk-content-positive: hsla(163, 47%, 59%, 1);
  --tk-surface: hsla(243, 15%, 30%, 1);
  --tk-surface-elevated: hsla(242, 15%, 40%, 1);
  --tk-surface-overlay: hsla(243, 33%, 14%, .8);
  --tk-surface-disabled: hsla(243, 9%, 95%, .32);
  --tk-surface-read-only: hsla(243, 9%, 95%, .21);
  --tk-surface-track: hsla(243, 9%, 95%, .21);
  --tk-surface-notice-info: hsla(243, 12%, 37%, 1);
  --tk-surface-notice-destructive: hsla(315, 13%, 36%, 1);
  --tk-content-primary-inverted: hsla(243, 15%, 30%, 1);
  --tk-surface-inverted: hsla(243, 9%, 95%, 1);
  --tk-content-interactive-primary: hsla(243, 15%, 30%, 1);
  --tk-content-interactive-default: hsla(248, 18%, 74%, 1);
  --tk-content-interactive-concealed: hsla(248, 18%, 74%, 1);
  --tk-content-interactive-ambient: hsla(248, 18%, 74%, 1);
  --tk-content-interactive-destructive: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary: hsla(248, 18%, 74%, 1);
  --tk-surface-interactive-default: hsla(248, 18%, 74%, .1);
  --tk-surface-interactive-concealed: hsla(248, 18%, 74%, 0);
  --tk-surface-interactive-ambient: hsla(248, 18%, 74%, 0);
  --tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
  --tk-content-interactive-primary-hover: hsla(243, 15%, 30%, 1);
  --tk-content-interactive-default-hover: hsla(248, 18%, 74%, 1);
  --tk-content-interactive-concealed-hover: hsla(248, 18%, 74%, 1);
  --tk-content-interactive-ambient-hover: hsla(246, 18%, 79%, 1);
  --tk-content-interactive-destructive-hover: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-hover: hsla(246, 18%, 79%, 1);
  --tk-surface-interactive-default-hover: hsla(248, 18%, 74%, .15);
  --tk-surface-interactive-concealed-hover: hsla(248, 18%, 74%, .05);
  --tk-surface-interactive-ambient-hover: hsla(248, 18%, 74%, 0);
  --tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
  --tk-content-interactive-primary-active: hsla(243, 15%, 30%, 1);
  --tk-content-interactive-default-active: hsla(248, 18%, 74%, 1);
  --tk-content-interactive-concealed-active: hsla(248, 18%, 74%, 1);
  --tk-content-interactive-ambient-active: hsla(251, 18%, 82%, 1);
  --tk-content-interactive-destructive-active: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-active: hsla(251, 18%, 82%, 1);
  --tk-surface-interactive-default-active: hsla(248, 18%, 74%, .2);
  --tk-surface-interactive-concealed-active: hsla(248, 18%, 74%, .1);
  --tk-surface-interactive-ambient-active: hsla(248, 18%, 74%, 0);
  --tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(259, 100%, 11%, 1);
  --tk-soft-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-end: hsla(244, 49%, 49%, 1);
  --tk-day-start: hsla(258, 78%, 20%, 1);
  --tk-day-end: hsla(244, 49%, 49%, 1);
  --tk-soft-twilight-start: hsla(259, 100%, 11%, 1);
  --tk-soft-twilight-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-twilight-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-twilight-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-twilight-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical1: hsla(245, 100%, 78%, 1);
  --tk-chart-categorical2: hsla(225, 45%, 61%, 1);
  --tk-chart-categorical3: hsla(231, 33%, 45%, 1);
  --tk-chart-categorical4: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical5: hsla(173, 26%, 34%, 1);
  --tk-chart-categorical6: hsla(173, 27%, 20%, 1);
  --tk-chart-categorical7: hsla(21, 67%, 62%, 1);
  --tk-chart-categorical8: hsla(21, 53%, 44%, 1);
  --tk-chart-categorical9: hsla(21, 53%, 33%, 1);
  --tk-chart-neutral-primary: hsla(243, 9%, 95%, 1);
  --tk-chart-neutral-secondary: hsla(243, 9%, 95%, .84);
  --tk-chart-neutral-tertiary: hsla(243, 9%, 95%, .53);
  --tk-chart-neutral-quaternary: hsla(243, 9%, 95%, .32);
  --tk-chart-neutral-quinary: hsla(243, 9%, 95%, .21);
  --tk-chart-neutral-senary: hsla(243, 9%, 95%, .16);
  --tk-chart-quantitative-primary: hsla(248, 18%, 74%, 1);
  --tk-chart-quantitative-secondary: hsla(248, 18%, 74%, .63);
  --tk-chart-quantitative-tertiary: hsla(248, 18%, 74%, .34);
  --tk-chart-quantitative-quaternary: hsla(248, 18%, 74%, .17);
  --tk-chart-quantitative-quinary: hsla(248, 18%, 74%, .11);
  --tk-chart-quantitative-senary: hsla(248, 18%, 74%, .06)
}

[data-theme=sunrise-space-boulder-storm-white-light] {
  --tk-content-primary: hsla(243, 30%, 13%, 1);
  --tk-content-secondary: hsla(243, 30%, 13%, .75);
  --tk-content-disabled: hsla(243, 30%, 13%, .41);
  --tk-content-divider: hsla(243, 30%, 13%, .21);
  --tk-content-shadow: hsla(243, 30%, 13%, .21);
  --tk-content-positive: hsla(163, 52%, 33%, 1);
  --tk-surface: hsla(243, 9%, 86%, 1);
  --tk-surface-elevated: hsla(240, 9%, 91%, 1);
  --tk-surface-overlay: hsla(240, 12%, 11%, .8);
  --tk-surface-disabled: hsla(243, 30%, 13%, .21);
  --tk-surface-read-only: hsla(243, 30%, 13%, .14);
  --tk-surface-track: hsla(243, 30%, 13%, .14);
  --tk-surface-notice-info: hsla(246, 11%, 83%, 1);
  --tk-surface-notice-destructive: hsla(330, 17%, 80%, 1);
  --tk-content-primary-inverted: hsla(243, 9%, 86%, 1);
  --tk-surface-inverted: hsla(243, 30%, 13%, 1);
  --tk-content-interactive-primary: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default: hsla(242, 15%, 44%, 1);
  --tk-content-interactive-concealed: hsla(242, 15%, 44%, 1);
  --tk-content-interactive-ambient: hsla(242, 15%, 44%, 1);
  --tk-content-interactive-destructive: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary: hsla(242, 15%, 44%, 1);
  --tk-surface-interactive-default: hsla(242, 15%, 44%, .1);
  --tk-surface-interactive-concealed: hsla(242, 15%, 44%, 0);
  --tk-surface-interactive-ambient: hsla(242, 15%, 44%, 0);
  --tk-surface-interactive-destructive: hsla(353, 100%, 35%, .1);
  --tk-content-interactive-primary-hover: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default-hover: hsla(242, 15%, 44%, 1);
  --tk-content-interactive-concealed-hover: hsla(242, 15%, 44%, 1);
  --tk-content-interactive-ambient-hover: hsla(242, 17%, 53%, 1);
  --tk-content-interactive-destructive-hover: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary-hover: hsla(242, 17%, 53%, 1);
  --tk-surface-interactive-default-hover: hsla(242, 15%, 44%, .15);
  --tk-surface-interactive-concealed-hover: hsla(242, 15%, 44%, .05);
  --tk-surface-interactive-ambient-hover: hsla(242, 15%, 44%, 0);
  --tk-surface-interactive-destructive-hover: hsla(353, 100%, 35%, .15);
  --tk-content-interactive-primary-active: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default-active: hsla(242, 15%, 44%, 1);
  --tk-content-interactive-concealed-active: hsla(242, 15%, 44%, 1);
  --tk-content-interactive-ambient-active: hsla(241, 20%, 57%, 1);
  --tk-content-interactive-destructive-active: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary-active: hsla(241, 20%, 57%, 1);
  --tk-surface-interactive-default-active: hsla(242, 15%, 44%, .2);
  --tk-surface-interactive-concealed-active: hsla(242, 15%, 44%, .1);
  --tk-surface-interactive-ambient-active: hsla(242, 15%, 44%, 0);
  --tk-surface-interactive-destructive-active: hsla(353, 100%, 35%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(21, 53%, 93%, 1);
  --tk-soft-end: hsla(231, 84%, 95%, 1);
  --tk-vibrant-start: hsla(228, 69%, 86%, 1);
  --tk-vibrant-end: hsla(20, 97%, 86%, 1);
  --tk-aqua-start: hsla(228, 69%, 86%, 1);
  --tk-aqua-end: hsla(94, 49%, 86%, 1);
  --tk-day-start: hsla(94, 49%, 86%, 1);
  --tk-day-end: hsla(42, 100%, 92%, 1);
  --tk-soft-twilight-start: hsla(21, 67%, 62%, 1);
  --tk-soft-twilight-end: hsla(225, 45%, 61%, 1);
  --tk-vibrant-twilight-start: hsla(244, 49%, 49%, 1);
  --tk-vibrant-twilight-end: hsla(21, 53%, 44%, 1);
  --tk-aqua-twilight-start: hsla(168, 29%, 51%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(247, 69%, 20%, 1);
  --tk-chart-categorical1: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical2: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical3: hsla(230, 45%, 90%, 1);
  --tk-chart-categorical4: hsla(168, 29%, 51%, 1);
  --tk-chart-categorical5: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical6: hsla(94, 49%, 86%, 1);
  --tk-chart-categorical7: hsla(32, 71%, 42%, 1);
  --tk-chart-categorical8: hsla(31, 70%, 74%, 1);
  --tk-chart-categorical9: hsla(35, 90%, 85%, 1);
  --tk-chart-neutral-primary: hsla(243, 30%, 13%, 1);
  --tk-chart-neutral-secondary: hsla(243, 30%, 13%, .75);
  --tk-chart-neutral-tertiary: hsla(243, 30%, 13%, .41);
  --tk-chart-neutral-quaternary: hsla(243, 30%, 13%, .21);
  --tk-chart-neutral-quinary: hsla(243, 30%, 13%, .14);
  --tk-chart-neutral-senary: hsla(243, 30%, 13%, .07);
  --tk-chart-quantitative-primary: hsla(242, 15%, 44%, 1);
  --tk-chart-quantitative-secondary: hsla(242, 15%, 44%, .63);
  --tk-chart-quantitative-tertiary: hsla(242, 15%, 44%, .34);
  --tk-chart-quantitative-quaternary: hsla(242, 15%, 44%, .17);
  --tk-chart-quantitative-quinary: hsla(242, 15%, 44%, .11);
  --tk-chart-quantitative-senary: hsla(242, 15%, 44%, .06)
}

[data-theme=sunrise-space-boulder-storm-white-dark] {
  --tk-content-primary: hsla(243, 9%, 86%, 1);
  --tk-content-secondary: hsla(243, 9%, 86%, .93);
  --tk-content-disabled: hsla(243, 9%, 86%, .58);
  --tk-content-divider: hsla(243, 9%, 86%, .35);
  --tk-content-shadow: hsla(243, 9%, 86%, .35);
  --tk-content-positive: hsla(163, 47%, 59%, 1);
  --tk-surface: hsla(243, 30%, 13%, 1);
  --tk-surface-elevated: hsla(243, 30%, 23%, 1);
  --tk-surface-overlay: hsla(243, 30%, 13%, .8);
  --tk-surface-disabled: hsla(243, 9%, 86%, .35);
  --tk-surface-read-only: hsla(243, 9%, 86%, .23);
  --tk-surface-track: hsla(243, 9%, 86%, .23);
  --tk-surface-notice-info: hsla(243, 19%, 21%, 1);
  --tk-surface-notice-destructive: hsla(320, 21%, 23%, 1);
  --tk-content-primary-inverted: hsla(243, 30%, 13%, 1);
  --tk-surface-inverted: hsla(243, 9%, 86%, 1);
  --tk-content-interactive-primary: hsla(243, 30%, 13%, 1);
  --tk-content-interactive-default: hsla(248, 18%, 74%, 1);
  --tk-content-interactive-concealed: hsla(248, 18%, 74%, 1);
  --tk-content-interactive-ambient: hsla(248, 18%, 74%, 1);
  --tk-content-interactive-destructive: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary: hsla(248, 18%, 74%, 1);
  --tk-surface-interactive-default: hsla(248, 18%, 74%, .1);
  --tk-surface-interactive-concealed: hsla(248, 18%, 74%, 0);
  --tk-surface-interactive-ambient: hsla(248, 18%, 74%, 0);
  --tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
  --tk-content-interactive-primary-hover: hsla(243, 30%, 13%, 1);
  --tk-content-interactive-default-hover: hsla(248, 18%, 74%, 1);
  --tk-content-interactive-concealed-hover: hsla(248, 18%, 74%, 1);
  --tk-content-interactive-ambient-hover: hsla(246, 18%, 79%, 1);
  --tk-content-interactive-destructive-hover: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-hover: hsla(246, 18%, 79%, 1);
  --tk-surface-interactive-default-hover: hsla(248, 18%, 74%, .15);
  --tk-surface-interactive-concealed-hover: hsla(248, 18%, 74%, .05);
  --tk-surface-interactive-ambient-hover: hsla(248, 18%, 74%, 0);
  --tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
  --tk-content-interactive-primary-active: hsla(243, 30%, 13%, 1);
  --tk-content-interactive-default-active: hsla(248, 18%, 74%, 1);
  --tk-content-interactive-concealed-active: hsla(248, 18%, 74%, 1);
  --tk-content-interactive-ambient-active: hsla(251, 18%, 82%, 1);
  --tk-content-interactive-destructive-active: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-active: hsla(251, 18%, 82%, 1);
  --tk-surface-interactive-default-active: hsla(248, 18%, 74%, .2);
  --tk-surface-interactive-concealed-active: hsla(248, 18%, 74%, .1);
  --tk-surface-interactive-ambient-active: hsla(248, 18%, 74%, 0);
  --tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(259, 100%, 11%, 1);
  --tk-soft-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-end: hsla(244, 49%, 49%, 1);
  --tk-day-start: hsla(258, 78%, 20%, 1);
  --tk-day-end: hsla(244, 49%, 49%, 1);
  --tk-soft-twilight-start: hsla(259, 100%, 11%, 1);
  --tk-soft-twilight-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-twilight-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-twilight-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-twilight-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical1: hsla(245, 100%, 78%, 1);
  --tk-chart-categorical2: hsla(225, 45%, 61%, 1);
  --tk-chart-categorical3: hsla(231, 33%, 45%, 1);
  --tk-chart-categorical4: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical5: hsla(173, 26%, 34%, 1);
  --tk-chart-categorical6: hsla(173, 27%, 20%, 1);
  --tk-chart-categorical7: hsla(21, 67%, 62%, 1);
  --tk-chart-categorical8: hsla(21, 53%, 44%, 1);
  --tk-chart-categorical9: hsla(21, 53%, 33%, 1);
  --tk-chart-neutral-primary: hsla(243, 9%, 86%, 1);
  --tk-chart-neutral-secondary: hsla(243, 9%, 86%, .93);
  --tk-chart-neutral-tertiary: hsla(243, 9%, 86%, .58);
  --tk-chart-neutral-quaternary: hsla(243, 9%, 86%, .35);
  --tk-chart-neutral-quinary: hsla(243, 9%, 86%, .23);
  --tk-chart-neutral-senary: hsla(243, 9%, 86%, .17);
  --tk-chart-quantitative-primary: hsla(248, 18%, 74%, 1);
  --tk-chart-quantitative-secondary: hsla(248, 18%, 74%, .63);
  --tk-chart-quantitative-tertiary: hsla(248, 18%, 74%, .34);
  --tk-chart-quantitative-quaternary: hsla(248, 18%, 74%, .17);
  --tk-chart-quantitative-quinary: hsla(248, 18%, 74%, .11);
  --tk-chart-quantitative-senary: hsla(248, 18%, 74%, .06)
}

[data-theme=sunrise-plum-lilac-blurple-white-light] {
  --tk-content-primary: hsla(252, 49%, 33%, 1);
  --tk-content-secondary: hsla(252, 49%, 33%, .89);
  --tk-content-disabled: hsla(252, 49%, 33%, .48);
  --tk-content-divider: hsla(252, 49%, 33%, .24);
  --tk-content-shadow: hsla(252, 49%, 33%, .24);
  --tk-content-positive: hsla(163, 52%, 33%, 1);
  --tk-surface: hsla(230, 82%, 95%, 1);
  --tk-surface-elevated: hsla(0, 0%, 100%, 1);
  --tk-surface-overlay: hsla(231, 33%, 12%, .8);
  --tk-surface-disabled: hsla(252, 49%, 33%, .24);
  --tk-surface-read-only: hsla(252, 49%, 33%, .16);
  --tk-surface-track: hsla(252, 49%, 33%, .16);
  --tk-surface-notice-info: hsla(235, 53%, 92%, 1);
  --tk-surface-notice-destructive: hsla(290, 26%, 87%, 1);
  --tk-content-primary-inverted: hsla(230, 82%, 95%, 1);
  --tk-surface-inverted: hsla(252, 49%, 33%, 1);
  --tk-content-interactive-primary: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default: hsla(244, 49%, 49%, 1);
  --tk-content-interactive-concealed: hsla(244, 49%, 49%, 1);
  --tk-content-interactive-ambient: hsla(244, 49%, 49%, 1);
  --tk-content-interactive-destructive: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary: hsla(244, 49%, 49%, 1);
  --tk-surface-interactive-default: hsla(244, 49%, 49%, .1);
  --tk-surface-interactive-concealed: hsla(244, 49%, 49%, 0);
  --tk-surface-interactive-ambient: hsla(244, 49%, 49%, 0);
  --tk-surface-interactive-destructive: hsla(353, 100%, 35%, .1);
  --tk-content-interactive-primary-hover: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default-hover: hsla(244, 49%, 49%, 1);
  --tk-content-interactive-concealed-hover: hsla(244, 49%, 49%, 1);
  --tk-content-interactive-ambient-hover: hsla(244, 53%, 54%, 1);
  --tk-content-interactive-destructive-hover: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary-hover: hsla(244, 53%, 54%, 1);
  --tk-surface-interactive-default-hover: hsla(244, 49%, 49%, .15);
  --tk-surface-interactive-concealed-hover: hsla(244, 49%, 49%, .05);
  --tk-surface-interactive-ambient-hover: hsla(244, 49%, 49%, 0);
  --tk-surface-interactive-destructive-hover: hsla(353, 100%, 35%, .15);
  --tk-content-interactive-primary-active: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default-active: hsla(244, 49%, 49%, 1);
  --tk-content-interactive-concealed-active: hsla(244, 49%, 49%, 1);
  --tk-content-interactive-ambient-active: hsla(245, 56%, 57%, 1);
  --tk-content-interactive-destructive-active: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary-active: hsla(245, 56%, 57%, 1);
  --tk-surface-interactive-default-active: hsla(244, 49%, 49%, .2);
  --tk-surface-interactive-concealed-active: hsla(244, 49%, 49%, .1);
  --tk-surface-interactive-ambient-active: hsla(244, 49%, 49%, 0);
  --tk-surface-interactive-destructive-active: hsla(353, 100%, 35%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(21, 53%, 93%, 1);
  --tk-soft-end: hsla(231, 84%, 95%, 1);
  --tk-vibrant-start: hsla(228, 69%, 86%, 1);
  --tk-vibrant-end: hsla(20, 97%, 86%, 1);
  --tk-aqua-start: hsla(228, 69%, 86%, 1);
  --tk-aqua-end: hsla(94, 49%, 86%, 1);
  --tk-day-start: hsla(94, 49%, 86%, 1);
  --tk-day-end: hsla(42, 100%, 92%, 1);
  --tk-soft-twilight-start: hsla(21, 67%, 62%, 1);
  --tk-soft-twilight-end: hsla(225, 45%, 61%, 1);
  --tk-vibrant-twilight-start: hsla(244, 49%, 49%, 1);
  --tk-vibrant-twilight-end: hsla(21, 53%, 44%, 1);
  --tk-aqua-twilight-start: hsla(168, 29%, 51%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(247, 69%, 20%, 1);
  --tk-chart-categorical1: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical2: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical3: hsla(230, 45%, 90%, 1);
  --tk-chart-categorical4: hsla(168, 29%, 51%, 1);
  --tk-chart-categorical5: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical6: hsla(94, 49%, 86%, 1);
  --tk-chart-categorical7: hsla(32, 71%, 42%, 1);
  --tk-chart-categorical8: hsla(31, 70%, 74%, 1);
  --tk-chart-categorical9: hsla(35, 90%, 85%, 1);
  --tk-chart-neutral-primary: hsla(252, 49%, 33%, 1);
  --tk-chart-neutral-secondary: hsla(252, 49%, 33%, .89);
  --tk-chart-neutral-tertiary: hsla(252, 49%, 33%, .48);
  --tk-chart-neutral-quaternary: hsla(252, 49%, 33%, .24);
  --tk-chart-neutral-quinary: hsla(252, 49%, 33%, .16);
  --tk-chart-neutral-senary: hsla(252, 49%, 33%, .08);
  --tk-chart-quantitative-primary: hsla(244, 49%, 49%, 1);
  --tk-chart-quantitative-secondary: hsla(244, 49%, 49%, .63);
  --tk-chart-quantitative-tertiary: hsla(244, 49%, 49%, .34);
  --tk-chart-quantitative-quaternary: hsla(244, 49%, 49%, .17);
  --tk-chart-quantitative-quinary: hsla(244, 49%, 49%, .11);
  --tk-chart-quantitative-senary: hsla(244, 49%, 49%, .06)
}

[data-theme=sunrise-plum-lilac-blurple-white-dark] {
  --tk-content-primary: hsla(230, 82%, 95%, 1);
  --tk-content-secondary: hsla(230, 82%, 95%, .84);
  --tk-content-disabled: hsla(230, 82%, 95%, .53);
  --tk-content-divider: hsla(230, 82%, 95%, .32);
  --tk-content-shadow: hsla(230, 82%, 95%, .32);
  --tk-content-positive: hsla(163, 47%, 59%, 1);
  --tk-surface: hsla(252, 49%, 33%, 1);
  --tk-surface-elevated: hsla(252, 49%, 43%, 1);
  --tk-surface-overlay: hsla(252, 77%, 21%, .8);
  --tk-surface-disabled: hsla(230, 82%, 95%, .32);
  --tk-surface-read-only: hsla(230, 82%, 95%, .21);
  --tk-surface-track: hsla(230, 82%, 95%, .21);
  --tk-surface-notice-info: hsla(251, 38%, 39%, 1);
  --tk-surface-notice-destructive: hsla(273, 35%, 37%, 1);
  --tk-content-primary-inverted: hsla(252, 49%, 33%, 1);
  --tk-surface-inverted: hsla(230, 82%, 95%, 1);
  --tk-content-interactive-primary: hsla(252, 49%, 33%, 1);
  --tk-content-interactive-default: hsla(245, 100%, 78%, 1);
  --tk-content-interactive-concealed: hsla(245, 100%, 78%, 1);
  --tk-content-interactive-ambient: hsla(245, 100%, 78%, 1);
  --tk-content-interactive-destructive: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary: hsla(245, 100%, 78%, 1);
  --tk-surface-interactive-default: hsla(245, 100%, 78%, .1);
  --tk-surface-interactive-concealed: hsla(245, 100%, 78%, 0);
  --tk-surface-interactive-ambient: hsla(245, 100%, 78%, 0);
  --tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
  --tk-content-interactive-primary-hover: hsla(252, 49%, 33%, 1);
  --tk-content-interactive-default-hover: hsla(245, 100%, 78%, 1);
  --tk-content-interactive-concealed-hover: hsla(245, 100%, 78%, 1);
  --tk-content-interactive-ambient-hover: hsla(245, 100%, 82%, 1);
  --tk-content-interactive-destructive-hover: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-hover: hsla(245, 100%, 82%, 1);
  --tk-surface-interactive-default-hover: hsla(245, 100%, 78%, .15);
  --tk-surface-interactive-concealed-hover: hsla(245, 100%, 78%, .05);
  --tk-surface-interactive-ambient-hover: hsla(245, 100%, 78%, 0);
  --tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
  --tk-content-interactive-primary-active: hsla(252, 49%, 33%, 1);
  --tk-content-interactive-default-active: hsla(245, 100%, 78%, 1);
  --tk-content-interactive-concealed-active: hsla(245, 100%, 78%, 1);
  --tk-content-interactive-ambient-active: hsla(245, 100%, 85%, 1);
  --tk-content-interactive-destructive-active: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-active: hsla(245, 100%, 85%, 1);
  --tk-surface-interactive-default-active: hsla(245, 100%, 78%, .2);
  --tk-surface-interactive-concealed-active: hsla(245, 100%, 78%, .1);
  --tk-surface-interactive-ambient-active: hsla(245, 100%, 78%, 0);
  --tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(259, 100%, 11%, 1);
  --tk-soft-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-end: hsla(244, 49%, 49%, 1);
  --tk-day-start: hsla(258, 78%, 20%, 1);
  --tk-day-end: hsla(244, 49%, 49%, 1);
  --tk-soft-twilight-start: hsla(259, 100%, 11%, 1);
  --tk-soft-twilight-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-twilight-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-twilight-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-twilight-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical1: hsla(245, 100%, 78%, 1);
  --tk-chart-categorical2: hsla(225, 45%, 61%, 1);
  --tk-chart-categorical3: hsla(231, 33%, 45%, 1);
  --tk-chart-categorical4: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical5: hsla(173, 26%, 34%, 1);
  --tk-chart-categorical6: hsla(173, 27%, 20%, 1);
  --tk-chart-categorical7: hsla(21, 67%, 62%, 1);
  --tk-chart-categorical8: hsla(21, 53%, 44%, 1);
  --tk-chart-categorical9: hsla(21, 53%, 33%, 1);
  --tk-chart-neutral-primary: hsla(230, 82%, 95%, 1);
  --tk-chart-neutral-secondary: hsla(230, 82%, 95%, .84);
  --tk-chart-neutral-tertiary: hsla(230, 82%, 95%, .53);
  --tk-chart-neutral-quaternary: hsla(230, 82%, 95%, .32);
  --tk-chart-neutral-quinary: hsla(230, 82%, 95%, .21);
  --tk-chart-neutral-senary: hsla(230, 82%, 95%, .16);
  --tk-chart-quantitative-primary: hsla(245, 100%, 78%, 1);
  --tk-chart-quantitative-secondary: hsla(245, 100%, 78%, .63);
  --tk-chart-quantitative-tertiary: hsla(245, 100%, 78%, .34);
  --tk-chart-quantitative-quaternary: hsla(245, 100%, 78%, .17);
  --tk-chart-quantitative-quinary: hsla(245, 100%, 78%, .11);
  --tk-chart-quantitative-senary: hsla(245, 100%, 78%, .06)
}

[data-theme=sunrise-eggplant-lavender-blurple-white-light] {
  --tk-content-primary: hsla(258, 78%, 20%, 1);
  --tk-content-secondary: hsla(258, 78%, 20%, .83);
  --tk-content-disabled: hsla(258, 78%, 20%, .45);
  --tk-content-divider: hsla(258, 78%, 20%, .23);
  --tk-content-shadow: hsla(258, 78%, 20%, .23);
  --tk-content-positive: hsla(163, 52%, 33%, 1);
  --tk-surface: hsla(228, 68%, 86%, 1);
  --tk-surface-elevated: hsla(228, 69%, 91%, 1);
  --tk-surface-overlay: hsla(228, 64%, 15%, .8);
  --tk-surface-disabled: hsla(258, 78%, 20%, .23);
  --tk-surface-read-only: hsla(258, 78%, 20%, .15);
  --tk-surface-track: hsla(258, 78%, 20%, .15);
  --tk-surface-notice-info: hsla(230, 56%, 83%, 1);
  --tk-surface-notice-destructive: hsla(253, 36%, 80%, 1);
  --tk-content-primary-inverted: hsla(228, 68%, 86%, 1);
  --tk-surface-inverted: hsla(258, 78%, 20%, 1);
  --tk-content-interactive-primary: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default: hsla(244, 49%, 49%, 1);
  --tk-content-interactive-concealed: hsla(244, 49%, 49%, 1);
  --tk-content-interactive-ambient: hsla(244, 49%, 49%, 1);
  --tk-content-interactive-destructive: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary: hsla(244, 49%, 49%, 1);
  --tk-surface-interactive-default: hsla(244, 49%, 49%, .1);
  --tk-surface-interactive-concealed: hsla(244, 49%, 49%, 0);
  --tk-surface-interactive-ambient: hsla(244, 49%, 49%, 0);
  --tk-surface-interactive-destructive: hsla(353, 100%, 35%, .1);
  --tk-content-interactive-primary-hover: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default-hover: hsla(244, 49%, 49%, 1);
  --tk-content-interactive-concealed-hover: hsla(244, 49%, 49%, 1);
  --tk-content-interactive-ambient-hover: hsla(244, 53%, 54%, 1);
  --tk-content-interactive-destructive-hover: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary-hover: hsla(244, 53%, 54%, 1);
  --tk-surface-interactive-default-hover: hsla(244, 49%, 49%, .15);
  --tk-surface-interactive-concealed-hover: hsla(244, 49%, 49%, .05);
  --tk-surface-interactive-ambient-hover: hsla(244, 49%, 49%, 0);
  --tk-surface-interactive-destructive-hover: hsla(353, 100%, 35%, .15);
  --tk-content-interactive-primary-active: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default-active: hsla(244, 49%, 49%, 1);
  --tk-content-interactive-concealed-active: hsla(244, 49%, 49%, 1);
  --tk-content-interactive-ambient-active: hsla(245, 56%, 57%, 1);
  --tk-content-interactive-destructive-active: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary-active: hsla(245, 56%, 57%, 1);
  --tk-surface-interactive-default-active: hsla(244, 49%, 49%, .2);
  --tk-surface-interactive-concealed-active: hsla(244, 49%, 49%, .1);
  --tk-surface-interactive-ambient-active: hsla(244, 49%, 49%, 0);
  --tk-surface-interactive-destructive-active: hsla(353, 100%, 35%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(21, 53%, 93%, 1);
  --tk-soft-end: hsla(231, 84%, 95%, 1);
  --tk-vibrant-start: hsla(228, 69%, 86%, 1);
  --tk-vibrant-end: hsla(20, 97%, 86%, 1);
  --tk-aqua-start: hsla(228, 69%, 86%, 1);
  --tk-aqua-end: hsla(94, 49%, 86%, 1);
  --tk-day-start: hsla(94, 49%, 86%, 1);
  --tk-day-end: hsla(42, 100%, 92%, 1);
  --tk-soft-twilight-start: hsla(21, 67%, 62%, 1);
  --tk-soft-twilight-end: hsla(225, 45%, 61%, 1);
  --tk-vibrant-twilight-start: hsla(244, 49%, 49%, 1);
  --tk-vibrant-twilight-end: hsla(21, 53%, 44%, 1);
  --tk-aqua-twilight-start: hsla(168, 29%, 51%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(247, 69%, 20%, 1);
  --tk-chart-categorical1: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical2: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical3: hsla(230, 45%, 90%, 1);
  --tk-chart-categorical4: hsla(168, 29%, 51%, 1);
  --tk-chart-categorical5: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical6: hsla(94, 49%, 86%, 1);
  --tk-chart-categorical7: hsla(32, 71%, 42%, 1);
  --tk-chart-categorical8: hsla(31, 70%, 74%, 1);
  --tk-chart-categorical9: hsla(35, 90%, 85%, 1);
  --tk-chart-neutral-primary: hsla(258, 78%, 20%, 1);
  --tk-chart-neutral-secondary: hsla(258, 78%, 20%, .83);
  --tk-chart-neutral-tertiary: hsla(258, 78%, 20%, .45);
  --tk-chart-neutral-quaternary: hsla(258, 78%, 20%, .23);
  --tk-chart-neutral-quinary: hsla(258, 78%, 20%, .15);
  --tk-chart-neutral-senary: hsla(258, 78%, 20%, .08);
  --tk-chart-quantitative-primary: hsla(244, 49%, 49%, 1);
  --tk-chart-quantitative-secondary: hsla(244, 49%, 49%, .63);
  --tk-chart-quantitative-tertiary: hsla(244, 49%, 49%, .34);
  --tk-chart-quantitative-quaternary: hsla(244, 49%, 49%, .17);
  --tk-chart-quantitative-quinary: hsla(244, 49%, 49%, .11);
  --tk-chart-quantitative-senary: hsla(244, 49%, 49%, .06)
}

[data-theme=sunrise-eggplant-lavender-blurple-white-dark] {
  --tk-content-primary: hsla(228, 68%, 86%, 1);
  --tk-content-secondary: hsla(228, 68%, 86%, .93);
  --tk-content-disabled: hsla(228, 68%, 86%, .58);
  --tk-content-divider: hsla(228, 68%, 86%, .35);
  --tk-content-shadow: hsla(228, 68%, 86%, .35);
  --tk-content-positive: hsla(163, 47%, 59%, 1);
  --tk-surface: hsla(258, 78%, 20%, 1);
  --tk-surface-elevated: hsla(258, 78%, 30%, 1);
  --tk-surface-overlay: hsla(258, 82%, 19%, .8);
  --tk-surface-disabled: hsla(228, 68%, 86%, .35);
  --tk-surface-read-only: hsla(228, 68%, 86%, .23);
  --tk-surface-track: hsla(228, 68%, 86%, .23);
  --tk-surface-notice-info: hsla(258, 53%, 27%, 1);
  --tk-surface-notice-destructive: hsla(280, 47%, 27%, 1);
  --tk-content-primary-inverted: hsla(258, 78%, 20%, 1);
  --tk-surface-inverted: hsla(228, 68%, 86%, 1);
  --tk-content-interactive-primary: hsla(258, 78%, 20%, 1);
  --tk-content-interactive-default: hsla(245, 100%, 78%, 1);
  --tk-content-interactive-concealed: hsla(245, 100%, 78%, 1);
  --tk-content-interactive-ambient: hsla(245, 100%, 78%, 1);
  --tk-content-interactive-destructive: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary: hsla(245, 100%, 78%, 1);
  --tk-surface-interactive-default: hsla(245, 100%, 78%, .1);
  --tk-surface-interactive-concealed: hsla(245, 100%, 78%, 0);
  --tk-surface-interactive-ambient: hsla(245, 100%, 78%, 0);
  --tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
  --tk-content-interactive-primary-hover: hsla(258, 78%, 20%, 1);
  --tk-content-interactive-default-hover: hsla(245, 100%, 78%, 1);
  --tk-content-interactive-concealed-hover: hsla(245, 100%, 78%, 1);
  --tk-content-interactive-ambient-hover: hsla(245, 100%, 82%, 1);
  --tk-content-interactive-destructive-hover: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-hover: hsla(245, 100%, 82%, 1);
  --tk-surface-interactive-default-hover: hsla(245, 100%, 78%, .15);
  --tk-surface-interactive-concealed-hover: hsla(245, 100%, 78%, .05);
  --tk-surface-interactive-ambient-hover: hsla(245, 100%, 78%, 0);
  --tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
  --tk-content-interactive-primary-active: hsla(258, 78%, 20%, 1);
  --tk-content-interactive-default-active: hsla(245, 100%, 78%, 1);
  --tk-content-interactive-concealed-active: hsla(245, 100%, 78%, 1);
  --tk-content-interactive-ambient-active: hsla(245, 100%, 85%, 1);
  --tk-content-interactive-destructive-active: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-active: hsla(245, 100%, 85%, 1);
  --tk-surface-interactive-default-active: hsla(245, 100%, 78%, .2);
  --tk-surface-interactive-concealed-active: hsla(245, 100%, 78%, .1);
  --tk-surface-interactive-ambient-active: hsla(245, 100%, 78%, 0);
  --tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(259, 100%, 11%, 1);
  --tk-soft-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-end: hsla(244, 49%, 49%, 1);
  --tk-day-start: hsla(258, 78%, 20%, 1);
  --tk-day-end: hsla(244, 49%, 49%, 1);
  --tk-soft-twilight-start: hsla(259, 100%, 11%, 1);
  --tk-soft-twilight-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-twilight-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-twilight-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-twilight-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical1: hsla(245, 100%, 78%, 1);
  --tk-chart-categorical2: hsla(225, 45%, 61%, 1);
  --tk-chart-categorical3: hsla(231, 33%, 45%, 1);
  --tk-chart-categorical4: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical5: hsla(173, 26%, 34%, 1);
  --tk-chart-categorical6: hsla(173, 27%, 20%, 1);
  --tk-chart-categorical7: hsla(21, 67%, 62%, 1);
  --tk-chart-categorical8: hsla(21, 53%, 44%, 1);
  --tk-chart-categorical9: hsla(21, 53%, 33%, 1);
  --tk-chart-neutral-primary: hsla(228, 68%, 86%, 1);
  --tk-chart-neutral-secondary: hsla(228, 68%, 86%, .93);
  --tk-chart-neutral-tertiary: hsla(228, 68%, 86%, .58);
  --tk-chart-neutral-quaternary: hsla(228, 68%, 86%, .35);
  --tk-chart-neutral-quinary: hsla(228, 68%, 86%, .23);
  --tk-chart-neutral-senary: hsla(228, 68%, 86%, .17);
  --tk-chart-quantitative-primary: hsla(245, 100%, 78%, 1);
  --tk-chart-quantitative-secondary: hsla(245, 100%, 78%, .63);
  --tk-chart-quantitative-tertiary: hsla(245, 100%, 78%, .34);
  --tk-chart-quantitative-quaternary: hsla(245, 100%, 78%, .17);
  --tk-chart-quantitative-quinary: hsla(245, 100%, 78%, .11);
  --tk-chart-quantitative-senary: hsla(245, 100%, 78%, .06)
}

[data-theme=sunrise-moss-rosemary-spruce-white-light] {
  --tk-content-primary: hsla(173, 30%, 30%, 1);
  --tk-content-secondary: hsla(173, 30%, 30%, .89);
  --tk-content-disabled: hsla(173, 30%, 30%, .48);
  --tk-content-divider: hsla(173, 30%, 30%, .24);
  --tk-content-shadow: hsla(173, 30%, 30%, .24);
  --tk-content-positive: hsla(163, 52%, 33%, 1);
  --tk-surface: hsla(93, 50%, 92%, 1);
  --tk-surface-elevated: hsla(90, 50%, 97%, 1);
  --tk-surface-overlay: hsla(91, 51%, 8%, .8);
  --tk-surface-disabled: hsla(173, 30%, 30%, .24);
  --tk-surface-read-only: hsla(173, 30%, 30%, .16);
  --tk-surface-track: hsla(173, 30%, 30%, .16);
  --tk-surface-notice-info: hsla(94, 27%, 88%, 1);
  --tk-surface-notice-destructive: hsla(41, 32%, 85%, 1);
  --tk-content-primary-inverted: hsla(93, 50%, 92%, 1);
  --tk-surface-inverted: hsla(173, 30%, 30%, 1);
  --tk-content-interactive-primary: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default: hsla(174, 100%, 30%, 1);
  --tk-content-interactive-concealed: hsla(174, 100%, 30%, 1);
  --tk-content-interactive-ambient: hsla(174, 100%, 30%, 1);
  --tk-content-interactive-destructive: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary: hsla(174, 100%, 30%, 1);
  --tk-surface-interactive-default: hsla(174, 100%, 30%, .1);
  --tk-surface-interactive-concealed: hsla(174, 100%, 30%, 0);
  --tk-surface-interactive-ambient: hsla(174, 100%, 30%, 0);
  --tk-surface-interactive-destructive: hsla(353, 100%, 35%, .1);
  --tk-content-interactive-primary-hover: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default-hover: hsla(174, 100%, 30%, 1);
  --tk-content-interactive-concealed-hover: hsla(174, 100%, 30%, 1);
  --tk-content-interactive-ambient-hover: hsla(176, 100%, 34%, 1);
  --tk-content-interactive-destructive-hover: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary-hover: hsla(176, 100%, 34%, 1);
  --tk-surface-interactive-default-hover: hsla(174, 100%, 30%, .15);
  --tk-surface-interactive-concealed-hover: hsla(174, 100%, 30%, .05);
  --tk-surface-interactive-ambient-hover: hsla(174, 100%, 30%, 0);
  --tk-surface-interactive-destructive-hover: hsla(353, 100%, 35%, .15);
  --tk-content-interactive-primary-active: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default-active: hsla(174, 100%, 30%, 1);
  --tk-content-interactive-concealed-active: hsla(174, 100%, 30%, 1);
  --tk-content-interactive-ambient-active: hsla(176, 100%, 36%, 1);
  --tk-content-interactive-destructive-active: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary-active: hsla(176, 100%, 36%, 1);
  --tk-surface-interactive-default-active: hsla(174, 100%, 30%, .2);
  --tk-surface-interactive-concealed-active: hsla(174, 100%, 30%, .1);
  --tk-surface-interactive-ambient-active: hsla(174, 100%, 30%, 0);
  --tk-surface-interactive-destructive-active: hsla(353, 100%, 35%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(21, 53%, 93%, 1);
  --tk-soft-end: hsla(231, 84%, 95%, 1);
  --tk-vibrant-start: hsla(228, 69%, 86%, 1);
  --tk-vibrant-end: hsla(20, 97%, 86%, 1);
  --tk-aqua-start: hsla(228, 69%, 86%, 1);
  --tk-aqua-end: hsla(94, 49%, 86%, 1);
  --tk-day-start: hsla(94, 49%, 86%, 1);
  --tk-day-end: hsla(42, 100%, 92%, 1);
  --tk-soft-twilight-start: hsla(21, 67%, 62%, 1);
  --tk-soft-twilight-end: hsla(225, 45%, 61%, 1);
  --tk-vibrant-twilight-start: hsla(244, 49%, 49%, 1);
  --tk-vibrant-twilight-end: hsla(21, 53%, 44%, 1);
  --tk-aqua-twilight-start: hsla(168, 29%, 51%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(247, 69%, 20%, 1);
  --tk-chart-categorical1: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical2: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical3: hsla(230, 45%, 90%, 1);
  --tk-chart-categorical4: hsla(168, 29%, 51%, 1);
  --tk-chart-categorical5: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical6: hsla(94, 49%, 86%, 1);
  --tk-chart-categorical7: hsla(32, 71%, 42%, 1);
  --tk-chart-categorical8: hsla(31, 70%, 74%, 1);
  --tk-chart-categorical9: hsla(35, 90%, 85%, 1);
  --tk-chart-neutral-primary: hsla(173, 30%, 30%, 1);
  --tk-chart-neutral-secondary: hsla(173, 30%, 30%, .89);
  --tk-chart-neutral-tertiary: hsla(173, 30%, 30%, .48);
  --tk-chart-neutral-quaternary: hsla(173, 30%, 30%, .24);
  --tk-chart-neutral-quinary: hsla(173, 30%, 30%, .16);
  --tk-chart-neutral-senary: hsla(173, 30%, 30%, .08);
  --tk-chart-quantitative-primary: hsla(174, 100%, 30%, 1);
  --tk-chart-quantitative-secondary: hsla(174, 100%, 30%, .63);
  --tk-chart-quantitative-tertiary: hsla(174, 100%, 30%, .34);
  --tk-chart-quantitative-quaternary: hsla(174, 100%, 30%, .17);
  --tk-chart-quantitative-quinary: hsla(174, 100%, 30%, .11);
  --tk-chart-quantitative-senary: hsla(174, 100%, 30%, .06)
}

[data-theme=sunrise-moss-rosemary-spruce-white-dark] {
  --tk-content-primary: hsla(93, 50%, 92%, 1);
  --tk-content-secondary: hsla(93, 50%, 92%, .87);
  --tk-content-disabled: hsla(93, 50%, 92%, .54);
  --tk-content-divider: hsla(93, 50%, 92%, .33);
  --tk-content-shadow: hsla(93, 50%, 92%, .33);
  --tk-content-positive: hsla(163, 47%, 59%, 1);
  --tk-surface: hsla(173, 30%, 30%, 1);
  --tk-surface-elevated: hsla(173, 29%, 40%, 1);
  --tk-surface-overlay: hsla(174, 100%, 7%, .8);
  --tk-surface-disabled: hsla(93, 50%, 92%, .33);
  --tk-surface-read-only: hsla(93, 50%, 92%, .22);
  --tk-surface-track: hsla(93, 50%, 92%, .22);
  --tk-surface-notice-info: hsla(176, 22%, 36%, 1);
  --tk-surface-notice-destructive: hsla(162, 6%, 39%, 1);
  --tk-content-primary-inverted: hsla(173, 30%, 30%, 1);
  --tk-surface-inverted: hsla(93, 50%, 92%, 1);
  --tk-content-interactive-primary: hsla(173, 30%, 30%, 1);
  --tk-content-interactive-default: hsla(94, 100%, 86%, 1);
  --tk-content-interactive-concealed: hsla(94, 100%, 86%, 1);
  --tk-content-interactive-ambient: hsla(94, 100%, 86%, 1);
  --tk-content-interactive-destructive: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary: hsla(94, 100%, 86%, 1);
  --tk-surface-interactive-default: hsla(94, 100%, 86%, .1);
  --tk-surface-interactive-concealed: hsla(94, 100%, 86%, 0);
  --tk-surface-interactive-ambient: hsla(94, 100%, 86%, 0);
  --tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
  --tk-content-interactive-primary-hover: hsla(173, 30%, 30%, 1);
  --tk-content-interactive-default-hover: hsla(94, 100%, 86%, 1);
  --tk-content-interactive-concealed-hover: hsla(94, 100%, 86%, 1);
  --tk-content-interactive-ambient-hover: hsla(94, 100%, 89%, 1);
  --tk-content-interactive-destructive-hover: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-hover: hsla(94, 100%, 89%, 1);
  --tk-surface-interactive-default-hover: hsla(94, 100%, 86%, .15);
  --tk-surface-interactive-concealed-hover: hsla(94, 100%, 86%, .05);
  --tk-surface-interactive-ambient-hover: hsla(94, 100%, 86%, 0);
  --tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
  --tk-content-interactive-primary-active: hsla(173, 30%, 30%, 1);
  --tk-content-interactive-default-active: hsla(94, 100%, 86%, 1);
  --tk-content-interactive-concealed-active: hsla(94, 100%, 86%, 1);
  --tk-content-interactive-ambient-active: hsla(94, 100%, 90%, 1);
  --tk-content-interactive-destructive-active: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-active: hsla(94, 100%, 90%, 1);
  --tk-surface-interactive-default-active: hsla(94, 100%, 86%, .2);
  --tk-surface-interactive-concealed-active: hsla(94, 100%, 86%, .1);
  --tk-surface-interactive-ambient-active: hsla(94, 100%, 86%, 0);
  --tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(259, 100%, 11%, 1);
  --tk-soft-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-end: hsla(244, 49%, 49%, 1);
  --tk-day-start: hsla(258, 78%, 20%, 1);
  --tk-day-end: hsla(244, 49%, 49%, 1);
  --tk-soft-twilight-start: hsla(259, 100%, 11%, 1);
  --tk-soft-twilight-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-twilight-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-twilight-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-twilight-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical1: hsla(245, 100%, 78%, 1);
  --tk-chart-categorical2: hsla(225, 45%, 61%, 1);
  --tk-chart-categorical3: hsla(231, 33%, 45%, 1);
  --tk-chart-categorical4: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical5: hsla(173, 26%, 34%, 1);
  --tk-chart-categorical6: hsla(173, 27%, 20%, 1);
  --tk-chart-categorical7: hsla(21, 67%, 62%, 1);
  --tk-chart-categorical8: hsla(21, 53%, 44%, 1);
  --tk-chart-categorical9: hsla(21, 53%, 33%, 1);
  --tk-chart-neutral-primary: hsla(93, 50%, 92%, 1);
  --tk-chart-neutral-secondary: hsla(93, 50%, 92%, .87);
  --tk-chart-neutral-tertiary: hsla(93, 50%, 92%, .54);
  --tk-chart-neutral-quaternary: hsla(93, 50%, 92%, .33);
  --tk-chart-neutral-quinary: hsla(93, 50%, 92%, .22);
  --tk-chart-neutral-senary: hsla(93, 50%, 92%, .16);
  --tk-chart-quantitative-primary: hsla(94, 100%, 86%, 1);
  --tk-chart-quantitative-secondary: hsla(94, 100%, 86%, .63);
  --tk-chart-quantitative-tertiary: hsla(94, 100%, 86%, .34);
  --tk-chart-quantitative-quaternary: hsla(94, 100%, 86%, .17);
  --tk-chart-quantitative-quinary: hsla(94, 100%, 86%, .11);
  --tk-chart-quantitative-senary: hsla(94, 100%, 86%, .06)
}

[data-theme=sunrise-forest-eucalyptus-spruce-white-light] {
  --tk-content-primary: hsla(173, 26%, 20%, 1);
  --tk-content-secondary: hsla(173, 26%, 20%, .83);
  --tk-content-disabled: hsla(173, 26%, 20%, .45);
  --tk-content-divider: hsla(173, 26%, 20%, .23);
  --tk-content-shadow: hsla(173, 26%, 20%, .23);
  --tk-content-positive: hsla(163, 52%, 33%, 1);
  --tk-surface: hsla(93, 48%, 86%, 1);
  --tk-surface-elevated: hsla(93, 48%, 91%, 1);
  --tk-surface-overlay: hsla(92, 94%, 7%, .8);
  --tk-surface-disabled: hsla(173, 26%, 20%, .23);
  --tk-surface-read-only: hsla(173, 26%, 20%, .15);
  --tk-surface-track: hsla(173, 26%, 20%, .15);
  --tk-surface-notice-info: hsla(93, 33%, 83%, 1);
  --tk-surface-notice-destructive: hsla(56, 27%, 78%, 1);
  --tk-content-primary-inverted: hsla(93, 48%, 86%, 1);
  --tk-surface-inverted: hsla(173, 26%, 20%, 1);
  --tk-content-interactive-primary: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default: hsla(174, 100%, 30%, 1);
  --tk-content-interactive-concealed: hsla(174, 100%, 30%, 1);
  --tk-content-interactive-ambient: hsla(174, 100%, 30%, 1);
  --tk-content-interactive-destructive: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary: hsla(174, 100%, 30%, 1);
  --tk-surface-interactive-default: hsla(174, 100%, 30%, .1);
  --tk-surface-interactive-concealed: hsla(174, 100%, 30%, 0);
  --tk-surface-interactive-ambient: hsla(174, 100%, 30%, 0);
  --tk-surface-interactive-destructive: hsla(353, 100%, 35%, .1);
  --tk-content-interactive-primary-hover: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default-hover: hsla(174, 100%, 30%, 1);
  --tk-content-interactive-concealed-hover: hsla(174, 100%, 30%, 1);
  --tk-content-interactive-ambient-hover: hsla(176, 100%, 34%, 1);
  --tk-content-interactive-destructive-hover: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary-hover: hsla(176, 100%, 34%, 1);
  --tk-surface-interactive-default-hover: hsla(174, 100%, 30%, .15);
  --tk-surface-interactive-concealed-hover: hsla(174, 100%, 30%, .05);
  --tk-surface-interactive-ambient-hover: hsla(174, 100%, 30%, 0);
  --tk-surface-interactive-destructive-hover: hsla(353, 100%, 35%, .15);
  --tk-content-interactive-primary-active: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default-active: hsla(174, 100%, 30%, 1);
  --tk-content-interactive-concealed-active: hsla(174, 100%, 30%, 1);
  --tk-content-interactive-ambient-active: hsla(176, 100%, 36%, 1);
  --tk-content-interactive-destructive-active: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary-active: hsla(176, 100%, 36%, 1);
  --tk-surface-interactive-default-active: hsla(174, 100%, 30%, .2);
  --tk-surface-interactive-concealed-active: hsla(174, 100%, 30%, .1);
  --tk-surface-interactive-ambient-active: hsla(174, 100%, 30%, 0);
  --tk-surface-interactive-destructive-active: hsla(353, 100%, 35%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(21, 53%, 93%, 1);
  --tk-soft-end: hsla(231, 84%, 95%, 1);
  --tk-vibrant-start: hsla(228, 69%, 86%, 1);
  --tk-vibrant-end: hsla(20, 97%, 86%, 1);
  --tk-aqua-start: hsla(228, 69%, 86%, 1);
  --tk-aqua-end: hsla(94, 49%, 86%, 1);
  --tk-day-start: hsla(94, 49%, 86%, 1);
  --tk-day-end: hsla(42, 100%, 92%, 1);
  --tk-soft-twilight-start: hsla(21, 67%, 62%, 1);
  --tk-soft-twilight-end: hsla(225, 45%, 61%, 1);
  --tk-vibrant-twilight-start: hsla(244, 49%, 49%, 1);
  --tk-vibrant-twilight-end: hsla(21, 53%, 44%, 1);
  --tk-aqua-twilight-start: hsla(168, 29%, 51%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(247, 69%, 20%, 1);
  --tk-chart-categorical1: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical2: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical3: hsla(230, 45%, 90%, 1);
  --tk-chart-categorical4: hsla(168, 29%, 51%, 1);
  --tk-chart-categorical5: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical6: hsla(94, 49%, 86%, 1);
  --tk-chart-categorical7: hsla(32, 71%, 42%, 1);
  --tk-chart-categorical8: hsla(31, 70%, 74%, 1);
  --tk-chart-categorical9: hsla(35, 90%, 85%, 1);
  --tk-chart-neutral-primary: hsla(173, 26%, 20%, 1);
  --tk-chart-neutral-secondary: hsla(173, 26%, 20%, .83);
  --tk-chart-neutral-tertiary: hsla(173, 26%, 20%, .45);
  --tk-chart-neutral-quaternary: hsla(173, 26%, 20%, .23);
  --tk-chart-neutral-quinary: hsla(173, 26%, 20%, .15);
  --tk-chart-neutral-senary: hsla(173, 26%, 20%, .08);
  --tk-chart-quantitative-primary: hsla(174, 100%, 30%, 1);
  --tk-chart-quantitative-secondary: hsla(174, 100%, 30%, .63);
  --tk-chart-quantitative-tertiary: hsla(174, 100%, 30%, .34);
  --tk-chart-quantitative-quaternary: hsla(174, 100%, 30%, .17);
  --tk-chart-quantitative-quinary: hsla(174, 100%, 30%, .11);
  --tk-chart-quantitative-senary: hsla(174, 100%, 30%, .06)
}

[data-theme=sunrise-forest-eucalyptus-spruce-white-dark] {
  --tk-content-primary: hsla(93, 48%, 86%, 1);
  --tk-content-secondary: hsla(93, 48%, 86%, .93);
  --tk-content-disabled: hsla(93, 48%, 86%, .58);
  --tk-content-divider: hsla(93, 48%, 86%, .35);
  --tk-content-shadow: hsla(93, 48%, 86%, .35);
  --tk-content-positive: hsla(163, 47%, 59%, 1);
  --tk-surface: hsla(173, 26%, 20%, 1);
  --tk-surface-elevated: hsla(172, 25%, 30%, 1);
  --tk-surface-overlay: hsla(173, 62%, 8%, .8);
  --tk-surface-disabled: hsla(93, 48%, 86%, .35);
  --tk-surface-read-only: hsla(93, 48%, 86%, .23);
  --tk-surface-track: hsla(93, 48%, 86%, .23);
  --tk-surface-notice-info: hsla(178, 17%, 27%, 1);
  --tk-surface-notice-destructive: hsla(36, 3%, 31%, 1);
  --tk-content-primary-inverted: hsla(173, 26%, 20%, 1);
  --tk-surface-inverted: hsla(93, 48%, 86%, 1);
  --tk-content-interactive-primary: hsla(173, 26%, 20%, 1);
  --tk-content-interactive-default: hsla(94, 100%, 86%, 1);
  --tk-content-interactive-concealed: hsla(94, 100%, 86%, 1);
  --tk-content-interactive-ambient: hsla(94, 100%, 86%, 1);
  --tk-content-interactive-destructive: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary: hsla(94, 100%, 86%, 1);
  --tk-surface-interactive-default: hsla(94, 100%, 86%, .1);
  --tk-surface-interactive-concealed: hsla(94, 100%, 86%, 0);
  --tk-surface-interactive-ambient: hsla(94, 100%, 86%, 0);
  --tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
  --tk-content-interactive-primary-hover: hsla(173, 26%, 20%, 1);
  --tk-content-interactive-default-hover: hsla(94, 100%, 86%, 1);
  --tk-content-interactive-concealed-hover: hsla(94, 100%, 86%, 1);
  --tk-content-interactive-ambient-hover: hsla(94, 100%, 89%, 1);
  --tk-content-interactive-destructive-hover: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-hover: hsla(94, 100%, 89%, 1);
  --tk-surface-interactive-default-hover: hsla(94, 100%, 86%, .15);
  --tk-surface-interactive-concealed-hover: hsla(94, 100%, 86%, .05);
  --tk-surface-interactive-ambient-hover: hsla(94, 100%, 86%, 0);
  --tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
  --tk-content-interactive-primary-active: hsla(173, 26%, 20%, 1);
  --tk-content-interactive-default-active: hsla(94, 100%, 86%, 1);
  --tk-content-interactive-concealed-active: hsla(94, 100%, 86%, 1);
  --tk-content-interactive-ambient-active: hsla(94, 100%, 90%, 1);
  --tk-content-interactive-destructive-active: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-active: hsla(94, 100%, 90%, 1);
  --tk-surface-interactive-default-active: hsla(94, 100%, 86%, .2);
  --tk-surface-interactive-concealed-active: hsla(94, 100%, 86%, .1);
  --tk-surface-interactive-ambient-active: hsla(94, 100%, 86%, 0);
  --tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(259, 100%, 11%, 1);
  --tk-soft-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-end: hsla(244, 49%, 49%, 1);
  --tk-day-start: hsla(258, 78%, 20%, 1);
  --tk-day-end: hsla(244, 49%, 49%, 1);
  --tk-soft-twilight-start: hsla(259, 100%, 11%, 1);
  --tk-soft-twilight-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-twilight-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-twilight-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-twilight-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical1: hsla(245, 100%, 78%, 1);
  --tk-chart-categorical2: hsla(225, 45%, 61%, 1);
  --tk-chart-categorical3: hsla(231, 33%, 45%, 1);
  --tk-chart-categorical4: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical5: hsla(173, 26%, 34%, 1);
  --tk-chart-categorical6: hsla(173, 27%, 20%, 1);
  --tk-chart-categorical7: hsla(21, 67%, 62%, 1);
  --tk-chart-categorical8: hsla(21, 53%, 44%, 1);
  --tk-chart-categorical9: hsla(21, 53%, 33%, 1);
  --tk-chart-neutral-primary: hsla(93, 48%, 86%, 1);
  --tk-chart-neutral-secondary: hsla(93, 48%, 86%, .93);
  --tk-chart-neutral-tertiary: hsla(93, 48%, 86%, .58);
  --tk-chart-neutral-quaternary: hsla(93, 48%, 86%, .35);
  --tk-chart-neutral-quinary: hsla(93, 48%, 86%, .23);
  --tk-chart-neutral-senary: hsla(93, 48%, 86%, .17);
  --tk-chart-quantitative-primary: hsla(94, 100%, 86%, 1);
  --tk-chart-quantitative-secondary: hsla(94, 100%, 86%, .63);
  --tk-chart-quantitative-tertiary: hsla(94, 100%, 86%, .34);
  --tk-chart-quantitative-quaternary: hsla(94, 100%, 86%, .17);
  --tk-chart-quantitative-quinary: hsla(94, 100%, 86%, .11);
  --tk-chart-quantitative-senary: hsla(94, 100%, 86%, .06)
}

[data-theme=sunrise-trail-pomelo-turmeric-white-light] {
  --tk-content-primary: hsla(36, 16%, 33%, 1);
  --tk-content-secondary: hsla(36, 16%, 33%, .93);
  --tk-content-disabled: hsla(36, 16%, 33%, .51);
  --tk-content-divider: hsla(36, 16%, 33%, .25);
  --tk-content-shadow: hsla(36, 16%, 33%, .25);
  --tk-content-positive: hsla(163, 52%, 33%, 1);
  --tk-surface: hsla(42, 100%, 92%, 1);
  --tk-surface-elevated: hsla(41, 100%, 97%, 1);
  --tk-surface-overlay: hsla(42, 100%, 7%, .8);
  --tk-surface-disabled: hsla(36, 16%, 33%, .25);
  --tk-surface-read-only: hsla(36, 16%, 33%, .17);
  --tk-surface-track: hsla(36, 16%, 33%, .17);
  --tk-surface-notice-info: hsla(38, 62%, 89%, 1);
  --tk-surface-notice-destructive: hsla(28, 76%, 87%, 1);
  --tk-content-primary-inverted: hsla(42, 100%, 92%, 1);
  --tk-surface-inverted: hsla(36, 16%, 33%, 1);
  --tk-content-interactive-primary: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default: hsla(36, 100%, 35%, 1);
  --tk-content-interactive-concealed: hsla(36, 100%, 35%, 1);
  --tk-content-interactive-ambient: hsla(36, 100%, 35%, 1);
  --tk-content-interactive-destructive: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary: hsla(36, 100%, 35%, 1);
  --tk-surface-interactive-default: hsla(36, 100%, 35%, .1);
  --tk-surface-interactive-concealed: hsla(36, 100%, 35%, 0);
  --tk-surface-interactive-ambient: hsla(36, 100%, 35%, 0);
  --tk-surface-interactive-destructive: hsla(353, 100%, 35%, .1);
  --tk-content-interactive-primary-hover: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default-hover: hsla(36, 100%, 35%, 1);
  --tk-content-interactive-concealed-hover: hsla(36, 100%, 35%, 1);
  --tk-content-interactive-ambient-hover: hsla(40, 100%, 38%, 1);
  --tk-content-interactive-destructive-hover: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary-hover: hsla(40, 100%, 38%, 1);
  --tk-surface-interactive-default-hover: hsla(36, 100%, 35%, .15);
  --tk-surface-interactive-concealed-hover: hsla(36, 100%, 35%, .05);
  --tk-surface-interactive-ambient-hover: hsla(36, 100%, 35%, 0);
  --tk-surface-interactive-destructive-hover: hsla(353, 100%, 35%, .15);
  --tk-content-interactive-primary-active: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default-active: hsla(36, 100%, 35%, 1);
  --tk-content-interactive-concealed-active: hsla(36, 100%, 35%, 1);
  --tk-content-interactive-ambient-active: hsla(41, 100%, 40%, 1);
  --tk-content-interactive-destructive-active: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary-active: hsla(41, 100%, 40%, 1);
  --tk-surface-interactive-default-active: hsla(36, 100%, 35%, .2);
  --tk-surface-interactive-concealed-active: hsla(36, 100%, 35%, .1);
  --tk-surface-interactive-ambient-active: hsla(36, 100%, 35%, 0);
  --tk-surface-interactive-destructive-active: hsla(353, 100%, 35%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(21, 53%, 93%, 1);
  --tk-soft-end: hsla(231, 84%, 95%, 1);
  --tk-vibrant-start: hsla(228, 69%, 86%, 1);
  --tk-vibrant-end: hsla(20, 97%, 86%, 1);
  --tk-aqua-start: hsla(228, 69%, 86%, 1);
  --tk-aqua-end: hsla(94, 49%, 86%, 1);
  --tk-day-start: hsla(94, 49%, 86%, 1);
  --tk-day-end: hsla(42, 100%, 92%, 1);
  --tk-soft-twilight-start: hsla(21, 67%, 62%, 1);
  --tk-soft-twilight-end: hsla(225, 45%, 61%, 1);
  --tk-vibrant-twilight-start: hsla(244, 49%, 49%, 1);
  --tk-vibrant-twilight-end: hsla(21, 53%, 44%, 1);
  --tk-aqua-twilight-start: hsla(168, 29%, 51%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(247, 69%, 20%, 1);
  --tk-chart-categorical1: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical2: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical3: hsla(230, 45%, 90%, 1);
  --tk-chart-categorical4: hsla(168, 29%, 51%, 1);
  --tk-chart-categorical5: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical6: hsla(94, 49%, 86%, 1);
  --tk-chart-categorical7: hsla(32, 71%, 42%, 1);
  --tk-chart-categorical8: hsla(31, 70%, 74%, 1);
  --tk-chart-categorical9: hsla(35, 90%, 85%, 1);
  --tk-chart-neutral-primary: hsla(36, 16%, 33%, 1);
  --tk-chart-neutral-secondary: hsla(36, 16%, 33%, .93);
  --tk-chart-neutral-tertiary: hsla(36, 16%, 33%, .51);
  --tk-chart-neutral-quaternary: hsla(36, 16%, 33%, .25);
  --tk-chart-neutral-quinary: hsla(36, 16%, 33%, .17);
  --tk-chart-neutral-senary: hsla(36, 16%, 33%, .08);
  --tk-chart-quantitative-primary: hsla(36, 100%, 35%, 1);
  --tk-chart-quantitative-secondary: hsla(36, 100%, 35%, .63);
  --tk-chart-quantitative-tertiary: hsla(36, 100%, 35%, .34);
  --tk-chart-quantitative-quaternary: hsla(36, 100%, 35%, .17);
  --tk-chart-quantitative-quinary: hsla(36, 100%, 35%, .11);
  --tk-chart-quantitative-senary: hsla(36, 100%, 35%, .06)
}

[data-theme=sunrise-trail-pomelo-turmeric-white-dark] {
  --tk-content-primary: hsla(42, 100%, 92%, 1);
  --tk-content-secondary: hsla(42, 100%, 92%, .87);
  --tk-content-disabled: hsla(42, 100%, 92%, .54);
  --tk-content-divider: hsla(42, 100%, 92%, .33);
  --tk-content-shadow: hsla(42, 100%, 92%, .33);
  --tk-content-positive: hsla(163, 47%, 59%, 1);
  --tk-surface: hsla(36, 16%, 33%, 1);
  --tk-surface-elevated: hsla(35, 16%, 43%, 1);
  --tk-surface-overlay: hsla(36, 63%, 8%, .8);
  --tk-surface-disabled: hsla(42, 100%, 92%, .33);
  --tk-surface-read-only: hsla(42, 100%, 92%, .22);
  --tk-surface-track: hsla(42, 100%, 92%, .22);
  --tk-surface-notice-info: hsla(35, 11%, 39%, 1);
  --tk-surface-notice-destructive: hsla(17, 21%, 42%, 1);
  --tk-content-primary-inverted: hsla(36, 16%, 33%, 1);
  --tk-surface-inverted: hsla(42, 100%, 92%, 1);
  --tk-content-interactive-primary: hsla(36, 16%, 33%, 1);
  --tk-content-interactive-default: hsla(36, 82%, 68%, 1);
  --tk-content-interactive-concealed: hsla(36, 82%, 68%, 1);
  --tk-content-interactive-ambient: hsla(36, 82%, 68%, 1);
  --tk-content-interactive-destructive: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary: hsla(36, 82%, 68%, 1);
  --tk-surface-interactive-default: hsla(36, 82%, 68%, .1);
  --tk-surface-interactive-concealed: hsla(36, 82%, 68%, 0);
  --tk-surface-interactive-ambient: hsla(36, 82%, 68%, 0);
  --tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
  --tk-content-interactive-primary-hover: hsla(36, 16%, 33%, 1);
  --tk-content-interactive-default-hover: hsla(36, 82%, 68%, 1);
  --tk-content-interactive-concealed-hover: hsla(36, 82%, 68%, 1);
  --tk-content-interactive-ambient-hover: hsla(38, 83%, 73%, 1);
  --tk-content-interactive-destructive-hover: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-hover: hsla(38, 83%, 73%, 1);
  --tk-surface-interactive-default-hover: hsla(36, 82%, 68%, .15);
  --tk-surface-interactive-concealed-hover: hsla(36, 82%, 68%, .05);
  --tk-surface-interactive-ambient-hover: hsla(36, 82%, 68%, 0);
  --tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
  --tk-content-interactive-primary-active: hsla(36, 16%, 33%, 1);
  --tk-content-interactive-default-active: hsla(36, 82%, 68%, 1);
  --tk-content-interactive-concealed-active: hsla(36, 82%, 68%, 1);
  --tk-content-interactive-ambient-active: hsla(39, 84%, 75%, 1);
  --tk-content-interactive-destructive-active: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-active: hsla(39, 84%, 75%, 1);
  --tk-surface-interactive-default-active: hsla(36, 82%, 68%, .2);
  --tk-surface-interactive-concealed-active: hsla(36, 82%, 68%, .1);
  --tk-surface-interactive-ambient-active: hsla(36, 82%, 68%, 0);
  --tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(259, 100%, 11%, 1);
  --tk-soft-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-end: hsla(244, 49%, 49%, 1);
  --tk-day-start: hsla(258, 78%, 20%, 1);
  --tk-day-end: hsla(244, 49%, 49%, 1);
  --tk-soft-twilight-start: hsla(259, 100%, 11%, 1);
  --tk-soft-twilight-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-twilight-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-twilight-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-twilight-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical1: hsla(245, 100%, 78%, 1);
  --tk-chart-categorical2: hsla(225, 45%, 61%, 1);
  --tk-chart-categorical3: hsla(231, 33%, 45%, 1);
  --tk-chart-categorical4: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical5: hsla(173, 26%, 34%, 1);
  --tk-chart-categorical6: hsla(173, 27%, 20%, 1);
  --tk-chart-categorical7: hsla(21, 67%, 62%, 1);
  --tk-chart-categorical8: hsla(21, 53%, 44%, 1);
  --tk-chart-categorical9: hsla(21, 53%, 33%, 1);
  --tk-chart-neutral-primary: hsla(42, 100%, 92%, 1);
  --tk-chart-neutral-secondary: hsla(42, 100%, 92%, .87);
  --tk-chart-neutral-tertiary: hsla(42, 100%, 92%, .54);
  --tk-chart-neutral-quaternary: hsla(42, 100%, 92%, .33);
  --tk-chart-neutral-quinary: hsla(42, 100%, 92%, .22);
  --tk-chart-neutral-senary: hsla(42, 100%, 92%, .16);
  --tk-chart-quantitative-primary: hsla(36, 82%, 68%, 1);
  --tk-chart-quantitative-secondary: hsla(36, 82%, 68%, .63);
  --tk-chart-quantitative-tertiary: hsla(36, 82%, 68%, .34);
  --tk-chart-quantitative-quaternary: hsla(36, 82%, 68%, .17);
  --tk-chart-quantitative-quinary: hsla(36, 82%, 68%, .11);
  --tk-chart-quantitative-senary: hsla(36, 82%, 68%, .06)
}

[data-theme=sunrise-bark-lemon-turmeric-white-light] {
  --tk-content-primary: hsla(36, 30%, 22%, 1);
  --tk-content-secondary: hsla(36, 30%, 22%, .87);
  --tk-content-disabled: hsla(36, 30%, 22%, .48);
  --tk-content-divider: hsla(36, 30%, 22%, .24);
  --tk-content-shadow: hsla(36, 30%, 22%, .24);
  --tk-content-positive: hsla(163, 52%, 33%, 1);
  --tk-surface: hsla(35, 90%, 85%, 1);
  --tk-surface-elevated: hsla(35, 88%, 90%, 1);
  --tk-surface-overlay: hsla(35, 100%, 8%, .8);
  --tk-surface-disabled: hsla(36, 30%, 22%, .24);
  --tk-surface-read-only: hsla(36, 30%, 22%, .16);
  --tk-surface-track: hsla(36, 30%, 22%, .16);
  --tk-surface-notice-info: hsla(32, 68%, 82%, 1);
  --tk-surface-notice-destructive: hsla(26, 78%, 80%, 1);
  --tk-content-primary-inverted: hsla(35, 90%, 85%, 1);
  --tk-surface-inverted: hsla(36, 30%, 22%, 1);
  --tk-content-interactive-primary: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default: hsla(36, 100%, 35%, 1);
  --tk-content-interactive-concealed: hsla(36, 100%, 35%, 1);
  --tk-content-interactive-ambient: hsla(36, 100%, 35%, 1);
  --tk-content-interactive-destructive: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary: hsla(36, 100%, 35%, 1);
  --tk-surface-interactive-default: hsla(36, 100%, 35%, .1);
  --tk-surface-interactive-concealed: hsla(36, 100%, 35%, 0);
  --tk-surface-interactive-ambient: hsla(36, 100%, 35%, 0);
  --tk-surface-interactive-destructive: hsla(353, 100%, 35%, .1);
  --tk-content-interactive-primary-hover: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default-hover: hsla(36, 100%, 35%, 1);
  --tk-content-interactive-concealed-hover: hsla(36, 100%, 35%, 1);
  --tk-content-interactive-ambient-hover: hsla(40, 100%, 38%, 1);
  --tk-content-interactive-destructive-hover: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary-hover: hsla(40, 100%, 38%, 1);
  --tk-surface-interactive-default-hover: hsla(36, 100%, 35%, .15);
  --tk-surface-interactive-concealed-hover: hsla(36, 100%, 35%, .05);
  --tk-surface-interactive-ambient-hover: hsla(36, 100%, 35%, 0);
  --tk-surface-interactive-destructive-hover: hsla(353, 100%, 35%, .15);
  --tk-content-interactive-primary-active: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default-active: hsla(36, 100%, 35%, 1);
  --tk-content-interactive-concealed-active: hsla(36, 100%, 35%, 1);
  --tk-content-interactive-ambient-active: hsla(41, 100%, 40%, 1);
  --tk-content-interactive-destructive-active: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary-active: hsla(41, 100%, 40%, 1);
  --tk-surface-interactive-default-active: hsla(36, 100%, 35%, .2);
  --tk-surface-interactive-concealed-active: hsla(36, 100%, 35%, .1);
  --tk-surface-interactive-ambient-active: hsla(36, 100%, 35%, 0);
  --tk-surface-interactive-destructive-active: hsla(353, 100%, 35%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(21, 53%, 93%, 1);
  --tk-soft-end: hsla(231, 84%, 95%, 1);
  --tk-vibrant-start: hsla(228, 69%, 86%, 1);
  --tk-vibrant-end: hsla(20, 97%, 86%, 1);
  --tk-aqua-start: hsla(228, 69%, 86%, 1);
  --tk-aqua-end: hsla(94, 49%, 86%, 1);
  --tk-day-start: hsla(94, 49%, 86%, 1);
  --tk-day-end: hsla(42, 100%, 92%, 1);
  --tk-soft-twilight-start: hsla(21, 67%, 62%, 1);
  --tk-soft-twilight-end: hsla(225, 45%, 61%, 1);
  --tk-vibrant-twilight-start: hsla(244, 49%, 49%, 1);
  --tk-vibrant-twilight-end: hsla(21, 53%, 44%, 1);
  --tk-aqua-twilight-start: hsla(168, 29%, 51%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(247, 69%, 20%, 1);
  --tk-chart-categorical1: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical2: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical3: hsla(230, 45%, 90%, 1);
  --tk-chart-categorical4: hsla(168, 29%, 51%, 1);
  --tk-chart-categorical5: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical6: hsla(94, 49%, 86%, 1);
  --tk-chart-categorical7: hsla(32, 71%, 42%, 1);
  --tk-chart-categorical8: hsla(31, 70%, 74%, 1);
  --tk-chart-categorical9: hsla(35, 90%, 85%, 1);
  --tk-chart-neutral-primary: hsla(36, 30%, 22%, 1);
  --tk-chart-neutral-secondary: hsla(36, 30%, 22%, .87);
  --tk-chart-neutral-tertiary: hsla(36, 30%, 22%, .48);
  --tk-chart-neutral-quaternary: hsla(36, 30%, 22%, .24);
  --tk-chart-neutral-quinary: hsla(36, 30%, 22%, .16);
  --tk-chart-neutral-senary: hsla(36, 30%, 22%, .08);
  --tk-chart-quantitative-primary: hsla(36, 100%, 35%, 1);
  --tk-chart-quantitative-secondary: hsla(36, 100%, 35%, .63);
  --tk-chart-quantitative-tertiary: hsla(36, 100%, 35%, .34);
  --tk-chart-quantitative-quaternary: hsla(36, 100%, 35%, .17);
  --tk-chart-quantitative-quinary: hsla(36, 100%, 35%, .11);
  --tk-chart-quantitative-senary: hsla(36, 100%, 35%, .06)
}

[data-theme=sunrise-bark-lemon-turmeric-white-dark] {
  --tk-content-primary: hsla(35, 90%, 85%, 1);
  --tk-content-secondary: hsla(35, 90%, 85%, .94);
  --tk-content-disabled: hsla(35, 90%, 85%, .59);
  --tk-content-divider: hsla(35, 90%, 85%, .35);
  --tk-content-shadow: hsla(35, 90%, 85%, .35);
  --tk-content-positive: hsla(163, 47%, 59%, 1);
  --tk-surface: hsla(36, 30%, 22%, 1);
  --tk-surface-elevated: hsla(36, 30%, 32%, 1);
  --tk-surface-overlay: hsla(36, 80%, 8%, .8);
  --tk-surface-disabled: hsla(35, 90%, 85%, .35);
  --tk-surface-read-only: hsla(35, 90%, 85%, .24);
  --tk-surface-track: hsla(35, 90%, 85%, .24);
  --tk-surface-notice-info: hsla(35, 19%, 29%, 1);
  --tk-surface-notice-destructive: hsla(19, 30%, 33%, 1);
  --tk-content-primary-inverted: hsla(36, 30%, 22%, 1);
  --tk-surface-inverted: hsla(35, 90%, 85%, 1);
  --tk-content-interactive-primary: hsla(36, 30%, 22%, 1);
  --tk-content-interactive-default: hsla(36, 82%, 68%, 1);
  --tk-content-interactive-concealed: hsla(36, 82%, 68%, 1);
  --tk-content-interactive-ambient: hsla(36, 82%, 68%, 1);
  --tk-content-interactive-destructive: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary: hsla(36, 82%, 68%, 1);
  --tk-surface-interactive-default: hsla(36, 82%, 68%, .1);
  --tk-surface-interactive-concealed: hsla(36, 82%, 68%, 0);
  --tk-surface-interactive-ambient: hsla(36, 82%, 68%, 0);
  --tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
  --tk-content-interactive-primary-hover: hsla(36, 30%, 22%, 1);
  --tk-content-interactive-default-hover: hsla(36, 82%, 68%, 1);
  --tk-content-interactive-concealed-hover: hsla(36, 82%, 68%, 1);
  --tk-content-interactive-ambient-hover: hsla(38, 83%, 73%, 1);
  --tk-content-interactive-destructive-hover: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-hover: hsla(38, 83%, 73%, 1);
  --tk-surface-interactive-default-hover: hsla(36, 82%, 68%, .15);
  --tk-surface-interactive-concealed-hover: hsla(36, 82%, 68%, .05);
  --tk-surface-interactive-ambient-hover: hsla(36, 82%, 68%, 0);
  --tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
  --tk-content-interactive-primary-active: hsla(36, 30%, 22%, 1);
  --tk-content-interactive-default-active: hsla(36, 82%, 68%, 1);
  --tk-content-interactive-concealed-active: hsla(36, 82%, 68%, 1);
  --tk-content-interactive-ambient-active: hsla(39, 84%, 75%, 1);
  --tk-content-interactive-destructive-active: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-active: hsla(39, 84%, 75%, 1);
  --tk-surface-interactive-default-active: hsla(36, 82%, 68%, .2);
  --tk-surface-interactive-concealed-active: hsla(36, 82%, 68%, .1);
  --tk-surface-interactive-ambient-active: hsla(36, 82%, 68%, 0);
  --tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(259, 100%, 11%, 1);
  --tk-soft-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-end: hsla(244, 49%, 49%, 1);
  --tk-day-start: hsla(258, 78%, 20%, 1);
  --tk-day-end: hsla(244, 49%, 49%, 1);
  --tk-soft-twilight-start: hsla(259, 100%, 11%, 1);
  --tk-soft-twilight-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-twilight-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-twilight-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-twilight-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical1: hsla(245, 100%, 78%, 1);
  --tk-chart-categorical2: hsla(225, 45%, 61%, 1);
  --tk-chart-categorical3: hsla(231, 33%, 45%, 1);
  --tk-chart-categorical4: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical5: hsla(173, 26%, 34%, 1);
  --tk-chart-categorical6: hsla(173, 27%, 20%, 1);
  --tk-chart-categorical7: hsla(21, 67%, 62%, 1);
  --tk-chart-categorical8: hsla(21, 53%, 44%, 1);
  --tk-chart-categorical9: hsla(21, 53%, 33%, 1);
  --tk-chart-neutral-primary: hsla(35, 90%, 85%, 1);
  --tk-chart-neutral-secondary: hsla(35, 90%, 85%, .94);
  --tk-chart-neutral-tertiary: hsla(35, 90%, 85%, .59);
  --tk-chart-neutral-quaternary: hsla(35, 90%, 85%, .35);
  --tk-chart-neutral-quinary: hsla(35, 90%, 85%, .24);
  --tk-chart-neutral-senary: hsla(35, 90%, 85%, .18);
  --tk-chart-quantitative-primary: hsla(36, 82%, 68%, 1);
  --tk-chart-quantitative-secondary: hsla(36, 82%, 68%, .63);
  --tk-chart-quantitative-tertiary: hsla(36, 82%, 68%, .34);
  --tk-chart-quantitative-quaternary: hsla(36, 82%, 68%, .17);
  --tk-chart-quantitative-quinary: hsla(36, 82%, 68%, .11);
  --tk-chart-quantitative-senary: hsla(36, 82%, 68%, .06)
}

[data-theme=sunrise-seville-clementine-terracotta-white-light] {
  --tk-content-primary: hsla(21, 56%, 33%, 1);
  --tk-content-secondary: hsla(21, 56%, 33%, .92);
  --tk-content-disabled: hsla(21, 56%, 33%, .5);
  --tk-content-divider: hsla(21, 56%, 33%, .25);
  --tk-content-shadow: hsla(21, 56%, 33%, .25);
  --tk-content-positive: hsla(163, 52%, 33%, 1);
  --tk-surface: hsla(20, 55%, 93%, 1);
  --tk-surface-elevated: hsla(20, 60%, 98%, 1);
  --tk-surface-overlay: hsla(21, 40%, 10%, .8);
  --tk-surface-disabled: hsla(21, 56%, 33%, .25);
  --tk-surface-read-only: hsla(21, 56%, 33%, .17);
  --tk-surface-track: hsla(21, 56%, 33%, .17);
  --tk-surface-notice-info: hsla(11, 30%, 89%, 1);
  --tk-surface-notice-destructive: hsla(9, 53%, 87%, 1);
  --tk-content-primary-inverted: hsla(20, 55%, 93%, 1);
  --tk-surface-inverted: hsla(21, 56%, 33%, 1);
  --tk-content-interactive-primary: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default: hsla(21, 85%, 39%, 1);
  --tk-content-interactive-concealed: hsla(21, 85%, 39%, 1);
  --tk-content-interactive-ambient: hsla(21, 85%, 39%, 1);
  --tk-content-interactive-destructive: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary: hsla(21, 85%, 39%, 1);
  --tk-surface-interactive-default: hsla(21, 85%, 39%, .1);
  --tk-surface-interactive-concealed: hsla(21, 85%, 39%, 0);
  --tk-surface-interactive-ambient: hsla(21, 85%, 39%, 0);
  --tk-surface-interactive-destructive: hsla(353, 100%, 35%, .1);
  --tk-content-interactive-primary-hover: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default-hover: hsla(21, 85%, 39%, 1);
  --tk-content-interactive-concealed-hover: hsla(21, 85%, 39%, 1);
  --tk-content-interactive-ambient-hover: hsla(24, 83%, 42%, 1);
  --tk-content-interactive-destructive-hover: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary-hover: hsla(24, 83%, 42%, 1);
  --tk-surface-interactive-default-hover: hsla(21, 85%, 39%, .15);
  --tk-surface-interactive-concealed-hover: hsla(21, 85%, 39%, .05);
  --tk-surface-interactive-ambient-hover: hsla(21, 85%, 39%, 0);
  --tk-surface-interactive-destructive-hover: hsla(353, 100%, 35%, .15);
  --tk-content-interactive-primary-active: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default-active: hsla(21, 85%, 39%, 1);
  --tk-content-interactive-concealed-active: hsla(21, 85%, 39%, 1);
  --tk-content-interactive-ambient-active: hsla(25, 82%, 44%, 1);
  --tk-content-interactive-destructive-active: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary-active: hsla(25, 82%, 44%, 1);
  --tk-surface-interactive-default-active: hsla(21, 85%, 39%, .2);
  --tk-surface-interactive-concealed-active: hsla(21, 85%, 39%, .1);
  --tk-surface-interactive-ambient-active: hsla(21, 85%, 39%, 0);
  --tk-surface-interactive-destructive-active: hsla(353, 100%, 35%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(21, 53%, 93%, 1);
  --tk-soft-end: hsla(231, 84%, 95%, 1);
  --tk-vibrant-start: hsla(228, 69%, 86%, 1);
  --tk-vibrant-end: hsla(20, 97%, 86%, 1);
  --tk-aqua-start: hsla(228, 69%, 86%, 1);
  --tk-aqua-end: hsla(94, 49%, 86%, 1);
  --tk-day-start: hsla(94, 49%, 86%, 1);
  --tk-day-end: hsla(42, 100%, 92%, 1);
  --tk-soft-twilight-start: hsla(21, 67%, 62%, 1);
  --tk-soft-twilight-end: hsla(225, 45%, 61%, 1);
  --tk-vibrant-twilight-start: hsla(244, 49%, 49%, 1);
  --tk-vibrant-twilight-end: hsla(21, 53%, 44%, 1);
  --tk-aqua-twilight-start: hsla(168, 29%, 51%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(247, 69%, 20%, 1);
  --tk-chart-categorical1: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical2: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical3: hsla(230, 45%, 90%, 1);
  --tk-chart-categorical4: hsla(168, 29%, 51%, 1);
  --tk-chart-categorical5: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical6: hsla(94, 49%, 86%, 1);
  --tk-chart-categorical7: hsla(32, 71%, 42%, 1);
  --tk-chart-categorical8: hsla(31, 70%, 74%, 1);
  --tk-chart-categorical9: hsla(35, 90%, 85%, 1);
  --tk-chart-neutral-primary: hsla(21, 56%, 33%, 1);
  --tk-chart-neutral-secondary: hsla(21, 56%, 33%, .92);
  --tk-chart-neutral-tertiary: hsla(21, 56%, 33%, .5);
  --tk-chart-neutral-quaternary: hsla(21, 56%, 33%, .25);
  --tk-chart-neutral-quinary: hsla(21, 56%, 33%, .17);
  --tk-chart-neutral-senary: hsla(21, 56%, 33%, .08);
  --tk-chart-quantitative-primary: hsla(21, 85%, 39%, 1);
  --tk-chart-quantitative-secondary: hsla(21, 85%, 39%, .63);
  --tk-chart-quantitative-tertiary: hsla(21, 85%, 39%, .34);
  --tk-chart-quantitative-quaternary: hsla(21, 85%, 39%, .17);
  --tk-chart-quantitative-quinary: hsla(21, 85%, 39%, .11);
  --tk-chart-quantitative-senary: hsla(21, 85%, 39%, .06)
}

[data-theme=sunrise-seville-clementine-terracotta-white-dark] {
  --tk-content-primary: hsla(20, 55%, 93%, 1);
  --tk-content-secondary: hsla(20, 55%, 93%, .86);
  --tk-content-disabled: hsla(20, 55%, 93%, .54);
  --tk-content-divider: hsla(20, 55%, 93%, .32);
  --tk-content-shadow: hsla(20, 55%, 93%, .32);
  --tk-content-positive: hsla(163, 47%, 59%, 1);
  --tk-surface: hsla(21, 56%, 33%, 1);
  --tk-surface-elevated: hsla(21, 56%, 43%, 1);
  --tk-surface-overlay: hsla(22, 100%, 10%, .8);
  --tk-surface-disabled: hsla(20, 55%, 93%, .32);
  --tk-surface-read-only: hsla(20, 55%, 93%, .22);
  --tk-surface-track: hsla(20, 55%, 93%, .22);
  --tk-surface-notice-info: hsla(20, 41%, 39%, 1);
  --tk-surface-notice-destructive: hsla(16, 46%, 42%, 1);
  --tk-content-primary-inverted: hsla(21, 56%, 33%, 1);
  --tk-surface-inverted: hsla(20, 55%, 93%, 1);
  --tk-content-interactive-primary: hsla(21, 56%, 33%, 1);
  --tk-content-interactive-default: hsla(21, 100%, 77%, 1);
  --tk-content-interactive-concealed: hsla(21, 100%, 77%, 1);
  --tk-content-interactive-ambient: hsla(21, 100%, 77%, 1);
  --tk-content-interactive-destructive: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary: hsla(21, 100%, 77%, 1);
  --tk-surface-interactive-default: hsla(21, 100%, 77%, .1);
  --tk-surface-interactive-concealed: hsla(21, 100%, 77%, 0);
  --tk-surface-interactive-ambient: hsla(21, 100%, 77%, 0);
  --tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
  --tk-content-interactive-primary-hover: hsla(21, 56%, 33%, 1);
  --tk-content-interactive-default-hover: hsla(21, 100%, 77%, 1);
  --tk-content-interactive-concealed-hover: hsla(21, 100%, 77%, 1);
  --tk-content-interactive-ambient-hover: hsla(21, 100%, 82%, 1);
  --tk-content-interactive-destructive-hover: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-hover: hsla(21, 100%, 82%, 1);
  --tk-surface-interactive-default-hover: hsla(21, 100%, 77%, .15);
  --tk-surface-interactive-concealed-hover: hsla(21, 100%, 77%, .05);
  --tk-surface-interactive-ambient-hover: hsla(21, 100%, 77%, 0);
  --tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
  --tk-content-interactive-primary-active: hsla(21, 56%, 33%, 1);
  --tk-content-interactive-default-active: hsla(21, 100%, 77%, 1);
  --tk-content-interactive-concealed-active: hsla(21, 100%, 77%, 1);
  --tk-content-interactive-ambient-active: hsla(21, 100%, 84%, 1);
  --tk-content-interactive-destructive-active: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-active: hsla(21, 100%, 84%, 1);
  --tk-surface-interactive-default-active: hsla(21, 100%, 77%, .2);
  --tk-surface-interactive-concealed-active: hsla(21, 100%, 77%, .1);
  --tk-surface-interactive-ambient-active: hsla(21, 100%, 77%, 0);
  --tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(259, 100%, 11%, 1);
  --tk-soft-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-end: hsla(244, 49%, 49%, 1);
  --tk-day-start: hsla(258, 78%, 20%, 1);
  --tk-day-end: hsla(244, 49%, 49%, 1);
  --tk-soft-twilight-start: hsla(259, 100%, 11%, 1);
  --tk-soft-twilight-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-twilight-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-twilight-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-twilight-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical1: hsla(245, 100%, 78%, 1);
  --tk-chart-categorical2: hsla(225, 45%, 61%, 1);
  --tk-chart-categorical3: hsla(231, 33%, 45%, 1);
  --tk-chart-categorical4: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical5: hsla(173, 26%, 34%, 1);
  --tk-chart-categorical6: hsla(173, 27%, 20%, 1);
  --tk-chart-categorical7: hsla(21, 67%, 62%, 1);
  --tk-chart-categorical8: hsla(21, 53%, 44%, 1);
  --tk-chart-categorical9: hsla(21, 53%, 33%, 1);
  --tk-chart-neutral-primary: hsla(20, 55%, 93%, 1);
  --tk-chart-neutral-secondary: hsla(20, 55%, 93%, .86);
  --tk-chart-neutral-tertiary: hsla(20, 55%, 93%, .54);
  --tk-chart-neutral-quaternary: hsla(20, 55%, 93%, .32);
  --tk-chart-neutral-quinary: hsla(20, 55%, 93%, .22);
  --tk-chart-neutral-senary: hsla(20, 55%, 93%, .16);
  --tk-chart-quantitative-primary: hsla(21, 100%, 77%, 1);
  --tk-chart-quantitative-secondary: hsla(21, 100%, 77%, .63);
  --tk-chart-quantitative-tertiary: hsla(21, 100%, 77%, .34);
  --tk-chart-quantitative-quaternary: hsla(21, 100%, 77%, .17);
  --tk-chart-quantitative-quinary: hsla(21, 100%, 77%, .11);
  --tk-chart-quantitative-senary: hsla(21, 100%, 77%, .06)
}

[data-theme=sunrise-tangelo-mandarin-terracotta-white-light] {
  --tk-content-primary: hsla(21, 63%, 20%, 1);
  --tk-content-secondary: hsla(21, 63%, 20%, .83);
  --tk-content-disabled: hsla(21, 63%, 20%, .45);
  --tk-content-divider: hsla(21, 63%, 20%, .23);
  --tk-content-shadow: hsla(21, 63%, 20%, .23);
  --tk-content-positive: hsla(163, 52%, 33%, 1);
  --tk-surface: hsla(20, 97%, 86%, 1);
  --tk-surface-elevated: hsla(20, 96%, 91%, 1);
  --tk-surface-overlay: hsla(20, 100%, 10%, .8);
  --tk-surface-disabled: hsla(21, 63%, 20%, .23);
  --tk-surface-read-only: hsla(21, 63%, 20%, .15);
  --tk-surface-track: hsla(21, 63%, 20%, .15);
  --tk-surface-notice-info: hsla(17, 72%, 83%, 1);
  --tk-surface-notice-destructive: hsla(14, 83%, 82%, 1);
  --tk-content-primary-inverted: hsla(20, 97%, 86%, 1);
  --tk-surface-inverted: hsla(21, 63%, 20%, 1);
  --tk-content-interactive-primary: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default: hsla(21, 85%, 39%, 1);
  --tk-content-interactive-concealed: hsla(21, 85%, 39%, 1);
  --tk-content-interactive-ambient: hsla(21, 85%, 39%, 1);
  --tk-content-interactive-destructive: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary: hsla(21, 85%, 39%, 1);
  --tk-surface-interactive-default: hsla(21, 85%, 39%, .1);
  --tk-surface-interactive-concealed: hsla(21, 85%, 39%, 0);
  --tk-surface-interactive-ambient: hsla(21, 85%, 39%, 0);
  --tk-surface-interactive-destructive: hsla(353, 100%, 35%, .1);
  --tk-content-interactive-primary-hover: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default-hover: hsla(21, 85%, 39%, 1);
  --tk-content-interactive-concealed-hover: hsla(21, 85%, 39%, 1);
  --tk-content-interactive-ambient-hover: hsla(24, 83%, 42%, 1);
  --tk-content-interactive-destructive-hover: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary-hover: hsla(24, 83%, 42%, 1);
  --tk-surface-interactive-default-hover: hsla(21, 85%, 39%, .15);
  --tk-surface-interactive-concealed-hover: hsla(21, 85%, 39%, .05);
  --tk-surface-interactive-ambient-hover: hsla(21, 85%, 39%, 0);
  --tk-surface-interactive-destructive-hover: hsla(353, 100%, 35%, .15);
  --tk-content-interactive-primary-active: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-default-active: hsla(21, 85%, 39%, 1);
  --tk-content-interactive-concealed-active: hsla(21, 85%, 39%, 1);
  --tk-content-interactive-ambient-active: hsla(25, 82%, 44%, 1);
  --tk-content-interactive-destructive-active: hsla(353, 100%, 35%, 1);
  --tk-surface-interactive-primary-active: hsla(25, 82%, 44%, 1);
  --tk-surface-interactive-default-active: hsla(21, 85%, 39%, .2);
  --tk-surface-interactive-concealed-active: hsla(21, 85%, 39%, .1);
  --tk-surface-interactive-ambient-active: hsla(21, 85%, 39%, 0);
  --tk-surface-interactive-destructive-active: hsla(353, 100%, 35%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(21, 53%, 93%, 1);
  --tk-soft-end: hsla(231, 84%, 95%, 1);
  --tk-vibrant-start: hsla(228, 69%, 86%, 1);
  --tk-vibrant-end: hsla(20, 97%, 86%, 1);
  --tk-aqua-start: hsla(228, 69%, 86%, 1);
  --tk-aqua-end: hsla(94, 49%, 86%, 1);
  --tk-day-start: hsla(94, 49%, 86%, 1);
  --tk-day-end: hsla(42, 100%, 92%, 1);
  --tk-soft-twilight-start: hsla(21, 67%, 62%, 1);
  --tk-soft-twilight-end: hsla(225, 45%, 61%, 1);
  --tk-vibrant-twilight-start: hsla(244, 49%, 49%, 1);
  --tk-vibrant-twilight-end: hsla(21, 53%, 44%, 1);
  --tk-aqua-twilight-start: hsla(168, 29%, 51%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(247, 69%, 20%, 1);
  --tk-chart-categorical1: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical2: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical3: hsla(230, 45%, 90%, 1);
  --tk-chart-categorical4: hsla(168, 29%, 51%, 1);
  --tk-chart-categorical5: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical6: hsla(94, 49%, 86%, 1);
  --tk-chart-categorical7: hsla(32, 71%, 42%, 1);
  --tk-chart-categorical8: hsla(31, 70%, 74%, 1);
  --tk-chart-categorical9: hsla(35, 90%, 85%, 1);
  --tk-chart-neutral-primary: hsla(21, 63%, 20%, 1);
  --tk-chart-neutral-secondary: hsla(21, 63%, 20%, .83);
  --tk-chart-neutral-tertiary: hsla(21, 63%, 20%, .45);
  --tk-chart-neutral-quaternary: hsla(21, 63%, 20%, .23);
  --tk-chart-neutral-quinary: hsla(21, 63%, 20%, .15);
  --tk-chart-neutral-senary: hsla(21, 63%, 20%, .08);
  --tk-chart-quantitative-primary: hsla(21, 85%, 39%, 1);
  --tk-chart-quantitative-secondary: hsla(21, 85%, 39%, .63);
  --tk-chart-quantitative-tertiary: hsla(21, 85%, 39%, .34);
  --tk-chart-quantitative-quaternary: hsla(21, 85%, 39%, .17);
  --tk-chart-quantitative-quinary: hsla(21, 85%, 39%, .11);
  --tk-chart-quantitative-senary: hsla(21, 85%, 39%, .06)
}

[data-theme=sunrise-tangelo-mandarin-terracotta-white-dark] {
  --tk-content-primary: hsla(20, 97%, 86%, 1);
  --tk-content-secondary: hsla(20, 97%, 86%, .93);
  --tk-content-disabled: hsla(20, 97%, 86%, .58);
  --tk-content-divider: hsla(20, 97%, 86%, .35);
  --tk-content-shadow: hsla(20, 97%, 86%, .35);
  --tk-content-positive: hsla(163, 47%, 59%, 1);
  --tk-surface: hsla(21, 63%, 20%, 1);
  --tk-surface-elevated: hsla(21, 62%, 30%, 1);
  --tk-surface-overlay: hsla(20, 100%, 10%, .8);
  --tk-surface-disabled: hsla(20, 97%, 86%, .35);
  --tk-surface-read-only: hsla(20, 97%, 86%, .23);
  --tk-surface-track: hsla(20, 97%, 86%, .23);
  --tk-surface-notice-info: hsla(19, 40%, 27%, 1);
  --tk-surface-notice-destructive: hsla(14, 46%, 31%, 1);
  --tk-content-primary-inverted: hsla(21, 63%, 20%, 1);
  --tk-surface-inverted: hsla(20, 97%, 86%, 1);
  --tk-content-interactive-primary: hsla(21, 63%, 20%, 1);
  --tk-content-interactive-default: hsla(21, 100%, 77%, 1);
  --tk-content-interactive-concealed: hsla(21, 100%, 77%, 1);
  --tk-content-interactive-ambient: hsla(21, 100%, 77%, 1);
  --tk-content-interactive-destructive: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary: hsla(21, 100%, 77%, 1);
  --tk-surface-interactive-default: hsla(21, 100%, 77%, .1);
  --tk-surface-interactive-concealed: hsla(21, 100%, 77%, 0);
  --tk-surface-interactive-ambient: hsla(21, 100%, 77%, 0);
  --tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
  --tk-content-interactive-primary-hover: hsla(21, 63%, 20%, 1);
  --tk-content-interactive-default-hover: hsla(21, 100%, 77%, 1);
  --tk-content-interactive-concealed-hover: hsla(21, 100%, 77%, 1);
  --tk-content-interactive-ambient-hover: hsla(21, 100%, 82%, 1);
  --tk-content-interactive-destructive-hover: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-hover: hsla(21, 100%, 82%, 1);
  --tk-surface-interactive-default-hover: hsla(21, 100%, 77%, .15);
  --tk-surface-interactive-concealed-hover: hsla(21, 100%, 77%, .05);
  --tk-surface-interactive-ambient-hover: hsla(21, 100%, 77%, 0);
  --tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
  --tk-content-interactive-primary-active: hsla(21, 63%, 20%, 1);
  --tk-content-interactive-default-active: hsla(21, 100%, 77%, 1);
  --tk-content-interactive-concealed-active: hsla(21, 100%, 77%, 1);
  --tk-content-interactive-ambient-active: hsla(21, 100%, 84%, 1);
  --tk-content-interactive-destructive-active: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-active: hsla(21, 100%, 84%, 1);
  --tk-surface-interactive-default-active: hsla(21, 100%, 77%, .2);
  --tk-surface-interactive-concealed-active: hsla(21, 100%, 77%, .1);
  --tk-surface-interactive-ambient-active: hsla(21, 100%, 77%, 0);
  --tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(259, 100%, 11%, 1);
  --tk-soft-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-end: hsla(244, 49%, 49%, 1);
  --tk-day-start: hsla(258, 78%, 20%, 1);
  --tk-day-end: hsla(244, 49%, 49%, 1);
  --tk-soft-twilight-start: hsla(259, 100%, 11%, 1);
  --tk-soft-twilight-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-twilight-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-twilight-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-twilight-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical1: hsla(245, 100%, 78%, 1);
  --tk-chart-categorical2: hsla(225, 45%, 61%, 1);
  --tk-chart-categorical3: hsla(231, 33%, 45%, 1);
  --tk-chart-categorical4: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical5: hsla(173, 26%, 34%, 1);
  --tk-chart-categorical6: hsla(173, 27%, 20%, 1);
  --tk-chart-categorical7: hsla(21, 67%, 62%, 1);
  --tk-chart-categorical8: hsla(21, 53%, 44%, 1);
  --tk-chart-categorical9: hsla(21, 53%, 33%, 1);
  --tk-chart-neutral-primary: hsla(20, 97%, 86%, 1);
  --tk-chart-neutral-secondary: hsla(20, 97%, 86%, .93);
  --tk-chart-neutral-tertiary: hsla(20, 97%, 86%, .58);
  --tk-chart-neutral-quaternary: hsla(20, 97%, 86%, .35);
  --tk-chart-neutral-quinary: hsla(20, 97%, 86%, .23);
  --tk-chart-neutral-senary: hsla(20, 97%, 86%, .17);
  --tk-chart-quantitative-primary: hsla(21, 100%, 77%, 1);
  --tk-chart-quantitative-secondary: hsla(21, 100%, 77%, .63);
  --tk-chart-quantitative-tertiary: hsla(21, 100%, 77%, .34);
  --tk-chart-quantitative-quaternary: hsla(21, 100%, 77%, .17);
  --tk-chart-quantitative-quinary: hsla(21, 100%, 77%, .11);
  --tk-chart-quantitative-senary: hsla(21, 100%, 77%, .06)
}

[data-theme=sunset-white-forest-spearmint-forest-light],
[data-theme=sunset-white-forest-spearmint-forest-dark] {
  --tk-content-primary: hsla(0, 0%, 100%, 1);
  --tk-content-secondary: hsla(0, 0%, 100%, .8);
  --tk-content-disabled: hsla(0, 0%, 100%, .5);
  --tk-content-divider: hsla(0, 0%, 100%, .3);
  --tk-content-shadow: hsla(0, 0%, 100%, .3);
  --tk-content-positive: hsla(163, 47%, 59%, 1);
  --tk-surface: hsla(173, 26%, 20%, 1);
  --tk-surface-elevated: hsla(172, 25%, 30%, 1);
  --tk-surface-overlay: hsla(173, 62%, 8%, .8);
  --tk-surface-disabled: hsla(0, 0%, 100%, .3);
  --tk-surface-read-only: hsla(0, 0%, 100%, .2);
  --tk-surface-track: hsla(0, 0%, 100%, .2);
  --tk-surface-notice-info: hsla(178, 17%, 27%, 1);
  --tk-surface-notice-destructive: hsla(36, 3%, 31%, 1);
  --tk-content-primary-inverted: hsla(173, 26%, 20%, 1);
  --tk-surface-inverted: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-primary: hsla(173, 26%, 20%, 1);
  --tk-content-interactive-default: hsla(94, 100%, 86%, 1);
  --tk-content-interactive-concealed: hsla(94, 100%, 86%, 1);
  --tk-content-interactive-ambient: hsla(94, 100%, 86%, 1);
  --tk-content-interactive-destructive: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary: hsla(94, 100%, 86%, 1);
  --tk-surface-interactive-default: hsla(94, 100%, 86%, .1);
  --tk-surface-interactive-concealed: hsla(94, 100%, 86%, 0);
  --tk-surface-interactive-ambient: hsla(94, 100%, 86%, 0);
  --tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
  --tk-content-interactive-primary-hover: hsla(173, 26%, 20%, 1);
  --tk-content-interactive-default-hover: hsla(94, 100%, 86%, 1);
  --tk-content-interactive-concealed-hover: hsla(94, 100%, 86%, 1);
  --tk-content-interactive-ambient-hover: hsla(94, 100%, 89%, 1);
  --tk-content-interactive-destructive-hover: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-hover: hsla(94, 100%, 89%, 1);
  --tk-surface-interactive-default-hover: hsla(94, 100%, 86%, .15);
  --tk-surface-interactive-concealed-hover: hsla(94, 100%, 86%, .05);
  --tk-surface-interactive-ambient-hover: hsla(94, 100%, 86%, 0);
  --tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
  --tk-content-interactive-primary-active: hsla(173, 26%, 20%, 1);
  --tk-content-interactive-default-active: hsla(94, 100%, 86%, 1);
  --tk-content-interactive-concealed-active: hsla(94, 100%, 86%, 1);
  --tk-content-interactive-ambient-active: hsla(94, 100%, 90%, 1);
  --tk-content-interactive-destructive-active: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-active: hsla(94, 100%, 90%, 1);
  --tk-surface-interactive-default-active: hsla(94, 100%, 86%, .2);
  --tk-surface-interactive-concealed-active: hsla(94, 100%, 86%, .1);
  --tk-surface-interactive-ambient-active: hsla(94, 100%, 86%, 0);
  --tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(259, 100%, 11%, 1);
  --tk-soft-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-end: hsla(244, 49%, 49%, 1);
  --tk-day-start: hsla(258, 78%, 20%, 1);
  --tk-day-end: hsla(244, 49%, 49%, 1);
  --tk-soft-twilight-start: hsla(259, 100%, 11%, 1);
  --tk-soft-twilight-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-twilight-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-twilight-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-twilight-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical1: hsla(245, 100%, 78%, 1);
  --tk-chart-categorical2: hsla(225, 45%, 61%, 1);
  --tk-chart-categorical3: hsla(231, 33%, 45%, 1);
  --tk-chart-categorical4: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical5: hsla(173, 26%, 34%, 1);
  --tk-chart-categorical6: hsla(173, 27%, 20%, 1);
  --tk-chart-categorical7: hsla(21, 67%, 62%, 1);
  --tk-chart-categorical8: hsla(21, 53%, 44%, 1);
  --tk-chart-categorical9: hsla(21, 53%, 33%, 1);
  --tk-chart-neutral-primary: hsla(0, 0%, 100%, 1);
  --tk-chart-neutral-secondary: hsla(0, 0%, 100%, .8);
  --tk-chart-neutral-tertiary: hsla(0, 0%, 100%, .5);
  --tk-chart-neutral-quaternary: hsla(0, 0%, 100%, .3);
  --tk-chart-neutral-quinary: hsla(0, 0%, 100%, .2);
  --tk-chart-neutral-senary: hsla(0, 0%, 100%, .15);
  --tk-chart-quantitative-primary: hsla(94, 100%, 86%, 1);
  --tk-chart-quantitative-secondary: hsla(94, 100%, 86%, .63);
  --tk-chart-quantitative-tertiary: hsla(94, 100%, 86%, .34);
  --tk-chart-quantitative-quaternary: hsla(94, 100%, 86%, .17);
  --tk-chart-quantitative-quinary: hsla(94, 100%, 86%, .11);
  --tk-chart-quantitative-senary: hsla(94, 100%, 86%, .06)
}

[data-theme=sunset-pebble-forest-white-forest-light],
[data-theme=sunset-pebble-forest-white-forest-dark] {
  --tk-content-primary: hsla(243, 9%, 95%, 1);
  --tk-content-secondary: hsla(243, 9%, 95%, .84);
  --tk-content-disabled: hsla(243, 9%, 95%, .53);
  --tk-content-divider: hsla(243, 9%, 95%, .32);
  --tk-content-shadow: hsla(243, 9%, 95%, .32);
  --tk-content-positive: hsla(163, 47%, 59%, 1);
  --tk-surface: hsla(173, 26%, 20%, 1);
  --tk-surface-elevated: hsla(172, 25%, 30%, 1);
  --tk-surface-overlay: hsla(173, 62%, 8%, .8);
  --tk-surface-disabled: hsla(243, 9%, 95%, .32);
  --tk-surface-read-only: hsla(243, 9%, 95%, .21);
  --tk-surface-track: hsla(243, 9%, 95%, .21);
  --tk-surface-notice-info: hsla(178, 17%, 27%, 1);
  --tk-surface-notice-destructive: hsla(36, 3%, 31%, 1);
  --tk-content-primary-inverted: hsla(173, 26%, 20%, 1);
  --tk-surface-inverted: hsla(243, 9%, 95%, 1);
  --tk-content-interactive-primary: hsla(173, 26%, 20%, 1);
  --tk-content-interactive-default: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-concealed: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-ambient: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-destructive: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary: hsla(0, 0%, 100%, 1);
  --tk-surface-interactive-default: hsla(0, 0%, 100%, .1);
  --tk-surface-interactive-concealed: hsla(0, 0%, 100%, 0);
  --tk-surface-interactive-ambient: hsla(0, 0%, 100%, 0);
  --tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
  --tk-content-interactive-primary-hover: hsla(173, 26%, 20%, 1);
  --tk-content-interactive-default-hover: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-concealed-hover: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-ambient-hover: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-destructive-hover: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-hover: hsla(0, 0%, 100%, 1);
  --tk-surface-interactive-default-hover: hsla(0, 0%, 100%, .15);
  --tk-surface-interactive-concealed-hover: hsla(0, 0%, 100%, .05);
  --tk-surface-interactive-ambient-hover: hsla(0, 0%, 100%, 0);
  --tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
  --tk-content-interactive-primary-active: hsla(173, 26%, 20%, 1);
  --tk-content-interactive-default-active: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-concealed-active: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-ambient-active: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-destructive-active: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-active: hsla(0, 0%, 100%, 1);
  --tk-surface-interactive-default-active: hsla(0, 0%, 100%, .2);
  --tk-surface-interactive-concealed-active: hsla(0, 0%, 100%, .1);
  --tk-surface-interactive-ambient-active: hsla(0, 0%, 100%, 0);
  --tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(259, 100%, 11%, 1);
  --tk-soft-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-end: hsla(244, 49%, 49%, 1);
  --tk-day-start: hsla(258, 78%, 20%, 1);
  --tk-day-end: hsla(244, 49%, 49%, 1);
  --tk-soft-twilight-start: hsla(259, 100%, 11%, 1);
  --tk-soft-twilight-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-twilight-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-twilight-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-twilight-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical1: hsla(245, 100%, 78%, 1);
  --tk-chart-categorical2: hsla(225, 45%, 61%, 1);
  --tk-chart-categorical3: hsla(231, 33%, 45%, 1);
  --tk-chart-categorical4: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical5: hsla(173, 26%, 34%, 1);
  --tk-chart-categorical6: hsla(173, 27%, 20%, 1);
  --tk-chart-categorical7: hsla(21, 67%, 62%, 1);
  --tk-chart-categorical8: hsla(21, 53%, 44%, 1);
  --tk-chart-categorical9: hsla(21, 53%, 33%, 1);
  --tk-chart-neutral-primary: hsla(243, 9%, 95%, 1);
  --tk-chart-neutral-secondary: hsla(243, 9%, 95%, .84);
  --tk-chart-neutral-tertiary: hsla(243, 9%, 95%, .53);
  --tk-chart-neutral-quaternary: hsla(243, 9%, 95%, .32);
  --tk-chart-neutral-quinary: hsla(243, 9%, 95%, .21);
  --tk-chart-neutral-senary: hsla(243, 9%, 95%, .16);
  --tk-chart-quantitative-primary: hsla(0, 0%, 100%, 1);
  --tk-chart-quantitative-secondary: hsla(0, 0%, 100%, .63);
  --tk-chart-quantitative-tertiary: hsla(0, 0%, 100%, .34);
  --tk-chart-quantitative-quaternary: hsla(0, 0%, 100%, .17);
  --tk-chart-quantitative-quinary: hsla(0, 0%, 100%, .11);
  --tk-chart-quantitative-senary: hsla(0, 0%, 100%, .06)
}

[data-theme=sunset-pebble-eggplant-white-eggplant-light],
[data-theme=sunset-pebble-eggplant-white-eggplant-dark] {
  --tk-content-primary: hsla(243, 9%, 95%, 1);
  --tk-content-secondary: hsla(243, 9%, 95%, .84);
  --tk-content-disabled: hsla(243, 9%, 95%, .53);
  --tk-content-divider: hsla(243, 9%, 95%, .32);
  --tk-content-shadow: hsla(243, 9%, 95%, .32);
  --tk-content-positive: hsla(163, 47%, 59%, 1);
  --tk-surface: hsla(258, 78%, 20%, 1);
  --tk-surface-elevated: hsla(258, 78%, 30%, 1);
  --tk-surface-overlay: hsla(258, 82%, 19%, .8);
  --tk-surface-disabled: hsla(243, 9%, 95%, .32);
  --tk-surface-read-only: hsla(243, 9%, 95%, .21);
  --tk-surface-track: hsla(243, 9%, 95%, .21);
  --tk-surface-notice-info: hsla(258, 53%, 27%, 1);
  --tk-surface-notice-destructive: hsla(280, 47%, 27%, 1);
  --tk-content-primary-inverted: hsla(258, 78%, 20%, 1);
  --tk-surface-inverted: hsla(243, 9%, 95%, 1);
  --tk-content-interactive-primary: hsla(258, 78%, 20%, 1);
  --tk-content-interactive-default: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-concealed: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-ambient: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-destructive: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary: hsla(0, 0%, 100%, 1);
  --tk-surface-interactive-default: hsla(0, 0%, 100%, .1);
  --tk-surface-interactive-concealed: hsla(0, 0%, 100%, 0);
  --tk-surface-interactive-ambient: hsla(0, 0%, 100%, 0);
  --tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
  --tk-content-interactive-primary-hover: hsla(258, 78%, 20%, 1);
  --tk-content-interactive-default-hover: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-concealed-hover: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-ambient-hover: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-destructive-hover: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-hover: hsla(0, 0%, 100%, 1);
  --tk-surface-interactive-default-hover: hsla(0, 0%, 100%, .15);
  --tk-surface-interactive-concealed-hover: hsla(0, 0%, 100%, .05);
  --tk-surface-interactive-ambient-hover: hsla(0, 0%, 100%, 0);
  --tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
  --tk-content-interactive-primary-active: hsla(258, 78%, 20%, 1);
  --tk-content-interactive-default-active: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-concealed-active: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-ambient-active: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-destructive-active: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-active: hsla(0, 0%, 100%, 1);
  --tk-surface-interactive-default-active: hsla(0, 0%, 100%, .2);
  --tk-surface-interactive-concealed-active: hsla(0, 0%, 100%, .1);
  --tk-surface-interactive-ambient-active: hsla(0, 0%, 100%, 0);
  --tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(259, 100%, 11%, 1);
  --tk-soft-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-end: hsla(244, 49%, 49%, 1);
  --tk-day-start: hsla(258, 78%, 20%, 1);
  --tk-day-end: hsla(244, 49%, 49%, 1);
  --tk-soft-twilight-start: hsla(259, 100%, 11%, 1);
  --tk-soft-twilight-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-twilight-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-twilight-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-twilight-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical1: hsla(245, 100%, 78%, 1);
  --tk-chart-categorical2: hsla(225, 45%, 61%, 1);
  --tk-chart-categorical3: hsla(231, 33%, 45%, 1);
  --tk-chart-categorical4: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical5: hsla(173, 26%, 34%, 1);
  --tk-chart-categorical6: hsla(173, 27%, 20%, 1);
  --tk-chart-categorical7: hsla(21, 67%, 62%, 1);
  --tk-chart-categorical8: hsla(21, 53%, 44%, 1);
  --tk-chart-categorical9: hsla(21, 53%, 33%, 1);
  --tk-chart-neutral-primary: hsla(243, 9%, 95%, 1);
  --tk-chart-neutral-secondary: hsla(243, 9%, 95%, .84);
  --tk-chart-neutral-tertiary: hsla(243, 9%, 95%, .53);
  --tk-chart-neutral-quaternary: hsla(243, 9%, 95%, .32);
  --tk-chart-neutral-quinary: hsla(243, 9%, 95%, .21);
  --tk-chart-neutral-senary: hsla(243, 9%, 95%, .16);
  --tk-chart-quantitative-primary: hsla(0, 0%, 100%, 1);
  --tk-chart-quantitative-secondary: hsla(0, 0%, 100%, .63);
  --tk-chart-quantitative-tertiary: hsla(0, 0%, 100%, .34);
  --tk-chart-quantitative-quaternary: hsla(0, 0%, 100%, .17);
  --tk-chart-quantitative-quinary: hsla(0, 0%, 100%, .11);
  --tk-chart-quantitative-senary: hsla(0, 0%, 100%, .06)
}

[data-theme=sunset-pebble-space-white-space-light],
[data-theme=sunset-pebble-space-white-space-dark] {
  --tk-content-primary: hsla(243, 9%, 95%, 1);
  --tk-content-secondary: hsla(243, 9%, 95%, .84);
  --tk-content-disabled: hsla(243, 9%, 95%, .53);
  --tk-content-divider: hsla(243, 9%, 95%, .32);
  --tk-content-shadow: hsla(243, 9%, 95%, .32);
  --tk-content-positive: hsla(163, 47%, 59%, 1);
  --tk-surface: hsla(243, 30%, 13%, 1);
  --tk-surface-elevated: hsla(243, 30%, 23%, 1);
  --tk-surface-overlay: hsla(243, 30%, 13%, .8);
  --tk-surface-disabled: hsla(243, 9%, 95%, .32);
  --tk-surface-read-only: hsla(243, 9%, 95%, .21);
  --tk-surface-track: hsla(243, 9%, 95%, .21);
  --tk-surface-notice-info: hsla(243, 19%, 21%, 1);
  --tk-surface-notice-destructive: hsla(320, 21%, 23%, 1);
  --tk-content-primary-inverted: hsla(243, 30%, 13%, 1);
  --tk-surface-inverted: hsla(243, 9%, 95%, 1);
  --tk-content-interactive-primary: hsla(243, 30%, 13%, 1);
  --tk-content-interactive-default: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-concealed: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-ambient: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-destructive: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary: hsla(0, 0%, 100%, 1);
  --tk-surface-interactive-default: hsla(0, 0%, 100%, .1);
  --tk-surface-interactive-concealed: hsla(0, 0%, 100%, 0);
  --tk-surface-interactive-ambient: hsla(0, 0%, 100%, 0);
  --tk-surface-interactive-destructive: hsla(0, 100%, 77%, .1);
  --tk-content-interactive-primary-hover: hsla(243, 30%, 13%, 1);
  --tk-content-interactive-default-hover: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-concealed-hover: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-ambient-hover: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-destructive-hover: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-hover: hsla(0, 0%, 100%, 1);
  --tk-surface-interactive-default-hover: hsla(0, 0%, 100%, .15);
  --tk-surface-interactive-concealed-hover: hsla(0, 0%, 100%, .05);
  --tk-surface-interactive-ambient-hover: hsla(0, 0%, 100%, 0);
  --tk-surface-interactive-destructive-hover: hsla(0, 100%, 77%, .15);
  --tk-content-interactive-primary-active: hsla(243, 30%, 13%, 1);
  --tk-content-interactive-default-active: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-concealed-active: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-ambient-active: hsla(0, 0%, 100%, 1);
  --tk-content-interactive-destructive-active: hsla(0, 100%, 77%, 1);
  --tk-surface-interactive-primary-active: hsla(0, 0%, 100%, 1);
  --tk-surface-interactive-default-active: hsla(0, 0%, 100%, .2);
  --tk-surface-interactive-concealed-active: hsla(0, 0%, 100%, .1);
  --tk-surface-interactive-ambient-active: hsla(0, 0%, 100%, 0);
  --tk-surface-interactive-destructive-active: hsla(0, 100%, 77%, .2);
  --tk-affordability-comfortable: hsla(163, 47%, 59%, 1);
  --tk-affordability-manageable: hsla(42, 84%, 63%, 1);
  --tk-affordability-stretch: hsla(22, 100%, 66%, 1);
  --tk-affordability-unaffordable: hsla(243, 8%, 49%, 1);
  --tk-soft-start: hsla(259, 100%, 11%, 1);
  --tk-soft-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-end: hsla(244, 49%, 49%, 1);
  --tk-day-start: hsla(258, 78%, 20%, 1);
  --tk-day-end: hsla(244, 49%, 49%, 1);
  --tk-soft-twilight-start: hsla(259, 100%, 11%, 1);
  --tk-soft-twilight-end: hsla(21, 100%, 13%, 1);
  --tk-vibrant-twilight-start: hsla(259, 100%, 21%, 1);
  --tk-vibrant-twilight-end: hsla(21, 100%, 19%, 1);
  --tk-aqua-twilight-start: hsla(174, 56%, 23%, 1);
  --tk-aqua-twilight-end: hsla(244, 49%, 49%, 1);
  --tk-night-start: hsla(258, 78%, 20%, 1);
  --tk-night-end: hsla(244, 49%, 49%, 1);
  --tk-chart-categorical0: hsla(230, 74%, 85%, 1);
  --tk-chart-categorical1: hsla(245, 100%, 78%, 1);
  --tk-chart-categorical2: hsla(225, 45%, 61%, 1);
  --tk-chart-categorical3: hsla(231, 33%, 45%, 1);
  --tk-chart-categorical4: hsla(162, 38%, 75%, 1);
  --tk-chart-categorical5: hsla(173, 26%, 34%, 1);
  --tk-chart-categorical6: hsla(173, 27%, 20%, 1);
  --tk-chart-categorical7: hsla(21, 67%, 62%, 1);
  --tk-chart-categorical8: hsla(21, 53%, 44%, 1);
  --tk-chart-categorical9: hsla(21, 53%, 33%, 1);
  --tk-chart-neutral-primary: hsla(243, 9%, 95%, 1);
  --tk-chart-neutral-secondary: hsla(243, 9%, 95%, .84);
  --tk-chart-neutral-tertiary: hsla(243, 9%, 95%, .53);
  --tk-chart-neutral-quaternary: hsla(243, 9%, 95%, .32);
  --tk-chart-neutral-quinary: hsla(243, 9%, 95%, .21);
  --tk-chart-neutral-senary: hsla(243, 9%, 95%, .16);
  --tk-chart-quantitative-primary: hsla(0, 0%, 100%, 1);
  --tk-chart-quantitative-secondary: hsla(0, 0%, 100%, .63);
  --tk-chart-quantitative-tertiary: hsla(0, 0%, 100%, .34);
  --tk-chart-quantitative-quaternary: hsla(0, 0%, 100%, .17);
  --tk-chart-quantitative-quinary: hsla(0, 0%, 100%, .11);
  --tk-chart-quantitative-senary: hsla(0, 0%, 100%, .06)
}

:root {
  --tk-gradient-soft: linear-gradient(#f7eae4, #e8ebfd);
  --tk-gradient-vibrant: linear-gradient(#c3cdf4, #fed0b9);
  --tk-gradient-aqua: linear-gradient(#c3cdf4, #d9edca);
  --tk-gradient-day: linear-gradient(#d9edca, #fff3d6);
  --tk-gradient-soft-twilight: linear-gradient(#df8b5d, #6f85c8);
  --tk-gradient-vibrant-twilight: linear-gradient(#4840ba, #ac5e35);
  --tk-gradient-aqua-twilight: linear-gradient(#5ea698, #4840ba);
  --tk-gradient-night: linear-gradient(#230b5b, #4840ba)
}

:root {
  --reach-dialog: 1
}

.marketing-cta {
  font-size: 36px;
  font-weight: 300;
  color: #fff
}

.marketing-cta.text-dark {
  color: #161338
}

.marketing-cta.strong {
  font-weight: 500
}

.marketing-header {
  font-size: 30px;
  font-weight: 400;
  color: #161338;
  margin-bottom: 12px
}

.marketing-header.text-white {
  color: #fff
}

.marketing-body {
  font-size: 20px;
  color: #413f57
}

.marketing-body.text-dark {
  color: #161338
}

.marketing-body.text-white {
  color: #fff
}

.marketing-body.text-info {
  color: #09f
}

.marketing-body.text-large {
  font-size: 24px
}

.marketing-title {
  font-size: 18px;
  font-weight: 700;
  color: #4840bb;
  text-transform: uppercase;
  margin-bottom: 24px
}

.marketing-title.marketing-title-white {
  color: #fff
}

.marketing-title.text-medium {
  font-size: 20px
}

@media only screen and (max-width: 768px) {
  .marketing-cta {
    font-weight: 400;
    text-align: center
  }

  .marketing-header {
    font-size: 30px;
    margin-bottom: 6px;
    text-align: center
  }

  .marketing-body {
    font-size: 20px;
    text-align: center
  }

  .marketing-title {
    font-size: 18px;
    margin-bottom: 18px;
    text-align: center
  }
}

body article.investing h1.investing-title b {
  font-weight: 900
}

.static-guest-mobile-inline {
  display: block
}

@media only screen and (max-width: 768px) {
  .static-guest-mobile-inline {
    display: inline
  }
}

.static-guest-page-component {
  margin-top: -72px
}

@media only screen and (max-width: 768px) {
  .static-guest-page-component {
    margin-top: 0
  }
}

.static-guest-common-page-padded-white-bg {
  padding: 120px 0 96px;
  background: #fff
}

@media only screen and (max-width: 768px) {
  .static-guest-common-page-padded-white-bg {
    margin-top: 0;
    padding-top: 24px
  }
}

.static-guest-common-page-header-padded-white-bg {
  padding: 72px 0 96px;
  background: #fff
}

@media only screen and (max-width: 768px) {
  .static-guest-common-page-header-padded-white-bg {
    margin-top: 0;
    padding-top: 24px
  }
}

.static-guest-common-title-accent {
  font-size: 18px;
  color: #67c8ac;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500
}

.static-guest-common-title-primary {
  font-size: 18px;
  color: #4840bb;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500
}

.static-guest-common-hero-headline {
  font-size: 55px;
  line-height: 1.2
}

@media only screen and (max-width: 768px) {
  .static-guest-common-hero-headline {
    font-size: 45px;
    line-height: 1
  }
}

.static-guest-common-btn {
  font-size: 15px;
  padding: 6px 10px 6px 18px;
  letter-spacing: 1px;
  text-transform: uppercase
}

.static-guest-common-btn .icon {
  margin-left: -7px;
  font-size: 14px;
  transition: transform .2s ease;
  position: relative;
  top: 2px
}

.static-guest-common-btn:hover .icon {
  transform: translate(3px)
}

.static-guest-common-cta-btn.static-guest-common-cta-btn-white {
  color: #4840bb
}

.static-guest-common-cta-btn.static-guest-common-cta-btn-white:hover {
  background: #e6e6e6
}

.static-guest-common-cta-btn.static-guest-common-cta-btn-primary {
  background-color: #4840bb;
  color: #fff
}

.static-guest-common-cta-btn.static-guest-common-cta-btn-primary:hover {
  background: #393395
}

.static-guest-common-cta-btn.static-guest-common-cta-btn-transparent {
  color: inherit
}

.static-guest-common-cta-btn-underline {
  font-size: 15px;
  padding: 15px 3px 3px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .35px
}

.static-guest-common-uppercase-btn {
  margin-top: 36px;
  text-transform: uppercase;
  letter-spacing: 1px
}

.static-guest-common-body-text {
  line-height: 1.4
}

.static-guest-common-link-underline {
  text-decoration: underline
}

.static-guest-common-cta-link-underline {
  padding-bottom: 6px;
  border-bottom: 3px solid #fff
}

.static-guest-common-seo-header-2 {
  font-size: 18px
}

.static-guest-common-phone {
  position: relative;
  display: inline-block;
  width: 320px;
  background: #fff;
  border-radius: 40px;
  box-shadow: 0 0 12px -3px #0009;
  padding: 61px 10px 87px
}

.static-guest-common-phone:after {
  content: "";
  position: absolute;
  bottom: 18px;
  left: 50%;
  height: 48px;
  width: 48px;
  margin-left: -24px;
  border: 2px solid #4840bb;
  border-radius: 50%
}

.static-guest-common-phone:before {
  content: "";
  position: absolute;
  top: 30px;
  left: 50%;
  height: 5px;
  width: 60px;
  margin-left: -30px;
  background: #4840bb;
  border-radius: 5%/50%
}

.static-guest-common-phone img,
.static-guest-common-phone video {
  border: 1px solid #e7e7ea
}

.static-guest-common-three-column-icon {
  height: 36px;
  margin-bottom: 18px
}

@media only screen and (max-width: 768px) {
  .static-guest-common-three-column-icon {
    margin-top: 48px
  }
}

.static-guest-common-iphone-x {
  position: relative;
  width: 312px;
  height: 624px;
  background: #fff;
  border-radius: 48px;
  box-shadow: 0 0 12px -3px #0009;
  padding: 12px
}

.static-guest-common-iphone-x:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  width: 144px;
  height: 27px;
  border-radius: 24px;
  transform: translate(-50%);
  background-color: #fff
}

.static-guest-common-iphone-x>*:only-child {
  position: relative;
  height: 100%;
  border-radius: 36px;
  border: 1px solid #e7e7ea;
  overflow: hidden
}

.static-access-wrapper-component {
  padding-top: 72px
}

@media only screen and (max-width: 480px) {
  .static-access-wrapper-component {
    padding-top: 36px
  }
}

.static-access-ssr-placeholder {
  min-height: 700px
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .static-access-ssr-placeholder {
    min-height: 600px
  }
}

@media only screen and (max-width: 480px) {
  .static-access-ssr-placeholder {
    min-height: 500px
  }
}

.static-guest-careers-section {
  position: relative;
  padding: 72px 0;
  background-color: #fff
}

@media only screen and (max-width: 768px) {
  .static-guest-careers-section {
    padding: 36px 0
  }
}

.static-guest-careers-section:first-child {
  padding: 180px 0
}

@media only screen and (max-width: 768px) {
  .static-guest-careers-section:first-child {
    padding-top: 36px
  }
}

.static-guest-careers-section:last-child {
  padding-bottom: 144px
}

@media only screen and (max-width: 768px) {
  .static-guest-careers-section:last-child {
    padding-bottom: 36px
  }
}

.static-guest-careers-squares-row {
  display: flex;
  width: 100%
}

.static-guest-careers-square {
  position: relative;
  margin: 12px 0
}

@media only screen and (max-width: 768px) {
  .static-guest-careers-square {
    margin: 6px 0
  }
}

.static-guest-careers-intro-section {
  background: linear-gradient(135deg, #8f53d7, #1e83ef)
}

.static-guest-careers-mission-section {
  padding-top: 132px
}

.static-guest-careers-mission-section-bubble {
  position: absolute;
  top: -105.6px;
  left: 50%;
  transform: translate(-50%);
  background-color: #fff;
  width: 264px;
  height: 264px;
  border-radius: 100%;
  padding: 48px
}

.static-guest-careers-mission-section-emphasized {
  color: #4840bb
}

.static-guest-careers-mission-section-video {
  margin: 72px auto 0;
  filter: drop-shadow(0 0 6px #413f57);
  width: 100%;
  height: 480px
}

@media only screen and (max-width: 768px) {
  .static-guest-careers-mission-section-video {
    filter: drop-shadow(0 0 3px #413f57);
    height: auto
  }
}

.static-guest-careers-how-section-items-wrapper {
  display: flex;
  width: 100%;
  overflow: auto
}

.static-guest-careers-how-section-item {
  flex: 0 1 33.33%;
  padding-top: 24px;
  border-top: 6px solid #4840bb;
  margin: 0 18px
}

@media only screen and (max-width: 768px) {
  .static-guest-careers-how-section-item {
    flex: 1 0 75%
  }
}

.static-guest-careers-how-section-item:first-child {
  margin-left: 0
}

.static-guest-careers-how-section-item:last-child {
  margin-right: 0
}

.static-guest-careers-values-section-item-bg {
  position: relative;
  padding-top: 100%
}

.static-guest-careers-values-section-item-bg-primary-bright {
  background-color: #8f53d7
}

.static-guest-careers-values-section-item-bg-accent-bright {
  background-color: #83e4c8
}

.static-guest-careers-values-section-item-bg-primary {
  background-color: #4840bb
}

.static-guest-careers-values-section-item-content {
  position: absolute;
  padding: 0 48px;
  top: 50%;
  transform: translateY(-50%)
}

.static-guest-careers-values-section-image {
  width: 100%;
  height: 100%
}

.static-guest-careers-perks-section-perk {
  display: flex;
  align-items: flex-start;
  margin: 24px
}

@media only screen and (max-width: 768px) {
  .static-guest-careers-perks-section-perk {
    margin: 12px 0
  }
}

.static-guest-careers-perks-section-icon {
  flex: 0 0 60px;
  height: auto;
  margin-right: 18px
}

@media only screen and (max-width: 768px) {
  .static-guest-careers-cta-section {
    background: linear-gradient(0deg, #1e83ef, #8f53d7)
  }
}

.static-guest-careers-cta-section-btn {
  margin-top: 36px
}

.static-guest-careers-cta-section-bubble {
  position: relative;
  left: 50%;
  transform: translate(-50%);
  background: linear-gradient(0deg, #1e83ef, #8f53d7);
  width: 516px;
  height: 516px;
  border-radius: 100%;
  display: flex;
  align-items: center
}

@media only screen and (max-width: 768px) {
  .static-guest-careers-cta-section-bubble {
    background: none;
    width: 100%;
    height: auto;
    padding: 72px 0
  }
}

.static-guest-careers-cta-section-content {
  padding: 0 72px
}

.static-guest-careers-open-positions-section-departments-list {
  margin-top: 30px
}

.static-guest-careers-open-positions-section-hidden-checkbox,
.static-guest-careers-open-positions-section-jobs-list,
.static-guest-careers-open-positions-section-department-toggle.wfont.wf-accordion-up {
  display: none
}

.static-guest-careers-open-positions-section-hidden-checkbox:checked+.static-guest-careers-open-positions-section-department-list-label .static-guest-careers-open-positions-section-department-toggle.wfont.wf-accordion-up {
  display: inline
}

.static-guest-careers-open-positions-section-hidden-checkbox:checked+.static-guest-careers-open-positions-section-department-list-label .static-guest-careers-open-positions-section-department-toggle.wfont.wf-accordion-down {
  display: none
}

.static-guest-careers-open-positions-section-hidden-checkbox:checked+.static-guest-careers-open-positions-section-department-list-label+.static-guest-careers-open-positions-section-jobs-list {
  display: block
}

.static-guest-careers-open-positions-section-department-list-item {
  border-bottom: 1px solid #e7e7ea
}

.static-guest-careers-open-positions-section-department-list-item:first-of-type {
  border-top: 1px solid #e7e7ea
}

.static-guest-careers-open-positions-section-department-list-label {
  position: relative;
  padding: 24px;
  margin: 0;
  cursor: pointer
}

.static-guest-careers-open-positions-section-department-toggle {
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%)
}

.static-guest-careers-open-positions-section-jobs-list-link {
  display: block;
  padding: 18px 18px 18px 0;
  margin-left: 24px;
  border-top: 1px solid #e7e7ea
}

.static-guest-programbanks {
  padding: 36px 96px
}

@media only screen and (max-width: 1139px) {
  .static-guest-programbanks {
    padding: 48px 12px
  }
}

.static-guest-programbanks-content {
  padding-top: 36px
}

.static-guest-curated-blog-posts {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap
}

.static-guest-curated-blog-posts-post {
  display: flex;
  width: 33.33%;
  margin-bottom: 4px
}

@media only screen and (max-width: 768px) {
  .static-guest-curated-blog-posts-post {
    flex: 1 0 90%
  }
}

@media only screen and (min-width: 769px) and (max-width: 1139px) {
  .static-guest-curated-blog-posts-post {
    min-width: 360px
  }
}

.static-guest-curated-blog-posts-post-content {
  margin: 2px;
  padding: 18px;
  min-height: 360px;
  height: 100%;
  border: 10px solid transparent
}

.static-guest-curated-blog-posts-post-frame {
  color: inherit
}

.static-guest-curated-blog-posts-post-frame:hover,
.static-guest-curated-blog-posts-post-frame:focus {
  color: inherit
}

.static-guest-curated-blog-posts-post-solid {
  color: #fff
}

.static-guest-curated-blog-posts-post-solid:hover,
.static-guest-curated-blog-posts-post-solid:focus {
  color: #fff
}

.static-guest-curated-blog-posts-post-frame-heading {
  line-height: 1;
  font-weight: 700
}

.static-guest-curated-blog-posts-post-solid-heading {
  line-height: 1
}

.static-guest-curated-blog-posts-post-content-accent {
  border-color: #67c8ac
}

@media only screen and (min-width: 1140px) {
  .static-guest-curated-blog-posts-post-content-accent:hover {
    background: #67c8ac
  }
}

.static-guest-curated-blog-posts-post-content-primary-bright {
  background: #8f53d7
}

@media only screen and (min-width: 1140px) {
  .static-guest-curated-blog-posts-post-content-primary-bright:hover {
    background: #682ab4
  }
}

.static-guest-curated-blog-posts-post-content-accent-bright {
  border-color: #83e4c8
}

@media only screen and (min-width: 1140px) {
  .static-guest-curated-blog-posts-post-content-accent-bright:hover {
    background: #83e4c8
  }
}

.static-guest-curated-blog-posts-post-content-secondary {
  background: #1e83ef
}

@media only screen and (min-width: 1140px) {
  .static-guest-curated-blog-posts-post-content-secondary:hover {
    background: #0d5db4
  }
}

.static-guest-curated-blog-posts-post-content-secondary-bright {
  border-color: #09f
}

@media only screen and (min-width: 1140px) {
  .static-guest-curated-blog-posts-post-content-secondary-bright:hover {
    background: #09f
  }
}

.static-guest-curated-blog-posts-post-content-primary {
  background: #4840bb
}

@media only screen and (min-width: 1140px) {
  .static-guest-curated-blog-posts-post-content-primary:hover {
    background: #322c82
  }
}

.static-guest-document-upload-container {
  padding-top: 72px
}

@media only screen and (max-width: 480px) {
  .static-guest-document-upload-container {
    padding-top: 36px
  }
}

.static-guest-find-atm {
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 144px 0 60px;
  min-height: 100vh
}

@media only screen and (max-width: 1139px) {
  .static-guest-find-atm {
    padding: 144px 0 24px
  }
}

@media only screen and (max-width: 768px) {
  .static-guest-find-atm {
    padding: 48px 0 24px
  }
}

.static-guest-find-atm-error {
  display: inline-block
}

.static-guest-find-atm-container {
  position: relative;
  display: flex;
  flex: 1 0;
  min-height: 600px;
  max-height: 800px;
  margin-top: 24px
}

@media only screen and (max-width: 768px) {
  .static-guest-find-atm-container {
    width: 100%
  }
}

.static-guest-find-atm-info-window-container {
  position: absolute;
  top: 24px;
  right: 36px
}

@media only screen and (max-width: 1139px) {
  .static-guest-find-atm-info-window-container {
    inset: auto 84px 24px 36px
  }
}

.static-guest-find-atm-info-window {
  min-width: 300px;
  background-color: #fff;
  border: 1px solid #b7b7c0;
  padding: 8px 12px;
  box-shadow: 0 5px 30px #0000001a
}

@media only screen and (max-width: 1139px) {
  .static-guest-find-atm-info-window {
    min-width: auto;
    min-height: 81px;
    display: flex;
    flex-direction: column;
    justify-content: center
  }
}

.static-guest-find-atm-target {
  flex: 1 0
}

.static-guest-find-atm-loader {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #ffffffb3;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1
}

.static-guest-find-atm-typeahead {
  position: absolute;
  top: 24px;
  left: 36px;
  display: flex
}

@media only screen and (max-width: 1139px) {
  .static-guest-find-atm-typeahead {
    right: 36px;
    flex-direction: column;
    align-items: center
  }

  .static-guest-find-atm-typeahead .typeahead-component {
    width: 100%
  }
}

.static-guest-find-atm-typeahead .typeahead-component-options-container {
  box-shadow: 0 5px 30px #0000001a
}

.static-guest-find-atm-typeahead-input.typeahead-component-input {
  width: 300px;
  box-shadow: 0 5px 30px #0000001a
}

@media only screen and (max-width: 1139px) {
  .static-guest-find-atm-typeahead-input.typeahead-component-input {
    width: 100%
  }
}

.static-guest-find-atm-option-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.static-guest-find-atm-requery-button {
  box-shadow: 0 5px 30px #0000001a;
  border-color: #b7b7c0;
  margin-left: 12px
}

@media only screen and (max-width: 1139px) {
  .static-guest-find-atm-requery-button {
    margin-left: 0;
    margin-top: 12px
  }
}

.static-guest-find-atm-recenter-button {
  box-shadow: 0 5px 30px #0000001a;
  border-color: #b7b7c0;
  margin-left: 12px
}

@media only screen and (max-width: 1139px) {
  .static-guest-find-atm-recenter-button {
    display: none
  }
}

.static-guest-find-atm-requery-loading {
  display: flex;
  align-items: center
}

.static-guest-home-guide {
  position: relative
}

.static-guest-home-guide p {
  line-height: 1.5
}

.static-guest-home-guide-boxes-container {
  position: relative;
  bottom: -120px;
  margin-top: -84px
}

@media only screen and (max-width: 768px) {
  .static-guest-home-guide-boxes-container {
    bottom: auto;
    margin-top: 36px
  }
}

.static-guest-home-guide-intro-section-box {
  height: 257px;
  width: 296px;
  padding: 36px;
  position: relative;
  text-align: left;
  margin: auto;
  color: #fff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .2);
  transition: box-shadow .2s ease
}

.static-guest-home-guide-intro-section-box .icon {
  color: #fff;
  position: relative;
  top: 2px;
  transition: transform .2s ease
}

.static-guest-home-guide-intro-section-box:hover {
  box-shadow: 0 2px 14px #0000004d
}

.static-guest-home-guide-intro-section-box:hover .icon {
  transform: translate(3px)
}

.static-guest-home-guide-intro-section-box.static-guest-home-guide-intro-section-box-planning-ahead {
  background-image: url("../../../assets/assets/guest/home_guide/planning_ahead_tile-35b94ace9e4d9eb67dddf86f5c736a0044f82dde0f35ad2604c3b11b346d0e84.png")
}

@media only screen and (max-width: 768px) {
  .static-guest-home-guide-intro-section-box.static-guest-home-guide-intro-section-box-planning-ahead {
    margin-bottom: 12px
  }
}

.static-guest-home-guide-intro-section-box.static-guest-home-guide-intro-section-box-thinking-it-through {
  background-image: url("../../../assets/assets/guest/home_guide/thinking_it_through_tile-58455eda29450fa3aca383be195b16266570c6459f1d97a8939a4f8d02f8670c.png")
}

@media only screen and (max-width: 768px) {
  .static-guest-home-guide-intro-section-box.static-guest-home-guide-intro-section-box-thinking-it-through {
    margin-bottom: 12px
  }
}

.static-guest-home-guide-intro-section-box.static-guest-home-guide-intro-section-box-ready-to-go {
  background-image: url("../../../assets/assets/guest/home_guide/ready_to_go_tile-a845ba1d346e9f3b70b14391420bdeaa0dc759962807f31ff3b83ac2bda87f51.png")
}

.static-guest-home-guide-intro-section-box-title {
  line-height: 1
}

.static-guest-home-guide-intro-section-box-paragraph {
  max-width: 75%
}

.static-guest-home-guide-intro-section-box-link {
  position: absolute;
  inset: 0
}

.static-guest-home-guide-table-of-contents-section {
  padding: 204px 0 300px;
  background-color: #fff
}

@media only screen and (max-width: 768px) {
  .static-guest-home-guide-table-of-contents-section {
    padding: 60px 0 84px
  }
}

.static-guest-home-guide-text-accent-bright {
  color: #83e4c8
}

.static-guest-home-guide-common-intro-section {
  padding-top: 120px;
  text-align: center;
  background-color: #161338;
  color: #fff
}

@media only screen and (max-width: 768px) {
  .static-guest-home-guide-common-intro-section {
    padding-top: 60px;
    padding-bottom: 36px
  }
}

.static-guest-home-guide-common-bottom-cta-section {
  background-color: #4840bb;
  color: #fff
}

@media only screen and (max-width: 768px) {
  .static-guest-home-guide-common-bottom-cta-section {
    text-align: center
  }
}

.static-guest-home-guide-common-bottom-cta-section-content {
  padding-top: 168px;
  padding-bottom: 96px
}

@media only screen and (max-width: 1139px) {
  .static-guest-home-guide-common-bottom-cta-section-content {
    padding: 72px 24px 24px
  }
}

@media only screen and (max-width: 768px) {
  .static-guest-home-guide-common-bottom-cta-section-content {
    padding: 48px 24px 24px
  }
}

.static-guest-home-guide-common-bottom-cta-section-phone-outer-container {
  height: 100%;
  width: 100%;
  min-height: 441px;
  overflow: hidden;
  position: relative
}

.static-guest-home-guide-common-bottom-cta-section-phone-inner-container {
  position: absolute;
  top: 96px;
  left: 0;
  right: 0;
  height: 100%;
  width: 60%;
  margin: auto
}

@media only screen and (max-width: 1139px) {
  .static-guest-home-guide-common-bottom-cta-section-phone-inner-container {
    top: 24px;
    width: 50%
  }
}

@media only screen and (max-width: 768px) {
  .static-guest-home-guide-common-bottom-cta-section-phone-inner-container {
    width: 90%
  }
}

.static-guest-home-guide-common-bottom-cta-section-header {
  font-family: Glosa Display, Georgia, Times New Roman, Times, serif
}

.static-guest-home-guide-common-questions-container {
  position: relative;
  top: -216px;
  padding: 96px;
  border: 1px solid #e7e7ea;
  background-color: #fff;
  box-shadow: 0 0 10px 5px #0000000d;
  margin-bottom: -264px
}

.static-guest-home-guide-common-questions-container.static-guest-home-guide-common-persona-questions-container {
  top: 48px;
  margin-bottom: 0
}

@media only screen and (max-width: 768px) {
  .static-guest-home-guide-common-questions-container {
    top: -48px;
    margin-bottom: -72px;
    padding: 48px
  }
}

.static-guest-home-guide-common-questions-container-footer {
  margin: 36px -96px -96px;
  padding: 48px 96px;
  border-top: 1px solid #e7e7ea
}

@media only screen and (max-width: 768px) {
  .static-guest-home-guide-common-questions-container-footer {
    margin: 36px -48px -48px;
    padding: 24px 48px
  }
}

.static-home-guide-common-question {
  margin-bottom: 60px
}

.static-home-guide-common-question:last-of-type {
  margin-bottom: 0
}

.static-guest-home-guide-common-bordered-example {
  padding: 36px 24px;
  margin: 24px 0;
  border: 8px solid #4840bb
}

@media only screen and (max-width: 768px) {
  .static-guest-home-guide-common-bordered-example {
    padding: 0;
    border: none
  }

  .static-guest-home-guide-common-bordered-example:before {
    content: "";
    display: block;
    width: 48px;
    height: 8px;
    margin-bottom: 24px;
    background-color: #4840bb
  }
}

.static-guest-home-guide-common-ol {
  list-style-type: decimal-leading-zero;
  padding-inline-start: 40px;
  color: #67c8ac;
  font-size: 24px;
  font-weight: 500
}

.static-guest-home-guide-common-ol li {
  line-height: 24px
}

.static-guest-home-guide-common-li-content {
  font-size: 18px;
  font-weight: 400;
  padding-left: 6px
}

.static-guest-home-guide-common-persona-top-link {
  font-size: 15px;
  font-weight: 500;
  color: #83e4c8;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 12px;
  display: flex;
  align-items: center
}

.static-guest-home-guide-common-persona-top-link .icon {
  margin-left: -8px
}

.static-guest-home-guide-common-persona-top-link-right {
  justify-content: flex-end
}

@media only screen and (max-width: 1139px) {
  .static-guest-home-guide-common-persona-top-link-right {
    justify-content: flex-start
  }
}

.static-guest-home-guide-common-persona-top-section {
  min-height: 417px;
  margin-bottom: -48px;
  color: #fff;
  padding: 72px 12px;
  text-align: left;
  position: relative;
  z-index: 1;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.static-guest-home-guide-common-persona-top-section:before {
  content: " ";
  position: absolute;
  z-index: -1;
  inset: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top
}

@media only screen and (max-width: 1139px) {
  .static-guest-home-guide-common-persona-top-section:before {
    opacity: .2
  }
}

.static-guest-home-guide-common-persona-top-section-title {
  opacity: .5;
  text-transform: uppercase;
  margin-bottom: 6px
}

.static-guest-home-guide-common-persona-top-section-ul {
  padding-left: 6px;
  list-style-position: inside
}

.static-guest-home-guide-common-question-section-spacing-container {
  padding-top: 84px
}

@media only screen and (max-width: 768px) {
  .static-guest-home-guide-common-question-section-spacing-container {
    padding-top: 60px
  }
}

.static-guest-home-guide-common-aside {
  position: absolute;
  right: -108px;
  width: 324px;
  padding: 36px;
  margin: -192px 0 12px;
  color: #fff;
  box-shadow: 0 0 10px 5px #0000001a
}

.static-guest-home-guide-common-aside.static-guest-home-guide-common-aside-primary {
  background-color: #4840bb
}

.static-guest-home-guide-common-aside.static-guest-home-guide-common-aside-accent {
  background-color: #67c8ac
}

.static-guest-home-guide-common-aside.static-guest-home-guide-common-aside-stretch {
  padding: 0
}

@media only screen and (max-width: 768px) {
  .static-guest-home-guide-common-aside {
    position: static;
    right: auto;
    width: 100%;
    margin: 0 auto 24px
  }
}

.static-guest-home-guide-common-aside-content {
  padding: 36px
}

.static-guest-home-guide-common-aside-source-text {
  opacity: .5;
  line-height: 1.2
}

.static-guest-home-guide-common-aside-phone-container {
  margin: -24px 20% 0;
  height: 228px;
  overflow: hidden
}

@media only screen and (max-width: 768px) {
  .static-guest-home-guide-common-aside-phone-container {
    margin: -24px 15% 0
  }
}

.static-guest-home-guide-common-btn-accent {
  background-color: #67c8ac;
  border-color: #67c8ac;
  color: #fff
}

.static-guest-home-guide-common-btn-accent:focus,
.static-guest-home-guide-common-btn-accent:hover {
  color: #fff;
  background-color: #288067;
  border-color: #288067
}

.static-guest-home-guide-common-full-width-image {
  width: 100%;
  margin-bottom: 12px
}

.static-guest-home-guide-planning-ahead p {
  line-height: 1.5
}

.static-guest-home-guide-planning-ahead-top-section {
  background-color: #4840bb
}

.static-guest-home-guide-planning-ahead-top-section:before {
  background-image: url("../../../assets/assets/guest/home_guide/planning_ahead_hero-e03a60eaae9114942a1c37e2231670bbf0b3c0c8494e9d6255cc784ea77203f8.png")
}

.static-guest-home-guide-ready-to-go p {
  line-height: 1.5
}

.static-guest-home-guide-ready-to-go-top-section {
  background-color: #1e83ef
}

.static-guest-home-guide-ready-to-go-top-section:before {
  background-image: url("../../../assets/assets/guest/home_guide/ready_to_go_hero-d2c84987cc022c8d067af22ce86069465f10d27b6d6d4bd09b9a2e0b277e66e5.png")
}

.static-guest-home-guide-thinking-it-through p {
  line-height: 1.5
}

.static-guest-home-guide-thinking-it-through-top-section {
  background-color: #67c8ac
}

.static-guest-home-guide-thinking-it-through-top-section:before {
  background-image: url("../../../assets/assets/guest/home_guide/thinking_it_through_hero-2503964717f9e4c4deade55fe14bcac1f4efe33bebf3f28f2dd6262b2a134a3e.png")
}

.static-guest-home-planning {
  position: relative;
  background: #fff
}

.static-guest-home-planning-headline {
  line-height: 1.2
}

.static-guest-home-planning-intro-section {
  padding: 168px 0 24px;
  background: url("../../../assets/assets/guest/home_planning_hero-6b9ddb365ea1fa5dd86427a2513568a4f793785694eff1adb2ad64f9d5194364.png") no-repeat;
  background-color: #fff;
  background-size: 80%;
  background-position: right bottom
}

@media only screen and (max-width: 768px) {
  .static-guest-home-planning-intro-section {
    padding: 60px 0 276px;
    background-size: 150%
  }
}

.static-guest-home-planning-intro-section-headline {
  margin-bottom: 24px
}

@media only screen and (max-width: 768px) {
  .static-guest-home-planning-intro-section-headline {
    margin-bottom: 12px
  }
}

.static-guest-home-planning-intro-section-line {
  background: #747386;
  height: 2px;
  margin-top: 12px;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .static-guest-home-planning-intro-section-line {
    display: none
  }
}

.static-guest-home-planning-goals-section {
  margin-top: 360px;
  background-color: #f3f3f3
}

@media only screen and (max-width: 768px) {
  .static-guest-home-planning-goals-section {
    margin-top: 0;
    background-color: #4840bb
  }
}

.static-guest-home-planning-goals-section-inner-container {
  position: relative
}

.static-guest-home-planning-goals-section-inner {
  position: relative;
  top: -360px;
  right: 0;
  left: 0;
  margin-bottom: -360px;
  padding: 96px 0 144px;
  background: url("../../../assets/assets/guest/home_planning_goals-3813b487cdc9169f7afd8a734e70ac151823728c3542ad006ffb0b58162e7c51.png") no-repeat;
  background-color: #4840bb;
  background-size: 83%;
  background-position: right bottom
}

@media only screen and (max-width: 768px) {
  .static-guest-home-planning-goals-section-inner {
    position: relative;
    top: auto;
    padding: 48px 12px 192px;
    margin: 0 -12px;
    background-size: 100%
  }
}

.static-guest-home-planning-affordability-section {
  padding-top: 132px;
  background-color: #f3f3f3
}

@media only screen and (max-width: 768px) {
  .static-guest-home-planning-affordability-section {
    padding: 84px 0
  }
}

.static-guest-home-planning-affordability-section-headline,
.static-guest-home-planning-goals-section-headline {
  font-size: 45px;
  padding-bottom: 24px
}

@media only screen and (max-width: 768px) {

  .static-guest-home-planning-affordability-section-headline,
  .static-guest-home-planning-goals-section-headline {
    font-size: 40px
  }
}

.static-guest-home-planning-affordability-section-phone {
  top: -180px
}

@media only screen and (max-width: 768px) {
  .static-guest-home-planning-affordability-section-phone {
    top: 0;
    margin: 24px auto 0
  }
}

.static-guest-home-planning-factors-section {
  position: relative;
  margin-top: -48px;
  background-color: #f3f3f3
}

.static-guest-home-planning-factors-section-feature-title {
  line-height: 1
}

.static-guest-home-planning-factors-section-lined-bg {
  position: absolute;
  top: 0;
  right: -36px;
  width: 396px;
  height: 252px;
  background-image: linear-gradient(90deg, #f3f3f3 70%, transparent 70%), linear-gradient(#8f53d733 15%, #f3f3f3 15%);
  background-size: 20px 20px
}

@media only screen and (max-width: 768px) {
  .static-guest-home-planning-factors-section-lined-bg {
    display: none
  }
}

.static-guest-home-planning-factors-section-costs-image {
  display: block;
  position: relative;
  top: 60px;
  left: 60px;
  width: 432px;
  height: auto
}

@media only screen and (max-width: 768px) {
  .static-guest-home-planning-factors-section-costs-image {
    max-width: 95%;
    margin: 0 auto;
    left: auto
  }
}

.static-guest-home-planning-scroll-with-changes-section {
  position: relative;
  padding: 180px 0 72px
}

@media only screen and (max-width: 768px) {
  .static-guest-home-planning-scroll-with-changes-section {
    padding: 60px 0 0
  }
}

.static-guest-home-planning-scroll-with-changes-phone {
  top: -48px
}

@media only screen and (max-width: 768px) {
  .static-guest-home-planning-scroll-with-changes-phone {
    top: 24px;
    margin: 0 auto
  }
}

.static-guest-home-planning-scroll-with-changes-section-bg {
  position: absolute;
  left: 0;
  background: #83e4c8;
  height: 100%;
  max-height: 504px;
  width: 50%;
  max-width: 780px
}

@media only screen and (max-width: 768px) {
  .static-guest-home-planning-scroll-with-changes-section-bg {
    width: 100%;
    margin-top: 84px
  }
}

.static-guest-home-planning-scroll-with-changes-section-headline {
  margin: 48px 0 24px
}

.static-guest-home-planning-find-out-more-section {
  padding: 0 0 48px
}

@media only screen and (max-width: 768px) {
  .static-guest-home-planning-find-out-more-section {
    padding: 120px 0;
    margin-top: -36px;
    background-color: #4840bb
  }
}

.static-guest-home-planning-find-out-more-section-bubble {
  display: flex;
  align-items: center;
  width: 516px;
  height: 516px;
  margin: 0 auto;
  border-radius: 100%;
  background-color: #4840bb
}

@media only screen and (max-width: 768px) {
  .static-guest-home-planning-find-out-more-section-bubble {
    width: auto;
    height: auto;
    border-radius: 0;
    background-color: transparent
  }
}

.static-guest-home-planning-find-out-more-section-bubble-content {
  padding: 0 60px;
  text-align: center
}

.static-guest-home-planning-find-out-more-section-bubble-content-paragraph {
  margin: 36px 0
}

.static-guest-home-planning-get-started-section {
  padding: 84px 0 276px;
  background: url("../../../assets/assets/guest/home_planning_cta-ead23df5023968ffef6dc27b804d979beef8fe660ae92f587d0fdf92e3e02828.png") no-repeat;
  background-color: #fff;
  background-size: 100%;
  background-position: left bottom
}

@media only screen and (max-width: 768px) {
  .static-guest-home-planning-get-started-section {
    background-size: 150%;
    text-align: center
  }
}

.static-guest-home-planning-get-started-section-title {
  margin-bottom: 36px
}

.static-guest-methodology-widget-section {
  padding: 72px
}

.static-guest-methodology-heading {
  border-top: 3px solid #4840bb;
  padding: 12px 0;
  margin-top: 48px
}

.static-guest-methodology-general-heading {
  margin-top: 48px
}

.static-guest-mutual-fund-fees-fee-cell {
  max-width: 140px
}

@media only screen and (max-width: 768px) {
  .static-guest-mutual-fund-fees-fee-cell {
    white-space: normal !important
  }
}

.static-guest-mutual-fund-fees-source-cell {
  max-width: 460px
}

@media only screen and (max-width: 768px) {
  .static-guest-mutual-fund-fees-source-cell {
    max-width: 360px
  }
}

.static-guest-mutual-fund-fees-source-cell ul {
  padding-left: 12px
}

@media only screen and (max-width: 768px) {
  .static-guest-mutual-fund-fees-source-cell ul {
    max-width: 300px;
    white-space: normal
  }
}

.static-guest-mutual-fund-fees-source-cell li {
  margin-bottom: 6px
}

.static-guest-planning {
  padding-bottom: 0
}

.static-guest-planning-intro-section {
  padding: 90px 0 216px;
  margin-bottom: -132px;
  background: #fff url("../../../assets/assets/guest/planning/planning_hero-28066aa3f816490eb5c51e37d21d7434a0f108760c4a2860a7a7f6a7aee7f61c.jpg") no-repeat right -60px;
  background-size: 82%
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-intro-section {
    padding: 120px 12px 60vw;
    margin-bottom: -92px;
    background-size: 120%;
    background-position: right bottom
  }
}

@media only screen and (max-width: 480px) {
  .static-guest-planning-intro-section {
    margin-bottom: -24px
  }
}

.static-guest-planning-intro-headline {
  font-size: 65px;
  line-height: 75px
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-intro-headline {
    font-size: 45px;
    line-height: inherit
  }
}

.static-guest-planning-intro-section-subheadline {
  color: #4840bb;
  opacity: 1 !important
}

.static-guest-planning-cta-container {
  margin-top: 30px
}

.static-guest-planning-intro-section-subheading {
  text-align: center
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-intro-section-subheading {
    margin-top: 24px;
    padding: 0 24px
  }
}

@media only screen and (max-width: 480px) {
  .static-guest-planning-goal-carousel-target {
    overflow: hidden
  }
}

.static-guest-planning-engine-section {
  position: relative;
  padding-bottom: 720px;
  background: transparent url("../../../assets/assets/guest/planning/juliette-ee927b28e10f8d6ea7fc6a1be285f73735ba4eff83c3f50bb4ec1145c28e7803.jpg") no-repeat left bottom;
  background-size: 56%
}

@media only screen and (max-width: 480px) {
  .static-guest-planning-engine-section {
    padding-bottom: 432px;
    background-size: 140%;
    background-position: center bottom
  }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .static-guest-planning-engine-section {
    padding-bottom: 480px;
    background-size: 75%;
    background-position: left bottom
  }
}

.static-guest-planning-engine-accordion-target {
  position: absolute;
  width: 650px
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-engine-accordion-target {
    position: static;
    width: auto
  }
}

.static-guest-planning-engine-triangle {
  width: 100%;
  height: 180px;
  fill: #4840bb
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-engine-triangle {
    top: -50px;
    height: 50px
  }
}

.static-guest-planning-engine-container {
  margin-top: 96px
}

@media only screen and (min-width: 1237) {
  .static-guest-planning-engine-container {
    width: 1237px
  }
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-engine-description {
    padding: 0 24px;
    margin-bottom: 48px
  }
}

.static-guest-planning-path-section {
  background-color: #f3f3f3;
  padding-bottom: 48px
}

.static-guest-planning-path-section-content {
  position: relative;
  background-color: #4840bb;
  top: -144px;
  padding: 96px 0 0 96px;
  margin-bottom: -108px
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-path-section-content {
    top: 0;
    padding: 96px 24px 0;
    margin-left: -12px;
    margin-right: -12px
  }
}

.static-guest-planning-path-section-content-text {
  padding: 0 72px 0 24px
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-path-section-content-text {
    padding: 0
  }
}

.static-guest-planning-path-section-vertical-line-left,
.static-guest-planning-path-section-vertical-line-right {
  position: absolute;
  background-color: #83e4c8;
  height: 180px;
  width: 1px;
  z-index: 1
}

@media only screen and (max-width: 768px) {

  .static-guest-planning-path-section-vertical-line-left,
  .static-guest-planning-path-section-vertical-line-right {
    display: none
  }
}

.static-guest-planning-path-section-vertical-line-right {
  top: -96px;
  right: 240px
}

.static-guest-planning-path-section-vertical-line-left {
  bottom: -132px;
  left: 180px
}

.static-guest-planning-path-section-headline {
  margin-left: -24px
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-path-section-headline {
    margin-left: 0
  }
}

.static-guest-planning-path-animations-container {
  margin-bottom: -72px
}

.static-guest-planning-path-animation-graph-container {
  background: #fff;
  border-radius: 6px;
  width: 400px;
  max-width: 100%;
  margin: 60px auto 0
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-path-animation-graph-container {
    margin-top: 24px
  }
}

.static-guest-planning-path-animation-on-track-container {
  width: 393px;
  max-width: 100%;
  margin: 0 auto
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-path-animation-on-track-container {
    position: relative;
    top: 100px;
    left: -90px
  }
}

.static-guest-planning-recommendations-section {
  position: relative;
  padding: 120px 0 552px;
  background: url("../../../assets/assets/guest/planning/juliette_friends-a1faad7a817117481fb488e955a5f5230b787780f5e252e141621d89e5d61f2a.jpg") no-repeat center bottom;
  background-size: 100%
}

@media only screen and (max-width: 480px) {
  .static-guest-planning-recommendations-section {
    padding: 192px 12px 264px;
    background-size: 200%
  }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .static-guest-planning-recommendations-section {
    padding: 192px 12px 384px;
    background-size: 100%
  }
}

.static-guest-planning-recommendations-section-line {
  background: #4840bb;
  height: 2px;
  margin-top: 12px;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-recommendations-section-line {
    display: none
  }
}

.static-guest-planning-recommendations-advice-container {
  position: relative
}

.static-guest-planning-recommendations-advice-content {
  position: absolute;
  top: -24px;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-recommendations-advice-content {
    position: static
  }
}

.static-guest-planning-recommendations-section-fade {
  font-size: 120px;
  line-height: .9;
  color: #f3f3f3
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-recommendations-section-fade {
    font-size: 45px
  }
}

.static-guest-planning-recommendations-animation-container {
  width: 427px;
  max-width: 100%;
  margin-top: -48px
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-recommendations-animation-container {
    margin-top: -24px
  }
}

.static-guest-planning-faq-section {
  background-color: #f3f3f3;
  padding: 72px 0
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-faq-section {
    padding: 72px 12px
  }
}

.static-guest-planning-faq-section-questions {
  margin-top: 36px;
  padding: 0 84px
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-faq-section-questions {
    padding: 0
  }
}

.static-guest-time-off-travel-intro-section {
  padding: 168px 0 288px;
  background-color: #fff;
  background: url("../../../assets/assets/guest/time_off_travel/intro_bg-cddcd0128faac05116e322890c0bedbfe93084c855d41ba7deacc0baf96d7d4b.jpg") no-repeat;
  background-size: 80%;
  background-position: right bottom
}

@media only screen and (max-width: 480px) {
  .static-guest-time-off-travel-intro-section {
    padding: 48px 24px 276px;
    background-size: 180%
  }
}

.static-guest-time-off-travel-blog-image-container {
  position: relative;
  display: flex;
  justify-content: center;
  z-index: 1
}

@media only screen and (max-width: 768px) {
  .static-guest-time-off-travel-blog-image-container {
    justify-content: flex-start;
    padding: 24px 0;
    overflow-x: auto
  }

  .static-guest-time-off-travel-blog-image-container a:last-child {
    padding-right: 18px
  }
}

.static-guest-time-off-travel-blog-image {
  transition: transform .2s ease-in-out;
  height: 100%;
  width: 264px
}

.static-guest-time-off-travel-blog-image:hover,
.static-guest-time-off-travel-blog-image.active {
  transform: scale(1.1)
}

.static-guest-time-off-travel-affordability-section {
  background-color: #4840bb;
  margin-top: -72px;
  padding-top: 264px
}

@media only screen and (max-width: 768px) {
  .static-guest-time-off-travel-affordability-section {
    padding: 144px 12px 0
  }
}

.static-guest-time-off-travel-affordability-phone-container {
  position: relative;
  top: -120px
}

@media only screen and (max-width: 768px) {
  .static-guest-time-off-travel-affordability-phone-container {
    top: 0;
    overflow: hidden;
    margin: 24px auto 0
  }
}

@media only screen and (max-width: 768px) {
  .static-guest-time-off-travel-affordability-phone-img {
    width: 120%;
    transform: translate(-10%)
  }
}

.static-guest-time-off-travel-affordability-section-headline {
  font-size: 45px;
  color: #fff
}

@media only screen and (max-width: 768px) {
  .static-guest-time-off-travel-affordability-section-headline {
    padding-top: 60px;
    font-size: 40px
  }
}

.static-guest-time-off-travel-affordability-section-headline-accent-bright {
  font-size: 45px;
  padding-bottom: 24px;
  color: #83e4c8
}

@media only screen and (max-width: 768px) {
  .static-guest-time-off-travel-affordability-section-headline-accent-bright {
    font-size: 40px
  }
}

.static-guest-time-off-travel-customize-section {
  position: relative;
  z-index: 1;
  padding: 84px 0 120px;
  background: url("../../../assets/assets/guest/time_off_travel/customize_bg-5026a5f10660cdaaaef5a525a94cfcd4b0e88d34e76e2ffa3715bd2f6a3d0d10.jpg") no-repeat;
  background-size: 80%;
  background-position: right bottom;
  background-color: #fff
}

@media only screen and (max-width: 480px) {
  .static-guest-time-off-travel-customize-section {
    background-size: 200%;
    padding: 60px 24px 336px
  }
}

.static-guest-time-off-travel-customize-title-section {
  position: relative
}

.static-guest-time-off-travel-customize-section-title {
  padding-bottom: 36px
}

.static-guest-time-off-travel-customize-section-heading {
  font-size: 55px
}

@media only screen and (max-width: 768px) {
  .static-guest-time-off-travel-customize-section-heading {
    font-size: 40px
  }
}

.static-guest-time-off-travel-customize-section-line {
  background: #4840bb;
  height: 2px;
  margin-top: 12px;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .static-guest-time-off-travel-customize-section-line {
    display: none
  }
}

.static-guest-time-off-travel-customize-section-question {
  padding-bottom: 36px
}

.static-guest-time-off-travel-customize-section-lined-bg {
  position: absolute;
  top: 0;
  right: -36px;
  width: 396px;
  height: 252px;
  background-image: linear-gradient(90deg, #fff 45%, transparent 45%), linear-gradient(#8f53d733 10%, #fff 10%);
  background-size: 20px 20px
}

@media only screen and (max-width: 768px) {
  .static-guest-time-off-travel-customize-section-lined-bg {
    display: none
  }
}

.static-guest-time-off-travel-customize-section-carousel-container {
  padding-top: 48px;
  margin-left: -48px
}

@media only screen and (max-width: 768px) {
  .static-guest-time-off-travel-customize-section-carousel-container {
    padding-top: 0;
    padding-bottom: 60px;
    margin-left: 0
  }
}

.static-guest-time-off-travel-plan-ahead-container {
  padding: 0 72px
}

@media only screen and (max-width: 768px) {
  .static-guest-time-off-travel-plan-ahead-container {
    padding: 0
  }
}

.static-guest-time-off-travel-plan-ahead-section {
  background-color: #f3f3f3;
  margin-top: -36px
}

@media only screen and (max-width: 768px) {
  .static-guest-time-off-travel-plan-ahead-section {
    margin-top: 0;
    background-color: #83e4c8
  }
}

.static-guest-time-off-travel-plan-ahead-accent-bright-bg {
  position: relative;
  z-index: 2;
  background-color: #83e4c8;
  padding: 96px
}

@media only screen and (max-width: 768px) {
  .static-guest-time-off-travel-plan-ahead-accent-bright-bg {
    padding: 60px 24px
  }
}

.static-guest-time-off-travel-plan-ahead-section-headline {
  font-size: 55px;
  padding-bottom: 48px
}

@media only screen and (max-width: 768px) {
  .static-guest-time-off-travel-plan-ahead-section-headline {
    font-size: 40px;
    padding-bottom: 24px
  }
}

.static-guest-time-off-travel-plan-ahead-section-lined-bg {
  position: absolute;
  top: 0;
  left: -96px;
  width: 396px;
  height: 216px;
  background-image: linear-gradient(90deg, #f3f3f3 60%, transparent 60%), linear-gradient(#86e3c8e6 10%, #f3f3f3 15%);
  background-size: 20px 20px
}

@media only screen and (max-width: 768px) {
  .static-guest-time-off-travel-plan-ahead-section-lined-bg {
    display: none
  }
}

.static-guest-time-off-travel-plan-ahead-section-image-bg-container {
  position: relative;
  margin-top: -396px;
  padding-bottom: 216px
}

@media only screen and (max-width: 768px) {
  .static-guest-time-off-travel-plan-ahead-section-image-bg-container {
    margin-top: 0;
    margin-bottom: -156px;
    padding-bottom: 0
  }
}

.static-guest-time-off-travel-plan-ahead-section-affordability-widget {
  position: relative;
  width: 432px;
  height: 100%;
  z-index: 10
}

@media only screen and (max-width: 768px) {
  .static-guest-time-off-travel-plan-ahead-section-affordability-widget {
    width: 100%;
    object-fit: contain
  }
}

.static-guest-time-off-travel-cta-section-headline {
  color: #fff;
  padding-bottom: 48px;
  font-size: 55px
}

@media only screen and (max-width: 768px) {
  .static-guest-time-off-travel-cta-section-headline {
    font-size: 40px
  }
}

.static-guest-time-off-travel-cta-section {
  background: linear-gradient(#4840bb, #406fbd);
  padding: 120px 0 96px
}

@media only screen and (max-width: 768px) {
  .static-guest-time-off-travel-cta-section {
    padding: 216px 36px 108px
  }
}

.static-guest-time-off-travel-triangle {
  width: 100%;
  height: 180px;
  margin-top: -144px;
  background-color: #fff;
  fill: #4840bb
}

@media only screen and (max-width: 1139px) {
  .static-guest-time-off-travel-triangle {
    margin-top: 0
  }
}

@media only screen and (max-width: 768px) {
  .static-guest-time-off-travel-triangle {
    height: 100px
  }
}

.static-wftw-validation-wrapper {
  min-height: 360px
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeInScaleUpAndFadeOut {
  0% {
    transform: scale(.01);
    opacity: 0
  }

  50% {
    transform: scale(.5);
    opacity: 1
  }

  to {
    transform: scale(1);
    opacity: 0
  }
}

@keyframes slideUpAndFadeIn {
  0% {
    transform: translateY(12px);
    opacity: 0
  }

  to {
    transform: translateY(0);
    opacity: 1
  }
}

.dashboard-degraded-global-container-component:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 72px;
  right: 0;
  left: 0;
  height: 250px;
  background: linear-gradient(180deg, #4840bb, #8f53d7 150%)
}

.common-mobile-menu-sidebar-component-red-dot-container {
  margin-left: -10px
}

.common-mobile-menu-sidebar-component-red-dot-container:before {
  position: relative;
  left: -4px;
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #f24d4d
}

@media only screen and (max-width: 1139px) {
  .common-mobile-menu-sidebar-component-red-dot-container:before {
    top: -2px
  }
}

.dashboard-path-retirement-goal-goal-status-graph-component-svg,
.dashboard-path-home-goal-home-prices-graph-component-svg,
.dashboard-path-global-graph-component-svg {
  width: 100%;
  overflow: visible !important
}

.dashboard-path-retirement-goal-goal-status-graph-component-x-axis .domain,
.dashboard-path-retirement-goal-goal-status-graph-component-y-axis .domain,
.dashboard-path-home-goal-home-prices-graph-component-x-axis .domain,
.dashboard-path-home-goal-home-prices-graph-component-y-axis .domain,
.dashboard-path-global-graph-component-x-axis .domain {
  stroke: none
}

.dashboard-path-retirement-goal-goal-status-graph-component .tick,
.dashboard-path-retirement-goal-goal-status-graph-component .tick text,
.dashboard-path-global-graph-component .tick,
.dashboard-path-global-graph-component .tick text {
  fill: var(--tk-content-secondary);
  font-size: 13px
}

.dashboard-path-retirement-goal-goal-status-graph-component-x-axis .tick:first-of-type text,
.dashboard-path-home-goal-home-prices-graph-component-x-axis .tick:first-of-type text,
.dashboard-path-global-graph-component-x-axis .tick:first-of-type text {
  text-anchor: start !important
}

.dashboard-path-retirement-goal-goal-status-graph-component-y-axis .tick line,
.dashboard-path-home-goal-home-prices-graph-component-y-axis .tick line {
  stroke: #f3f3f3;
  stroke-width: 1px
}

.dashboard-path-retirement-goal-goal-status-graph-component-y-axis .tick text,
.dashboard-path-home-goal-home-prices-graph-component-y-axis .tick text {
  text-anchor: start !important;
  transform: translateY(-12px)
}

.dashboard-path-retirement-goal-goal-status-graph-component-indicator-line,
.dashboard-path-retirement-goal-goal-status-graph-component-retirement-indicator-line,
.dashboard-path-home-goal-home-prices-graph-component-indicator-line,
.dashboard-path-global-graph-component-indicator-line {
  stroke-width: 1px;
  stroke: var(--tk-content-secondary)
}

.dashboard-path-retirement-goal-goal-status-graph-component-series-line,
.dashboard-path-home-goal-home-prices-graph-component-line,
.dashboard-path-global-graph-component-line {
  fill: none;
  stroke-width: 3px
}

.dashboard-path-retirement-goal-goal-status-graph-component-overlay,
.dashboard-path-home-goal-home-prices-graph-component-overlay,
.dashboard-path-global-graph-component-overlay {
  fill: none;
  pointer-events: all
}

.dashboard-path-retirement-goal-goal-status-graph-age-tooltip-component .tooltip-component,
.dashboard-path-home-goal-home-prices-graph-tooltip-component .tooltip-component {
  z-index: 998;
  padding: 4px 12px;
  background-color: #f3f3f3;
  border-radius: 16px;
  font-size: 13px;
  border: none;
  white-space: nowrap
}

@keyframes pinSlideUpAndFadeIn {
  0% {
    transform: translateY(12px);
    opacity: 0
  }

  to {
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes pinLineSlideDown {
  0% {
    bottom: 0;
    height: 0;
    opacity: 0
  }

  to {
    bottom: -15px;
    height: 13px;
    opacity: 1
  }
}

.dashboard-path-global-graph-windfall-pin-component-overlay,
.dashboard-path-global-graph-affordability-goal-pin-component-overlay {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid #8f53d7;
  background-color: #fff;
  animation: pinSlideUpAndFadeIn .7s ease;
  animation-fill-mode: forwards;
  opacity: 0
}

.dashboard-path-global-graph-windfall-pin-component-overlay:after,
.dashboard-path-global-graph-affordability-goal-pin-component-overlay:after {
  content: "";
  position: absolute;
  width: 2px;
  background: var(--tk-content-interactive-default);
  animation: pinLineSlideDown .7s ease;
  animation-fill-mode: forwards
}

.with-animation-delay.dashboard-path-global-graph-windfall-pin-component-overlay,
.with-animation-delay.dashboard-path-global-graph-affordability-goal-pin-component-overlay {
  animation-delay: .8s
}

.with-animation-delay.dashboard-path-global-graph-windfall-pin-component-overlay:after,
.with-animation-delay.dashboard-path-global-graph-affordability-goal-pin-component-overlay:after {
  animation-delay: .8s
}

.dashboard-path-global-graph-windfall-pin-component-overlay-icon,
.dashboard-path-global-graph-affordability-goal-pin-component-overlay-icon {
  width: 18px;
  height: 18px;
  background-size: 100%;
  background-repeat: no-repeat
}

.dashboard-path-windfall-overlay-component,
.dashboard-path-travel-goal-overlay-component,
.dashboard-path-savings-overview-overlay-component,
.dashboard-path-retirement-goal-overlay-component,
.dashboard-path-loading-overlay-component,
.dashboard-path-home-goal-overlay-component,
.dashboard-path-future-expense-goal-overlay-component,
.dashboard-path-college-goal-overlay-component,
.dashboard-path-add-event-overlay-component {
  position: relative;
  background-color: #fff;
  box-shadow: 0 2px 4px #00000040;
  pointer-events: all;
  border-radius: 16px;
  transition: border-radius .1s ease
}

.assumptions-drawer-open.dashboard-path-windfall-overlay-component,
.assumptions-drawer-open.dashboard-path-travel-goal-overlay-component,
.assumptions-drawer-open.dashboard-path-savings-overview-overlay-component,
.assumptions-drawer-open.dashboard-path-retirement-goal-overlay-component,
.assumptions-drawer-open.dashboard-path-loading-overlay-component,
.assumptions-drawer-open.dashboard-path-home-goal-overlay-component,
.assumptions-drawer-open.dashboard-path-future-expense-goal-overlay-component,
.assumptions-drawer-open.dashboard-path-college-goal-overlay-component,
.assumptions-drawer-open.dashboard-path-add-event-overlay-component {
  border-radius: 16px 0 0 16px
}

@media only screen and (max-width: 768px) {

  .dashboard-path-windfall-overlay-component,
  .dashboard-path-travel-goal-overlay-component,
  .dashboard-path-savings-overview-overlay-component,
  .dashboard-path-retirement-goal-overlay-component,
  .dashboard-path-loading-overlay-component,
  .dashboard-path-home-goal-overlay-component,
  .dashboard-path-future-expense-goal-overlay-component,
  .dashboard-path-college-goal-overlay-component,
  .dashboard-path-add-event-overlay-component {
    overflow: hidden
  }

  .assumptions-drawer-open.dashboard-path-windfall-overlay-component,
  .assumptions-drawer-open.dashboard-path-travel-goal-overlay-component,
  .assumptions-drawer-open.dashboard-path-savings-overview-overlay-component,
  .assumptions-drawer-open.dashboard-path-retirement-goal-overlay-component,
  .assumptions-drawer-open.dashboard-path-loading-overlay-component,
  .assumptions-drawer-open.dashboard-path-home-goal-overlay-component,
  .assumptions-drawer-open.dashboard-path-future-expense-goal-overlay-component,
  .assumptions-drawer-open.dashboard-path-college-goal-overlay-component,
  .assumptions-drawer-open.dashboard-path-add-event-overlay-component {
    border-radius: 16px
  }
}

.dashboard-path-windfall-overlay-component-back-button,
.dashboard-path-travel-goal-overlay-component-back-button,
.dashboard-path-savings-overview-overlay-component-back-button,
.dashboard-path-home-goal-overlay-component-back-button,
.dashboard-path-future-expense-goal-overlay-component-cancel-button,
.dashboard-path-college-goal-overlay-component-back-button {
  display: inline-block;
  cursor: pointer
}

.dashboard-path-windfall-overlay-component-back-button-icon,
.dashboard-path-travel-goal-overlay-component-back-button-icon,
.dashboard-path-savings-overview-overlay-component-back-button-icon,
.dashboard-path-home-goal-overlay-component-back-button-icon,
.dashboard-path-college-goal-overlay-component-back-button-icon {
  position: relative;
  top: -2px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  font-size: 24px
}

.dashboard-path-windfall-overlay-component-header,
.dashboard-path-travel-goal-overlay-component-header,
.dashboard-path-savings-overview-overlay-component-header,
.dashboard-path-retirement-goal-overlay-component-header,
.dashboard-path-home-goal-overlay-component-header,
.dashboard-path-future-expense-goal-overlay-component-header,
.dashboard-path-college-goal-overlay-component-header,
.dashboard-path-add-event-overlay-component-header {
  padding: 24px;
  background-color: #fcfcfc;
  border-radius: 16px 16px 0 0;
  border-bottom: 1px solid #e7e7ea
}

.dashboard-path-windfall-overlay-component-section-container,
.dashboard-path-travel-goal-net-worth-review-screen-component-main-section-container,
.dashboard-path-savings-overview-overlay-component-section-container,
.dashboard-path-retirement-goal-net-worth-review-screen-component-main-section-container,
.dashboard-path-retirement-goal-spending-definitions-component-section-container,
.dashboard-path-retirement-goal-how-we-project-component-main-section-container,
.dashboard-path-retirement-goal-future-spending-component-main-section-container,
.dashboard-path-home-goal-net-worth-review-screen-component-main-section-container,
.dashboard-path-home-goal-home-details-screen-component-main-section-container,
.dashboard-path-goal-funding-screen-component-section-container,
.dashboard-path-future-expense-goal-goal-status-screen-component-section-container,
.dashboard-path-college-goal-total-costs-screen-component-main-section-container,
.dashboard-path-college-goal-net-worth-review-screen-component-main-section-container,
.dashboard-path-college-goal-beneficiary-info-screen-component-main-section-container,
.dashboard-path-affordability-ratings-screen-component-section-container,
.dashboard-path-travel-goal-goal-status-screen-component-subsection-container,
.dashboard-path-savings-overview-overlay-component-subsection-container,
.dashboard-path-retirement-goal-goal-status-screen-component-subsection-container,
.dashboard-path-home-goal-home-search-screen-component-subsection-container,
.dashboard-path-home-goal-goal-status-screen-component-subsection-container,
.dashboard-path-college-goal-school-search-screen-component-subsection-container,
.dashboard-path-college-goal-goal-status-screen-component-subsection-container,
.dashboard-path-add-event-overlay-component-subsection-container {
  display: flex;
  align-items: stretch;
  flex-direction: row
}

@media only screen and (max-width: 768px) {

  .dashboard-path-windfall-overlay-component-section-container,
  .dashboard-path-travel-goal-net-worth-review-screen-component-main-section-container,
  .dashboard-path-savings-overview-overlay-component-section-container,
  .dashboard-path-retirement-goal-net-worth-review-screen-component-main-section-container,
  .dashboard-path-retirement-goal-spending-definitions-component-section-container,
  .dashboard-path-retirement-goal-how-we-project-component-main-section-container,
  .dashboard-path-retirement-goal-future-spending-component-main-section-container,
  .dashboard-path-home-goal-net-worth-review-screen-component-main-section-container,
  .dashboard-path-home-goal-home-details-screen-component-main-section-container,
  .dashboard-path-goal-funding-screen-component-section-container,
  .dashboard-path-future-expense-goal-goal-status-screen-component-section-container,
  .dashboard-path-college-goal-total-costs-screen-component-main-section-container,
  .dashboard-path-college-goal-net-worth-review-screen-component-main-section-container,
  .dashboard-path-college-goal-beneficiary-info-screen-component-main-section-container,
  .dashboard-path-affordability-ratings-screen-component-section-container,
  .dashboard-path-travel-goal-goal-status-screen-component-subsection-container,
  .dashboard-path-savings-overview-overlay-component-subsection-container,
  .dashboard-path-retirement-goal-goal-status-screen-component-subsection-container,
  .dashboard-path-home-goal-home-search-screen-component-subsection-container,
  .dashboard-path-home-goal-goal-status-screen-component-subsection-container,
  .dashboard-path-college-goal-school-search-screen-component-subsection-container,
  .dashboard-path-college-goal-goal-status-screen-component-subsection-container,
  .dashboard-path-add-event-overlay-component-subsection-container {
    flex-direction: column
  }
}

.dashboard-path-windfall-overlay-component-section,
.dashboard-path-travel-goal-net-worth-review-screen-component-main-section,
.dashboard-path-travel-goal-goal-status-screen-component-main-section,
.dashboard-path-travel-goal-goal-status-screen-component-subsection,
.dashboard-path-savings-overview-overlay-component-section,
.dashboard-path-retirement-goal-net-worth-review-screen-component-main-section,
.dashboard-path-retirement-goal-spending-widget-component,
.dashboard-path-retirement-goal-spending-definitions-component-section,
.dashboard-path-retirement-goal-how-we-project-component-main-section,
.dashboard-path-retirement-goal-future-spending-component-main-section,
.dashboard-path-retirement-goal-goal-status-screen-component-main-section,
.dashboard-path-retirement-goal-goal-status-screen-component-subsection,
.dashboard-path-home-goal-net-worth-review-screen-component-main-section,
.dashboard-path-home-goal-home-search-screen-component-results-section,
.dashboard-path-home-goal-home-search-screen-component-main-section,
.dashboard-path-home-goal-home-search-screen-component-subsection,
.dashboard-path-home-goal-home-details-screen-component-main-section,
.dashboard-path-home-goal-goal-status-screen-component-main-section,
.dashboard-path-home-goal-goal-status-screen-component-subsection,
.dashboard-path-goal-funding-screen-component-section,
.dashboard-path-future-expense-goal-goal-status-screen-component-section,
.dashboard-path-college-goal-total-costs-screen-component-main-section,
.dashboard-path-college-goal-school-search-screen-component-featured-colleges-section,
.dashboard-path-college-goal-school-search-screen-component-main-section,
.dashboard-path-college-goal-net-worth-review-screen-component-main-section,
.dashboard-path-college-goal-goal-status-screen-component-main-section,
.dashboard-path-college-goal-goal-status-screen-component-subsection,
.dashboard-path-college-goal-beneficiary-info-screen-component-main-section,
.dashboard-path-affordability-ratings-screen-component-section,
.dashboard-path-add-event-overlay-component-section {
  position: relative;
  flex: 1 1 50%;
  padding: 48px;
  border-right: 1px solid #e7e7ea;
  align-items: center
}

.dashboard-path-windfall-overlay-component-section:last-child,
.dashboard-path-travel-goal-net-worth-review-screen-component-main-section:last-child,
.dashboard-path-travel-goal-goal-status-screen-component-main-section:last-child,
.dashboard-path-travel-goal-goal-status-screen-component-subsection:last-child,
.dashboard-path-savings-overview-overlay-component-section:last-child,
.dashboard-path-retirement-goal-net-worth-review-screen-component-main-section:last-child,
.dashboard-path-retirement-goal-spending-widget-component:last-child,
.dashboard-path-retirement-goal-spending-definitions-component-section:last-child,
.dashboard-path-retirement-goal-how-we-project-component-main-section:last-child,
.dashboard-path-retirement-goal-future-spending-component-main-section:last-child,
.dashboard-path-retirement-goal-goal-status-screen-component-main-section:last-child,
.dashboard-path-retirement-goal-goal-status-screen-component-subsection:last-child,
.dashboard-path-home-goal-net-worth-review-screen-component-main-section:last-child,
.dashboard-path-home-goal-home-search-screen-component-results-section:last-child,
.dashboard-path-home-goal-home-search-screen-component-main-section:last-child,
.dashboard-path-home-goal-home-search-screen-component-subsection:last-child,
.dashboard-path-home-goal-home-details-screen-component-main-section:last-child,
.dashboard-path-home-goal-goal-status-screen-component-main-section:last-child,
.dashboard-path-home-goal-goal-status-screen-component-subsection:last-child,
.dashboard-path-goal-funding-screen-component-section:last-child,
.dashboard-path-future-expense-goal-goal-status-screen-component-section:last-child,
.dashboard-path-college-goal-total-costs-screen-component-main-section:last-child,
.dashboard-path-college-goal-school-search-screen-component-featured-colleges-section:last-child,
.dashboard-path-college-goal-school-search-screen-component-main-section:last-child,
.dashboard-path-college-goal-net-worth-review-screen-component-main-section:last-child,
.dashboard-path-college-goal-goal-status-screen-component-main-section:last-child,
.dashboard-path-college-goal-goal-status-screen-component-subsection:last-child,
.dashboard-path-college-goal-beneficiary-info-screen-component-main-section:last-child,
.dashboard-path-affordability-ratings-screen-component-section:last-child,
.dashboard-path-add-event-overlay-component-section:last-child {
  border-right: none
}

@media only screen and (max-width: 768px) {

  .dashboard-path-windfall-overlay-component-section,
  .dashboard-path-travel-goal-net-worth-review-screen-component-main-section,
  .dashboard-path-travel-goal-goal-status-screen-component-main-section,
  .dashboard-path-travel-goal-goal-status-screen-component-subsection,
  .dashboard-path-savings-overview-overlay-component-section,
  .dashboard-path-retirement-goal-net-worth-review-screen-component-main-section,
  .dashboard-path-retirement-goal-spending-widget-component,
  .dashboard-path-retirement-goal-spending-definitions-component-section,
  .dashboard-path-retirement-goal-how-we-project-component-main-section,
  .dashboard-path-retirement-goal-future-spending-component-main-section,
  .dashboard-path-retirement-goal-goal-status-screen-component-main-section,
  .dashboard-path-retirement-goal-goal-status-screen-component-subsection,
  .dashboard-path-home-goal-net-worth-review-screen-component-main-section,
  .dashboard-path-home-goal-home-search-screen-component-results-section,
  .dashboard-path-home-goal-home-search-screen-component-main-section,
  .dashboard-path-home-goal-home-search-screen-component-subsection,
  .dashboard-path-home-goal-home-details-screen-component-main-section,
  .dashboard-path-home-goal-goal-status-screen-component-main-section,
  .dashboard-path-home-goal-goal-status-screen-component-subsection,
  .dashboard-path-goal-funding-screen-component-section,
  .dashboard-path-future-expense-goal-goal-status-screen-component-section,
  .dashboard-path-college-goal-total-costs-screen-component-main-section,
  .dashboard-path-college-goal-school-search-screen-component-featured-colleges-section,
  .dashboard-path-college-goal-school-search-screen-component-main-section,
  .dashboard-path-college-goal-net-worth-review-screen-component-main-section,
  .dashboard-path-college-goal-goal-status-screen-component-main-section,
  .dashboard-path-college-goal-goal-status-screen-component-subsection,
  .dashboard-path-college-goal-beneficiary-info-screen-component-main-section,
  .dashboard-path-affordability-ratings-screen-component-section,
  .dashboard-path-add-event-overlay-component-section {
    border-right: none;
    border-bottom: 1px solid #e7e7ea;
    flex: 1;
    width: 100%
  }

  .dashboard-path-windfall-overlay-component-section:last-child,
  .dashboard-path-travel-goal-net-worth-review-screen-component-main-section:last-child,
  .dashboard-path-travel-goal-goal-status-screen-component-main-section:last-child,
  .dashboard-path-travel-goal-goal-status-screen-component-subsection:last-child,
  .dashboard-path-savings-overview-overlay-component-section:last-child,
  .dashboard-path-retirement-goal-net-worth-review-screen-component-main-section:last-child,
  .dashboard-path-retirement-goal-spending-widget-component:last-child,
  .dashboard-path-retirement-goal-spending-definitions-component-section:last-child,
  .dashboard-path-retirement-goal-how-we-project-component-main-section:last-child,
  .dashboard-path-retirement-goal-future-spending-component-main-section:last-child,
  .dashboard-path-retirement-goal-goal-status-screen-component-main-section:last-child,
  .dashboard-path-retirement-goal-goal-status-screen-component-subsection:last-child,
  .dashboard-path-home-goal-net-worth-review-screen-component-main-section:last-child,
  .dashboard-path-home-goal-home-search-screen-component-results-section:last-child,
  .dashboard-path-home-goal-home-search-screen-component-main-section:last-child,
  .dashboard-path-home-goal-home-search-screen-component-subsection:last-child,
  .dashboard-path-home-goal-home-details-screen-component-main-section:last-child,
  .dashboard-path-home-goal-goal-status-screen-component-main-section:last-child,
  .dashboard-path-home-goal-goal-status-screen-component-subsection:last-child,
  .dashboard-path-goal-funding-screen-component-section:last-child,
  .dashboard-path-future-expense-goal-goal-status-screen-component-section:last-child,
  .dashboard-path-college-goal-total-costs-screen-component-main-section:last-child,
  .dashboard-path-college-goal-school-search-screen-component-featured-colleges-section:last-child,
  .dashboard-path-college-goal-school-search-screen-component-main-section:last-child,
  .dashboard-path-college-goal-net-worth-review-screen-component-main-section:last-child,
  .dashboard-path-college-goal-goal-status-screen-component-main-section:last-child,
  .dashboard-path-college-goal-goal-status-screen-component-subsection:last-child,
  .dashboard-path-college-goal-beneficiary-info-screen-component-main-section:last-child,
  .dashboard-path-affordability-ratings-screen-component-section:last-child,
  .dashboard-path-add-event-overlay-component-section:last-child {
    border-bottom: none
  }
}

.dashboard-path-travel-goal-goal-status-screen-component-carousel-subsection,
.dashboard-path-retirement-goal-goal-status-screen-component-carousel-subsection,
.dashboard-path-home-goal-goal-status-screen-component-carousel-subsection,
.dashboard-path-college-goal-goal-status-screen-component-carousel-subsection {
  padding: 36px 24px 24px
}

.dashboard-path-windfall-overlay-component-inputs-section,
.dashboard-path-travel-goal-net-worth-review-screen-component-inputs-section,
.dashboard-path-travel-goal-goal-status-screen-component-sliders-subsection,
.dashboard-path-retirement-goal-net-worth-review-screen-component-inputs-section,
.dashboard-path-retirement-goal-future-spending-component-description-section,
.dashboard-path-retirement-goal-goal-status-screen-component-sliders-subsection,
.dashboard-path-home-goal-net-worth-review-screen-component-inputs-section,
.dashboard-path-home-goal-goal-status-screen-component-sliders-subsection,
.dashboard-path-college-goal-net-worth-review-screen-component-inputs-section,
.dashboard-path-college-goal-goal-status-screen-component-sliders-subsection,
.dashboard-path-travel-goal-goal-status-screen-component-carousel-subsection,
.dashboard-path-retirement-goal-goal-status-screen-component-carousel-subsection,
.dashboard-path-home-goal-goal-status-screen-component-carousel-subsection,
.dashboard-path-college-goal-goal-status-screen-component-carousel-subsection {
  max-width: 50%
}

@media only screen and (max-width: 768px) {

  .dashboard-path-windfall-overlay-component-inputs-section,
  .dashboard-path-travel-goal-net-worth-review-screen-component-inputs-section,
  .dashboard-path-travel-goal-goal-status-screen-component-sliders-subsection,
  .dashboard-path-retirement-goal-net-worth-review-screen-component-inputs-section,
  .dashboard-path-retirement-goal-future-spending-component-description-section,
  .dashboard-path-retirement-goal-goal-status-screen-component-sliders-subsection,
  .dashboard-path-home-goal-net-worth-review-screen-component-inputs-section,
  .dashboard-path-home-goal-goal-status-screen-component-sliders-subsection,
  .dashboard-path-college-goal-net-worth-review-screen-component-inputs-section,
  .dashboard-path-college-goal-goal-status-screen-component-sliders-subsection,
  .dashboard-path-travel-goal-goal-status-screen-component-carousel-subsection,
  .dashboard-path-retirement-goal-goal-status-screen-component-carousel-subsection,
  .dashboard-path-home-goal-goal-status-screen-component-carousel-subsection,
  .dashboard-path-college-goal-goal-status-screen-component-carousel-subsection {
    max-width: none
  }
}

.dashboard-path-travel-goal-goal-status-screen-component-subsection-container,
.dashboard-path-savings-overview-overlay-component-subsection-container,
.dashboard-path-retirement-goal-goal-status-screen-component-subsection-container,
.dashboard-path-home-goal-home-search-screen-component-subsection-container,
.dashboard-path-home-goal-goal-status-screen-component-subsection-container,
.dashboard-path-college-goal-school-search-screen-component-subsection-container,
.dashboard-path-college-goal-goal-status-screen-component-subsection-container,
.dashboard-path-add-event-overlay-component-subsection-container {
  background-color: #fcfcfc;
  border-top: 1px solid #e7e7ea;
  box-shadow: inset 0 1px 12px #0000001a
}

.dashboard-path-travel-goal-goal-status-screen-component-subsection-container:last-of-type,
.dashboard-path-savings-overview-overlay-component-subsection-container:last-of-type,
.dashboard-path-retirement-goal-goal-status-screen-component-subsection-container:last-of-type,
.dashboard-path-home-goal-home-search-screen-component-subsection-container:last-of-type,
.dashboard-path-home-goal-goal-status-screen-component-subsection-container:last-of-type,
.dashboard-path-college-goal-school-search-screen-component-subsection-container:last-of-type,
.dashboard-path-college-goal-goal-status-screen-component-subsection-container:last-of-type,
.dashboard-path-add-event-overlay-component-subsection-container:last-of-type {
  border-radius: 0 0 16px 16px
}

.dashboard-path-travel-goal-assumptions-drawer-component,
.dashboard-path-retirement-goal-assumptions-drawer-component,
.dashboard-path-home-goal-assumptions-drawer-component,
.dashboard-path-future-expense-goal-assumptions-drawer-component,
.dashboard-path-college-goal-assumptions-drawer-component {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 100%;
  width: 380px;
  height: 100%;
  padding: 24px;
  overflow-y: auto;
  transform: translate(-100%);
  transition: transform .2s ease-in-out;
  background-color: #413f57;
  color: #ffffff80;
  box-shadow: inset 15px 0 20px #0000001a;
  border-radius: 0 16px 16px 0
}

.dashboard-path-travel-goal-assumptions-drawer-component .tick line,
.dashboard-path-retirement-goal-assumptions-drawer-component .tick line,
.dashboard-path-home-goal-assumptions-drawer-component .tick line,
.dashboard-path-future-expense-goal-assumptions-drawer-component .tick line,
.dashboard-path-college-goal-assumptions-drawer-component .tick line {
  stroke: #fff3
}

.dashboard-path-travel-goal-assumptions-drawer-component circle,
.dashboard-path-retirement-goal-assumptions-drawer-component circle,
.dashboard-path-home-goal-assumptions-drawer-component circle,
.dashboard-path-future-expense-goal-assumptions-drawer-component circle,
.dashboard-path-college-goal-assumptions-drawer-component circle {
  fill: #fff
}

@media only screen and (max-width: 768px) {

  .dashboard-path-travel-goal-assumptions-drawer-component,
  .dashboard-path-retirement-goal-assumptions-drawer-component,
  .dashboard-path-home-goal-assumptions-drawer-component,
  .dashboard-path-future-expense-goal-assumptions-drawer-component,
  .dashboard-path-college-goal-assumptions-drawer-component {
    z-index: 1002;
    width: 90%;
    transform: translate(0);
    box-shadow: none
  }
}

.dashboard-path-travel-goal-assumptions-drawer-component.dashboard-path-travel-goal-assumptions-drawer-component-open,
.dashboard-path-retirement-goal-assumptions-drawer-component.dashboard-path-retirement-goal-assumptions-drawer-component-open,
.dashboard-path-home-goal-assumptions-drawer-component.dashboard-path-home-goal-assumptions-drawer-component-open,
.dashboard-path-future-expense-goal-assumptions-drawer-component.dashboard-path-future-expense-goal-assumptions-drawer-component-open,
.dashboard-path-college-goal-assumptions-drawer-component.dashboard-path-college-goal-assumptions-drawer-component-open {
  transform: translate(0)
}

@media only screen and (max-width: 768px) {

  .dashboard-path-travel-goal-assumptions-drawer-component.dashboard-path-travel-goal-assumptions-drawer-component-open,
  .dashboard-path-retirement-goal-assumptions-drawer-component.dashboard-path-retirement-goal-assumptions-drawer-component-open,
  .dashboard-path-home-goal-assumptions-drawer-component.dashboard-path-home-goal-assumptions-drawer-component-open,
  .dashboard-path-future-expense-goal-assumptions-drawer-component.dashboard-path-future-expense-goal-assumptions-drawer-component-open,
  .dashboard-path-college-goal-assumptions-drawer-component.dashboard-path-college-goal-assumptions-drawer-component-open {
    transform: translate(-100%)
  }
}

.dashboard-path-travel-goal-assumptions-drawer-component-close-button,
.dashboard-path-retirement-goal-assumptions-drawer-component-close-button,
.dashboard-path-home-goal-assumptions-drawer-component-close-button,
.dashboard-path-future-expense-goal-assumptions-drawer-component-close-button,
.dashboard-path-college-goal-assumptions-drawer-component-close-button {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer
}

.dashboard-path-travel-goal-goal-status-screen-component-jumbo-responsive,
.dashboard-path-home-goal-goal-status-screen-component-jumbo-responsive {
  font-size: 40px;
  line-height: .8
}

@media only screen and (max-width: 1140px) {

  .dashboard-path-travel-goal-goal-status-screen-component-jumbo-responsive,
  .dashboard-path-home-goal-goal-status-screen-component-jumbo-responsive {
    font-size: 30px
  }
}

.dashboard-path-travel-goal-net-worth-review-screen-component-balance-sheet,
.dashboard-path-retirement-goal-net-worth-review-screen-component-balance-sheet,
.dashboard-path-home-goal-net-worth-review-screen-component-balance-sheet,
.dashboard-path-college-goal-net-worth-review-screen-component-balance-sheet {
  margin-left: -36px;
  margin-right: -36px
}

.dashboard-path-review-housing-costs-component-institution-icon,
.dashboard-path-review-net-worth-component-institution-icon,
.dashboard-path-retirement-goal-net-worth-review-screen-component-institution-icon {
  margin-left: -6px;
  border-radius: 100%
}

.dashboard-path-travel-goal-accordion-component,
.dashboard-path-retirement-goal-assumptions-accordion-component,
.dashboard-path-home-goal-accordion-component,
.dashboard-path-future-expense-goal-accordion-component,
.dashboard-path-college-goal-accordion-component {
  margin-bottom: 0
}

.dashboard-path-travel-goal-accordion-component .accordion-row-component,
.dashboard-path-retirement-goal-assumptions-accordion-component .accordion-row-component,
.dashboard-path-home-goal-accordion-component .accordion-row-component,
.dashboard-path-future-expense-goal-accordion-component .accordion-row-component,
.dashboard-path-college-goal-accordion-component .accordion-row-component {
  padding: 0;
  border-top: none !important
}

.dashboard-path-travel-goal-accordion-component .accordion-row-component:last-child,
.dashboard-path-retirement-goal-assumptions-accordion-component .accordion-row-component:last-child,
.dashboard-path-home-goal-accordion-component .accordion-row-component:last-child,
.dashboard-path-future-expense-goal-accordion-component .accordion-row-component:last-child,
.dashboard-path-college-goal-accordion-component .accordion-row-component:last-child {
  border-bottom: none !important
}

.dashboard-path-travel-goal-accordion-component .accordion-row-header-component-collapser,
.dashboard-path-retirement-goal-assumptions-accordion-component .accordion-row-header-component-collapser,
.dashboard-path-home-goal-accordion-component .accordion-row-header-component-collapser,
.dashboard-path-future-expense-goal-accordion-component .accordion-row-header-component-collapser,
.dashboard-path-college-goal-accordion-component .accordion-row-header-component-collapser {
  padding: 0 !important
}

.dashboard-path-travel-goal-accordion-component-row-title,
.dashboard-path-retirement-goal-assumptions-accordion-component-row-title,
.dashboard-path-home-goal-accordion-component-row-title,
.dashboard-path-future-expense-goal-accordion-component-row-title,
.dashboard-path-college-goal-accordion-component-row-title {
  font-size: 24px;
  font-weight: 500;
  color: #fff
}

.dashboard-path-travel-goal-accordion-component-row-subtitle,
.dashboard-path-retirement-goal-assumptions-accordion-component-row-subtitle,
.dashboard-path-home-goal-accordion-component-row-subtitle,
.dashboard-path-future-expense-goal-accordion-component-row-subtitle,
.dashboard-path-college-goal-accordion-component-row-subtitle {
  font-size: 20px;
  color: #ffffff80
}

.dashboard-path-home-goal-nearby-home-prices-component-widget,
.dashboard-path-home-goal-home-price-details-component-widget,
.dashboard-path-add-event-overlay-component-widget {
  position: relative;
  z-index: 1;
  display: block;
  cursor: pointer;
  color: inherit;
  text-align: inherit
}

.dashboard-path-home-goal-nearby-home-prices-component-widget:hover,
.dashboard-path-home-goal-home-price-details-component-widget:hover,
.dashboard-path-add-event-overlay-component-widget:hover,
.dashboard-path-home-goal-nearby-home-prices-component-widget:focus,
.dashboard-path-home-goal-home-price-details-component-widget:focus,
.dashboard-path-add-event-overlay-component-widget:focus {
  color: inherit
}

.dashboard-path-home-goal-nearby-home-prices-component-widget:after,
.dashboard-path-home-goal-home-price-details-component-widget:after,
.dashboard-path-add-event-overlay-component-widget:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  box-shadow: 0 2px 4px #00000040;
  opacity: 0;
  transition: opacity .2s ease-in-out
}

.dashboard-path-home-goal-nearby-home-prices-component-widget:hover:after,
.dashboard-path-home-goal-home-price-details-component-widget:hover:after,
.dashboard-path-add-event-overlay-component-widget:hover:after {
  opacity: 1
}

.dashboard-path-travel-goal-affordability-details-component,
.dashboard-path-home-goal-affordability-details-component,
.dashboard-path-college-goal-affordability-details-component {
  margin: 0 !important
}

.dashboard-path-travel-goal-affordability-details-component .accordion-row-component,
.dashboard-path-home-goal-affordability-details-component .accordion-row-component,
.dashboard-path-college-goal-affordability-details-component .accordion-row-component {
  padding: 0 48px !important
}

.dashboard-path-travel-goal-affordability-details-component-content-section,
.dashboard-path-home-goal-affordability-details-component-content-section,
.dashboard-path-college-goal-affordability-details-component-content-section {
  margin-bottom: 24px
}

.recommendation-completed-component-check-icon-circle,
.recommendation-ignored-component-check-icon-circle {
  width: 120px;
  height: 120px;
  line-height: 120px;
  margin: 0 auto 24px;
  border-radius: 100%;
  text-align: center;
  background-color: #83e4c8;
  color: #fff
}

.recommendation-completed-component-check-icon-circle .recommendation-completed-component-check-icon,
.recommendation-ignored-component-check-icon-circle .recommendation-ignored-component-check-icon {
  font-size: 48px;
  width: 48px;
  height: 48px;
  vertical-align: middle
}

.recommendation-completed-component-check-icon-circle .recommendation-completed-component-check-icon:before,
.recommendation-ignored-component-check-icon-circle .recommendation-ignored-component-check-icon:before {
  line-height: 48px
}

.static-guest-planning-intro-section-line,
.static-guest-time-off-travel-intro-section-line {
  background: #b7b7c0;
  height: 1px;
  margin-top: 12px;
  width: 100%
}

@media only screen and (max-width: 768px) {

  .static-guest-planning-intro-section-line,
  .static-guest-time-off-travel-intro-section-line {
    display: none
  }
}

.static-guest-common-cta-btn {
  font-size: 15px;
  font-weight: 600;
  padding: 15px 24px;
  letter-spacing: .35px;
  text-transform: uppercase
}

.static-guest-planning-goal-carousel-component-title-container,
.static-guest-planning-intro-section-subheadline,
.static-guest-planning-section-subheadline {
  opacity: .68;
  letter-spacing: 1.85px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600
}

@media only screen and (max-width: 768px) {

  .static-guest-planning-goal-carousel-component-title-container,
  .static-guest-planning-intro-section-subheadline,
  .static-guest-planning-section-subheadline {
    margin-bottom: 6px
  }
}

.static-guest-absolute-header-component,
.static-guest-fixed-header-component {
  left: 50%;
  width: 100%;
  max-width: 1450px;
  transform: translate(-50%);
  z-index: 1000;
  background-color: #fff
}

.new-header.static-guest-absolute-header-component,
.new-header.static-guest-fixed-header-component {
  left: 10%;
  width: 80%;
  max-width: initial;
  transform: initial
}

@media only screen and (max-width: 768px) {

  .new-header.static-guest-absolute-header-component,
  .new-header.static-guest-fixed-header-component {
    left: 0;
    width: 100%;
    padding: 0 4%
  }
}

@media only screen and (max-width: 768px) {

  .static-guest-absolute-header-component,
  .static-guest-fixed-header-component {
    left: 0;
    transform: none;
    background-color: #8f53d7
  }
}

.static-guest-absolute-header-component .static-guest-header-component-mobile-nav-btn,
.static-guest-fixed-header-component .static-guest-header-component-mobile-nav-btn {
  line-height: 1.3;
  padding: 9px 18px;
  margin-top: 18px
}

.static-guest-absolute-header-component .static-guest-header-component-mobile-nav-btn:first-child,
.static-guest-fixed-header-component .static-guest-header-component-mobile-nav-btn:first-child {
  margin-top: 0
}

.static-guest-absolute-header-component .btn-transparent-primary.static-guest-header-component-mobile-nav-btn,
.static-guest-fixed-header-component .btn-transparent-primary.static-guest-header-component-mobile-nav-btn,
.static-guest-absolute-header-component .btn-transparent-primary.static-guest-header-component-mobile-nav-btn:hover,
.static-guest-fixed-header-component .btn-transparent-primary.static-guest-header-component-mobile-nav-btn:hover {
  color: #8f53d7
}

.static-guest-time-off-travel {
  position: relative;
  background: #fff
}

.static-guest-time-off-travel-intro-section-headline {
  font-size: 65px;
  margin-bottom: 24px
}

@media only screen and (max-width: 768px) {
  .static-guest-time-off-travel-intro-section-headline {
    margin-bottom: 12px;
    font-size: 45px
  }
}

.get-started-intent-step-component-supplemental-icon,
.dashboard-path-sidebar-invest-now-component-icon {
  width: 72px;
  height: 72px;
  margin: auto;
  background-size: 100%;
  background-repeat: no-repeat
}

.get-started-intent-step-component-intent-icon {
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-repeat: no-repeat
}

.dashboard-account-feature-item-component {
  padding: 12px 0;
  border-bottom: 1px solid #e7e7ea
}

.dashboard-account-feature-item-component:first-of-type {
  padding-top: 0
}

.dashboard-account-feature-item-component:last-of-type {
  padding-bottom: 0;
  border-bottom: none
}

.dashboard-account-feature-item-component-title {
  margin-bottom: 6px
}

.dashboard-account-feature-item-component-description {
  color: #747386
}

.dashboard-account-feature-item-component-status {
  justify-content: flex-end
}

.dashboard-account-feature-item-component-status-arrow {
  position: relative;
  margin-left: 6px;
  transition: margin-left .2s ease-in
}

.dashboard-account-feature-item-component-status:hover .dashboard-account-feature-item-component-status-arrow {
  margin-left: 12px
}

.dashboard-account-subheader-component {
  position: relative;
  margin: -36px 0 24px;
  padding: 18px 0;
  border-bottom: 1px solid var(--tk-content-divider);
  background-color: var(--tk-surface)
}

.dashboard-account-subheader-component-error-boundary {
  align-content: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center
}

.dashboard-account-subheader-component-back-arrow-container {
  width: 48px;
  margin-left: -48px
}

@media only screen and (max-width: 768px) {
  .dashboard-account-subheader-component-back-arrow-container {
    display: none
  }
}

.dashboard-account-subheader-component-back-arrow-link {
  display: flex
}

.dashboard-account-subheader-component-container {
  width: 100%;
  display: flex
}

@media only screen and (max-width: 768px) {
  .dashboard-account-subheader-component-container {
    display: block
  }
}

.dashboard-account-subheader-component-account-name-container {
  flex: 0 1 auto;
  min-width: 0;
  float: left;
  margin-right: 34px
}

@media only screen and (max-width: 768px) {
  .dashboard-account-subheader-component-account-name-container {
    flex: none;
    margin-right: 0;
    margin-bottom: 18px;
    float: none
  }
}

.dashboard-account-subheader-component-account-name-input {
  width: 400px
}

.dashboard-account-subheader-component-account-type {
  color: #747386
}

.dashboard-account-subheader-component-account-breakdown-tooltip {
  display: inline-block;
  top: -3px;
  position: relative;
  margin-left: 2px
}

.dashboard-account-subheader-component-account-info-container {
  flex: 1 1 auto;
  border-left: 1px solid var(--tk-content-divider)
}

@media only screen and (max-width: 768px) {
  .dashboard-account-subheader-component-account-info-container {
    flex: none;
    border-left: none;
    margin-right: 0;
    margin-bottom: 12px
  }
}

.dashboard-account-subheader-component-account-name-value-container .dashboard-account-subheader-component-account-info-container {
  float: left;
  padding-left: 48px
}

@media only screen and (max-width: 768px) {
  .dashboard-account-subheader-component-account-name-value-container .dashboard-account-subheader-component-account-info-container {
    float: none;
    padding-left: 0
  }
}

.dashboard-cash-account-subheader-component {
  padding: 22px 0
}

.dashboard-cash-account-subheader-component .dashboard-account-subheader-component-back-arrow-container {
  width: 24px;
  margin-left: -24px
}

.dashboard-cash-account-subheader-component .dashboard-account-subheader-component-account-info-container {
  text-align: center
}

.dashboard-cash-account-subheader-component .dashboard-account-subheader-component-account-info-container .dashboard-account-subheader-component-account-value {
  display: block;
  font-weight: 500
}

.dashboard-cash-account-subheader-component .dashboard-account-subheader-component-account-name-container {
  margin-right: 8.04px
}

.dashboard-cash-account-subheader-component .dashboard-account-subheader-component-account-name-value-container .dashboard-account-subheader-component-account-info-container {
  padding: 0 12px;
  flex: 0 1 auto
}

@media only screen and (max-width: 768px) {
  .dashboard-cash-account-subheader-component .dashboard-account-subheader-component-account-name-value-container .dashboard-account-subheader-component-account-info-container {
    text-align: left;
    padding-left: 0
  }
}

.dashboard-cash-account-subheader-component .dashboard-account-subheader-component-account-type,
.dashboard-cash-account-subheader-component .dashboard-account-subheader-component-account-value-subtitle {
  font-size: 16px;
  line-height: 19px;
  margin-top: 12px;
  display: inline-block
}

.dashboard-cash-account-subheader-component .dashboard-account-subheader-component-tooltip {
  font-size: 14px;
  float: right;
  margin-top: 1px;
  margin-left: 2px
}

.dashboard-account-subheader-component-account-name-value-interest-container .dashboard-account-subheader-component-account-info-container {
  text-align: center;
  padding-left: 24px;
  margin-right: 24px
}

@media only screen and (max-width: 768px) {
  .dashboard-account-subheader-component-account-name-value-interest-container .dashboard-account-subheader-component-account-info-container {
    text-align: left;
    padding-left: 0
  }
}

.dashboard-account-subheader-component-account-value-subtitle {
  color: #747386
}

.dashboard-account-subheader-component-account-name-value-interest-container .dashboard-account-subheader-component-account-value-subtitle {
  font-size: 15px
}

.dashboard-account-subheader-component-account-value {
  height: 35px;
  display: flex
}

.dashboard-account-subheader-component-account-value-question-icon {
  margin-left: 6px;
  cursor: help
}

.dashboard-account-subheader-component-available-balance-trigger {
  cursor: pointer;
  padding: 0 12px
}

@media only screen and (max-width: 768px) {
  .dashboard-account-subheader-component-available-balance-trigger {
    text-align: left;
    padding-left: 0
  }
}

.dashboard-asset-allocation-component-return-tooltip-list {
  padding-left: 18px
}

.dashboard-asset-allocation-component-return-labels-container {
  display: inline-flex
}

.dashboard-asset-allocation-component-return-label {
  font-size: 13px;
  margin-left: 12px;
  text-transform: uppercase;
  color: #747386
}

.dashboard-asset-allocation-component-return-label:hover,
.dashboard-asset-allocation-component-return-label:focus {
  color: #413f57
}

.dashboard-asset-allocation-component-return-label-selected {
  color: #4840bb;
  border-bottom: solid 2px #4840bb;
  cursor: default
}

.dashboard-asset-allocation-component-return-label-selected:hover,
.dashboard-asset-allocation-component-return-label-selected:focus {
  color: #4840bb
}

.dashboard-asset-allocation-component-table-section {
  padding-bottom: 6px
}

.dashboard-asset-allocation-component-table-section.loading {
  min-height: 330px;
  display: flex;
  align-items: center
}

.dashboard-asset-allocation-component-glide-path-container {
  margin-bottom: 12px
}

.dashboard-asset-allocation-component-direct-indexing-tag-line {
  color: #8852a8;
  font-size: 11px;
  margin-left: 12px
}

.dashboard-asset-allocation-component .dashboard-college-glide-path-graph-component {
  height: 348px;
  margin-bottom: 18px
}

.dashboard-asset-allocation-component-asset-class-header {
  width: 144px
}

@media only screen and (max-width: 1140px) {

  .dashboard-asset-allocation-component-progress-bar-header,
  .dashboard-asset-allocation-component-market-value-header {
    display: none
  }
}

.dashboard-asset-allocation-etf-detail-component-section {
  padding-left: 36px
}

.dashboard-asset-allocation-etf-detail-component-section-container {
  border-left: 1px solid #f3f3f3
}

.dashboard-asset-allocation-etf-detail-component-leading-etf-title {
  padding-bottom: 24px
}

.dashboard-asset-allocation-etf-detail-component-content {
  margin-bottom: 24px
}

.dashboard-asset-allocation-etf-detail-component-content:last-of-type {
  margin-bottom: 0
}

.dashboard-asset-allocation-etf-detail-component-medallion {
  text-transform: uppercase;
  color: #8852a8;
  font-size: 13px;
  background-color: #8852a833;
  padding-left: 6px;
  padding-right: 6px;
  margin-right: 6px;
  border-radius: 3px;
  font-weight: 700;
  cursor: help
}

.dashboard-asset-allocation-etf-profile-component {
  font-size: 18px
}

.dashboard-asset-allocation-etf-profile-component-totals-row {
  border-top: 1px solid #e7e7ea
}

.dashboard-asset-allocation-etf-profile-component-table-header-tooltip-trigger {
  vertical-align: middle;
  display: inline-block;
  margin-right: 3px
}

.dashboard-asset-allocation-etf-profile-component-table-header-tooltip {
  width: 204px;
  text-align: left
}

.dashboard-asset-allocation-row-component .dashboard-asset-allocation-row-component-asset-progress-bar-cell {
  padding-left: 0
}

.dashboard-asset-allocation-row-component-asset-progress-bar {
  width: 216px
}

.dashboard-asset-allocation-row-component-unknown {
  background-color: #b7b7c0
}

.dashboard-asset-allocation-row-component-us-stocks {
  background-color: #ff6f00
}

.dashboard-asset-allocation-row-component-intl-developed {
  background-color: #ff8700
}

.dashboard-asset-allocation-row-component-intl-emerging {
  background-color: #faad58
}

.dashboard-asset-allocation-row-component-div-stocks {
  background-color: #febf87
}

.dashboard-asset-allocation-row-component-real-estate {
  background-color: #ceac8f
}

.dashboard-asset-allocation-row-component-commodities {
  background-color: #a1d290
}

.dashboard-asset-allocation-row-component-infl-bonds {
  background-color: #57c5de
}

.dashboard-asset-allocation-row-component-muni-bonds {
  background-color: #14a5d7
}

.dashboard-asset-allocation-row-component-corp-bonds {
  background-color: #2488c0
}

.dashboard-asset-allocation-row-component-em-bonds {
  background-color: #0a6da4
}

.dashboard-asset-allocation-row-component-bonds {
  background-color: #89e0f3
}

.dashboard-asset-allocation-row-component-us-tbills {
  background-color: #014e86
}

.dashboard-asset-allocation-row-component-cash {
  background-color: #4d2e5f
}

.dashboard-asset-allocation-row-component-asset-name {
  text-align: left
}

.dashboard-asset-allocation-row-component-asset-name,
.dashboard-asset-allocation-row-component-etf-name {
  text-decoration: underline;
  color: #161338
}

.dashboard-asset-allocation-row-component-asset-name:hover,
.dashboard-asset-allocation-row-component-asset-name:active,
.dashboard-asset-allocation-row-component-asset-name:focus,
.dashboard-asset-allocation-row-component-etf-name:hover,
.dashboard-asset-allocation-row-component-etf-name:active,
.dashboard-asset-allocation-row-component-etf-name:focus {
  text-decoration: underline;
  color: #161338
}

.dashboard-asset-allocation-row-component-asset-return-arrow {
  margin-right: 3px;
  position: relative;
  top: -2px
}

@media only screen and (max-width: 1140px) {

  .dashboard-asset-allocation-row-component-asset-progress-bar-cell,
  .dashboard-asset-allocation-row-component-market-value {
    display: none
  }
}

.modal-component-header>.dashboard-asset-class-detail-component {
  padding: 18px 18px 0
}

.dashboard-asset-class-detail-component-content {
  margin-bottom: 24px
}

.dashboard-asset-class-detail-component-content:last-of-type {
  margin-bottom: 0
}

.dashboard-asset-class-detail-component-detail {
  font-size: 18px
}

.dashboard-asset-class-detail-component-pie-chart-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 12px 0
}

.dashboard-asset-class-detail-component-asset-name {
  align-self: flex-start
}

.dashboard-account-blocked-component-inner-content {
  align-items: center;
  display: flex;
  height: 480px;
  justify-content: center
}

.dashboard-account-blocked-component-content-container {
  width: 620px
}

.conversion-plan-portfolio-step-component-confirm-button {
  margin-top: 24px
}

.conversion-plan-portfolio-step-component-info-section {
  padding-right: 18px
}

.conversion-plan-portfolio-step-component-info-section:last-of-type {
  border-bottom: none
}

.dashboard-edit-capital-gains-limit-component-tooltip-question-icon {
  cursor: help
}

.dashboard-edit-capital-gains-limit-component-inline-input {
  display: inline;
  max-width: 90px;
  margin: 0 6px;
  border-width: 0 0 1px 0;
  color: #8f53d7
}

.dashboard-edit-capital-gains-limit-component-inline-input:focus {
  border-color: #8f53d7
}

.dashboard-edit-capital-gains-limit-component-button-container {
  margin-top: 24px
}

.dashboard-edit-capital-gains-limit-component-error {
  margin-left: 18px
}

.dashboard-account-view-prefunded-current-address-document-component-example {
  background: url("../../../assets/assets/redesign/current_address_document_example-588554bdadd608e8b45af508aea79e8ee3889063be0402923bc86188b2d350fa.svg") no-repeat center;
  background-size: contain;
  width: 100%;
  height: 360px
}

@media only screen and (max-width: 768px) {
  .dashboard-account-view-prefunded-current-address-document-component-example {
    height: 240px
  }
}

.dashboard-account-view-prefunded-post-app-survey-toast-component {
  width: 414px
}

.dashboard-account-view-prefunded-post-app-survey-toast-component-prompt {
  padding-right: 26px
}

.dashboard-account-view-prefunded-post-app-survey-toast-component-numbers-container {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: space-evenly
}

.dashboard-account-view-prefunded-post-app-survey-toast-component-number-option {
  display: inline-block;
  height: 25px;
  width: 25px;
  margin-right: 10px;
  line-height: 25px;
  border-radius: 3px;
  font-weight: 600;
  background-color: #fff;
  color: #161338;
  cursor: pointer
}

.dashboard-account-view-prefunded-post-app-survey-toast-component-number-option:last-of-type {
  margin-right: 0
}

.dashboard-account-view-prefunded-post-app-survey-toast-component-number-option-btn {
  height: 25px;
  width: 25px;
  border-radius: 3px
}

.dashboard-account-view-prefunded-post-app-survey-toast-component-number-label-container {
  display: flex;
  align-items: center;
  padding: 0
}

.dashboard-account-view-prefunded-post-app-survey-toast-component-number-label {
  flex: 1;
  font-size: 15px;
  color: #747386
}

.dashboard-account-view-prefunded-post-app-survey-toast-component-ratings-container {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: space-evenly
}

.dashboard-account-view-prefunded-post-app-survey-toast-component-rating-option-btn {
  height: 40px;
  width: 40px
}

.dashboard-account-view-prefunded-post-app-survey-toast-component-rating-label-container {
  display: flex;
  align-items: center;
  padding: 0
}

.dashboard-account-view-prefunded-post-app-survey-toast-component-rating-label {
  flex: 1;
  font-size: 15px;
  color: #747386
}

.dashboard-account-view-prefunded-post-app-survey-toast-component-rating-option {
  font-size: 40px;
  background-color: transparent
}

.dashboard-account-view-prefunded-post-app-survey-toast-component-textarea {
  width: 100%;
  padding: 12px;
  resize: none;
  border: none;
  border-radius: 3px 3px 0 0;
  color: #161338
}

.dashboard-account-view-prefunded-post-app-survey-toast-component-form {
  width: 100%
}

.manage-account-dialog {
  max-height: 85vh;
  overflow: scroll
}

.manage-account-dialog-account-name-section,
.manage-account-dialog-account-details-section,
.manage-account-dialog-activate-card-section,
.manage-account-dialog-order-card-section,
.manage-account-dialog-cash-account-securities-entry-section {
  padding: 0 0 36px;
  margin-bottom: 36px;
  border-bottom: 1px solid #e7e7ea
}

.manage-account-dialog-wrapper {
  position: relative;
  padding: 0 16px
}

.manage-account-dialog-form-element {
  border: none;
  letter-spacing: 1.2px;
  font-size: 24px;
  line-height: 30px
}

.manage-account-dialog-form-element-masked {
  border: none;
  letter-spacing: 2.8px;
  font-size: 24px;
  line-height: 30px
}

.manage-account-dialog-details {
  font-size: 19px
}

.manage-account-dialog-copy-icon {
  background: url("../../../assets/assets/cash/copy-b232c9956e0ccb395bd62bf25320c8c926ff865c838052f0cdd211553ff637d3.svg") -8px -5px no-repeat;
  height: 24px;
  width: 20px;
  position: relative;
  cursor: pointer;
  outline: none !important;
  padding: 0;
  top: -2px;
  left: -5px
}

.manage-account-dialog-card-img {
  width: 106px;
  height: 151px;
  background: url("../../../assets/assets/debit_card/debit-card-small-85d51f5d755e90d6665e23ed5d747e9eb8e6d5d7770f800fcd33657b0358d1b5.svg") 0 0 no-repeat;
  position: relative
}

.manage-account-dialog-button {
  font-size: 19px
}

.manage-account-dialog-button-link {
  padding: 0
}

.manage-account-dialog-card-number {
  color: #b7b7c0;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 2.5px
}

.manage-account-dialog-card-number-active {
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 2.5px
}

.manage-account-dialog-secondary-link {
  font-size: 19px;
  line-height: 24px;
  color: #b7b7c0
}

.manage-account-dialog-secondary-link-active {
  font-size: 19px;
  line-height: 24px
}

.manage-account-dialog-error {
  font-size: 15px;
  line-height: 20px;
  color: #f24d4d
}

.manage-account-dialog-dots {
  position: relative;
  top: -2px
}

.manage-account-dialog-confirm-address-and-order-card-section {
  background-color: #4840bb26;
  padding: 16px
}

.manage-account-dialog-header-section {
  text-align: center;
  margin-bottom: 36px
}

.dashboard-transferred-investments-component .dashboard-transferred-investments-component-table {
  margin-bottom: 18px
}

.dashboard-transferred-investments-component-status-cell,
.dashboard-transferred-investments-row-component-status-cell {
  padding-left: 36px !important
}

.dashboard-transferred-investments-row-component-action-cell {
  width: 150px
}

.dashboard-transferred-investments-row-component-action-link {
  color: #747386
}

.dashboard-transferred-investments-row-component-action-link:hover,
.dashboard-transferred-investments-row-component-action-link:focus,
.dashboard-transferred-investments-row-component-action-link:active {
  color: #413f57
}

.dashboard-admin-panel-component {
  position: fixed;
  top: 150px;
  left: 0;
  width: 252px;
  transform: translate(-240px);
  transition: transform .25s 50ms ease-in-out
}

.dashboard-admin-panel-component.dashboard-admin-panel-component-open {
  transform: translate(0);
  z-index: 1039
}

.dashboard-admin-panel-component.dashboard-admin-panel-component-open .dashboard-admin-panel-component-toggle {
  background-color: #e7e7ea
}

.dashboard-admin-panel-component-content {
  margin: 0 12px 0 0
}

.dashboard-admin-panel-component-content .widget-section:first-of-type {
  border-top-left-radius: 0
}

.dashboard-admin-panel-component-content .widget-section:last-of-type {
  border-bottom-left-radius: 0
}

.dashboard-admin-panel-component-toggle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 12px;
  border-radius: 0;
  background-color: #bebec6;
  cursor: pointer;
  transition: background-color .25s 50ms ease-in-out
}

.dashboard-admin-panel-component-admin-session-container {
  position: relative
}

.dashboard-admin-panel-component-end-session-button {
  position: absolute;
  top: 12px;
  right: 24px;
  cursor: pointer
}

.cash-merch-detail-step-component {
  background-color: #fff;
  padding: 48px;
  min-height: 662px
}

@media only screen and (max-width: 768px) {
  .cash-merch-detail-step-component {
    padding: 24px
  }
}

.one-month-text {
  word-break: keep-all
}

.cash-merch-info-step-component {
  background-color: #fff;
  box-shadow: 0 0 20px #0000004d
}

.cash-merch-info-step-component-content {
  display: flex;
  flex: 1;
  overflow: hidden;
  min-height: 662px
}

@media only screen and (max-width: 768px) {
  .cash-merch-info-step-component-content {
    display: block;
    flex: none
  }
}

.cash-merch-info-step-component-content-pane {
  flex: 1 0 50%;
  padding: 88px 60px 60px
}

.cash-merch-info-step-component-content-pane.cash-merch-info-step-component-savings {
  color: #fff;
  text-align: center;
  background: url("../../../assets/assets/cash/bg_circles-e75d544a91caee87a62456747cd9420bccbb763fc095598080a16a437ef60a8c.svg") -40px 45px no-repeat, linear-gradient(180deg, #8f53d7, #8f53d7)
}

.cash-merch-info-step-component-savings-title {
  padding-top: 175px;
  margin-bottom: 24px;
  margin-left: -12px;
  margin-right: -12px;
  font-size: 40px;
  font-weight: 700;
  background-image: url("../../../assets/assets/cash/piggie-f3086f9c9b9ae81959a0a2db5f9dcacfac566f785c85a496a8c50268ce1bc447.png");
  background-position: 50% 50px;
  background-repeat: no-repeat;
  background-size: 112px 112px
}

.cash-merch-info-step-component-earnings {
  background-color: #fff;
  margin: 0 20px 24px;
  padding: 30px;
  color: #000;
  border-radius: 6px;
  box-shadow: 0 2px 6px #0000004d
}

.cash-merch-info-step-component-earnings-subtitle {
  color: #747386
}

.cash-merch-info-step-component-static-info {
  color: #b7b7c0
}

.cash-merch-info-step-component-details-header {
  padding-bottom: 6px;
  margin-bottom: 6px;
  color: #00000080;
  border-bottom: 1px solid #8f53d7
}

.cash-merch-info-step-component-details-title {
  margin-bottom: 48px;
  color: #8f53d7;
  font-weight: 500
}

.cash-merch-info-step-component-details-list {
  padding: 0;
  margin: 0;
  list-style-type: none
}

.cash-merch-info-step-component-details-bullet {
  padding-left: 80px;
  margin-bottom: 40px
}

.cash-merch-info-step-component-details-bullet>ul {
  margin: 0;
  padding-left: 18px;
  list-style-type: disc;
  color: #413f57;
  font-size: 15px
}

.cash-merch-info-step-component-details-bullet.details-earn {
  background: url("../../../assets/assets/cash/earn_more-4514408f6b8b5cdcc438b4c813e6b07ce0f2e4cd79013750378d0f39c5bea36a.svg") 0 50% no-repeat
}

.cash-merch-info-step-component-details-bullet.details-save {
  background: url("../../../assets/assets/cash/save_the_way_you_want-1b3d6eb60aa74b5954ce1aa07c6620ea5be3a03f699f2db7677aa387f3ba6a41.svg") 0 50% no-repeat
}

.cash-merch-info-step-component-details-bullet.details-insure {
  background: url("../../../assets/assets/cash/fdic_insured-a7b95af50a7c962fa0e5c6483b4699ebb98b6da2a5470a312f456eaf2c5e92a7.svg") 0 50% no-repeat
}

.cash-merch-info-step-component-amount {
  position: relative;
  top: 5px
}

.check-deposit-details-component-image-wrapper {
  position: relative;
  margin-bottom: 24px
}

.check-deposit-details-component-account-name {
  position: absolute;
  top: 130px;
  left: 70px
}

.check-deposit-details-component-amount {
  position: absolute;
  left: 330px;
  top: 52px
}

.dashboard-college-glide-path-graph-component {
  position: relative;
  font-size: 13px
}

.dashboard-college-glide-path-graph-component-svg {
  width: 100%
}

.dashboard-college-glide-path-graph-component-x-axis-grid .tick line,
.dashboard-college-glide-path-graph-component-y-axis .tick line {
  opacity: .3;
  stroke: #fff;
  stroke-width: 1
}

.dashboard-college-glide-path-graph-component-x-axis text {
  fill: #747386
}

.dashboard-college-glide-path-graph-component-x-axis line {
  stroke: #b7b7c0
}

.dashboard-college-glide-path-graph-component-x-axis-grid .tick line {
  stroke-dasharray: 3 3
}

.dashboard-college-glide-path-graph-component-y-axis .tick:first-of-type line,
.dashboard-college-glide-path-graph-component-y-axis .tick:last-of-type line {
  stroke: none
}

.dashboard-college-glide-path-graph-component-y-axis .tick:last-of-type text {
  display: none
}

.dashboard-college-glide-path-graph-component-y-axis .tick text {
  text-anchor: start !important;
  fill: #fff;
  fill-opacity: .8
}

.dashboard-college-glide-path-graph-mouse-capture-overlay {
  fill: none;
  pointer-events: all
}

.dashboard-college-glide-path-graph-hover {
  display: none
}

.dashboard-college-glide-path-graph-hover.dashboard-college-glide-path-graph-hover-show {
  display: block
}

.dashboard-college-glide-path-graph-hover-line {
  stroke: #fff;
  stroke-width: 2px;
  stroke-dasharray: 2 2
}

.dashboard-college-glide-path-graph-today {
  fill: #000;
  fill-opacity: .15;
  stroke-width: 2px;
  stroke: #fff
}

.dashboard-college-glide-path-today-tooltip .tooltip-component {
  padding: 6px;
  z-index: 0
}

.dashboard-college-glide-path-graph-component-series-stocks {
  fill: #ff6f00
}

.dashboard-college-glide-path-graph-component-series-bonds {
  fill: #57c5de
}

.dashboard-college-glide-path-graph-component-series-treasury-bills {
  fill: #014e86
}

.dashboard-college-glide-path-graph-component-series-us-stocks {
  fill: #ff6f00
}

.dashboard-college-glide-path-graph-component-series-intl-developed {
  fill: #ff8700
}

.dashboard-college-glide-path-graph-component-series-intl-emerging {
  fill: #faad58
}

.dashboard-college-glide-path-graph-component-series-div-stocks {
  fill: #febf87
}

.dashboard-college-glide-path-graph-component-series-real-estate {
  fill: #ceac8f
}

.dashboard-college-glide-path-graph-component-series-infl-bonds {
  fill: #57c5de
}

.dashboard-college-glide-path-graph-component-series-corp-bonds {
  fill: #2488c0
}

.dashboard-college-glide-path-graph-component-series-em-bonds {
  fill: #0a6da4
}

.dashboard-college-glide-path-graph-component-series-us-tbills {
  fill: #014e86
}

.dashboard-college-glide-path-graph-hover-tooltip-overlay {
  width: 180px
}

.dashboard-college-glide-path-graph-hover-tooltip-header,
.dashboard-college-glide-path-graph-hover-tooltip-row {
  margin-bottom: 6px
}

.dashboard-college-glide-path-graph-hover-tooltip-row:last-of-type {
  margin-bottom: 0
}

.dashboard-college-glide-path-graph-hover-tooltip-row-label-treasury-bills:before,
.dashboard-college-glide-path-graph-hover-tooltip-row-label-bonds:before,
.dashboard-college-glide-path-graph-hover-tooltip-row-label-stocks:before {
  content: "";
  display: inline-block;
  border-radius: 10px;
  width: 10px;
  height: 10px;
  margin-right: 10px
}

.dashboard-college-glide-path-graph-hover-tooltip-row-label-stocks:before {
  background: #ff6f00
}

.dashboard-college-glide-path-graph-hover-tooltip-row-label-bonds:before {
  background: #57c5de
}

.dashboard-college-glide-path-graph-hover-tooltip-row-label-treasury-bills:before {
  background: #014e86
}

.dashboard-edit-recurring-deposit-component-buttons {
  margin-top: 24px
}

.dashboard-external-accounts-subtype-overrides-modal-component {
  min-height: 550px
}

.dashboard-footer-container {
  margin-top: auto;
  background: var(--tk-surface)
}

.dashboard-footer-component-wrapper {
  padding-top: 36px;
  border-top: 1px solid #e7e7ea;
  color: var(--tk-content-secondary)
}

.dashboard-footer-component-wrapper a,
.dashboard-footer-component-wrapper a:hover {
  color: var(--tk-content-secondary)
}

@media only screen and (max-width: 768px) {
  .dashboard-footer-component-wrapper {
    padding-top: 0
  }
}

.dashboard-footer-component-nav-link-list {
  list-style: none;
  margin: 0;
  padding: 0
}

@media only screen and (max-width: 768px) {
  .dashboard-footer-component-nav-link-list {
    display: none
  }
}

.dashboard-footer-component-nav-link-item {
  display: inline-block
}

@media only screen and (max-width: 1140px) {
  .dashboard-footer-component-nav-link-item {
    min-width: 108px
  }
}

.dashboard-footer-component-nav-link {
  display: inline-block;
  margin: 0 60px 0 0
}

@media only screen and (max-width: 1140px) {
  .dashboard-footer-component-nav-link {
    margin: 0 0 12px
  }
}

a.dashboard-footer-component-social-link {
  margin-left: 12px;
  text-decoration: none
}

a.dashboard-footer-component-social-link:hover {
  text-decoration: none
}

a.dashboard-footer-component-social-link:first-child {
  margin-left: 0
}

@media only screen and (max-width: 768px) {
  a.dashboard-footer-component-social-link {
    display: none
  }
}

.dashboard-footer-component-links {
  list-style: none;
  overflow: auto;
  margin: 15px 0;
  padding-left: 0
}

.dashboard-footer-component-links a {
  color: var(--tk-content-secondary);
  text-decoration: underline
}

.dashboard-footer-component-links li {
  float: left;
  margin-left: 11px
}

.footer-react-component-disclosure,
.dashboard-footer-component-disclosure {
  padding-top: 36px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400
}

.footer-react-component-disclosure a,
.footer-react-component-disclosure a:hover,
.dashboard-footer-component-disclosure a,
.dashboard-footer-component-disclosure a:hover {
  text-decoration: underline
}

@media only screen and (max-width: 768px) {

  .footer-react-component-disclosure,
  .dashboard-footer-component-disclosure {
    padding-top: 12px
  }
}

.footer-react-component {
  margin-top: 24px;
  padding: 48px 0;
  color: var(--tk-content-secondary)
}

.footer-react-component a,
.footer-react-component a:hover {
  color: var(--tk-content-secondary)
}

.footer-links-component-wrapper {
  padding-top: 36px;
  border-top: 1px solid #e7e7ea;
  color: #747386
}

.footer-links-component-wrapper a,
.footer-links-component-wrapper a:hover {
  color: #747386
}

.footer-links-component-nav-link-list {
  list-style: none;
  margin: 0;
  padding: 0
}

@media only screen and (max-width: 768px) {
  .footer-links-component-nav-link-list {
    display: none
  }
}

.footer-links-component-nav-link-item {
  display: inline-block
}

@media only screen and (max-width: 1140px) {
  .footer-links-component-nav-link-item {
    min-width: 108px
  }
}

.footer-links-component-nav-link {
  display: inline-block;
  margin: 0 60px 0 0
}

@media only screen and (max-width: 1140px) {
  .footer-links-component-nav-link {
    margin: 0 0 12px
  }
}

.footer-social-links-component-nav-link-list {
  list-style: none;
  margin: 0;
  padding: 0
}

@media only screen and (max-width: 768px) {
  .footer-social-links-component-nav-link-list {
    display: none
  }
}

.footer-social-links-component-nav-link-item {
  display: inline-block;
  padding-right: 12px
}

@media only screen and (max-width: 1140px) {
  .footer-social-links-component-nav-link-item {
    padding-right: 6px
  }
}

.footer-social-links-component-nav-link-item-description {
  display: none
}

.footer-links-component-disclosure {
  padding-top: 36px
}

.footer-links-component-disclosure a,
.footer-links-component-disclosure a:hover {
  text-decoration: underline
}

.footer-links-component-social-link {
  margin-left: 12px
}

.footer-links-component-social-link:first-child {
  margin-left: 0
}

@media only screen and (max-width: 768px) {
  .footer-links-component-social-link {
    display: none
  }
}

.footer-disclosure-component {
  padding-top: 36px
}

.dashboard-layout-component-pre-script {
  height: 82vh;
  display: flex;
  justify-content: center;
  align-items: center
}

.dashboard-layout-component-pre-script-loader {
  width: 72px;
  height: 72px;
  -webkit-mask-image: url("../../../assets/assets/page_loading_indicator-3f44a13a06b900b28f1d851330f30c525b2f00170b4261d837d9a43618c93104.svg");
  mask-image: url("../../../assets/assets/page_loading_indicator-3f44a13a06b900b28f1d851330f30c525b2f00170b4261d837d9a43618c93104.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--tk-content-interactive-default)
}

.vite-pre-script-loader {
  -webkit-mask-image: url("../../../assets/assets/page_loading_indicator-3f44a13a06b900b28f1d851330f30c525b2f00170b4261d837d9a43618c93104.svg");
  mask-image: url("../../../assets/assets/page_loading_indicator-3f44a13a06b900b28f1d851330f30c525b2f00170b4261d837d9a43618c93104.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--tk-content-interactive-default)
}

.dashboard-layout-component-override-container-flex {
  width: 100%;
  padding: 0
}

.debit-intro-card-header {
  color: #413f57;
  letter-spacing: 1px;
  opacity: .5
}

.dashboard-investment-account-learn-more-step-component-content {
  display: flex;
  flex: 1;
  overflow: hidden;
  min-height: 662px;
  background-color: #fff
}

@media only screen and (max-width: 768px) {
  .dashboard-investment-account-learn-more-step-component-content {
    display: block;
    flex: none
  }
}

.dashboard-investment-account-learn-more-step-component-content-pane {
  flex: 1 0 50%;
  padding: 60px
}

.dashboard-investment-account-learn-more-step-component-content-pane.dashboard-investment-account-learn-more-step-component-content-pane-left {
  text-align: center;
  background-color: #f6dac9
}

.dashboard-investment-account-learn-more-step-component-content-pane.dashboard-investment-account-learn-more-step-component-content-pane-right {
  padding-top: 96px
}

.dashboard-investment-account-learn-more-step-component-hero {
  height: 350px;
  width: 350px;
  background: transparent url("../../../assets/assets/guest/planning/juliette-ee927b28e10f8d6ea7fc6a1be285f73735ba4eff83c3f50bb4ec1145c28e7803.jpg") no-repeat center/160%;
  border-radius: 50%;
  margin-top: 36px;
  margin-bottom: 60px
}

.dashboard-investment-account-learn-more-step-component-cta {
  display: inline-flex;
  align-items: center
}

.dashboard-investment-account-learn-more-step-component-back-button {
  position: absolute;
  top: 4%;
  left: 1%;
  display: inline-flex;
  color: #000
}

.dashboard-investment-account-learn-more-step-component-incentive-copy {
  margin-bottom: 30px
}

.dashboard-investment-account-merch-step-component-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 0 96px;
  min-height: 662px;
  color: #fff;
  background: linear-gradient(147.95deg, #8f53d7 1.12%, var(--tk-surface-interactive-primary) 105.97%);
  box-shadow: 0 4px 4px #00000040
}

@media only screen and (max-width: 768px) {
  .dashboard-investment-account-merch-step-component-content {
    padding: 0 60px 24px
  }
}

.dashboard-investment-account-merch-step-component-subheader {
  opacity: .5
}

.dashboard-investment-account-merch-step-component-header {
  line-height: 80%;
  width: 60%;
  font-size: 96px
}

@media only screen and (max-width: 768px) {
  .dashboard-investment-account-merch-step-component-header {
    width: 100%;
    font-size: 70px
  }
}

.dashboard-investment-account-merch-step-component-header.dashboard-investment-account-merch-step-component-no-incentive {
  width: 70%
}

.dashboard-investment-account-merch-step-component-description {
  width: 37%
}

.dashboard-investment-account-merch-step-component-description.dashboard-investment-account-merch-step-component-description-wide {
  width: 43%
}

@media only screen and (max-width: 768px) {
  .dashboard-investment-account-merch-step-component-description {
    width: 100%
  }
}

.dashboard-parallel-linking-toast-component {
  width: 432px;
  border-radius: 4px;
  box-shadow: 0 2px 12px #00000080;
  z-index: 1041 !important
}

.dashboard-parallel-linking-toast-component-loading:after {
  content: "...";
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  animation: ellipsis-dot 1s infinite .3s;
  animation-fill-mode: forwards;
  width: 1em
}

@keyframes ellipsis-dot {
  25% {
    content: ""
  }

  50% {
    content: "."
  }

  75% {
    content: ".."
  }

  to {
    content: "..."
  }
}

.dashboard-parallel-linking-toast-component-content-container {
  position: relative
}

.dashboard-parallel-linking-toast-component-transition-enter {
  opacity: .01;
  transition: opacity .7s ease-in .3s
}

.dashboard-parallel-linking-toast-component-transition-enter.dashboard-parallel-linking-toast-component-transition-enter-active {
  opacity: 1
}

.dashboard-parallel-linking-toast-component-transition-exit {
  transition: opacity .75s ease-out;
  opacity: 1;
  position: absolute;
  top: 18px;
  left: 0
}

.dashboard-parallel-linking-toast-component-transition-exit.dashboard-parallel-linking-toast-component-transition-exit-active {
  opacity: 0
}

.dashboard-parallel-linking-toast-component-institution-icons-container {
  display: flex;
  font-size: 0
}

.dashboard-parallel-linking-toast-component-institution-icon-container {
  position: relative
}

.dashboard-parallel-linking-toast-component-institution-icon-container:nth-child(1) {
  z-index: -1
}

.dashboard-parallel-linking-toast-component-institution-icon-container:nth-child(2) {
  left: -31px;
  transform: scale(.9);
  z-index: -2
}

.dashboard-parallel-linking-toast-component-institution-icon-container:nth-child(2):after {
  position: absolute;
  content: "";
  inset: 0;
  border-radius: 100%;
  background-color: #161338;
  z-index: -1
}

.dashboard-parallel-linking-toast-component-institution-icon-container:nth-child(2) .dashboard-parallel-linking-toast-component-institution-icon {
  opacity: .5
}

.dashboard-parallel-linking-toast-component-institution-icon-container:nth-child(3) {
  left: -62px;
  transform: scale(.75);
  z-index: -3
}

.dashboard-parallel-linking-toast-component-institution-icon-container:nth-child(3) .dashboard-parallel-linking-toast-component-institution-icon {
  opacity: .25
}

.dashboard-path-add-event-overlay-component-header-icon {
  width: 36px;
  height: 36px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../../../assets/assets/path/add_event/icon-3ad7dc00e0bd2a42fa2329265848b94a81a2984641135e05e284488f1bdaea71.svg")
}

.dashboard-path-add-event-overlay-component-subsection-container {
  position: relative
}

.dashboard-path-add-event-overlay-component-subsection-container.dashboard-path-add-event-overlay-component-subsection-container-dimmed:before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  background-color: #0000001a
}

.dashboard-path-add-event-overlay-component-section {
  padding: 24px 24px 0
}

@media only screen and (max-width: 768px) {
  .dashboard-path-add-event-overlay-component-section {
    padding-bottom: 24px
  }
}

.dashboard-path-add-event-overlay-component-widget {
  display: block;
  margin-bottom: 24px;
  color: inherit
}

.dashboard-path-add-event-overlay-component-widget:hover,
.dashboard-path-add-event-overlay-component-widget:focus {
  color: inherit
}

.dashboard-path-add-event-overlay-component-widget-section {
  padding: 18px
}

.dashboard-path-add-event-overlay-component-widget-icon {
  width: 30px;
  height: 30px;
  background-size: 100%;
  background-repeat: no-repeat
}

.dashboard-path-add-event-overlay-component-widget-icon.dashboard-path-add-event-overlay-component-college-icon {
  background-image: url("../../../assets/assets/path/icons/college_md-a54a192cd83eaba33e8bc82856a92e8f1498541d1e773d5f00e57672554c1f20.svg")
}

.dashboard-path-add-event-overlay-component-widget-icon.dashboard-path-add-event-overlay-component-home-icon {
  background-image: url("../../../assets/assets/path/icons/home_md-0e645050f0f2a997d781a5a9ee1a0b8b07fb07d22285b4e96109181784df3602.svg")
}

.dashboard-path-add-event-overlay-component-widget-icon.dashboard-path-add-event-overlay-component-windfall-icon {
  background-image: url("../../../assets/assets/path/icons/windfall_md-0d415696e0f95b49420a840d5e54de4111dde824da7d2df9a07217452121770c.svg")
}

.dashboard-path-add-event-overlay-component-widget-icon.dashboard-path-add-event-overlay-component-travel-icon {
  background-image: url("../../../assets/assets/path/icons/travel_md-3134d927fc322113d852148d724319fd88ce9ff83e95cd6f93a749ff191358b3.svg")
}

.dashboard-path-add-event-overlay-component-widget-icon.dashboard-path-add-event-overlay-component-future-expense-icon {
  background-image: url("../../../assets/assets/path/icons/expense_other_md-160756d9bbe41d1379a8d8c65848992e63f291eec5a8a2c9427f29fda6f18a65.svg")
}

.dashboard-path-affordability-bullet-component-dot {
  border-radius: 100%
}

.dashboard-path-affordability-bullet-component-dot.dashboard-path-affordability-bullet-component-dot-small {
  width: 8px;
  height: 8px;
  margin-top: 9px
}

.dashboard-path-affordability-bullet-component-dot.dashboard-path-affordability-bullet-component-dot-medium {
  width: 18px;
  height: 18px
}

.dashboard-path-affordability-ratings-accordion-component {
  margin-bottom: 0
}

.dashboard-path-affordability-ratings-accordion-component .accordion-row-component:first-of-type {
  border-top: none
}

.dashboard-path-affordability-ratings-accordion-component-row {
  border-left: 6px solid
}

.dashboard-path-affordability-ratings-accordion-component-row.dashboard-path-affordability-ratings-accordion-component-row-comfortable {
  border-left-color: #67c8ac
}

.dashboard-path-affordability-ratings-accordion-component-row.dashboard-path-affordability-ratings-accordion-component-row-manageable {
  border-left-color: #f0c152
}

.dashboard-path-affordability-ratings-accordion-component-row.dashboard-path-affordability-ratings-accordion-component-row-stretch {
  border-left-color: #f49359
}

.dashboard-path-affordability-ratings-accordion-component-row.dashboard-path-affordability-ratings-accordion-component-row-unaffordable {
  border-left-color: #413f57
}

.dashboard-path-affordability-ratings-screen-component-accordion-section {
  padding: 0
}

.dashboard-path-affordability-goal-icon-component {
  display: flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 2px solid
}

.dashboard-path-affordability-goal-icon-component-icon {
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-repeat: no-repeat
}

.dashboard-path-assumptions-drawer-row-component {
  padding: 12px 0;
  border-top: 1px solid rgba(255, 255, 255, .15)
}

.dashboard-path-assumptions-drawer-row-component:last-of-type {
  border-bottom: 1px solid rgba(255, 255, 255, .15)
}

.dashboard-path-assumptions-drawer-row-component-label {
  color: #ffffff80
}

.dashboard-path-assumptions-drawer-row-component-edit-icon,
.dashboard-path-assumptions-drawer-row-component-delete-icon,
.dashboard-path-assumptions-drawer-row-component-view-icon {
  z-index: 1;
  cursor: pointer
}

.dashboard-path-college-goal-accordion-component-add-child {
  color: #ffffff80;
  cursor: pointer;
  width: 100%;
  padding: 12px 0;
  border-top: 1px solid rgba(255, 255, 255, .15)
}

.dashboard-path-college-goal-beneficiary-info-screen-component-main-section {
  background-image: url("../../../assets/assets/path/college_goal/add_child_illustration-53f63899c5ef4b4cffa77e0e562f48ce8de7e6223ab49a2b2665773a2ec49787.png");
  background-repeat: no-repeat;
  background-position: 90% bottom
}

.dashboard-path-college-goal-beneficiary-info-screen-component-padded-section {
  padding-bottom: 36px
}

.college-logo-component {
  width: 84px;
  height: 84px;
  border: 1px solid #e7e7ea;
  border-radius: 100%;
  background-size: 100%;
  background-repeat: no-repeat
}

.college-logo-component.college-logo-component-clickable {
  cursor: pointer
}

.dashboard-path-college-goal-detail-title-component-bullet-dot {
  border-radius: 100%;
  width: 10px;
  height: 10px
}

.dashboard-path-college-goal-goal-status-screen-component-main-section {
  padding-bottom: 24px
}

.dashboard-path-college-goal-goal-status-screen-component-add-link-icon {
  position: relative;
  top: 3px;
  width: 24px;
  margin-right: 6px;
  font-size: 18px
}

.dashboard-path-college-goal-goal-status-screen-component-odometer-container {
  position: relative;
  top: 2px
}

.dashboard-path-college-goal-goal-status-screen-component-odometer-container _::-webkit-:not(:root:root),
.dashboard-path-college-goal-goal-status-screen-component-odometer-container {
  top: auto
}

.dashboard-path-college-goal-goal-status-screen-component-jumbo-responsive {
  font-size: 40px;
  line-height: .8
}

@media only screen and (max-width: 1140px) {
  .dashboard-path-college-goal-goal-status-screen-component-jumbo-responsive {
    font-size: 30px
  }
}

.dashboard-path-college-goal-goal-status-screen-component-add-windfall {
  cursor: pointer;
  margin-left: 12px
}

.dashboard-path-college-goal-net-worth-review-screen-component-description-section {
  background-image: url("../../../assets/assets/path/college_goal/illustration-67262b784ee7278f0b34ad7a63a9a1c53b99bcb0a8b3868a7caf937c29270d98.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 50%
}

.dashboard-path-college-goal-net-worth-review-screen-component-input-container-margin {
  margin-bottom: 24px
}

.dashboard-path-college-goal-net-worth-review-screen-component-label {
  color: #413f57
}

.dashboard-path-college-goal-net-worth-review-screen-component-edit-icon,
.dashboard-path-college-goal-overlay-component-school-edit-icon,
.dashboard-path-college-goal-overlay-component-cancel-button {
  cursor: pointer
}

.dashboard-path-college-goal-pie-chart-component {
  width: 180px;
  height: 180px;
  margin: 0 auto
}

.dashboard-path-college-goal-pie-chart-component-goal-picture-container {
  position: relative
}

.dashboard-path-college-goal-pie-chart-component-goal-picture {
  position: relative;
  width: 102px;
  height: 102px;
  border-radius: 100%;
  overflow: hidden;
  background-image: url("../../../assets/assets/path/upload_photo_icon-828f5b43ff0e38dc470b3d430da26d39340b23b8177d6cc34a4804d9f5ea3e41.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat
}

.dashboard-path-college-goal-pie-chart-component-goal-picture:hover .dashboard-path-college-goal-pie-chart-component-goal-picture-overlay {
  opacity: 1
}

.dashboard-path-college-goal-pie-chart-component-goal-picture:focus-within .dashboard-path-college-goal-pie-chart-component-goal-picture-overlay {
  opacity: 1
}

.dashboard-path-college-goal-pie-chart-component-goal-picture-overlay {
  z-index: 1;
  position: absolute;
  inset: 0;
  display: flex;
  padding: 12px;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #0000004d;
  cursor: pointer;
  opacity: 0;
  transition: opacity .15s ease-in-out
}

.dashboard-path-college-goal-pie-chart-component-small-college-logo {
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 42px;
  height: 42px
}

.dashboard-path-college-goal-pie-chart-component-goal-picture-input {
  z-index: 2;
  position: absolute;
  inset: 0;
  width: 100%;
  opacity: 0;
  cursor: pointer
}

.dashboard-path-college-goal-school-search-college-carousel-item-component {
  cursor: pointer
}

.dashboard-path-college-goal-school-search-college-carousel-item-component:hover,
.dashboard-path-college-goal-school-search-college-carousel-item-component:focus,
.dashboard-path-college-goal-school-search-college-carousel-item-component:active {
  color: #1e83ef
}

.dashboard-path-college-goal-school-search-college-carousel-item-component:hover .dashboard-path-college-goal-school-search-college-carousel-item-component-logo,
.dashboard-path-college-goal-school-search-college-carousel-item-component:focus .dashboard-path-college-goal-school-search-college-carousel-item-component-logo,
.dashboard-path-college-goal-school-search-college-carousel-item-component:active .dashboard-path-college-goal-school-search-college-carousel-item-component-logo {
  border-color: #1e83ef
}

.dashboard-path-college-goal-school-search-college-carousel-item-component-logo {
  margin: 0 auto 18px
}

.dashboard-path-college-goal-school-search-featured-colleges-form-selection-component-carousel {
  margin-top: 18px
}

.dashboard-path-college-goal-school-search-screen-component-featured-colleges-section {
  padding: 15px 0 0;
  width: 100%
}

.dashboard-path-college-goal-school-search-screen-component-featured-colleges-section .radio {
  padding-left: 30px;
  padding-right: 30px
}

.dashboard-path-college-goal-school-search-screen-component-featured-colleges-section .form-selection-group-component {
  border-bottom: none;
  margin-bottom: 0
}

.dashboard-path-college-goal-school-search-screen-component-featured-colleges-section .form-selection-group-row-component:first-of-type {
  padding-top: 0;
  border-top: none
}

.dashboard-path-college-goal-total-costs-screen-component-costs-row {
  padding: 12px;
  border-top: 1px solid #e7e7ea
}

.dashboard-path-college-goal-total-costs-screen-component-costs-row:last-of-type {
  border-bottom: 1px solid #e7e7ea
}

@media only screen and (min-width: 961px) {
  .dashboard-path-cta-component {
    padding: 60px
  }
}

.dashboard-path-cta-component-image {
  background-size: cover;
  background-image: url("../../../assets/assets/path/cta_graph-14d893cff57f74d2bb3d927cc5081aa7ffaa72e2499a8ff52780591c68bda162.svg");
  background-repeat: no-repeat;
  width: 234px;
  height: 234px
}

@media only screen and (min-width: 961px) {
  .dashboard-path-cta-component-text {
    padding-left: 24px;
    padding-right: 24px
  }
}

.dashboard-path-future-expense-goal-goal-status-screen-component-section {
  padding: 36px
}

.dashboard-path-future-expense-goal-projected-impact-component-goal-icon {
  position: relative;
  top: 2px
}

.dashboard-path-global-graph-affordability-goal-pin-component-overlay.dashboard-path-global-graph-affordability-goal-pin-component-overlay-pending {
  filter: opacity(.6)
}

.dashboard-path-global-graph-component {
  position: relative;
  z-index: 0
}

.dashboard-path-global-graph-component-svg {
  display: block;
  height: 280px
}

@media only screen and (max-width: 768px) {
  .dashboard-path-global-graph-component-svg {
    height: 200px
  }
}

.dashboard-path-global-graph-component-x-axis .tick:last-of-type text {
  text-anchor: end
}

.dashboard-path-global-graph-component-point {
  fill: none
}

.dashboard-path-global-graph-component-zoom-container {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 16px 48px 0
}

.dashboard-path-global-graph-component-zoom-container.dashboard-path-global-graph-component-zoom-container-visible {
  display: block
}

.dashboard-path-global-graph-component-area {
  fill: url("../../../assets/assets/polaris/main-089862c54eb09bdb9892d060f96333b376a133dad0cb934eb9d94fdeae248f7b.css") #8f53d7;
  stroke: none
}

.dashboard-path-global-graph-component-line {
  stroke: var(--tk-content-interactive-default)
}

.dashboard-path-global-graph-component-indicator-circle {
  fill: var(--tk-content-interactive-default)
}

.dashboard-path-global-graph-pin-component {
  cursor: pointer
}

.dashboard-path-global-graph-pin-component .tooltip-component {
  padding: 0;
  border: none;
  background-color: transparent;
  box-shadow: none;
  opacity: 1;
  transition: left .1s ease-in-out, top .1s ease-in-out, opacity .1s ease-in-out, transform .2s ease-in-out;
  z-index: 999;
  transform-origin: center bottom;
  border-radius: 9999px
}

.dashboard-path-global-graph-pin-component:hover .tooltip-component {
  transform: scale(1.2) translateY(-1px)
}

body:not(.using-mouse) .dashboard-path-global-graph-pin-component:focus .tooltip-component {
  outline: 2px solid var(--tk-content-interactive-default);
  outline-offset: 2px
}

.dashboard-path-global-graph-windfall-pin-component-overlay-icon {
  background-image: url("../../../assets/assets/path/icons/windfall_sm-f7ca1623b0e81feca06cc46d76fc867b86db2f145d4aa1aadb4f464b0a96ae77.svg")
}

.dashboard-path-goal-funding-accordion-component {
  margin-bottom: 0
}

.dashboard-path-goal-funding-accordion-component .dashboard-path-goal-funding-accordion-component-row {
  padding: 0 48px !important
}

.dashboard-path-goal-funding-accordion-component .dashboard-path-goal-funding-accordion-component-row:first-child {
  border-top: none
}

.dashboard-path-goal-funding-accordion-component .dashboard-path-goal-funding-accordion-component-row:last-child {
  border-bottom: none !important
}

.dashboard-path-goal-funding-screen-component-accordion-section {
  padding: 0
}

.dashboard-path-goal-funding-screen-component-accordion-header {
  padding: 48px 48px 0
}

.dashboard-path-goal-icon-component-retirement-medium {
  background-image: url("../../../assets/assets/path/icons/retirement_md-7dd63318190d2d977a382a9333cb16dd2aadd361b407f5bb6357b51c6d1c7fa1.svg")
}

.dashboard-path-goal-icon-component-college-medium {
  background-image: url("../../../assets/assets/path/icons/college_md-a54a192cd83eaba33e8bc82856a92e8f1498541d1e773d5f00e57672554c1f20.svg")
}

.dashboard-path-goal-icon-component-home-medium {
  background-image: url("../../../assets/assets/path/icons/home_md-0e645050f0f2a997d781a5a9ee1a0b8b07fb07d22285b4e96109181784df3602.svg")
}

.dashboard-path-goal-icon-component-travel-medium {
  background-image: url("../../../assets/assets/path/icons/travel_md-3134d927fc322113d852148d724319fd88ce9ff83e95cd6f93a749ff191358b3.svg")
}

.dashboard-path-goal-icon-component-future-expense-medium {
  background-image: url("../../../assets/assets/path/icons/expense_other_md-160756d9bbe41d1379a8d8c65848992e63f291eec5a8a2c9427f29fda6f18a65.svg")
}

.dashboard-path-goal-icon-component-retirement-small {
  background-image: url("../../../assets/assets/path/icons/retirement_sm-7eee023d15915ada6c6955f4700038c0384512ca0b3df7df1b89c3eeab5e81ea.svg")
}

.dashboard-path-goal-icon-component-college-small {
  background-image: url("../../../assets/assets/path/icons/college_sm-2d057f1368696418ef64734245b4860864227140fcd945f7bcbec2a3c5cdcc47.svg")
}

.dashboard-path-goal-icon-component-home-small {
  background-image: url("../../../assets/assets/path/icons/home_sm-9f97b275fd3be98db40dc80e2e43e4596314ed12bf6c18bd98fdf4ef67db17d4.svg")
}

.dashboard-path-goal-icon-component-travel-small {
  background-image: url("../../../assets/assets/path/icons/travel_sm-cea14e762176e71cee12a3096ce6756761abcb273daafeb8b66092fbf2d65f65.svg")
}

.dashboard-path-goal-icon-component-future-expense-small {
  background-image: url("../../../assets/assets/path/icons/expense_other_sm-8a5fddf860ae8c09c97cb8d92b2852a0037e34721f847a1a5ec058630ff023ae.svg")
}

.dashboard-path-graph-hover-tooltip-component .tooltip-component {
  padding: 12px;
  border-radius: 16px;
  background-color: var(--tk-surface-elevated)
}

.dashboard-path-graph-hover-tooltip-component-overlay {
  width: 120px
}

.dashboard-path-graph-hover-tooltip-component-overlay.dashboard-path-graph-hover-tooltip-component-overlay-wide {
  width: 192px
}

.dashboard-path-graph-hover-tooltip-component-legend-symbol-svg {
  display: block;
  overflow: visible !important;
  padding-top: 3px
}

.dashboard-path-graph-hover-tooltip-component-legend-symbol {
  stroke: var(--tk-content-interactive-default);
  stroke-width: 3px
}

.dashboard-path-graph-hover-tooltip-component-legend-symbol-target {
  stroke-dasharray: 5 4
}

.dashboard-path-home-goal-affordability-details-component-tooltip-list-item {
  list-style-position: inside
}

.dashboard-path-home-goal-goal-status-screen-component-main-section {
  padding-bottom: 24px
}

.dashboard-path-home-goal-goal-status-screen-component-odometer-container {
  position: relative;
  top: 2px
}

.dashboard-path-home-goal-goal-status-screen-component-odometer-container _::-webkit-:not(:root:root),
.dashboard-path-home-goal-goal-status-screen-component-odometer-container {
  top: auto
}

.dashboard-path-home-goal-goal-status-screen-component-purchase-price-slider {
  margin-top: 36px
}

.dashboard-path-home-goal-goal-status-screen-component-home-info-col {
  flex-direction: column
}

.dashboard-path-home-goal-goal-status-screen-component-pin {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  border-radius: 50% 50% 50% 0;
  border: 8px solid transparent;
  background-color: #fff;
  transform: rotate(-45deg);
  transition: border-color ease-in-out .3s;
  margin: 12px auto 36px;
  cursor: pointer
}

.dashboard-path-home-goal-goal-status-screen-component-pin:hover .dashboard-path-home-goal-goal-status-screen-component-pin-image-overlay {
  opacity: 1
}

.dashboard-path-home-goal-goal-status-screen-component-edit-icon {
  cursor: pointer
}

.dashboard-path-home-goal-goal-status-screen-component-pin-image-container,
.dashboard-path-home-goal-goal-status-screen-component-pin-image-overlay,
.dashboard-path-home-goal-goal-status-screen-component-pin-image {
  width: 84px !important;
  height: 84px !important;
  border-radius: 100%
}

.dashboard-path-home-goal-goal-status-screen-component-pin-image-container {
  position: relative;
  transform: rotate(45deg);
  box-shadow: 0 5px 10px #0000004d;
  background-image: url("../../../assets/assets/path/home_goal/illustration-e27ff721aa5302c3a04bb2cedcdade846744db06d18bcc3f5e7cd0fa407ffbca.png");
  background-size: cover;
  background-position: center
}

.dashboard-path-home-goal-goal-status-screen-component-pin-image-overlay,
.dashboard-path-home-goal-goal-status-screen-component-pin-image {
  position: absolute;
  inset: 0
}

.dashboard-path-home-goal-goal-status-screen-component-pin-image-overlay {
  z-index: 1;
  display: flex;
  padding: 12px;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #0000004d;
  opacity: 0;
  transition: opacity .15s ease-in-out
}

.dashboard-path-home-goal-home-details-accordion-component {
  margin-bottom: 0
}

.dashboard-path-home-goal-home-details-accordion-component .accordion-row-component:first-of-type {
  border-top: none
}

.dashboard-path-home-goal-home-details-accordion-component-header,
.dashboard-path-home-goal-home-details-accordion-component-paragraph {
  color: #413f57
}

.dashboard-path-home-goal-home-details-screen-component-main-section {
  padding: 0
}

.dashboard-path-home-goal-home-details-screen-component-main-section-left-text-container {
  padding: 48px
}

.dashboard-path-home-goal-home-price-details-component-widget {
  display: flex;
  flex: 0 0 210px;
  margin-top: 12px
}

.dashboard-path-home-goal-home-price-details-component-widget:last-of-type {
  margin-right: 0
}

.dashboard-path-home-goal-home-price-details-component-widget.dashboard-path-home-goal-home-price-details-component-widget-disabled {
  opacity: .5;
  cursor: default
}

.dashboard-path-home-goal-home-price-details-component-widget.dashboard-path-home-goal-home-price-details-component-widget-disabled:hover:after {
  opacity: 0
}

.dashboard-path-home-goal-home-price-details-component-widget-section {
  padding: 18px
}

.dashboard-path-home-goal-nearby-home-prices-component-widget {
  display: flex;
  flex: 0 0 210px;
  margin-top: 12px;
  cursor: pointer
}

.dashboard-path-home-goal-nearby-home-prices-component-widget:last-of-type {
  margin-right: 0
}

.dashboard-path-home-goal-nearby-home-prices-component-widget-section {
  padding: 18px
}

.dashboard-path-home-goal-home-search-screen-component-results-section {
  padding: 48px 0;
  width: 100%
}

.dashboard-path-home-goal-home-search-screen-component-search-title {
  margin-bottom: 18px
}

.dashboard-path-home-goal-home-search-screen-component-results-title {
  margin-bottom: 18px;
  padding: 0 48px
}

.dashboard-path-home-goal-home-search-screen-component-override {
  padding: 24px 48px 0
}

.dashboard-path-home-goal-home-search-screen-component-button {
  opacity: 0;
  pointer-events: none;
  cursor: default;
  display: flex
}

.dashboard-path-home-goal-home-search-screen-component-button-active {
  opacity: 1;
  cursor: pointer;
  pointer-events: all;
  transition: opacity .3s ease-in-out
}

.dashboard-path-home-goal-home-search-screen-component-button-is-updating {
  opacity: .5
}

.dashboard-path-home-goal-home-search-typeahead-component {
  position: relative
}

.dashboard-path-home-goal-home-search-typeahead-component-icon {
  position: absolute;
  top: 50%;
  left: 3px;
  transform: translateY(-50%);
  font-size: 15px
}

.dashboard-path-home-goal-home-search-typeahead-component-input {
  padding-left: 30px !important;
  padding-right: 12px !important
}

.dashboard-path-home-goal-home-prices-graph-component {
  position: relative;
  margin-top: 48px
}

.dashboard-path-home-goal-home-prices-graph-component-svg {
  height: 150px
}

.dashboard-path-home-goal-home-prices-graph-component .tick text {
  fill: #747386;
  font-size: 18px
}

.dashboard-path-home-goal-home-prices-graph-component-x-axis .tick:last-of-type text {
  text-anchor: end !important
}

.dashboard-path-home-goal-home-prices-graph-component-area {
  fill: #83e4c8;
  fill-opacity: .2;
  stroke: none
}

.dashboard-path-home-goal-home-prices-graph-component-line {
  stroke: #67c8ac
}

.dashboard-path-home-goal-home-prices-graph-component-indicator-circle {
  fill: #000
}

.dashboard-path-home-goal-home-prices-graph-tooltip-component .tooltip-component {
  opacity: 0;
  animation: slideUpAndFadeIn .7s ease .5s;
  animation-fill-mode: forwards
}

.dashboard-path-home-goal-monthly-costs-chart-component-row-field {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%
}

.dashboard-path-home-goal-monthly-costs-chart-component-progress .progress-bar-component-current-value-label {
  font-size: 15px;
  font-weight: 500;
  color: #161338
}

.dashboard-path-home-goal-net-worth-review-screen-component-description-section {
  background-size: 60%;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-image: url("../../../assets/assets/path/home_goal/illustration-e27ff721aa5302c3a04bb2cedcdade846744db06d18bcc3f5e7cd0fa407ffbca.png")
}

@media only screen and (max-width: 768px) {
  .dashboard-path-home-goal-net-worth-review-screen-component-description-section {
    background-image: none
  }
}

.dashboard-path-home-goal-net-worth-review-screen-component-input-container-margin {
  margin-bottom: 24px
}

.dashboard-path-home-goal-net-worth-review-screen-component-label {
  color: #413f57
}

.dashboard-path-home-goal-net-worth-review-screen-component-edit-icon {
  position: relative;
  top: -3px;
  cursor: pointer
}

.dashboard-path-home-goal-overlay-component-goal-name {
  display: inline-block
}

.dashboard-path-home-goal-overlay-component-home-edit-icon {
  cursor: pointer
}

.dashboard-path-home-goal-places-carousel-component {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-image: url("../../../assets/assets/path/home_goal/illustration-e27ff721aa5302c3a04bb2cedcdade846744db06d18bcc3f5e7cd0fa407ffbca.png")
}

.dashboard-path-home-goal-places-carousel-component.dashboard-path-home-goal-places-carousel-component-small {
  height: 156px
}

.dashboard-path-home-goal-places-carousel-component.dashboard-path-home-goal-places-carousel-component-medium {
  height: 144px
}

.dashboard-path-home-goal-places-carousel-component.dashboard-path-home-goal-places-carousel-component-large {
  height: 228px
}

.dashboard-path-home-goal-places-carousel-component.dashboard-path-home-goal-places-carousel-component-clickable {
  cursor: pointer
}

.dashboard-path-home-goal-places-carousel-component-images-slide-container {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform .2s ease-in-out;
  transform: translate(0)
}

.dashboard-path-home-goal-places-carousel-component-image {
  flex: 0 0 100%;
  background-size: cover;
  background-repeat: no-repeat
}

.dashboard-path-home-goal-places-carousel-component-dots-container {
  position: absolute;
  display: flex;
  left: 50%;
  transform: translate(-50%);
  bottom: 12px
}

.dashboard-path-home-goal-places-carousel-component-dot {
  width: 9px;
  height: 9px;
  margin-right: 12px;
  border-radius: 100%;
  background-color: #fff;
  box-shadow: 0 2px 4px #00000080;
  cursor: pointer
}

.dashboard-path-home-goal-places-carousel-component-dot:last-of-type {
  margin-right: 0
}

.dashboard-path-home-goal-places-carousel-component-dot.dashboard-path-home-goal-places-carousel-component-dot-active {
  background-color: #67c8ac
}

.dashboard-path-home-goal-places-carousel-component-attribution {
  position: absolute;
  top: 12px;
  right: 12px;
  color: #fff;
  opacity: .6;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}

.dashboard-path-home-goal-places-carousel-component-attribution a {
  color: #fff;
  cursor: pointer
}

.dashboard-path-home-goal-places-carousel-component-attribution.dashboard-path-home-goal-places-carousel-component-attribution-small {
  font-size: 12px
}

.dashboard-path-loading-overlay-component {
  display: flex;
  flex: 1;
  height: 663px
}

.dashboard-path-loading-overlay-component-spinner-container {
  margin: auto
}

.dashboard-path-manage-goal-component-content-transition-enter {
  opacity: .01;
  transition: opacity .3s ease-in .2s
}

.dashboard-path-manage-goal-component-content-transition-enter.dashboard-path-manage-goal-component-content-transition-enter-active {
  opacity: 1
}

.dashboard-path-manage-goal-component-content-transition-exit.dashboard-path-manage-goal-component-content-transition-exit-active {
  display: none
}

.dashboard-path-on-track-triangle-component {
  position: relative;
  display: inline-block;
  top: -4px;
  transform: skew(-30deg) scaleY(.9);
  background-color: #67c8ac;
  text-align: left
}

.dashboard-path-on-track-triangle-component:before,
.dashboard-path-on-track-triangle-component:after {
  content: "";
  position: absolute;
  background-color: inherit
}

.dashboard-path-on-track-triangle-component,
.dashboard-path-on-track-triangle-component:before,
.dashboard-path-on-track-triangle-component:after {
  width: 8px;
  height: 8px;
  border-top-right-radius: 50%
}

.dashboard-path-on-track-triangle-component:before {
  transform: rotate(-135deg) skew(-45deg) scale(1.5, .75) translateY(-50%)
}

.dashboard-path-on-track-triangle-component:after {
  transform: rotate(135deg) skewY(-45deg) scale(.75, 1.5) translate(50%)
}

.dashboard-path-other-goal-affordability-bullets-component-goal-icon {
  position: relative;
  top: 2px
}

.dashboard-path-overlay-action-buttons-component-close-button {
  transform: scale(1.2);
  opacity: .8;
  cursor: pointer
}

.dashboard-path-overlay-action-buttons-component-link {
  margin-right: 48px;
  color: #fff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .3)
}

.dashboard-path-overlay-action-buttons-component-link:hover,
.dashboard-path-overlay-action-buttons-component-link:active,
.dashboard-path-overlay-action-buttons-component-link:focus {
  color: #fff
}

.dashboard-path-container-component,
.dashboard-path-container-component-widget {
  position: relative
}

.dashboard-path-container-component-widget-section {
  display: flex;
  min-height: 360px
}

.dashboard-path-container-component-widget-section .dashboard-path-graph-container-component {
  padding-top: 24px
}

.dashboard-path-container-component-loading,
.dashboard-path-container-component-error {
  display: flex;
  flex: 1;
  min-height: 350px
}

.dashboard-path-container-component-error {
  padding: 0 60px
}

.dashboard-path-container-component-spinner-container,
.dashboard-path-container-component-error-container {
  margin: auto
}

.dashboard-path-container-component-error-image {
  background-size: cover;
  background-image: url("../../../assets/assets/path/cta_graph-14d893cff57f74d2bb3d927cc5081aa7ffaa72e2499a8ff52780591c68bda162.svg");
  background-repeat: no-repeat;
  width: 234px;
  height: 234px
}

.dashboard-path-container-component-overlay-wrapper {
  position: relative;
  pointer-events: none;
  z-index: 0
}

.dashboard-path-container-component-overlay-wrapper:before {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  inset: 0;
  background-color: #fff;
  opacity: 0;
  border-radius: 16px
}

.dashboard-path-container-component-overlay-wrapper.dashboard-path-container-component-overlay-wrapper-pulsing:before {
  animation: pulseOverlay ease-in-out infinite 1s
}

.dashboard-path-retirement-goal-advice-widget-component-home-goal-icon {
  position: relative;
  display: inline-block;
  top: 4px;
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../../../assets/assets/path/icons/home_sm-9f97b275fd3be98db40dc80e2e43e4596314ed12bf6c18bd98fdf4ef67db17d4.svg")
}

.dashboard-path-retirement-goal-goal-status-graph-age-tooltip-component {
  opacity: 0;
  animation: slideUpAndFadeIn .7s ease .8s;
  animation-fill-mode: forwards
}

.dashboard-path-retirement-goal-goal-status-graph-component {
  position: relative
}

.dashboard-path-retirement-goal-goal-status-graph-component-svg {
  height: 280px
}

.dashboard-path-retirement-goal-goal-status-graph-component-svg-dragging {
  cursor: col-resize
}

.dashboard-path-retirement-goal-goal-status-graph-component-x-axis .tick line {
  visibility: hidden
}

.dashboard-path-retirement-goal-goal-status-graph-component-series-area {
  fill-opacity: .2;
  stroke: none
}

.dashboard-path-retirement-goal-goal-status-graph-component-series-area.dashboard-path-retirement-goal-goal-status-graph-component-series-area-target {
  fill-opacity: .05
}

.dashboard-path-retirement-goal-goal-status-graph-component-series-line-target,
.dashboard-path-retirement-goal-goal-status-graph-component-indicator-line {
  stroke-dasharray: 5 4
}

.dashboard-path-retirement-goal-goal-status-graph-component-retirement-indicator-circle-projected {
  fill: #413f57 !important
}

.dashboard-path-retirement-goal-goal-status-graph-component-retirement-slider {
  fill: #fff;
  stroke: #b7b7c0;
  cursor: col-resize
}

.dashboard-path-retirement-goal-goal-status-graph-component-retirement-slider-caret {
  font-weight: 700;
  font-size: 9px;
  stroke: none;
  fill: #747386
}

.dashboard-path-retirement-goal-goal-status-graph-component-retirement-slider-caret-right {
  text-anchor: end
}

.dashboard-path-retirement-goal-goal-status-graph-retirement-value-tooltip-component {
  opacity: 0;
  animation: slideUpAndFadeIn .7s ease .8s;
  animation-fill-mode: forwards
}

.dashboard-path-retirement-goal-goal-status-graph-retirement-value-tooltip-component .tooltip-component {
  z-index: 999;
  background-color: #413f57;
  color: #fff;
  font-size: 15px;
  padding: 3px 6px 0
}

.dashboard-path-retirement-goal-goal-status-graph-retirement-value-tooltip-component .tooltip-component-inner {
  margin-bottom: -2px
}

.dashboard-path-retirement-goal-goal-status-graph-retirement-value-tooltip-component-overlay {
  white-space: nowrap
}

.dashboard-path-retirement-goal-goal-status-graph-retirement-value-tooltip-component-value-placeholder {
  visibility: hidden;
  height: 1px;
  position: relative;
  top: -1px
}

.dashboard-path-retirement-goal-goal-status-graph-retirement-value-tooltip-component-transition .tooltip-component {
  transition: left .7s ease, top .7s ease
}

.dashboard-path-retirement-goal-goal-status-screen-component-spending-section {
  padding: 0
}

.dashboard-path-retirement-goal-goal-status-screen-component-slider-padding {
  padding: 18px
}

.dashboard-path-retirement-goal-goal-status-screen-component-covered-until {
  display: inline-block;
  margin-bottom: 36px
}

@media only screen and (max-width: 1140px) {
  .dashboard-path-retirement-goal-goal-status-screen-component-headline {
    display: block;
    margin-bottom: 12px
  }
}

.dashboard-path-retirement-goal-goal-status-screen-component-odometer-container {
  position: relative;
  top: 6px
}

.dashboard-path-retirement-goal-goal-status-screen-component-odometer-container _::-webkit-:not(:root:root),
.dashboard-path-retirement-goal-goal-status-screen-component-odometer-container {
  top: auto
}

.dashboard-path-retirement-goal-goal-status-screen-component-on-track-pill {
  position: relative;
  top: -6px;
  margin-left: 12px;
  transition: opacity ease-in-out .3s
}

@media only screen and (max-width: 1140px) {
  .dashboard-path-retirement-goal-goal-status-screen-component-on-track-pill {
    top: auto;
    margin-left: 0
  }
}

.dashboard-path-retirement-goal-goal-status-screen-component-graph-legend-symbol-svg {
  overflow: visible !important;
  position: relative;
  top: -2px;
  margin-right: 12px
}

.dashboard-path-retirement-goal-goal-status-screen-component-graph-legend-symbol-target,
.dashboard-path-retirement-goal-goal-status-screen-component-graph-legend-symbol-projected {
  stroke-width: 3px
}

.dashboard-path-retirement-goal-goal-status-screen-component-graph-legend-symbol-target {
  stroke-dasharray: 5 4
}

.dashboard-path-retirement-goal-future-spending-component-spending-section {
  padding: 0
}

.dashboard-path-retirement-goal-future-spending-component-description-section {
  padding: 24px
}

.dashboard-path-retirement-goal-future-spending-component-bordered-section {
  padding: 24px;
  border: 1px solid #e7e7ea;
  border-radius: 6px
}

.dashboard-path-retirement-goal-how-we-project-component-image {
  background: url("../../../assets/assets/path/retirement_goal/spending_time_chart-d815700159e96b666b8e12d2668459ef86038b9ac91d793394fc3108bb4634f5.png") no-repeat;
  background-size: contain;
  background-position: center;
  height: 144px
}

.dashboard-path-retirement-goal-spending-definitions-component-accordion-section {
  padding: 0
}

.dashboard-path-retirement-goal-spending-definitions-component-accordion-header {
  padding: 48px 48px 0
}

.dashboard-path-retirement-goal-spending-definitions-component-accordion {
  margin-bottom: 0
}

.dashboard-path-retirement-goal-spending-definitions-component-accordion .dashboard-path-retirement-goal-spending-definitions-component-accordion-row {
  padding: 0 48px !important
}

.dashboard-path-retirement-goal-spending-definitions-component-accordion .dashboard-path-retirement-goal-spending-definitions-component-accordion-row:first-child {
  border-top: none
}

.dashboard-path-retirement-goal-spending-definitions-component-accordion .dashboard-path-retirement-goal-spending-definitions-component-accordion-row:last-child {
  border-bottom: none !important
}

.dashboard-path-retirement-goal-spending-widget-component-accordion-section {
  padding: 0
}

.dashboard-path-retirement-goal-spending-widget-component-accordion {
  margin-bottom: 0
}

.dashboard-path-retirement-goal-spending-widget-component-accordion .dashboard-path-retirement-goal-spending-widget-component-accordion-row:first-child {
  border-top: none
}

.dashboard-path-retirement-goal-spending-widget-component-accordion .dashboard-path-retirement-goal-spending-widget-component-accordion-row:last-child {
  border-bottom: none !important
}

.dashboard-path-retirement-goal-spending-widget-component-bordered-section {
  padding: 24px 0;
  border-top: 1px solid #e7e7ea
}

.dashboard-path-retirement-goal-spending-widget-component-bordered-section:last-child {
  padding-bottom: 0
}

.dashboard-path-retirement-goal-spending-widget-component-rounded-left {
  border-radius: 6px 0 0 6px
}

.dashboard-path-retirement-goal-spending-widget-component-rounded-right {
  border-radius: 0 6px 6px 0
}

.dashboard-path-retirement-goal-spending-widget-component-button {
  background-color: transparent;
  white-space: nowrap;
  border: 2px solid #8f53d7;
  color: #8f53d7
}

.dashboard-path-retirement-goal-spending-widget-component-button:hover {
  color: #8f53d7
}

.dashboard-path-retirement-goal-spending-widget-component-button:first-child {
  border-right: none
}

.dashboard-path-retirement-goal-spending-widget-component-button:last-child {
  border-left: none
}

@media only screen and (max-width: 768px) {
  .dashboard-path-retirement-goal-spending-widget-component-button {
    white-space: normal
  }
}

.dashboard-path-retirement-goal-spending-widget-component-button-selected {
  color: #fff;
  background-color: #8f53d7
}

.dashboard-path-retirement-goal-spending-widget-component-button-selected:hover,
.dashboard-path-retirement-goal-spending-widget-component-button-selected:active,
.dashboard-path-retirement-goal-spending-widget-component-button-selected:focus {
  color: #fff
}

.dashboard-path-retirement-goal-spending-widget-component-spending-input {
  display: flex;
  justify-content: flex-end
}

.dashboard-path-retirement-goal-net-worth-review-screen-component-input-container-margin {
  margin-top: 24px
}

.dashboard-path-retirement-goal-net-worth-review-screen-component-label,
.dashboard-path-review-household-income-component-label {
  color: #413f57
}

.dashboard-path-review-household-income-component-edit-icon {
  position: relative;
  top: -3px;
  cursor: pointer
}

.dashboard-path-review-net-worth-component {
  margin-bottom: 24px
}

.dashboard-path-review-net-worth-component-label {
  color: #413f57
}

.dashboard-path-review-net-worth-component-container {
  display: flex;
  align-items: center
}

.dashboard-path-review-housing-costs-component-label {
  color: #413f57
}

.dashboard-path-review-housing-costs-component-add-link {
  display: block
}

.dashboard-path-review-housing-costs-component-container {
  display: flex;
  align-items: center
}

.dashboard-path-savings-overview-contribution-group-row-component {
  padding: 12px 0;
  border-top: 1px solid #e7e7ea
}

.dashboard-path-savings-overview-contribution-group-row-component:last-of-type {
  border-bottom: 1px solid #e7e7ea
}

.dashboard-path-savings-overview-contribution-group-row-component-source-icon {
  margin-right: -6px;
  border-radius: 100%
}

.dashboard-path-savings-overview-contribution-group-row-component-institution-icons {
  display: flex;
  padding: 0 12px
}

.dashboard-path-savings-overview-contribution-group-row-component-status {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: bottom
}

.dashboard-path-savings-overview-contribution-group-row-component-tooltip-text {
  white-space: normal
}

.dashboard-path-savings-overview-contribution-row-component {
  padding: 12px 0;
  border-top: 1px solid #e7e7ea
}

.dashboard-path-savings-overview-contribution-row-component:last-of-type {
  border-bottom: 1px solid #e7e7ea
}

.dashboard-path-savings-overview-contribution-row-component.dashboard-path-savings-overview-contribution-row-component-external:hover .dashboard-path-savings-overview-contribution-row-component-status {
  max-width: 75%
}

.dashboard-path-savings-overview-contribution-row-component.dashboard-path-savings-overview-contribution-row-component-external:hover .dashboard-path-savings-overview-contribution-row-component-edit-link {
  display: inline-block
}

.dashboard-path-savings-overview-contribution-row-component-source-icon {
  border-radius: 100%
}

.dashboard-path-savings-overview-contribution-row-component-status {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: bottom
}

.dashboard-path-savings-overview-contribution-row-component-edit-link {
  display: none
}

.dashboard-path-savings-overview-goal-progress-bar-component {
  margin-bottom: 18px
}

.dashboard-path-savings-overview-goal-progress-bar-component:last-of-type {
  margin-bottom: 0
}

.dashboard-path-savings-overview-goal-progress-bar-component-progress-bar .progress-bar-component-bar-container {
  height: 24px;
  border-radius: 100px
}

.dashboard-path-savings-overview-goal-progress-bar-component-progress-bar .progress-bar-component-value-label {
  color: #fff;
  text-transform: uppercase;
  font-weight: 500
}

.dashboard-path-savings-overview-goal-progress-bar-component-icon {
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-repeat: no-repeat
}

.dashboard-path-savings-overview-overlay-component-section {
  padding: 36px;
  max-width: 100%
}

.dashboard-path-savings-overview-overlay-component-label {
  color: #413f57
}

.dashboard-path-savings-overview-overlay-component-planned-savings-for-goals {
  margin-bottom: 24px
}

.dashboard-path-savings-overview-overlay-component-recommendations-container {
  margin-bottom: 36px
}

.dashboard-path-savings-overview-overlay-component-recommendations-container:last-of-type {
  margin-bottom: 0
}

@media only screen and (max-width: 768px) {
  .dashboard-path-savings-overview-overlay-component-cadence-select-menu {
    margin-top: 12px
  }
}

.dashboard-path-shared-assumptions-buttons-component {
  margin: 24px 0
}

.dashboard-path-shared-assumptions-buttons-component-loading {
  opacity: .8
}

.dashboard-path-shared-assumptions-home-equity-form-selection-component {
  margin-bottom: 48px
}

.dashboard-path-shared-assumptions-home-equity-form-selection-component .form-selection-group-component .form-selection-group-row-component {
  padding-left: 0;
  padding-right: 0
}

.dashboard-path-shared-assumptions-home-equity-form-selection-component .form-selection-group-component .form-selection-group-row-component,
.dashboard-path-shared-assumptions-home-equity-form-selection-component .form-selection-group-component {
  border-color: #ffffff26
}

.dashboard-path-shared-assumptions-home-equity-form-selection-component .form-selection-group-row-component-supplemental,
.dashboard-path-shared-assumptions-home-equity-form-selection-component .radio label {
  color: #fff
}

.dashboard-path-shared-assumptions-home-equity-form-selection-component .form-selection-group-component .form-selection-group-row-component.form-selection-group-row-component-expanded {
  background-color: transparent
}

.dashboard-path-shared-assumptions-home-equity-form-selection-component-tooltip {
  width: 240px
}

.dashboard-path-shared-assumptions-home-equity-form-selection-component-slider-container {
  margin-bottom: 24px
}

.dashboard-path-shared-assumptions-home-equity-form-selection-component-map-icon {
  width: 18px;
  height: 18px;
  font-size: 18px
}

.dashboard-path-shared-assumptions-edit-time-off-household-income-component-rounded-left {
  border-radius: 4px 0 0 4px
}

.dashboard-path-shared-assumptions-edit-time-off-household-income-component-rounded-right {
  border-radius: 0 4px 4px 0
}

.dashboard-path-shared-assumptions-edit-time-off-household-income-component-button {
  background-color: transparent;
  white-space: nowrap;
  border: 1px solid rgba(255, 255, 255, .5);
  color: #ffffff80
}

.dashboard-path-shared-assumptions-edit-time-off-household-income-component-button:hover {
  color: #ffffff80
}

@media only screen and (max-width: 768px) {
  .dashboard-path-shared-assumptions-edit-time-off-household-income-component-button {
    white-space: normal
  }
}

.dashboard-path-shared-assumptions-edit-time-off-household-income-component-button-selected {
  color: #413f57;
  background-color: #fff
}

.dashboard-path-shared-assumptions-edit-time-off-household-income-component-button-selected:hover {
  color: #413f57
}

.dashboard-path-shared-assumptions-edit-time-off-household-income-component-static-input {
  max-width: 60% !important
}

.dashboard-path-shared-assumptions-edit-time-off-household-income-component-tooltip-container {
  display: flex;
  justify-content: flex-end
}

.dashboard-path-shared-assumptions-manager-component {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 18px
}

.dashboard-path-shared-assumptions-manager-component-submit-button {
  box-shadow: 0 2px 4px #0000004d;
  margin-top: 36px
}

.dashboard-path-sidebar-invest-now-component-icon {
  background-image: url("../../../assets/assets/path/icons/invest_md-02fd4137bc0adbbb330127a0c3505b83a7fca057fe4970f81c705104b284af99.svg")
}

.dashboard-path-slider-input-component .tooltip-component .tooltip-component-inner {
  min-width: 240px
}

.dashboard-path-slider-input-component-input-wrapper {
  margin-bottom: 12px
}

.dashboard-path-slider-input-component-label {
  color: #413f57
}

.dashboard-path-slider-input-component-reset-button {
  width: 16px;
  height: 13px;
  background-image: url("../../../assets/assets/icons/reset_sprite-3e8250dc59d99ac5e84bca18dedb5f427e2e88645b5a7ee0dab15f37e7bbcab5.svg");
  background-repeat: no-repeat
}

.dashboard-path-slider-input-component-reset-button.dashboard-path-slider-input-component-reset-button-active {
  cursor: pointer;
  background-position: 0 -13px
}

.dashboard-path-social-advice-cta-widget-component {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center
}

.dashboard-path-social-advice-cta-widget-component-social-button {
  margin: 0 12px 12px 0;
  color: #09f;
  cursor: pointer
}

.dashboard-path-social-advice-cta-widget-component-social-button:hover {
  color: #09f
}

.dashboard-path-travel-goal-goal-status-screen-component-main-section {
  padding-bottom: 24px
}

.dashboard-path-travel-goal-goal-status-screen-component-subsection-container {
  overflow-y: hidden
}

.dashboard-path-travel-goal-goal-status-screen-component-illustration-col {
  background-image: url("../../../assets/assets/path/travel_goal/illustration-7be20c22592ccb187695dcf9687f3fc0514010d4978ac67f1a9c6690871fe3a7.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 75%
}

.dashboard-path-travel-goal-goal-status-screen-component-label {
  color: #413f57;
  white-space: nowrap
}

.dashboard-path-travel-goal-goal-status-screen-component-edit-icon {
  cursor: pointer
}

.dashboard-path-travel-goal-goal-status-screen-component-expected-income {
  white-space: nowrap
}

.dashboard-path-travel-goal-affordability-details-component-goal-linking {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  padding-left: 36px
}

@media only screen and (max-width: 480px) {
  .dashboard-path-travel-goal-affordability-details-component-goal-linking {
    padding-left: 0;
    display: block
  }
}

.dashboard-path-travel-goal-net-worth-review-screen-component-description-section {
  background-image: url("../../../assets/assets/path/travel_goal/illustration-7be20c22592ccb187695dcf9687f3fc0514010d4978ac67f1a9c6690871fe3a7.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 50%
}

.dashboard-path-travel-goal-net-worth-review-screen-component-label {
  color: #413f57
}

.dashboard-path-year-month-input-component-select-menu .select-menu-component-options-container {
  min-width: 120px
}

.dashboard-path-overlapping-goals-warning-component {
  margin-bottom: 18px !important;
  border: 1px solid #e7e7ea;
  background-color: #fff !important
}

.dashboard-path-overlapping-goals-warning-component .accordion-row-component {
  padding: 0 12px !important;
  border: none !important
}

.dashboard-path-overlapping-goals-warning-component-icon {
  width: 30px;
  height: 30px;
  background-image: url("../../../assets/assets/path/info_icon-5e265aeb59ddcd5c448ff339e0ae58d7ed8110aab0dca8bd6f5c9afe3734b75a.svg");
  background-size: 100%;
  background-repeat: no-repeat
}

.dashboard-path-windfall-overlay-component-label {
  color: #413f57
}

.dashboard-pending-transaction-row-component-withdrawal:before,
.dashboard-pending-transaction-row-component-deposit:before {
  content: "\2022";
  vertical-align: top;
  float: left;
  text-indent: -18px;
  display: inline-block;
  line-height: 1.3
}

.dashboard-pending-transaction-row-component-withdrawal,
.dashboard-pending-transaction-row-component-deposit {
  display: block;
  padding-left: 18px
}

.dashboard-pending-transaction-row-component-deposit:before {
  color: #288067
}

.dashboard-pending-transaction-row-component-withdrawal:before {
  color: #1e83ef
}

.recurring-deposit-upsell-component-wrapper {
  margin: 24px
}

.dashboard-section-header-component {
  display: flex;
  width: 100%;
  font-weight: 500;
  margin-bottom: 24px
}

.dashboard-section-header-component hr {
  flex: 1;
  margin: 13.3333333333px 6px
}

.dashboard-section-header-component hr:last-child {
  margin-right: 0
}

.dashboard-suitability-edit-step-component-field-group {
  display: flex;
  align-items: flex-start
}

.dashboard-suitability-edit-step-component-field-city,
.dashboard-suitability-edit-step-component-field-state,
.dashboard-suitability-edit-step-component-field-zip {
  display: inline-block
}

.dashboard-suitability-edit-step-component-field-city {
  width: 60%
}

.dashboard-suitability-edit-step-component-field-state {
  width: 15%
}

.dashboard-suitability-edit-step-component-field-zip {
  width: 25%
}

.dashboard-suitability-edit-step-component-field-employment-status {
  width: 100%
}

.transfer-details-component-wrapper {
  height: 696px;
  padding-top: 18px;
  padding-right: 24px;
  overflow-x: hidden;
  overflow-y: auto
}

.wire-deposit-details-component-table-cell {
  padding-right: 24px
}

.static-disclosures-layout-component-widget {
  margin: 36px 0 48px
}

@media only screen and (max-width: 768px) {
  .static-disclosures-layout-component-widget {
    margin: 24px 0
  }
}

.static-disclosures-layout-component-widget-section {
  padding: 72px
}

@media only screen and (max-width: 768px) {
  .static-disclosures-layout-component-widget-section {
    padding: 12px
  }
}

.static-disclosures-path-disclosures-table-component-table {
  margin-bottom: 18px !important
}

.static-disclosures-path-disclosures-table-component-account-col,
.static-disclosures-path-disclosures-table-component-return-col {
  width: 50%
}

.dashboard-documents-component-documents-wrapper-component-turbo-tax-promotion-logo {
  width: 140px;
  height: 39px;
  background-image: url("../../../assets/assets/turbotax_logo-979e5fb10d2206deb10d5aa6c5807f5d210e400527da7d99149e9f6ab1473fee.png");
  background-size: 140px 39px
}

.dashboard-documents-prospectuses-component-table-cell-div {
  min-width: 72px
}

.quicken-export-dialog-iframe {
  display: none
}

.quicken-export-dialog-error {
  line-height: 40px;
  margin: 12px 0
}

.quicken-export-dialog-end-select-container {
  margin-left: 16px
}

.dashboard-documents-statements-component-table-cell-div {
  min-width: 72px
}

.statement-request-dialog-iframe {
  display: none
}

.dashboard-documents-component-tax-forms-file-item-component-date-field {
  width: 20%
}

.dashboard-documents-component-tax-forms-file-item-component-form-type-field {
  width: 55%
}

.dashboard-documents-component-tax-forms-file-item-component-download-field {
  width: 25%
}

.dashboard-documents-component-tax-forms-file-item-component-corrected-version {
  color: #288067
}

.common-external-accounts-account-details-override-row-reset-button-component {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px
}

.common-external-accounts-account-details-override-row-reset-button-component.common-external-accounts-account-details-override-row-reset-button-component-active {
  cursor: pointer
}

.common-external-accounts-account-details-override-row-reset-button-component.common-external-accounts-account-details-override-row-reset-button-component-active .common-external-accounts-account-details-override-row-reset-button-component-icon {
  background-position: 0 -13px
}

.common-external-accounts-account-details-override-row-reset-button-component-icon {
  width: 16px;
  height: 13px;
  background-image: url("../../../assets/assets/icons/reset_sprite-3e8250dc59d99ac5e84bca18dedb5f427e2e88645b5a7ee0dab15f37e7bbcab5.svg");
  background-repeat: no-repeat
}

.common-account-form-rows label {
  display: flex
}

.common-account-form-rows-institution-logo {
  width: 30px;
  height: 30px;
  font-size: 30px
}

.common-account-form-rows-button-group {
  margin-top: 36px
}

.common-account-form-rows-new-icon {
  border: 1px solid #e7e7ea;
  background: #f3f3f3;
  font-size: 12px;
  color: #161338
}

.common-account-form-rows input[type=radio] {
  align-self: center;
  margin-top: 1px
}

.common-account-row-component-account-name-value {
  text-overflow: ellipsis
}

.common-external-accounts-add-link-component-form-content {
  max-width: 384px
}

.common-external-accounts-add-link-component-top-content {
  margin-bottom: 12px
}

.common-external-accounts-add-link-component-loading-message {
  margin-left: 12px
}

.common-external-accounts-confirm-link-component {
  display: flex;
  flex-direction: column;
  flex: 1
}

.common-external-accounts-confirm-link-component-top {
  flex: 1 1 auto
}

.common-external-accounts-confirm-link-component-bottom {
  flex: 0
}

.common-external-accounts-confirm-link-component-account-title {
  margin-bottom: 0;
  padding-bottom: 6px;
  border-bottom: 1px solid #e7e7ea
}

.common-external-accounts-confirm-link-component-account {
  margin-bottom: 36px;
  border-bottom: 1px solid #e7e7ea
}

.common-external-accounts-edit-link-component-form-content {
  max-width: 384px;
  margin-bottom: 36px
}

.common-external-accounts-edit-link-component-syncing-message {
  margin-left: 12px
}

.common-external-accounts-editable-account-details-component {
  margin-bottom: 24px
}

.common-external-accounts-editable-account-details-component:last-of-type {
  margin-bottom: 0
}

.common-external-accounts-editable-account-details-component-header {
  padding-bottom: 8px;
  border-bottom: 2px solid #e7e7ea
}

.common-external-accounts-editable-account-details-component-dollar-input {
  width: 168px
}

.common-external-accounts-editable-account-details-component-percentage-input {
  width: 96px
}

.common-external-accounts-account-details-component {
  margin-bottom: 24px
}

.common-external-accounts-account-details-component:last-of-type {
  margin-bottom: 0
}

.common-external-accounts-account-details-component-header {
  padding-bottom: 8px;
  border-bottom: 2px solid #e7e7ea
}

.dashboard-external-accounts-celebrate-step-component {
  display: flex;
  height: 100%;
  flex: 1;
  flex-direction: column
}

.dashboard-external-accounts-celebrate-step-component-bottom-content {
  flex: 0
}

.dashboard-external-accounts-celebrate-step-component-message {
  margin-bottom: 48px
}

.dashboard-external-accounts-celebrate-step-component-amount-added {
  color: #288067;
  margin-bottom: 48px
}

.dashboard-external-accounts-institution-requested-step-component-header {
  margin-bottom: 36px
}

.dashboard-external-accounts-mortgage-add-step-component-group {
  margin-top: 36px
}

.dashboard-external-accounts-mortgage-add-step-component-subheader {
  margin-bottom: 12px
}

.dashboard-external-accounts-mortgage-add-step-component-typeahead-container {
  margin-bottom: 18px
}

.dashboard-external-accounts-mortgage-add-step-component-other-options-link {
  text-decoration: underline
}

.common-external-account-name-component-institution {
  font-size: 15px;
  font-weight: 400
}

.common-external-account-name-component-name {
  font-size: 20px;
  color: #161338;
  font-weight: 400
}

.common-external-account-name-component-fee {
  color: #747386
}

@media only screen and (max-width: 768px) {
  .common-external-account-name-component-fee {
    width: 191px
  }
}

.common-external-account-name-component-tooltip {
  max-width: 750px;
  min-width: 750px;
  left: -7px !important
}

@media only screen and (max-width: 768px) {
  .common-external-account-name-component-tooltip {
    max-width: 100%;
    min-width: 100%;
    left: 0 !important
  }
}

.common-external-account-name-component-tooltip .tooltip-component-arrow {
  left: 25% !important
}

@media only screen and (max-width: 768px) {
  .common-external-account-name-component-tooltip .tooltip-component-arrow {
    left: 50% !important
  }
}

.common-external-account-name-component-table-first-row {
  border-top: none !important
}

.common-external-account-row-component {
  padding: 14.4px
}

.common-external-account-row-component-highlight {
  background-color: #f3f3f3
}

@media only screen and (max-width: 768px) {
  .common-external-account-row-component-account-details-market-value:before {
    content: "("
  }

  .common-external-account-row-component-account-details-market-value:after {
    content: ")"
  }
}

.dashboard-external-accounts-slow-linking-step-component {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%
}

.dashboard-external-accounts-slow-linking-step-component-content {
  margin: auto;
  text-align: center
}

.dashboard-external-accounts-slow-linking-step-component-top-content {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center
}

.dashboard-external-accounts-slow-linking-step-component-bottom-content {
  flex: 0
}

.common-external-accounts-subtype-overrides-component-account-subtype-cell {
  width: 60%
}

@media only screen and (max-width: 480px) {
  .common-external-accounts-subtype-overrides-component-accounts-table {
    display: none
  }
}

.common-external-accounts-subtype-overrides-component-mobile-accounts-table {
  display: none
}

@media only screen and (max-width: 480px) {
  .common-external-accounts-subtype-overrides-component-mobile-accounts-table {
    display: block
  }
}

.common-external-accounts-subtype-overrides-component-mobile-account-row {
  margin-bottom: 18px
}

.dashboard-external-accounts-interstitial-linking-step-component-spinner-container {
  display: flex;
  height: 100%;
  align-items: center;
  position: relative
}

.dashboard-external-accounts-interstitial-linking-step-component-spinner-icon {
  transform: translate(-50%) scale(1.75);
  position: absolute;
  left: 50%
}

.common-external-accounts-form-component-label {
  display: inline
}

.common-external-accounts-form-component-image-text-image {
  max-width: 100%;
  max-height: 144px
}

.common-external-accounts-form-component-image-select-wrapper {
  margin-right: -96px !important
}

.common-external-accounts-form-component-image-select-image-wrapper {
  flex-basis: 12.5% !important;
  max-width: 12.5% !important;
  margin-bottom: 12px;
  padding-right: 0 !important
}

.common-external-accounts-form-component-image-select-button-selected {
  border: solid 2px #8f53d7;
  border-radius: 2px
}

.common-external-accounts-form-component-image-select-image {
  max-width: 100%;
  margin: auto
}

.common-external-accounts-form-component-input-wrapper {
  position: relative
}

.common-external-accounts-form-component-input-wrapper:after {
  position: absolute;
  right: 10px;
  top: 0;
  margin-top: 8px;
  content: "\f023";
  font-family: FontAwesome;
  font-size: 16px;
  color: #747386;
  pointer-events: none
}

@media only screen and (max-width: 480px) {
  .common-external-accounts-form-component-input-wrapper:after {
    display: none
  }
}

.common-external-accounts-form-component-input:invalid {
  box-shadow: none
}

.common-external-accounts-institution-connection-status-component {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 48px
}

.common-external-accounts-institution-connection-status-component-icon {
  margin-bottom: 24px
}

.common-external-accounts-institution-disabled-dollar-input-component {
  position: relative
}

.common-external-accounts-institution-disabled-dollar-input-component-icon {
  position: absolute !important;
  right: 6px;
  top: 50%;
  transform: translateY(-50%)
}

.common-external-accounts-institution-down-component {
  padding: 12px;
  flex-grow: 1
}

.common-external-accounts-institution-down-component-title {
  font-weight: 500
}

.common-external-accounts-institution-down-component-copy {
  margin-bottom: 24px
}

.common-external-accounts-institution-typeahead-component-option:hover .common-external-accounts-institution-typeahead-component-option-link-icon {
  visibility: visible
}

.common-external-accounts-institution-typeahead-component-option-link-text {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 90%
}

.common-external-accounts-institution-typeahead-component-option-link-icon {
  margin-left: 4px;
  visibility: hidden
}

.common-external-accounts-institution-typeahead-component-option-link:focus .common-external-accounts-institution-typeahead-component-option-link-icon,
.common-external-accounts-institution-typeahead-component-option-link:hover .common-external-accounts-institution-typeahead-component-option-link-icon {
  visibility: visible
}

.dashboard-external-accounts-loan-details-add-step-component-label {
  position: relative;
  margin: 24px 0 12px;
  font-weight: 500
}

.dashboard-external-accounts-loan-details-add-step-component-label .tooltip-component {
  max-width: 220px
}

.dashboard-external-accounts-loan-details-add-step-component-submit-container {
  margin-top: 24px
}

.dashboard-external-accounts-loan-edit-step-component-dollar-input {
  width: 120px
}

.dashboard-external-accounts-loan-edit-step-component-number-input,
.dashboard-external-accounts-loan-edit-step-component-percentage-input {
  width: 72px
}

.dashboard-external-accounts-manual-mortgage-add-step-component-label {
  position: relative;
  margin: 24px 0 12px;
  font-weight: 500
}

.dashboard-external-accounts-manual-mortgage-add-step-component-label .tooltip-component {
  max-width: 220px
}

.dashboard-external-accounts-manual-mortgage-add-step-component-mortgage-type-btn-container {
  display: flex;
  align-items: stretch
}

.dashboard-external-accounts-manual-mortgage-add-step-component-mortgage-type-btn {
  flex: 1;
  padding: 8px;
  cursor: pointer;
  border-color: #e7e7ea;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  text-align: center
}

.dashboard-external-accounts-manual-mortgage-add-step-component-mortgage-type-btn:first-of-type {
  border-radius: 3px 0 0 3px;
  border-left-width: 1px
}

.dashboard-external-accounts-manual-mortgage-add-step-component-mortgage-type-btn:last-of-type {
  border-radius: 0 3px 3px 0
}

.dashboard-external-accounts-manual-mortgage-add-step-component-mortgage-type-btn.dashboard-external-accounts-manual-mortgage-add-step-component-mortgage-type-btn-active {
  background-color: #1e83ef;
  border-color: #1e83ef;
  color: #fff
}

.dashboard-external-accounts-manual-mortgage-add-step-component-custom-arm-input {
  margin-top: 12px
}

.dashboard-external-accounts-manual-mortgage-add-step-component-submit-container {
  margin-top: 24px
}

.dashboard-external-accounts-mortgage-added-step-component-prompt {
  margin-bottom: 36px
}

.dashboard-external-accounts-mortgage-added-step-component-linked-assets {
  margin-bottom: 0
}

.dashboard-external-accounts-mortgage-added-step-component-add-real-estate-row {
  border-top: none !important;
  margin-bottom: 36px
}

.dashboard-external-accounts-mortgage-edit-step-component-dollar-input {
  width: 120px
}

.dashboard-external-accounts-mortgage-edit-step-component-number-input,
.dashboard-external-accounts-mortgage-edit-step-component-percentage-input {
  width: 72px
}

.dashboard-external-accounts-mortgage-edit-step-component-custom-arm-input {
  margin-top: 12px
}

.dashboard-external-accounts-mortgage-edit-step-component-real-estate-pill:not(:last-of-type) {
  margin-bottom: 6px
}

.common-external-accounts-open-linking-modal-component-disabled {
  color: #747386
}

.common-external-accounts-open-linking-modal-component-disabled:focus,
.common-external-accounts-open-linking-modal-component-disabled:hover {
  cursor: not-allowed;
  color: #747386
}

.dashboard-external-accounts-real-estate-add-step-component-state-dropdown .select-menu-component-options-container {
  max-height: 300px;
  overflow-y: auto
}

.dashboard-external-accounts-real-estate-add-step-component-error-message {
  margin-left: 24px
}

@media only screen and (max-width: 768px) {
  .dashboard-external-accounts-real-estate-add-step-component-responsive-margin-container {
    margin-bottom: 12px
  }
}

.dashboard-external-accounts-real-estate-added-step-component-prompt,
.dashboard-external-accounts-real-estate-added-step-component-mortgage-rows {
  margin-bottom: 36px
}

.dashboard-external-accounts-real-estate-edit-step-component-address,
.dashboard-external-accounts-real-estate-edit-step-component-value {
  height: auto
}

.dashboard-external-accounts-real-estate-edit-step-component-value-source-link,
.dashboard-external-accounts-real-estate-edit-step-component-address-line-2 {
  margin-top: 6px
}

.dashboard-external-accounts-real-estate-edit-step-component-mortgage-pill:not(:last-of-type) {
  margin-bottom: 6px
}

.dashboard-external-accounts-real-estate-map-card-component .dashboard-external-accounts-real-estate-map-card-component-map-col {
  padding-right: 0
}

@media only screen and (max-width: 768px) {
  .dashboard-external-accounts-real-estate-map-card-component .dashboard-external-accounts-real-estate-map-card-component-map-col {
    padding-right: 12px
  }
}

.dashboard-external-accounts-real-estate-map-card-component-map-container {
  position: relative
}

.dashboard-external-accounts-real-estate-map-card-component-map-image {
  width: 100%
}

.dashboard-external-accounts-real-estate-map-card-component-map-icon-container {
  position: absolute;
  inset: 0;
  display: flex
}

.dashboard-external-accounts-real-estate-map-card-component-map-icon {
  margin: auto;
  border-radius: 100%
}

@media only screen and (max-width: 768px) {
  .dashboard-external-accounts-real-estate-map-card-component-info-container {
    padding: 12px
  }
}

.dashboard-external-accounts-real-estate-search-component-add-btn {
  margin-bottom: 18px
}

.dashboard-external-accounts-real-estate-search-component-address-container {
  position: relative
}

.dashboard-external-accounts-real-estate-search-component-address-details-container-transparent {
  opacity: .2
}

.dashboard-external-accounts-real-estate-search-component-address-not-found-message {
  margin-top: -12px
}

.dashboard-external-accounts-real-estate-search-component-manual-link {
  text-decoration: underline;
  margin-left: 6px
}

.dashboard-external-accounts-real-estate-search-component-manual-link:hover {
  text-decoration: underline
}

.dashboard-external-accounts-real-estate-search-component-spinner {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

.dashboard-external-accounts-real-estate-search-component-google-attribution {
  background-image: url("../../../assets/assets/redesign/powered_by_google-533cb39f7dad385e4b124588f494e5a8d192f26ff49360d0a38c635a369c852f.png");
  background-repeat: no-repeat;
  background-position: right center;
  width: 100%;
  height: 100%;
  min-height: 18px
}

.real-estate-typeahead-component {
  margin-bottom: 18px
}

.real-estate-typeahead-no-results-component .wf-icon.tooltip-question-mark {
  margin-top: 4px
}

.dashboard-external-accounts-redfin-attribution-component-link {
  display: flex;
  align-items: center;
  font-size: 18px
}

.dashboard-external-accounts-redfin-attribution-component-logo {
  display: inline-flex;
  height: 18px;
  width: 48px;
  margin-left: 5px;
  margin-bottom: -3px;
  background-image: url("../../../assets/assets/redesign/redfin_logo-9b17243a7eed429dc0094e820a299e584d78903ea017cb7ebcc6d38243918943.svg");
  background-repeat: no-repeat;
  background-size: contain
}

.common-external-accounts-remove-link-component-remove-link {
  display: inline-block;
  position: absolute;
  top: 54px;
  right: 36px
}

@media only screen and (max-width: 768px) {
  .common-external-accounts-remove-link-component-remove-link {
    position: relative;
    top: -12px;
    right: auto
  }
}

.common-external-accounts-slow-linking-progress-component-progress-bar {
  max-width: 442px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px
}

.common-external-accounts-slow-linking-progress-component-rotating-message {
  margin-bottom: 24px
}

.common-external-accounts-slow-linking-progress-component-rotating-message-transition-appear,
.common-external-accounts-slow-linking-progress-component-rotating-message-transition-enter {
  opacity: .01
}

@keyframes slowLinkingProgressSlideUp {
  0% {
    transform: translateY(12px)
  }

  to {
    transform: translateY(0)
  }
}

.common-external-accounts-slow-linking-progress-component-rotating-message-transition-enter-active,
.common-external-accounts-slow-linking-progress-component-rotating-message-transition-appear-active {
  opacity: 1;
  animation: slowLinkingProgressSlideUp .25s;
  transition: opacity .5s ease
}

.dashboard-external-accounts-user-linking-interstitial-component-badge {
  margin-bottom: 24px
}

.dashboard-external-accounts-user-linking-interstitial-component-paragraph {
  color: #413f57
}

.account-type-component-account-type-row-explanation {
  white-space: pre-wrap
}

.account-type-zerofee .split-card-component {
  margin-top: -20px
}

.account-type-zerofee .split-card-component-primary {
  padding-top: 40px
}

.flows-application-link-new-action-button-component {
  color: #05f
}

.flows-application-review-component-agreements {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1
}

.flows-application-review .tooltip-question-mark {
  vertical-align: bottom
}

.flows-application-review-no-border {
  border: none !important
}

.security-lock {
  justify-self: center;
  margin-right: 7px
}

.security-message-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  margin: 12px auto 0;
  max-width: 83.33%
}

.security-message {
  color: var(--tk-content-secondary);
  font-size: 15px;
  line-height: 20px;
  font-weight: 500
}

@media only screen and (max-width: 768px) {
  .security-message-container {
    justify-content: left;
    margin: 12px 0 0;
    padding: 0
  }
}

.flows-debit-card-terms-and-conditions-step-component-account-to-upgrade-link {
  margin-bottom: 24px;
  padding: 5px 18px 0 0
}

.flows-debit-card-terms-and-conditions-step-component-account-to-upgrade-link .wf-edit {
  color: #1e83ef;
  margin-top: 2px;
  cursor: pointer
}

.flows-debit-card-terms-and-conditions-step-component-account-to-upgrade-link-text {
  font-size: 19px;
  margin: 0 0 18px
}

.flows-debit-card-terms-and-conditions-step-component-account-to-upgrade-link-center {
  margin: 0 auto
}

.flows-debit-card-terms-and-conditions-step-component-account-to-upgrade-link-action-buttons {
  padding-top: 12px
}

.flows-debit-card-terms-and-conditions-step-component-checkbox-label-submit-container {
  margin-top: 100px
}

.flows-debit-account-request-failure-step-main-text {
  margin-bottom: 52px;
  font-size: 19px;
  color: #747386
}

.flows-debit-account-request-failure-step-img {
  background: url("../../../assets/assets/debit_card/hard_failure-fbf1728c1c16ac6a98faf194c6efc7064205713828a77e04478215b70dea46d7.svg") 0 0 no-repeat;
  width: 70px;
  height: 60px;
  background-size: 100% 100%;
  display: inline-block;
  margin-bottom: 60px
}

.flows-debit-account-request-pending-step-component-container {
  display: flex;
  flex-direction: column;
  flex: 1
}

.flows-debit-account-request-pending-step-component-subtitle {
  width: 384px
}

@media only screen and (max-width: 768px) {
  .flows-debit-account-request-pending-step-component-subtitle {
    width: 100%
  }
}

.flows-debit-account-request-pending-step-component-img {
  background: url("../../../assets/assets/debit_card/phone_photoid-787df53d07b28245c6d58f7444c8203029aebf60d76fcc7c15573f01b873d2d9.svg") 50% 40% no-repeat;
  position: relative;
  bottom: -60px
}

@media only screen and (max-width: 768px) {
  .flows-debit-account-request-pending-step-component-img {
    bottom: -24px;
    height: 288px;
    width: 100%
  }
}

.flows-debit-account-request-pending-step-component-text-btn {
  margin-top: 120px;
  display: block
}

@media only screen and (max-width: 768px) {
  .flows-debit-account-request-pending-step-component-text-btn {
    margin: 12px auto;
    width: 80%
  }
}

.flows-debit-account-request-pending-step-component-mobile-btn {
  display: none
}

@media only screen and (max-width: 768px) {
  .flows-debit-account-request-pending-step-component-mobile-btn {
    margin: 36px auto;
    display: block
  }
}

.flows-debit-account-request-pending-step-component-img-android {
  height: 50px
}

.flows-debit-account-request-success-step-main-text-container {
  max-width: 298px;
  margin: 0 auto
}

.flows-debit-account-request-success-step-main-text {
  margin-bottom: 116px;
  font-size: 19px;
  line-height: 22px;
  color: #161338
}

.flows-debit-account-request-sucess-step-img {
  background: url("../../../assets/assets/debit_card/success-044fa81b7706e49085c02f73092849667e394b92b5f752b4fbf16688ad713b68.svg") 0 0 no-repeat;
  width: 70px;
  height: 60px;
  background-size: 100% 100%;
  display: inline-block;
  margin-bottom: 19px
}

.flows-card-component-icon {
  text-align: center;
  color: #161338
}

.flows-debit-account-request-manual-review-step-main-text {
  margin-bottom: 100px;
  font-size: 19px;
  color: #747386
}

@media only screen and (max-width: 768px) {
  .flows-debit-account-request-manual-review-step-main-text {
    margin-bottom: 50px
  }
}

.flows-debit-account-request-manual-review-step-img {
  background: url("../../../assets/assets/debit_card/manual_review-ff20f0081e512f7fca105a5563d1b3d1ef450cb4a632adaefbe8f337abaaaba3.svg") 0 0 no-repeat;
  width: 70px;
  height: 60px;
  background-size: 100% 100%;
  display: inline-block;
  margin-bottom: 60px
}

.flows-debit-account-source-step-component-button,
.flows-debit-account-source-step-component-button-disabled,
.flows-debit-account-source-step-component-button-selected {
  display: block;
  padding: 24px;
  text-decoration: none;
  background-color: #fcfcfc;
  color: inherit !important;
  border: 1px solid #e7e7ea;
  border-radius: 4px;
  margin-bottom: 12px;
  cursor: pointer;
  box-shadow: 0 2px 6px #0003;
  width: 100%
}

.flows-debit-account-source-step-component-button:hover,
.flows-debit-account-source-step-component-button-disabled:hover,
.flows-debit-account-source-step-component-button-selected:hover {
  color: inherit;
  border-color: #1e83ef
}

.flows-debit-account-source-step-component-button:active,
.flows-debit-account-source-step-component-button-disabled:active,
.flows-debit-account-source-step-component-button-selected:active {
  box-shadow: none;
  outline: none
}

.flows-debit-account-source-step-component-button:focus,
.flows-debit-account-source-step-component-button-disabled:focus,
.flows-debit-account-source-step-component-button-selected:focus {
  box-shadow: none
}

.flows-debit-account-source-step-component-button-selected {
  border-color: #1e83ef
}

.flows-debit-account-source-step-component-button-disabled {
  opacity: .5;
  cursor: default;
  pointer-events: none
}

.errorable-flow-card-component-message {
  z-index: 1;
  position: relative
}

.flows-card-spinner-component {
  display: flex;
  align-items: center;
  flex: 1
}

.flows-flow-container-component {
  margin-bottom: 24px
}

.flows-card-component {
  background-color: var(--tk-surface);
  border: 1px solid var(--tk-content-divider);
  border-radius: 16px;
  box-shadow: 0 2px 6px #0000001a;
  min-height: 500px;
  padding: 60px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden
}

@media only screen and (max-width: 768px) {
  .flows-card-component {
    border: none;
    border-bottom: 1px solid var(--tk-content-divider);
    border-radius: 0;
    box-shadow: none;
    padding: 24px 18px
  }
}

.flows-card-loading-container {
  display: flex;
  margin: auto 0
}

.flows-card-component-subsection-bottom,
.flows-card-component-subsection-top,
.flows-card-component-subsection-mid {
  margin-right: -60px;
  margin-left: -60px;
  padding: 60px;
  background-color: #fcfcfc
}

@media only screen and (max-width: 768px) {

  .flows-card-component-subsection-bottom,
  .flows-card-component-subsection-top,
  .flows-card-component-subsection-mid {
    padding: 24px 18px;
    margin-right: -18px;
    margin-bottom: -24px;
    margin-left: -18px
  }
}

.flows-card-component-subsection-mid {
  border-top: 1px solid #e7e7ea;
  border-bottom: 1px solid #e7e7ea;
  padding-top: 36px;
  padding-bottom: 36px;
  margin-top: 36px;
  margin-bottom: 36px
}

.flows-card-component-subsection-top {
  border-bottom: 1px solid #e7e7ea;
  margin-top: -60px;
  margin-bottom: 60px
}

@media only screen and (max-width: 768px) {
  .flows-card-component-subsection-top {
    margin-top: 0
  }
}

.flows-card-component-subsection-bottom {
  border-top: 1px solid #e7e7ea;
  margin-top: 48px;
  margin-bottom: -60px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding-top: 30px
}

.flow-container-component-concierge-header {
  margin-bottom: 12px
}

.flows-card-header-component {
  margin-bottom: 24px
}

.flows-card-component-btn {
  margin-top: 24px
}

.flows-flex-container {
  flex: 1 1 auto;
  min-height: 380px;
  display: flex;
  flex-direction: column
}

.flows-flex-flexible {
  flex: 1 1 auto
}

.flows-content-min-height {
  min-height: 380px
}

.flows-flex-fixed {
  flex: 0 0 auto
}

.icon-content-split-component {
  background-position: 24px 24px;
  background-repeat: no-repeat;
  background-size: 50px 50px
}

.icon-content-split-component-padding {
  padding: 12px 0 12px 24px
}

.flows-layout-component-pre-script {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center
}

.flows-layout-component-pre-script-loader {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 72px;
  height: 72px;
  -webkit-mask-image: url("../../../assets/assets/page_loading_indicator-3f44a13a06b900b28f1d851330f30c525b2f00170b4261d837d9a43618c93104.svg");
  mask-image: url("../../../assets/assets/page_loading_indicator-3f44a13a06b900b28f1d851330f30c525b2f00170b4261d837d9a43618c93104.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--tk-content-interactive-default)
}

.flows-layout-component-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh
}

.flows-nav-links-component {
  height: -moz-fit-content;
  height: fit-content
}

.flows-nav-links-component-back-button-icon {
  transform: scale(1.2)
}

.flows-nav-links-component-progress-bar-container {
  position: relative;
  padding: 0 18px;
  margin-bottom: 12px
}

@media only screen and (max-width: 768px) {
  .flows-nav-links-component-progress-bar-container {
    margin-bottom: 0
  }
}

.flows-nav-links-component-with-progress-bar .flows-nav-links-component-text-container {
  height: -moz-fit-content;
  height: fit-content
}

.flows-nav-links-component-row {
  min-height: 48px
}

.roth-conversion-review-info {
  line-height: 1.4;
  padding: 6px 0;
  border-bottom: 1px solid #e7e7ea
}

.roth-conversion-review .tooltip-question-mark {
  vertical-align: bottom
}

@media only screen and (max-width: 1140px) {
  .roth-conversion-review-content {
    min-height: initial
  }
}

.roth-conversion-select .common-account-row-component-account-details-value {
  justify-content: center
}

.roth-conversion-start-illustration {
  height: 100%;
  width: 100%;
  background: url("../../../assets/assets/guest/philosophy_books-357a3376ee8f8f6524c3c5ee60364282d7c67d3cc3338cbd5cf08f9dad8e3d7b.png") no-repeat right bottom;
  background-size: contain
}

.flows-signup-flow-center-card-component {
  position: relative
}

@media only screen and (min-width: 769px) and (max-width: 1139px) {
  .flows-signup-flow-center-card-component {
    padding: 0 36px
  }
}

@media only screen and (max-width: 768px) {
  .flows-signup-flow-center-card-component {
    padding: 0 12px
  }
}

.flows-signup-flow-center-card-component-content {
  position: relative;
  z-index: 1
}

.flows-signup-flow-center-card-component-headline {
  margin-bottom: 24px
}

.get-started-intent-step-component-supplemental-icon.get-started-intent-step-component-supplemental-icon-retirement {
  background-image: url("../../../assets/assets/path/icons/retirement_md-7dd63318190d2d977a382a9333cb16dd2aadd361b407f5bb6357b51c6d1c7fa1.svg")
}

.get-started-intent-step-component-supplemental-icon.get-started-intent-step-component-supplemental-icon-home {
  background-image: url("../../../assets/assets/path/icons/home_md-0e645050f0f2a997d781a5a9ee1a0b8b07fb07d22285b4e96109181784df3602.svg")
}

.get-started-intent-step-component-supplemental-icon.get-started-intent-step-component-supplemental-icon-college {
  background-image: url("../../../assets/assets/path/icons/college_md-a54a192cd83eaba33e8bc82856a92e8f1498541d1e773d5f00e57672554c1f20.svg")
}

.get-started-intent-step-component-supplemental-icon.get-started-intent-step-component-supplemental-icon-travel {
  background-image: url("../../../assets/assets/path/icons/travel_md-3134d927fc322113d852148d724319fd88ce9ff83e95cd6f93a749ff191358b3.svg")
}

.get-started-intent-step-component-supplemental-icon.get-started-intent-step-component-supplemental-icon-not-sure {
  background-image: url("../../../assets/assets/path/icons/plan_md-b88511d84232fa1dd58c483abae484346c80fcf71c12cf35107146ec757c73e3.svg")
}

.get-started-intent-step-component-intent-icon.get-started-intent-step-component-intent-icon-retirement {
  background-image: url("../../../assets/assets/path/icons/retirement_md-7dd63318190d2d977a382a9333cb16dd2aadd361b407f5bb6357b51c6d1c7fa1.svg")
}

.get-started-intent-step-component-intent-icon.get-started-intent-step-component-intent-icon-home {
  background-image: url("../../../assets/assets/path/icons/home_md-0e645050f0f2a997d781a5a9ee1a0b8b07fb07d22285b4e96109181784df3602.svg")
}

.get-started-intent-step-component-intent-icon.get-started-intent-step-component-intent-icon-college {
  background-image: url("../../../assets/assets/path/icons/college_md-a54a192cd83eaba33e8bc82856a92e8f1498541d1e773d5f00e57672554c1f20.svg")
}

.get-started-intent-step-component-intent-icon.get-started-intent-step-component-intent-icon-travel {
  background-image: url("../../../assets/assets/path/icons/travel_md-3134d927fc322113d852148d724319fd88ce9ff83e95cd6f93a749ff191358b3.svg")
}

.get-started-intent-step-component-intent-icon.get-started-intent-step-component-intent-icon-not-sure {
  background-image: url("../../../assets/assets/path/icons/plan_md-b88511d84232fa1dd58c483abae484346c80fcf71c12cf35107146ec757c73e3.svg")
}

.get-started-intent-step-component-btn {
  min-width: 156px
}

.flows-signup-get-started-name-step-component-flex-container {
  min-height: 250px
}

.flows-signup-get-started-name-step-component-next-button,
.flows-signup-get-started-email-step-component-next-button {
  min-width: 156px
}

.flows-signup-get-started-birth-date-step-component-flex-container {
  min-height: 250px
}

.flows-signup-get-started-birth-date-step-component-next-button {
  min-width: 156px
}

.flows-signup-get-started-planning-step-component-button {
  width: 65%;
  padding-left: 36px
}

@media only screen and (max-width: 768px) {
  .flows-signup-get-started-planning-step-component-button {
    min-width: 75%;
    padding-left: 24px
  }
}

.flows-signup-get-started-planning-step-component-flex-container,
.flows-signup-get-started-income-step-component-flex-container {
  min-height: 250px
}

.flows-signup-get-started-income-step-component-next-button {
  min-width: 156px
}

.signup-flow-container-component .form-group {
  padding: 0 0 12px
}

.signup-flow-container-component .textfield {
  margin-left: -12px;
  padding: 12px 0
}

.split-card-component {
  display: flex;
  flex: 1;
  margin: -60px;
  overflow: hidden;
  border-radius: 16px
}

@media only screen and (max-width: 1140px) {
  .split-card-component {
    margin: -60px;
    flex-direction: column
  }
}

@media only screen and (max-width: 768px) {
  .split-card-component {
    margin: -24px -18px
  }
}

.split-card-component-secondary,
.split-card-component-primary {
  flex: 1 0 50%;
  padding: 60px
}

@media only screen and (max-width: 768px) {

  .split-card-component-secondary,
  .split-card-component-primary {
    padding: 30px
  }
}

.split-card-component-primary {
  background-color: #fff;
  position: relative;
  z-index: 1
}

.split-card-component-primary:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 10px;
  height: 100%;
  box-shadow: none;
  transition: box-shadow .2s ease
}

.split-card-component-primary.split-card-component-primary-shadow:after {
  box-shadow: inset 10px 0 10px -10px #0000004d
}

@media only screen and (max-width: 1140px) {
  .split-card-component-primary.split-card-component-primary-shadow:after {
    box-shadow: none
  }
}

.split-card-component-secondary {
  background-color: #fcfcfc
}

.split-card-component-secondary-transition-enter {
  transform: translate(-100%)
}

@media only screen and (max-width: 1140px) {
  .split-card-component-secondary-transition-enter {
    transform: translateY(-100%)
  }
}

.split-card-component-secondary-transition-enter-active {
  transform: translate(0);
  transition: transform .2s ease
}

@media only screen and (max-width: 1140px) {
  .split-card-component-secondary-transition-enter-active {
    transform: translateY(0)
  }
}

.flow-tiering-passive-plus-confirmation-modal-component-warning-text {
  display: flex;
  align-items: center
}

.flow-tiering-passive-plus-confirmation-modal-component-confirm {
  flex-shrink: 0
}

.flow-tiering-passive-plus-confirmation-modal-component-ctas {
  margin-top: -12px
}

.flow-tiering-passive-plus-confirmation-modal-component-cta {
  margin-top: 12px
}

.flow-tiering-stock-restrictions-component-call-to-action {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center
}

.flow-tiering-stock-restrictions-component-container {
  height: 100%
}

.common-funding-bank-deposit-amount-component-potential-interest {
  color: #67c8ac
}

.funding-bank-deposit-funding-source-component-display-wrapper {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

@media only screen and (max-width: 768px) {
  .funding-bank-deposit-start-date-component-start-date-tooltip {
    max-width: 120px
  }
}

@media only screen and (max-width: 768px) {
  .funding-bank-deposit-step-component-upcoming-deposits-wrapper {
    padding-top: 6px
  }
}

.funding-bank-deposit-step-component-title-wrapper {
  margin-bottom: 24px
}

.funding-bank-deposit-step-component-wire-link-container {
  padding-top: 4px
}

@media only screen and (max-width: 768px) {
  .funding-bank-deposit-step-component-wire-link-container {
    padding-top: 6px
  }
}

.funding-bank-deposit-step-component-link-disabled {
  color: #747386
}

.funding-bank-deposit-step-component-link-disabled:focus,
.funding-bank-deposit-step-component-link-disabled:hover {
  cursor: not-allowed;
  color: #747386
}

.funding-bank-deposit-success-component-settings-link {
  text-decoration: underline
}

.funding-bank-deposit-upcoming-deposits-component-section-wrapper {
  border-top: 2px solid #e7e7ea;
  padding-top: 12px;
  margin-top: 12px
}

.funding-bank-deposit-upcoming-deposits-component-section-wrapper:first-child {
  border: none;
  padding: 0;
  margin: 0
}

.funding-bank-deposit-upcoming-deposits-component-link-wrapper {
  border-top: 1px solid #e7e7ea;
  padding-top: 12px
}

.funding-bank-deposit-upcoming-deposits-item-component {
  border-top: 1px solid #e7e7ea;
  padding-top: 12px;
  margin-top: 12px;
  min-width: 240px;
  line-height: 23px
}

@media only screen and (max-width: 768px) {
  .funding-bank-deposit-upcoming-deposits-item-component {
    min-width: 96px
  }
}

.funding-bank-deposit-upcoming-deposits-item-component:first-child {
  border: none;
  padding: 0;
  margin: 0
}

.funding-bank-deposit-upcoming-deposits-item-component:last-child {
  margin-bottom: 12px
}

.funding-bank-deposit-upcoming-deposits-item-component-date {
  align-self: flex-start;
  flex: 0 0 auto
}

.funding-bank-deposit-upcoming-deposits-item-component-header {
  padding-right: 12px;
  flex: 1 0
}

.funding-bank-deposit-upcoming-deposits-item-component-header-wrapper {
  display: flex
}

.static-guest-contact-us-form-form>div:first-child>label {
  padding-top: 0 !important
}

.static-guest-contact-us-form-message {
  resize: none
}

.static-guest-contact-us-faq-container {
  border-top: 1px solid #e7e7ea;
  border-bottom: 1px solid #e7e7ea;
  padding: 18px 0
}

.static-guest-faq-section-component {
  background-color: #fcfcfc
}

.static-guest-faq-section-component-header {
  padding-bottom: 24px
}

.static-guest-faq-section-component-item {
  padding-top: 24px
}

.static-guest-features-component {
  position: relative;
  padding: 60px 0
}

@media only screen and (max-width: 768px) {
  .static-guest-features-component-content {
    order: -1
  }
}

.static-guest-features-component-headline {
  margin: 72px 0 60px
}

@media only screen and (max-width: 768px) {
  .static-guest-features-component-headline {
    margin: 36px 0
  }
}

@media only screen and (max-width: 1140px) {
  .static-guest-features-component-headline-dark {
    margin-left: 0;
    margin-top: 0
  }
}

.static-guest-features-component-headline-light {
  color: #fff
}

@media only screen and (max-width: 768px) {
  .static-guest-features-component-panes {
    margin-left: 0;
    margin-top: 12px;
    min-height: 456px
  }
}

.static-guest-features-component-pane {
  display: flex;
  align-items: baseline
}

@media only screen and (max-width: 768px) {
  .static-guest-features-component-pane {
    margin-bottom: 12px
  }
}

.static-guest-features-component-pane-title {
  display: flex;
  align-items: center;
  cursor: pointer
}

.static-guest-features-component-pane-title-light {
  color: #fff
}

.static-guest-features-component-pane-bullet {
  flex: 0 0 auto;
  margin-right: 18px;
  width: 42px;
  height: 42px;
  border-radius: 42px;
  text-align: center;
  cursor: pointer
}

.static-guest-features-component-pane-bullet:before {
  content: "+"
}

.static-guest-features-component-pane-bullet-light {
  border: 1px solid #fff
}

.static-guest-features-component-pane-bullet-dark {
  border: 1px solid #000
}

.static-guest-features-component-pane-title-text {
  font-size: 24px
}

.static-guest-features-component-pane-title-text-light {
  color: #fff
}

.static-guest-features-component-pane-description {
  margin: 0 96px 12px 60px;
  overflow: hidden;
  opacity: 0;
  max-height: 0
}

@media only screen and (max-width: 768px) {
  .static-guest-features-component-pane-description {
    margin-right: 0
  }
}

.static-guest-features-component-pane-description-light {
  color: #fff
}

.static-guest-features-component-pane-learn-more-light,
.static-guest-features-component-pane-learn-more-light:hover {
  color: #fff;
  text-decoration: underline
}

.static-guest-features-component-pane-learn-more-dark,
.static-guest-features-component-pane-learn-more-dark:hover {
  color: #161338;
  text-decoration: underline
}

.static-guest-features-component-pane-selected .static-guest-features-component-pane-bullet-light {
  background-color: #fff;
  color: #8f53d7
}

.static-guest-features-component-pane-selected .static-guest-features-component-pane-bullet-dark {
  background-color: #000;
  color: #83e4c8
}

.static-guest-features-component-pane-selected .static-guest-features-component-pane-title-text {
  font-size: 30px;
  font-weight: 600
}

.static-guest-features-component-pane-selected .static-guest-features-component-pane-description {
  opacity: 1;
  max-height: 240px;
  transition: opacity .4s ease, max-height .4s ease
}

.static-guest-features-video-component {
  position: relative
}

.static-guest-features-video-component-video {
  display: block;
  max-width: 100%
}

.static-guest-features-video-component-play-overlay {
  position: absolute;
  inset: 0;
  background: #00000080 url("../../../assets/assets/guest/video_play-e1a432fc142f5fb7e057d2cf9573454dafdcee0686c36e66c81ca0da834b7231.svg") no-repeat 50% 50%;
  cursor: pointer
}

.new-static-guest-footer-component-disclosure {
  background-color: #18172b;
  color: #b7b7c0;
  padding: 0 48px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400
}

@media only screen and (max-width: 1140px) {
  .new-static-guest-footer-component-disclosure {
    padding: 0 32px
  }
}

.new-static-guest-footer-component-disclosure-container {
  border-top: 1px solid #b7b7c0;
  padding: 32px 0
}

.static-guest-fixed-header-component {
  position: fixed;
  top: -240px;
  transition: top .5s ease-in-out
}

.static-guest-fixed-header-component.scroll-up {
  top: 0
}

.static-guest-fixed-header-component.static-guest-fixed-header-component-layout-expanded {
  max-width: unset
}

.static-guest-absolute-header-component {
  position: absolute;
  top: 0
}

@media only screen and (max-width: 768px) {
  .static-guest-absolute-header-component {
    position: static
  }
}

.static-guest-absolute-header-component.static-guest-absolute-header-component-transparent {
  background-color: transparent
}

@media only screen and (max-width: 768px) {
  .static-guest-absolute-header-component.static-guest-absolute-header-component-transparent {
    background-color: #8f53d7
  }
}

.static-guest-absolute-header-component.static-guest-absolute-header-component-layout-expanded {
  max-width: unset
}

.static-guest-header-component-container {
  display: flex
}

.static-guest-header-component-nav {
  margin-left: auto
}

.static-guest-header-component-logo {
  line-height: 72px;
  color: #8f53d7;
  font-size: 42px
}

@media only screen and (max-width: 768px) {
  .static-guest-header-component-logo {
    color: #fff
  }
}

.static-guest-header-component-logo:hover {
  color: #8f53d7
}

.static-guest-header-component-nav-desktop-container {
  display: flex;
  align-items: center
}

@media only screen and (max-width: 768px) {
  .static-guest-header-component-nav-desktop-container {
    display: none
  }
}

@media only screen and (max-width: 1140px) {
  .static-guest-header-component-nav-desktop-container {
    font-size: 16px
  }
}

.static-guest-header-component-nav-item {
  vertical-align: middle;
  padding: 12px 0
}

@media only screen and (max-width: 768px) {
  .static-guest-header-component-nav-item {
    padding-top: 0
  }
}

.static-guest-header-component-nav-item button:before {
  line-height: inherit
}

.static-guest-header-component-nav-item-link {
  padding: 9px 0 6px;
  margin-right: 48px;
  color: inherit;
  display: inline-block;
  position: relative
}

@media only screen and (max-width: 1140px) {
  .static-guest-header-component-nav-item-link {
    margin-right: 24px
  }
}

.static-guest-header-component-nav-item-link:hover,
.static-guest-header-component-nav-item-link:focus {
  color: inherit
}

.static-guest-header-component-nav-item-link a,
.static-guest-header-component-nav-item-link button,
.static-guest-header-component-nav-item-link a:hover,
.static-guest-header-component-nav-item-link button:hover {
  color: inherit
}

.static-guest-header-component-nav-item-link:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: #8f53d7;
  transition: width .12s ease-in
}

.static-guest-header-component-nav-item-link:hover:after {
  width: 100%
}

.static-guest-header-component-nav-item-link-selected:after {
  width: 100%
}

.static-guest-header-component-login-button {
  color: #4840bb;
  border: 1px solid #4840bb;
  padding: 15px 36px;
  font-weight: 600;
  letter-spacing: .35px;
  margin-right: 12px
}

.static-guest-header-component-login-button:hover {
  color: #fff;
  background: #4840bb
}

.static-guest-header-component-get-started-button {
  padding: 15px 36px;
  font-weight: 600;
  letter-spacing: .35px
}

@media only screen and (max-width: 1140px) {
  .static-guest-header-component-get-started-button {
    padding: 15px
  }
}

.static-guest-header-component-get-started-button:hover {
  background: #752fc8
}

.static-guest-header-component-offering-dropdown-render-target {
  position: relative
}

.static-guest-header-component-wrapper {
  margin-bottom: 72px
}

@media only screen and (max-width: 768px) {
  .static-guest-header-component-wrapper {
    margin-bottom: 0
  }
}

.static-guest-absolute-header-component .banner-component-wrapper {
  position: static;
  top: -40px;
  background-image: linear-gradient(to right, #8f53d7, #8f53d7, #8f53d7, #09f);
  color: #fff
}

@media only screen and (max-width: 768px) {
  .static-guest-absolute-header-component .banner-component-wrapper {
    padding-left: 10px;
    padding-right: 30px
  }
}

.static-guest-absolute-header-component .banner-component-close-banner-button {
  color: #fff;
  position: absolute;
  right: 24px;
  top: 10px;
  font-size: 15px;
  cursor: pointer
}

.static-guest-absolute-header-component .banner-component-close-banner-button:hover {
  color: #e6e6e6
}

@media only screen and (max-width: 768px) {
  .static-guest-absolute-header-component .banner-component-close-banner-button {
    right: 6px
  }
}

#guest-header-target {
  background-color: #fff;
  height: 96px;
  position: relative;
  z-index: 50
}

.static-guest-home-guide-navigation-component {
  position: absolute;
  top: 120px;
  left: 24px
}

@media only screen and (max-width: 768px) {
  .static-guest-home-guide-navigation-component {
    top: 48px;
    left: 0
  }
}

.static-guest-home-guide-navigation-component-sticky-component {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.static-guest-home-guide-navigation-component-dot-tooltip-container {
  display: block
}

.static-guest-home-guide-navigation-component-dot-tooltip {
  max-width: none;
  padding: 6px 12px;
  margin-left: 6px;
  white-space: nowrap;
  background-color: #161338;
  color: #fff
}

.static-guest-home-guide-navigation-component-dot-tooltip .tooltip-component-arrow:before {
  border-right-color: #161338
}

.static-guest-home-guide-navigation-component-dot-tooltip .tooltip-component-arrow:after {
  border-right-color: #161338
}

.static-guest-home-guide-navigation-component-dot {
  display: block;
  width: 10px;
  height: 10px;
  margin: 12px;
  border-radius: 100%;
  border: 1px solid #67c8ac;
  background-color: transparent;
  cursor: pointer;
  transition: background-color ease-in-out .2s
}

.static-guest-home-guide-navigation-component-dot.static-guest-home-guide-navigation-component-dot-active {
  background-color: #67c8ac
}

.static-guest-home-guide-navigation-component-open-modal-icon {
  width: auto;
  height: auto;
  color: #67c8ac;
  cursor: pointer
}

.static-guest-home-guide-all-in-costs-location-examples-component-menu {
  max-width: 180px;
  margin-bottom: 24px
}

@media only screen and (max-width: 768px) {
  .static-guest-home-guide-all-in-costs-location-examples-component-monthly-costs-col {
    margin-top: 24px
  }
}

.static-guest-home-guide-all-in-costs-location-examples-component-progress-odometer-container {
  position: relative;
  top: 2px
}

.static-guest-home-guide-all-in-costs-location-examples-component-progress-odometer-container _::-webkit-:not(:root:root),
.static-guest-home-guide-all-in-costs-location-examples-component-progress-odometer-container {
  top: auto
}

.static-guest-home-guide-buy-vs-rent-comparison-component-legend-item {
  display: inline-flex;
  align-items: center
}

.static-guest-home-guide-buy-vs-rent-comparison-component-legend-item-symbol {
  width: 12px;
  height: 12px;
  position: relative;
  top: 2px
}

.static-home-guide-down-payment-component-table td {
  text-align: right
}

.static-home-guide-down-payment-component-table .static-home-guide-down-payment-component-row-title {
  text-align: left
}

@media only screen and (max-width: 768px) {
  .static-home-guide-down-payment-component-table .static-home-guide-down-payment-component-row-title {
    color: #747386
  }
}

.static-home-guide-down-payment-component-table .static-home-guide-down-payment-component-row-down-payment-figure {
  font-size: 24px
}

@media only screen and (max-width: 768px) {
  .static-home-guide-down-payment-component-table .static-home-guide-down-payment-component-row-down-payment-figure {
    font-size: 18px
  }
}

@media only screen and (max-width: 768px) {
  .static-home-guide-down-payment-component-table .static-home-guide-down-payment-component-row-total-figure {
    font-weight: 500
  }
}

.static-home-guide-down-payment-component-table .static-home-guide-down-payment-component-row-title-total {
  font-weight: 500
}

@media only screen and (max-width: 768px) {
  .static-home-guide-down-payment-component-table .static-home-guide-down-payment-component-row-title-total {
    font-weight: 400
  }
}

.static-guest-home-guide-home-as-asset-component-graph-container {
  margin-top: 36px
}

.static-home-guide-other-goals-component-aside-content {
  background-image: url("../../../assets/assets/guest/home_planning_goals-3813b487cdc9169f7afd8a734e70ac151823728c3542ad006ffb0b58162e7c51.png");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 100%;
  min-height: 336px
}

@media only screen and (max-width: 768px) {
  .static-home-guide-other-goals-component-aside-content {
    min-height: 360px
  }
}

.static-guest-home-guide-other-goals-tradeoffs-component-header {
  margin-bottom: 36px
}

.static-guest-home-guide-other-goals-tradeoffs-component-menu {
  margin-bottom: 24px
}

svg.static-guest-home-guide-other-goals-tradeoffs-component-legend-item {
  overflow: visible
}

.static-guest-home-guide-other-goals-tradeoffs-component-legend-item-symbol {
  stroke-width: 3px;
  stroke-linejoin: round;
  stroke-linecap: round
}

.static-guest-home-guide-social-share-component-social-button {
  margin: 12px 12px 0 0;
  color: #fff;
  cursor: pointer;
  opacity: .6;
  transition: opacity ease-in-out .2s
}

.static-guest-home-guide-social-share-component-social-button:hover {
  opacity: 1
}

.static-guest-home-guide-social-share-component-social-button.static-guest-home-guide-social-share-component-social-button-dark {
  color: #747386
}

.static-guest-home-guide-table-of-contents-component {
  margin-bottom: -60px
}

.static-guest-home-guide-table-of-contents-component-section-flex {
  display: flex
}

.static-guest-home-guide-table-of-contents-component-section-number-container {
  flex: 0 0 108px;
  max-width: 108px
}

@media only screen and (max-width: 768px) {
  .static-guest-home-guide-table-of-contents-component-section-number-container {
    flex: 0 0 54px;
    max-width: 54px
  }
}

.static-guest-home-guide-table-of-contents-component-section-number {
  font-size: 80px;
  color: #83e4c8;
  text-align: right;
  padding-right: 24px
}

@media only screen and (max-width: 768px) {
  .static-guest-home-guide-table-of-contents-component-section-number {
    font-size: 40px;
    margin-top: 12px
  }
}

.static-guest-home-guide-table-of-contents-component-section-text-container {
  flex: 1;
  margin-bottom: 60px
}

.static-guest-home-guide-table-of-contents-component-section-link {
  display: block;
  margin-bottom: 24px;
  color: #161338
}

.static-guest-home-guide-table-of-contents-component-section-link:last-of-type {
  margin-bottom: 0
}

.static-guest-homepage-fees-module-component-headline {
  padding-bottom: 6px
}

.static-guest-homepage-fees-module-component-balance {
  line-height: 36px
}

.static-guest-homepage-fees-module-component-month-container {
  margin-top: -12px
}

.static-guest-homepage-fees-module-component-fee-section-content {
  position: relative;
  width: 104%;
  left: 50%;
  transform: translate(-50%);
  background-color: #8f53d7;
  box-shadow: 0 0 15px #342d8d87;
  padding: 18px 0
}

.static-guest-homepage-fees-module-component-fee-section-content.static-guest-homepage-fees-module-component-fee-section-content-stretched {
  width: 120%
}

@media only screen and (max-width: 768px) {
  .static-guest-homepage-fees-module-component-fee-section-content {
    width: 120%
  }
}

@media only screen and (max-width: 768px) {
  .static-guest-homepage-fees-module-component-faq-section {
    text-align: center
  }
}

.static-guest-homepage-fees-module-component-faq-header {
  padding: 24px
}

@media only screen and (max-width: 768px) {
  .static-guest-homepage-fees-module-component-faq-header {
    padding: 24px 0
  }
}

.static-guest-homepage-fees-module-component-underline {
  text-decoration: underline
}

.static-guest-layout-component-wrapper {
  max-width: 1450px;
  margin-right: auto;
  margin-left: auto
}

.static-guest-passiveplus-features-component {
  position: relative;
  padding-top: 96px
}

@media only screen and (max-width: 768px) {
  .static-guest-passiveplus-features-component {
    padding-top: 72px;
    padding-bottom: 168px
  }
}

.static-guest-passiveplus-features-component-slices {
  position: relative;
  height: 540px
}

@media only screen and (max-width: 768px) {
  .static-guest-passiveplus-features-component-slices {
    display: none
  }
}

.static-guest-passiveplus-features-component-slice-wrapper {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  transition: transform .4s ease-in-out
}

.static-guest-passiveplus-features-component-slice {
  position: relative;
  width: 100%;
  height: 408px;
  margin: 0 auto;
  background-size: contain;
  transition: background-size .4s ease-in-out
}

.static-guest-passiveplus-features-component-slice-base {
  background: url("../../../assets/assets/guest/philosophy_slice_base-21b12d8160d994e5dfd0423034d3b51ba859078a97723733eadaaa41503d4279.png") no-repeat top center
}

.static-guest-passiveplus-features-component-slice-1 {
  background: url("../../../assets/assets/guest/philosophy_slice_1-fadb624520c98f2bb5775ee7204d627317c2315da3cf5d4d7ec10eea9c8217ae.png") no-repeat top center;
  background-size: 90%
}

.static-guest-passiveplus-features-component-slice-2 {
  background: url("../../../assets/assets/guest/philosophy_slice_2-c4b9afcfe8ca4a60a36eccd62ec7a83984972bab35206348136ae6a57d9c2a27.png") no-repeat top center;
  background-size: 90%
}

.static-guest-passiveplus-features-component-slice-3 {
  background: url("../../../assets/assets/guest/philosophy_slice_3-07e3846374ed71a2b2bc49511848824ae92e34cb9749239f39927797dff96fad.png") no-repeat top center;
  background-size: 90%
}

.static-guest-passiveplus-features-component-slice-preload {
  background: url("../../../assets/assets/guest/philosophy_slice_tlh-139bb8b45512e5f778ee6ac3d2fa1a2584423d82d4704d85ee54704c12856681.png") no-repeat, url("../../../assets/assets/guest/philosophy_slice_di-7a740a01a8770df8668b017b2db0629d2c8aa91ea3e81cca267b857a119e5744.png") no-repeat, url("../../../assets/assets/guest/philosophy_slice_ai-d9d22b81197b66fc1c26edc1ca520b50ec745935bec7a5d1b1f744b62417e3a0.png") no-repeat, url("../../../assets/assets/guest/philosophy_slice_rp-66a97e188160686c31925c29c5fc5ca8eaf0e99fcb87c17c3e45a705598f22f4.png") no-repeat;
  width: 0;
  height: 0
}

.static-guest-passiveplus-features-component-slice-tlh {
  background: url("../../../assets/assets/guest/philosophy_slice_tlh-139bb8b45512e5f778ee6ac3d2fa1a2584423d82d4704d85ee54704c12856681.png") no-repeat top center;
  background-size: 100%
}

.static-guest-passiveplus-features-component-slice-di {
  background: url("../../../assets/assets/guest/philosophy_slice_di-7a740a01a8770df8668b017b2db0629d2c8aa91ea3e81cca267b857a119e5744.png") no-repeat top center;
  background-size: 100%
}

.static-guest-passiveplus-features-component-slice-ai {
  background: url("../../../assets/assets/guest/philosophy_slice_ai-d9d22b81197b66fc1c26edc1ca520b50ec745935bec7a5d1b1f744b62417e3a0.png") no-repeat top center;
  background-size: 100%
}

.static-guest-passiveplus-features-component-slice-rp {
  background: url("../../../assets/assets/guest/philosophy_slice_rp-66a97e188160686c31925c29c5fc5ca8eaf0e99fcb87c17c3e45a705598f22f4.png") no-repeat top center;
  background-size: 100%
}

.static-guest-passiveplus-features-component-panes {
  margin-left: 36px;
  margin-top: 36px;
  height: 504px
}

@media only screen and (max-width: 768px) {
  .static-guest-passiveplus-features-component-panes {
    margin-left: 0;
    margin-top: 12px;
    height: 336px
  }
}

.static-guest-passiveplus-features-component-pane {
  margin-bottom: 24px;
  display: flex;
  align-items: baseline
}

@media only screen and (max-width: 768px) {
  .static-guest-passiveplus-features-component-pane {
    margin-bottom: 12px
  }
}

.static-guest-passiveplus-features-component-pane-bullet-container {
  flex: 0 0 auto
}

.static-guest-passiveplus-features-component-pane-selected .static-guest-passiveplus-features-component-pane-bullet {
  background-color: #fff;
  color: #8f53d7
}

.static-guest-passiveplus-features-component-pane-selected .static-guest-passiveplus-features-component-pane-description {
  opacity: 1;
  max-height: 240px;
  transition: opacity .4s ease, max-height .4s ease
}

.static-guest-passiveplus-features-component-pane-bullet {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  border-radius: 42px;
  border: 1px solid #fff;
  text-align: center;
  cursor: pointer
}

.static-guest-passiveplus-features-component-pane-bullet:before {
  content: "+"
}

.static-guest-passiveplus-features-component-pane-bullet-selected {
  background-color: #fff;
  color: #8f53d7
}

.static-guest-passiveplus-features-component-pane-content {
  margin-left: 24px
}

.static-guest-passiveplus-features-component-pane-title {
  cursor: pointer
}

.static-guest-passiveplus-features-component-pane-description {
  overflow: hidden;
  opacity: 0;
  max-height: 0
}

.static-guest-planning-engine-carousel-component-row {
  border: none !important;
  box-shadow: 0 1px 15px 5px #0000000d;
  margin-bottom: 24px;
  background-color: #fff;
  position: relative
}

.static-guest-planning-engine-carousel-component-row .accordion-row-header-component-collapser .wfont,
.static-guest-planning-engine-carousel-component-row.accordion-row-component-expanded .accordion-row-header-component,
.static-guest-planning-engine-carousel-component-row.accordion-row-component-expanded .static-guest-planning-engine-carousel-component-row-number {
  color: #8f53d7
}

.static-guest-planning-engine-carousel-component-row-header {
  font-size: 30px
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-engine-carousel-component-row-header {
    font-size: 20px
  }
}

.static-guest-planning-engine-carousel-component-row-progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.static-guest-planning-engine-carousel-component-row-number {
  color: #b7b7c0
}

.static-guest-planning-engine-carousel-component-row-supplemental-list {
  list-style-position: inside;
  padding: 0
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-goal-carousel-component {
    margin: 0 -12px
  }
}

.static-guest-planning-goal-carousel-component-tabs-container {
  display: flex;
  justify-content: space-between
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-goal-carousel-component-tabs-container {
    padding: 12px 12px 0
  }
}

.static-guest-planning-goal-carousel-component-tab {
  color: #747386;
  display: inline-block;
  padding: 0 12px
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-goal-carousel-component-tab {
    font-size: 13px;
    padding: 0
  }
}

.static-guest-planning-goal-carousel-component-tab.static-guest-planning-goal-carousel-component-tab-active {
  color: #8f53d7
}

.static-guest-planning-goal-carousel-component-carousel-section {
  padding-top: 60px;
  background-color: #8f53d7;
  color: #fff
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-goal-carousel-component-carousel-section {
    padding-top: 0;
    padding-bottom: 60px
  }
}

.static-guest-planning-goal-carousel-component-goal {
  padding: 48px 0 0 12px;
  min-height: 648px
}

.static-guest-planning-goal-carousel-component-goal-bordered {
  position: relative;
  border: solid 10px #83e4c8;
  padding: 48px 0
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-goal-carousel-component-goal-bordered {
    border: none;
    padding: 12px 24px 48px 36px
  }
}

.static-guest-planning-goal-carousel-component-goal-border-mobile {
  display: none
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-goal-carousel-component-goal-border-mobile {
    position: absolute;
    display: block;
    inset: 0 12px 0 -10px;
    border: solid 10px #83e4c8
  }
}

.static-guest-planning-goal-carousel-component-goal-phone-container {
  position: relative
}

.static-guest-planning-goal-carousel-component-goal-phone {
  position: absolute;
  left: -60px;
  top: -120px;
  height: 727px;
  width: 120%;
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-goal-carousel-component-goal-phone {
    position: relative;
    left: 0;
    top: -48px;
    padding: 24px 0;
    width: 100%;
    height: 554px;
    margin-bottom: -72px;
    background-size: contain
  }
}

.static-guest-planning-goal-carousel-component-goal-phone.static-guest-planning-goal-carousel-component-goal-phone-retirement {
  background-image: url("../../../assets/assets/guest/planning/phone_retirement-24661fb30ff8b93023191262033724a72d9c4c4cf608676b9e16d3644641230f.png")
}

.static-guest-planning-goal-carousel-component-goal-phone.static-guest-planning-goal-carousel-component-goal-phone-college {
  background-image: url("../../../assets/assets/guest/planning/phone_college-025ffa389775c23b3d979a8a399c3ed2ea4a412c61633bd24119b9fc981df18d.png")
}

.static-guest-planning-goal-carousel-component-goal-phone.static-guest-planning-goal-carousel-component-goal-phone-home {
  background-image: url("../../../assets/assets/guest/planning/phone_home-afb66a7a1e58eca84e080dd1a7b039557e8745c02780521cb2bedd43a635dafc.png")
}

.static-guest-planning-goal-carousel-component-goal-phone.static-guest-planning-goal-carousel-component-goal-phone-travel {
  background-image: url("../../../assets/assets/guest/planning/phone_travel-2d8e559070383c3101d3066ebc2917bc6b4032318fda6fd79600b76534cf3de4.png")
}

.static-guest-planning-goal-carousel-component-text-accent-bright {
  color: #83e4c8
}

.static-guest-planning-goal-carousel-component-dots-container {
  display: flex;
  align-items: center;
  margin-top: -30px;
  position: relative;
  z-index: 1
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-goal-carousel-component-dots-container {
    justify-content: flex-end;
    margin-right: 24px;
    margin-top: 24px
  }
}

.static-guest-planning-goal-carousel-component-dot {
  margin-right: 12px;
  width: 9px;
  height: 9px;
  border-radius: 100%;
  background-color: #b7b7c0;
  cursor: pointer;
  top: -30px
}

.static-guest-planning-goal-carousel-component-dot:last-of-type {
  margin-right: 0
}

.static-guest-planning-goal-carousel-component-dot.static-guest-planning-goal-carousel-component-dot-active {
  height: 16px !important;
  width: 16px !important;
  padding: 5px !important;
  background-image: linear-gradient(to bottom, #8f53d7 0% 100%), linear-gradient(to bottom, #83e4c8 0% 100%);
  background-clip: content-box, padding-box;
  box-shadow: 0 2px 8px #1613386e;
  z-index: 1
}

.static-guest-planning-goal-carousel-component-title-container {
  display: flex;
  align-items: center;
  padding-bottom: 6px
}

.static-guest-planning-goal-carousel-component-goal-pin-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50% 50% 50% 0;
  border: 2px solid #8f53d7;
  background-color: #fff;
  transform: rotate(-45deg)
}

.static-guest-planning-recommendations-section-carousel-component {
  position: relative;
  z-index: 1
}

.static-guest-planning-recommendations-section-carousel-component-widget {
  width: 384px;
  height: 240px;
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat
}

@media only screen and (max-width: 768px) {
  .static-guest-planning-recommendations-section-carousel-component-widget {
    height: 192px
  }
}

.static-guest-planning-recommendations-section-carousel-component-widget.static-guest-planning-recommendations-section-carousel-component-widget-comfortable {
  background-image: url("../../../assets/assets/guest/time_off_travel/affordability_widgets/comfortable-ee07fb4cc859cef5fc8438b5285bf7a60c864b704cab569e75f7083dff71aece.png")
}

.static-guest-planning-recommendations-section-carousel-component-widget.static-guest-planning-recommendations-section-carousel-component-widget-manageable {
  background-image: url("../../../assets/assets/guest/time_off_travel/affordability_widgets/manageable-9ce73aa4ae673c8b211a4c44afe10051699679e136e04ceebf5bf8892b9fbc5f.png")
}

.static-guest-planning-recommendations-section-carousel-component-widget.static-guest-planning-recommendations-section-carousel-component-widget-stretch {
  background-image: url("../../../assets/assets/guest/time_off_travel/affordability_widgets/stretch-5e3fe55a1a170b0b6d28fa41957bc937e89e0fbd2bbf3de6405328b7e1001b46.png")
}

.static-guest-travel-affordability-carousel-component {
  position: relative;
  z-index: 1
}

.static-guest-travel-affordability-carousel-component-widget {
  width: 432px;
  height: 240px;
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat
}

@media only screen and (max-width: 768px) {
  .static-guest-travel-affordability-carousel-component-widget {
    height: 192px
  }
}

.static-guest-travel-affordability-carousel-component-widget.static-guest-travel-affordability-carousel-component-widget-comfortable {
  background-image: url("../../../assets/assets/guest/time_off_travel/affordability_widgets/comfortable-ee07fb4cc859cef5fc8438b5285bf7a60c864b704cab569e75f7083dff71aece.png")
}

.static-guest-travel-affordability-carousel-component-widget.static-guest-travel-affordability-carousel-component-widget-manageable {
  background-image: url("../../../assets/assets/guest/time_off_travel/affordability_widgets/manageable-9ce73aa4ae673c8b211a4c44afe10051699679e136e04ceebf5bf8892b9fbc5f.png")
}

.static-guest-travel-affordability-carousel-component-widget.static-guest-travel-affordability-carousel-component-widget-stretch {
  background-image: url("../../../assets/assets/guest/time_off_travel/affordability_widgets/stretch-5e3fe55a1a170b0b6d28fa41957bc937e89e0fbd2bbf3de6405328b7e1001b46.png")
}

.static-guest-investing-technology-carousel-component {
  filter: drop-shadow(0 0 6px #b7b7c0)
}

.static-guest-investing-technology-carousel-component-widget {
  display: flex;
  align-items: center;
  max-height: 350px;
  max-width: 350px;
  padding: 48px 48px 96px;
  background-color: #8f53d7
}

.static-guest-investing-technology-carousel-component-dots-container {
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translate(-50%)
}

.static-guest-investing-technology-carousel-component-dot {
  margin-right: 12px;
  width: 9px;
  height: 9px;
  border-radius: 100%;
  background-color: #b7b7c0;
  cursor: pointer
}

.static-guest-investing-technology-carousel-component-dot:last-of-type {
  margin-right: 0
}

.static-guest-investing-technology-carousel-component-dot.static-guest-investing-technology-carousel-component-dot-active {
  background-color: #67c8ac
}

.static-guest-investing-technology-carousel-component-title {
  font-size: 80px;
  font-weight: 700;
  line-height: 68px
}

.static-guest-investing-technology-carousel-disclosure {
  position: absolute;
  bottom: 36px;
  left: 50%;
  transform: translate(-50%)
}

.static-guest-investing-management-etf-component {
  padding: 0 48px
}

@media only screen and (max-width: 768px) {
  .static-guest-investing-management-etf-component {
    padding: 0;
    margin: 0 -30px
  }
}

@media only screen and (max-width: 768px) {

  .static-guest-investing-management-etf-component-header,
  .static-guest-investing-management-etf-component-etf-description {
    padding: 0 30px
  }
}

.static-guest-investing-management-etf-component-etf-container {
  display: flex;
  justify-content: center;
  padding-bottom: 36px
}

@media only screen and (max-width: 768px) {
  .static-guest-investing-management-etf-component-etf-container {
    justify-content: flex-start;
    overflow-x: scroll;
    padding: 24px 54px
  }
}

.static-guest-investing-management-etf-component-etf-item {
  transition: transform .2s ease-in-out;
  height: 36px;
  width: 78px;
  min-width: 78px
}

.static-guest-investing-management-etf-component-etf-item:hover,
.static-guest-investing-management-etf-component-etf-item.active {
  border-radius: 3px;
  transform: scale(1.1, 1.3)
}

@media only screen and (max-width: 768px) {
  .static-guest-investing-management-etf-component-etf-container-spacer {
    width: 30px;
    min-width: 30px
  }
}

.static-guest-investing-management-etf-component-etf-dot {
  width: 12px;
  height: 12px;
  border-radius: 100%
}

.dashboard-invites-contact-card-component {
  position: relative
}

.dashboard-invites-contact-card-component-close-button {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
  opacity: .6
}

.dashboard-invites-contact-card-component-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  margin: 0 auto 18px;
  border-radius: 100%
}

.dashboard-invites-contact-card-component-avatar.dashboard-invites-contact-card-component-avatar-no-image {
  border: 2px solid #a1d579;
  color: #a1d579;
  text-transform: uppercase;
  font-size: 30px
}

.dashboard-invites-contact-card-component-truncated-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.dashboard-invites-contact-card-component-truncated-text.text-medium {
  min-height: 24px
}

.dashboard-invites-contact-card-component-invite-button,
.dashboard-invites-contact-card-component-closed-message,
.dashboard-invites-contact-card-component-invited-message {
  margin-top: 18px
}

.dashboard-invites-contact-card-component-closed-message,
.dashboard-invites-contact-card-component-invited-message {
  padding: 9px 18px;
  border: 1px solid transparent
}

.dashboard-invites-contacts-component-widget-section {
  padding: 36px
}

.dashboard-invites-contacts-list-component-title {
  margin-bottom: 36px
}

.dashboard-invites-contacts-list-component-question-icon {
  margin-left: 6px;
  cursor: help
}

.dashboard-invites-contacts-list-component-gmail-address-container {
  margin: -12px 0 24px
}

.dashboard-invites-contacts-list-component-gmail-icon {
  position: relative;
  display: inline-block;
  top: 5px;
  width: 30px;
  height: 21px;
  margin-right: 12px;
  background-image: url("../../../assets/assets/redesign/gmail_logo-f3f9a80d01ecd95a85e592ea7213203954ad596bb817a1b7cc36e667f40cacb3.svg");
  background-size: 100%;
  background-repeat: no-repeat
}

.dashboard-invites-contacts-list-component-empty-message,
.dashboard-invites-contacts-list-component-error-message {
  padding: 84px 0
}

.dashboard-invites-counter-component-widget-section {
  padding: 36px
}

.dashboard-invites-counter-component-label-margin {
  margin-bottom: 18px
}

.dashboard-invites-counter-component-current-counter-container {
  margin-top: 18px
}

.dashboard-invites-gmail-connect-component {
  padding: 24px 0
}

.dashboard-invites-gmail-connect-component-gmail-icon {
  width: 48px;
  height: 36px;
  margin: 0 auto 30px;
  background-image: url("../../../assets/assets/redesign/gmail_logo-f3f9a80d01ecd95a85e592ea7213203954ad596bb817a1b7cc36e667f40cacb3.svg");
  background-size: 100%;
  background-repeat: no-repeat
}

.dashboard-invites-gmail-connect-component-title {
  margin-bottom: 30px
}

.dashboard-invites-gmail-connect-component-question-icon {
  margin-left: 6px;
  cursor: help
}

.dashboard-invites-invite-container-component-content {
  margin-top: -96px
}

.dashboard-invites-send-email-component-widget-section {
  padding: 36px
}

.dashboard-invites-send-email-component-title-container {
  margin-bottom: 18px
}

.dashboard-invites-share-component-widget-section {
  padding: 36px
}

.dashboard-invites-share-component-title {
  margin-bottom: 18px
}

.dashboard-invites-share-component-social-buttons-container {
  display: flex
}

.dashboard-invites-share-component-social-button {
  flex: 1;
  height: auto;
  margin-right: 6px;
  cursor: pointer
}

.dashboard-invites-share-component-social-button:before {
  width: auto
}

.dashboard-invites-share-component-social-button:last-of-type {
  margin-right: 0
}

.dashboard-invite-subheader-component {
  width: 100vw;
  position: relative;
  left: 50%;
  margin: -36px 0 24px -50vw;
  padding: 60px 0 84px;
  background-color: #8f53d7;
  background-image: url("../../../assets/assets/redesign/invite_subheader_bg-162584779df1cc9d1ae7b380987dcc1739ae6cdd067d55041c878ec56ae53bfe.png");
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat
}

.dashboard-invite-subheader-component-title {
  font-weight: 400
}

.dashboard-invite-subheader-component-paragraph {
  opacity: .9
}

.dashboard-invite-subheader-component-skip-link-column {
  align-self: flex-end
}

@media only screen and (max-width: 1140px) {
  .dashboard-invite-subheader-component-skip-link-container {
    text-align: center
  }
}

.dashboard-invite-subheader-component-skip-link {
  color: #fff
}

.dashboard-invite-subheader-component-skip-link:active,
.dashboard-invite-subheader-component-skip-link:focus,
.dashboard-invite-subheader-component-skip-link:hover {
  color: #fff
}

.dashboard-invite-subheader-component-skip-link:active .dashboard-invite-subheader-component-skip-link-arrow:before,
.dashboard-invite-subheader-component-skip-link:focus .dashboard-invite-subheader-component-skip-link-arrow:before,
.dashboard-invite-subheader-component-skip-link:hover .dashboard-invite-subheader-component-skip-link-arrow:before {
  left: 12px
}

.dashboard-invite-subheader-component-skip-link-arrow:before {
  position: relative;
  left: 6px;
  text-decoration: none;
  transition: left .2s ease-in
}

.loan-origination-confirmation-component {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1
}

.loan-origination-confirmation-component-icon-container {
  padding-bottom: 18px;
  display: flex;
  justify-content: center
}

.loan-origination-confirmation-component-credit-success-icon {
  height: 100px;
  width: 108px;
  background-image: url("../../../assets/assets/icons/credit_success-41c3aea9b9bb087eaf8ce86da25780ad6ba4cfc167edfdc5a029ffb4d9dbf3a0.svg")
}

.loan-origination-loan-details-component-loan-method-radio {
  margin-right: 36px
}

.loan-origination-loan-introduction-component a {
  text-decoration: underline
}

.loan-origination-loan-introduction-component-subtext {
  margin: 12px 60px 36px
}

.loan-origination-loan-introduction-component-summary {
  margin-bottom: 36px
}

.loan-origination-loan-introduction-component-continue {
  margin-bottom: 24px
}

.loan-origination-loan-introduction-component-subsection {
  margin-top: 36px;
  padding-top: 36px;
  border-top: 1px solid #e7e7ea
}

.loan-origination-margin-authorization-component-interest-calculation {
  background-image: url("../../../assets/assets/interest_charge_calculation-78526d52261492376111f17559defeb15db594405b422b6fd7ee581fc282e3c1.svg");
  height: 40px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}

.loan-origination-review-component-remaining-credit {
  margin-left: 24px
}

.loan-origination-review-component-bordered-table {
  border-bottom: 1px solid #e7e7ea;
  margin-bottom: 24px
}

.loan-repayment-repayment-details-component-securities-warning {
  margin-top: 18px
}

.loan-repayment-success-component {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1
}

.static-marketing-after-tax-benefit-comparison-table-component-container {
  box-shadow: 0 0 5px #0003;
  padding: 48px;
  background-color: #fff
}

@media only screen and (max-width: 768px) {
  .static-marketing-after-tax-benefit-comparison-table-component-container {
    padding: 24px
  }
}

.static-marketing-after-tax-benefit-comparison-table-component-table {
  font-size: 20px
}

@media only screen and (min-width: 1140px) {
  .static-marketing-after-tax-benefit-comparison-table-component-table {
    padding: 24px 48px
  }
}

.static-marketing-after-tax-benefit-comparison-table-component-dropdown {
  margin: 0 4px;
  border-bottom: 1px solid #288067;
  position: relative
}

.static-marketing-blog-posts-carousel-component-post-widget {
  position: relative;
  display: flex
}

.static-marketing-blog-posts-carousel-component-post-widget:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 5px 20px #0000001a;
  opacity: 0;
  transition: opacity .3s ease-in-out
}

.static-marketing-blog-posts-carousel-component-post-widget:hover:after {
  opacity: 1
}

.static-marketing-blog-posts-carousel-component-post-widget-section {
  min-height: 100%
}

.static-marketing-blog-posts-carousel-component-post-widget-full-link {
  position: absolute;
  inset: 0
}

.static-marketing-disclosure-component {
  margin-left: 6px;
  cursor: help
}

.static-marketing-engineering-hero-chart-component-sun-icon,
.static-marketing-engineering-hero-chart-component-moon-icon {
  position: absolute;
  left: -27px;
  width: 17px;
  height: 17px;
  background-repeat: no-repeat
}

.static-marketing-engineering-hero-chart-component {
  position: relative;
  height: 85%;
  margin: 0 auto
}

@media only screen and (max-width: 768px) {
  .static-marketing-engineering-hero-chart-component {
    width: 85%
  }
}

.static-marketing-engeering-hero-chart-component-chart-container {
  z-index: 1;
  overflow: visible !important
}

.static-marketing-engineering-hero-chart-component-moon-icon {
  top: 48px;
  background-image: url("../../../assets/assets/marketing/moon_icon-6b62d605d0e3725b3540fc0a90193fbdb99b1aa32bddcf3c37236ed5940b6753.png");
  background-size: 80%
}

.static-marketing-engineering-hero-chart-component-sun-icon {
  top: 312px;
  background-image: url("../../../assets/assets/marketing/sun_icon-4259d0fd094b35f7007a026d43f1c575366bf6f486e74b0e99a4896644a3f05f.png");
  background-size: 100%
}

.static-marketing-engeering-hero-chart-component-chart-bar {
  fill: #fff;
  shape-rendering: crispEdges;
  opacity: 0
}

@media only screen and (max-width: 768px) {
  .static-marketing-engineering-hero-chart-x-axis {
    display: none
  }
}

.static-marketing-engineering-hero-chart-x-axis .domain,
.static-marketing-engineering-hero-chart-y-axis .domain {
  stroke: none
}

.static-marketing-engineering-hero-chart-x-axis .tick text,
.static-marketing-engineering-hero-chart-y-axis .tick text {
  fill: #e7e7ea;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased
}

.static-marketing-engineering-hero-chart-x-axis .tick line {
  stroke: #e7e7ea
}

.static-marketing-engineering-hero-chart-x-axis .tick text {
  text-anchor: start
}

.static-marketing-engineering-hero-chart-y-axis .tick text {
  text-anchor: middle
}

.static-marketing-engineering-hero-component {
  background: #322c82
}

.static-marketing-engineering-hero-component-chart-container {
  position: relative;
  height: 400px
}

div.static-marketing-engineering-hero-component-last-push-container {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 80%;
  transform: translate(-50%, -50%);
  width: 280px;
  box-shadow: 0 5px 15px #0000001a
}

.static-marketing-engineering-hero-component-last-push-title {
  margin-bottom: 12px
}

.static-marketing-engineering-hero-component-last-push-time {
  margin-right: 12px
}

.static-marketing-engineering-hero-component-chart-target {
  height: 100%
}

.static-marketing-featured-jobs-section-component .hiring-header {
  font-size: 60px
}

.static-marketing-featured-jobs-section-component a {
  border: none;
  padding: 6px;
  margin: 0
}

.static-marketing-featured-jobs-section-component .subsection-tile:first-child,
.static-marketing-featured-jobs-section-component .subsection-tile:last-child {
  padding-block: 48px
}

.static-marketing-engineering-team-overview-section-component-top-line-row {
  padding-bottom: 96px;
  background: url("../../../assets/assets/marketing/engineering_team_top_line-77c9228646a6c2b726c0713daab05743562376db593c70a3a2504225c04f843a.png") no-repeat;
  background-size: 60%;
  background-position: 42% 90%
}

@media only screen and (max-width: 768px) {
  .static-marketing-engineering-team-overview-section-component-top-line-row {
    background: none;
    padding-bottom: 48px
  }
}

.static-marketing-engineering-team-overview-section-component-bottom-line-row {
  padding-bottom: 168px;
  background: url("../../../assets/assets/marketing/engineering_team_bottom_line-9e19f757d3a7bea54da4a2384411c2b712f558f7d09dcf31019f6c81d82e0091.png") no-repeat;
  background-size: 57%;
  background-position: 42% 95%
}

@media only screen and (max-width: 768px) {
  .static-marketing-engineering-team-overview-section-component-bottom-line-row {
    background: none;
    padding-bottom: 48px
  }
}

.static-marketing-engineering-team-overview-section-component-image {
  width: 100%;
  max-width: 410px
}

@media only screen and (max-width: 768px) {
  .static-marketing-engineering-team-overview-section-component-image {
    margin-bottom: 18px
  }
}

.static-marketing-hero-component {
  padding: 24px 0;
  background: center no-repeat;
  background-size: cover
}

.static-marketing-hero-component-parent-title {
  margin-bottom: 12px;
  color: #b7b7c0
}

.static-marketing-investment-features-carousel-component {
  margin-top: 48px
}

.static-marketing-investment-features-carousel-component-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.static-marketing-investment-features-carousel-component-image-size {
  margin-top: 100%
}

.static-marketing-investment-features-carousel-component-image-android {
  background-image: url("../../../assets/assets/marketing/life_at_wealthfront/android-7a75c031142e7e8aa5a27b2883635c0c67b5bae7b49f262cbae3b2a1bc0e28b8.jpg")
}

.static-marketing-investment-features-carousel-component-image-baseball {
  background-image: url("../../../assets/assets/marketing/life_at_wealthfront/baseball-f64ef9f2cf6be6144085efcc92b64e3c641d3707e41a63e55059a1a823f88f6b.jpg")
}

.static-marketing-investment-features-carousel-component-image-basketball {
  background-image: url("../../../assets/assets/marketing/life_at_wealthfront/basketball-42805b6a465d187669efc3f4621151c728a3d3b37aaaf41ff30a8bcd25c18842.jpg")
}

.static-marketing-investment-features-carousel-component-image-glassblowing {
  background-image: url("../../../assets/assets/marketing/life_at_wealthfront/glassblowing-bf9af302f2fb08c24c811dd99a6b61bbeb91cbf6f6fe2849cf477dabe6d0d414.jpg")
}

.static-marketing-investment-features-carousel-component-image-go-karting {
  background-image: url("../../../assets/assets/marketing/life_at_wealthfront/go_karting-fb9b1e4405c90ef2c75b9f4f4b94865fc1fd236c0fa26c216109f8064c94c97c.jpg")
}

.static-marketing-investment-features-carousel-component-image-interns {
  background-image: url("../../../assets/assets/marketing/life_at_wealthfront/interns-6fcafad3fc7b3805fbff31fcc3e807feb45a4928d25988a6a51d6435ec35314d.jpg")
}

.static-marketing-investment-features-carousel-component-image-magic {
  background-image: url("../../../assets/assets/marketing/life_at_wealthfront/magic-95abad27984d2226a97f6a545121ea684796f1f03632c01ac2ac5e5d46db3440.jpg")
}

.static-marketing-investment-features-carousel-component-image-magic-two {
  background-image: url("../../../assets/assets/marketing/life_at_wealthfront/magic_two-72d7a7329940a57fefb7dd10539d615e0e3533d7ab69e6851fa83c6dffb0e694.jpg")
}

.static-marketing-investment-features-carousel-component-image-puzzle {
  background-image: url("../../../assets/assets/marketing/life_at_wealthfront/puzzle-4b42871cdf972cbc74118016857c211c6591897d2bbc5bb230a19267aa09503d.jpg")
}

.static-marketing-investment-features-carousel-component-image-rebrand {
  background-image: url("../../../assets/assets/marketing/life_at_wealthfront/rebrand-63ca0c619d197a557deed66ce7f0fdd7acef70885728fb5ea17bf212906d6194.jpg")
}

.static-marketing-investment-features-carousel-component-image-sailing {
  background-image: url("../../../assets/assets/marketing/life_at_wealthfront/sailing-6ad01a19827c1560dd64b7f19ff2b53610d555d955d88e89f72163bfec32b528.jpg")
}

.static-marketing-investment-features-carousel-component-image-soccer {
  background-image: url("../../../assets/assets/marketing/life_at_wealthfront/soccer-c77e0eab330e9176ee5f3fbb231a035e681baf0f331b1f6a7c2f82e20a2d9764.jpg")
}

.static-marketing-investment-features-carousel-component-image-swimming {
  background-image: url("../../../assets/assets/marketing/life_at_wealthfront/swimming-886f807c8f806632192eb40f7cf6cdac19de90d67f19ffd4b530b070682c3fc5.jpg")
}

.static-marketing-investment-features-carousel-component-image-toy-drive {
  background-image: url("../../../assets/assets/marketing/life_at_wealthfront/toy_drive-dc153fb1d4dede23077c3185629a919424b71031c041da7476b13a9971522a5a.jpg")
}

.static-marketing-investment-features-carousel-component-image-volleyball {
  background-image: url("../../../assets/assets/marketing/life_at_wealthfront/volleyball-b99ccf9e44f133d639618fc85fc84a83722c0e1e55315106de76a5df59905cae.jpg")
}

.static-marketing-investment-features-carousel-component-image-wf {
  background-image: url("../../../assets/assets/marketing/life_at_wealthfront/wf-0c11371d9b060014c85bd9fe27ccd21413ac0e93089eeaa4e0fb0f057fb307fb.jpg")
}

.static-marketing-subnav-component:not(:first-child),
.subsection-tile-mini:not(:first-child),
.section-tile:not(:first-child) {
  border-top: 1px solid #e7e7ea
}

@media only screen and (max-width: 768px) {

  .subsection-tile-mini,
  .subsection-tile {
    padding-top: 48px;
    padding-bottom: 48px
  }

  .subsection-tile-mini:first-child,
  .subsection-tile:first-child {
    padding-top: 48px !important
  }

  .subsection-tile-mini:last-child,
  .subsection-tile:last-child {
    padding-bottom: 48px !important
  }
}

@media only screen and (max-width: 480px) {
  .section-tile {
    padding-left: 6px;
    padding-right: 6px
  }

  .section-tile.section-tile-full-width-mobile {
    padding-left: 0;
    padding-right: 0
  }
}

.subsection-tile {
  position: relative;
  padding: 72px 0
}

.subsection-tile:not(:first-child):before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  width: 570px;
  border-top: 1px solid #e7e7ea
}

.subsection-tile:first-child {
  padding-top: 96px
}

.subsection-tile:last-child {
  padding-bottom: 96px
}

@media only screen and (max-width: 768px) {
  .subsection-tile:not(:first-child):before {
    width: 75%
  }
}

.subsection-tile-mini {
  padding: 48px 0
}

.subsection-tile-mini:first-child {
  padding-top: 48px
}

.subsection-tile-mini:last-child {
  padding-bottom: 48px
}

.section-tile-white-background {
  background-color: #fff
}

.section-tile-gray-50-background {
  background-color: #fcfcfc
}

.section-tile-primary-background {
  background-color: #4840bb
}

.section-tile-green-background {
  background-color: #288067
}

.section-tile-pool-background {
  background-color: #81cdcc
}

.static-marketing-subnav-component {
  background-color: #fcfcfc
}

.static-marketing-subnav-component-mobile {
  display: none
}

@media only screen and (max-width: 768px) {
  .static-marketing-subnav-component-mobile {
    display: block
  }
}

.static-marketing-subnav-component-subnav {
  text-align: center
}

@media only screen and (max-width: 768px) {
  .static-marketing-subnav-component-subnav {
    display: none
  }
}

.static-marketing-subnav-component-subnav li a {
  color: #747386;
  padding: 0 24px;
  font-size: 18px;
  line-height: 72px
}

.static-marketing-subnav-component-subnav li a:hover,
.static-marketing-subnav-component-subnav li a:focus {
  color: #161338
}

.static-marketing-subnav-component-subnav li a.active-nav-link {
  font-weight: 500;
  border-bottom: 2px solid #4840bb;
  margin-bottom: -1px;
  color: #161338
}

.static-marketing-subnav-component-subnav .nav-item {
  display: inline-block
}

@media only screen and (min-width: 769px) and (max-width: 1139px) {
  .static-marketing-subnav-component-subnav li a {
    padding: 0 12px
  }
}

.static-marketing-subnav-component-hidden-checkbox,
.static-marketing-subnav-component-mobile-nav,
.static-marketing-subnav-component-mobile-nav-title .static-marketing-subnav-component-mobile-nav-toggle-icon.wf-accordion-up {
  display: none
}

.static-marketing-subnav-component-hidden-checkbox:checked+.static-marketing-subnav-component-mobile-nav-title .static-marketing-subnav-component-mobile-nav-toggle-icon.wf-accordion-up {
  display: inline
}

.static-marketing-subnav-component-hidden-checkbox:checked+.static-marketing-subnav-component-mobile-nav-title .static-marketing-subnav-component-mobile-nav-toggle-icon.wf-accordion-down {
  display: none
}

.static-marketing-subnav-component-hidden-checkbox:checked+.static-marketing-subnav-component-mobile-nav-title+.static-marketing-subnav-component-mobile-nav {
  display: block
}

.static-marketing-subnav-component-mobile-nav-title {
  position: relative;
  padding: 12px 0;
  cursor: pointer
}

.static-marketing-subnav-component-mobile-nav-toggle-icon {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%)
}

.static-marketing-subnav-component-mobile-nav-item a {
  display: block;
  padding: 12px 0;
  color: #161338
}

.static-marketing-subnav-component-mobile-nav-item.static-marketing-subnav-component-mobile-nav-item-active {
  background-color: #4840bb
}

.static-marketing-subnav-component-mobile-nav-item.static-marketing-subnav-component-mobile-nav-item-active a {
  color: #fff
}

.static-marketing-subnav-component-mobile-nav-item:first-child {
  border-top: 1px solid #e7e7ea
}

.static-marketing-what-makes-us-successful-section-component-header {
  margin-bottom: 48px
}

@media only screen and (max-width: 768px) {
  .static-marketing-what-makes-us-successful-section-component-header {
    margin-bottom: 12px
  }
}

.static-marketing-work-hard-play-hard-section-component-spaced-paragraph {
  margin-bottom: 24px
}

.static-marketing-work-hard-play-hard-section-component-team-image {
  height: 475px;
  background: url("../../../assets/assets/marketing/engineering_team-d13db9412ed7f5bc271332a3573f7476d6b422c9e6d46a56ce0cac6f0ea0f7c6.jpg") no-repeat center;
  background-size: cover
}

@media only screen and (min-width: 769px) and (max-width: 1139px) {
  .static-marketing-work-hard-play-hard-section-component-team-image {
    height: 325px
  }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .static-marketing-work-hard-play-hard-section-component-team-image {
    height: 250px
  }
}

.allocation-container-component-more-details-link {
  margin-top: 24px;
  text-decoration: underline
}

.allocation-container-component-more-details-link:hover {
  text-decoration: underline
}

@media only screen and (max-width: 1140px) {
  .radio-inline.allocation-container-component-radio+.radio-inline {
    margin-left: 0
  }
}

.allocation-container-component-recommended-text {
  margin-top: -3px
}

@media only screen and (max-width: 1140px) {
  .allocation-container-component-controls-wrapper {
    margin-bottom: 12px
  }
}

.asset-allocation-component-all-assets {
  display: inline-block
}

.asset-allocation-component-all-assets:hover .asset-allocation-component-asset-bar {
  opacity: .5
}

.asset-allocation-component-all-assets:hover .asset-allocation-component-asset-label-highlight {
  opacity: .35
}

.asset-allocation-component-asset-padded {
  padding: 3px;
  background: none;
  border: none
}

.asset-allocation-component-asset-padded:hover .asset-allocation-component-asset-bar {
  opacity: 1
}

.asset-allocation-component-asset-padded:hover .asset-allocation-component-asset-label-highlight {
  opacity: .7
}

.asset-allocation-component-assets-wrapper {
  width: 100%
}

.asset-allocation-component-asset-wrapper {
  height: 100%;
  display: inline-block;
  width: 96px;
  padding: 0;
  vertical-align: top
}

@media only screen and (max-width: 768px) {
  .asset-allocation-component-asset-wrapper {
    width: 62px
  }
}

.asset-allocation-component-asset-bar {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px
}

.asset-allocation-component-asset-label-highlight {
  padding: 12px;
  opacity: .7;
  color: #fff
}

@media only screen and (max-width: 768px) {
  .asset-allocation-component-asset-label-highlight {
    padding: 6px
  }
}

.asset-allocation-component-asset-label-wrapper {
  height: 20%
}

.asset-allocation-component-asset-label-market {
  padding: 6px
}

@media only screen and (max-width: 768px) {
  .asset-allocation-component-asset-label-market {
    font-size: 13px
  }
}

.asset-allocation-component-assets-risk-change {
  background: none;
  border: none;
  width: 24px;
  line-height: 15px;
  color: #0006;
  cursor: pointer
}

.asset-allocation-component-assets-risk-change:hover {
  background: #0000001a
}

.asset-allocation-component-assets-risk-recommended {
  color: #000c
}

.asset-allocation-component-invisible {
  visibility: hidden
}

.asset-allocation-component-asset-type-cell {
  min-width: 150px
}

.asset-allocation-component-asset-progress-bar-cell {
  width: 100%
}

.asset-allocation-component-joined-cell {
  border-top: none !important;
  padding-top: 0 !important
}

.risk-score-controls-component {
  margin: 0 auto
}

.risk-score-controls-component-change {
  background: none;
  border: none;
  width: 48px;
  cursor: pointer
}

.risk-score-controls-component-change-icon {
  color: #161338
}

.risk-score-update-modal-component-content {
  margin-bottom: 18px
}

body.referrals-hub div[role=main]>.container-flex {
  width: auto;
  padding: 0
}

.dashboard-settings-beneficiaries-edit-component-name,
.dashboard-settings-beneficiaries-view-component-name {
  overflow: hidden;
  text-overflow: ellipsis
}

.dashboard-settings-beneficiaries-widget-component-tooltip-icon,
.dashboard-settings-beneficiary-edit-component-tooltip-icon {
  margin-left: 6px;
  cursor: help
}

.dashboard-settings-single-beneficiary-info-component-inner-rows {
  padding: 0 20px;
  background-color: #f3f3f3;
  border-bottom: 1px solid #e7e7ea
}

.dashboard-settings-beneficiary-info-component-header {
  cursor: pointer
}

.dashboard-settings-single-beneficiary-info-component-arrow {
  font-size: 20px;
  transition: transform .2s
}

.dashboard-settings-single-beneficiary-info-component-arrow-up {
  transform: rotate(180deg)
}

.dashboard-mfa-config-confirm-generator-component-secret {
  font-size: 20px
}

label.dashboard-settings-contact-information-address-label {
  padding-bottom: 2px
}

.dashboard-settings-disconnect-contact-source-component-disconnected-message {
  padding: 9px 18px;
  border: 1px solid transparent
}

.settings-edit-selling-rate-modal-component-select-menu .select-menu-component-options-container {
  max-height: 134px;
  overflow-y: auto
}

.settings-stock-restrictions-instrument-highlight {
  background: #e7e7ea
}

.dashboard-settings-invite-status-table-component {
  margin-bottom: 24px
}

.dashboard-settings-invite-status-table-component:last-of-type {
  margin-bottom: 0
}

.dashboard-settings-invite-status-table-component-invitee-column {
  width: 50%
}

.dashboard-settings-invite-status-table-component-action-column {
  width: 15%
}

.dashboard-settings-stock-restrictions-component {
  margin-bottom: 100px
}

.dashboard-settings-stock-restrictions-component-form {
  position: relative
}

.settings-stock-restrictions-choices {
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  background: #fff;
  position: absolute;
  top: 40px;
  list-style-type: none;
  border-radius: 0
}

.settings-stock-restrictions-instrument-symbol {
  float: right
}

.settings-stock-restrictions-instrument-choice {
  border-bottom: 1px solid #b7b7c0;
  border-right: 1px solid #b7b7c0;
  border-left: 1px solid #b7b7c0;
  padding: 12px 4px
}

.settings-stock-restrictions-instrument-choice:first-child {
  border-top: 1px solid #b7b7c0
}

.settings-stock-restrictions-instrument-no-results-choice {
  border-top: 1px solid #b7b7c0;
  border-bottom: 1px solid #b7b7c0;
  border-right: 1px solid #b7b7c0;
  border-left: 1px solid #b7b7c0;
  padding: 12px 4px
}

.dashboard-settings-verify-ach-link-component-input {
  width: 100%;
  display: inline-block
}

.dashboard-settings-verify-ach-link-component-input-wrapper {
  display: flex;
  text-align: center;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 3px
}

.settings-spousal-linking-create-link-component-input-container {
  display: flex
}

.settings-spousal-linking-create-link-component-input-container .form-control {
  margin-right: 12px
}

@media only screen and (max-width: 480px) {
  .settings-spousal-linking-create-link-component-input-container {
    display: block
  }

  .settings-spousal-linking-create-link-component-input-container .form-control {
    margin-right: 0;
    margin-bottom: 12px
  }
}

.settings-spousal-linking-delete-link-modal-component {
  height: 70%
}

@media only screen and (max-width: 480px) {
  .settings-spousal-linking-delete-link-modal-component {
    height: 90%;
    overflow-y: hidden
  }
}

.common-source-icon-component {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  text-align: center
}

.common-source-icon-component.default {
  background-color: #413f57
}

.common-source-icon-component.default .common-source-icon-component-icon {
  font-size: 60%
}

.common-source-icon-component.ally {
  background-color: #660c60
}

.common-source-icon-component.ameriprise {
  background-color: #003c6b
}

.common-source-icon-component.americanfunds {
  background-color: #0099e2
}

.common-source-icon-component.betterment {
  background-color: #316793
}

.common-source-icon-component.bofa {
  background-color: #e6222a
}

.common-source-icon-component.barclays {
  background-color: #00adef
}

.common-source-icon-component.capitalone {
  background-color: #bf1c0a
}

.common-source-icon-component.chase {
  background-color: #0f5ba7
}

.common-source-icon-component.citi {
  background-color: #20244c
}

.common-source-icon-component.edwardjones {
  background-color: #244438
}

.common-source-icon-component.etrade {
  background-color: #4e388f
}

.common-source-icon-component.fidelity {
  background-color: #578921
}

.common-source-icon-component.firstrepublic {
  background-color: #1e5541
}

.common-source-icon-component.goldman {
  background-color: #7399c6
}

.common-source-icon-component.hsbc {
  background-color: #eb2929
}

.common-source-icon-component.interactivebrokers {
  background-color: #fc0304
}

.common-source-icon-component.lpl {
  background-color: #052d4f
}

.common-source-icon-component.merrill {
  background-color: #01236a
}

.common-source-icon-component.morganstanley {
  background-color: #677b9b
}

.common-source-icon-component.motif {
  background-color: #212121
}

.common-source-icon-component.navyfederal {
  background-color: #0b3147
}

.common-source-icon-component.optionshouse {
  background-color: #53ad46
}

.common-source-icon-component.pnc {
  background-color: #ec7f00
}

.common-source-icon-component.principal {
  background-color: #0091d4
}

.common-source-icon-component.raymondjames {
  background-color: #003493
}

.common-source-icon-component.robinhood {
  background-color: #21ce99
}

.common-source-icon-component.schwab {
  background-color: #009ed9
}

.common-source-icon-component.scottrade {
  background-color: #481270
}

.common-source-icon-component.suntrust {
  background-color: #f56523
}

.common-source-icon-component.td {
  background-color: #2fab24
}

.common-source-icon-component.tradeking {
  background-color: #336
}

.common-source-icon-component.troweprice {
  background-color: #05c3de
}

.common-source-icon-component.ubs {
  background-color: #000
}

.common-source-icon-component.usaa {
  background-color: #003a60
}

.common-source-icon-component.usbank {
  background-color: #0c2174
}

.common-source-icon-component.vanguard {
  background-color: #99181a
}

.common-source-icon-component.wealthfront {
  background-color: #288067
}

.common-source-icon-component.wealthfront .common-source-icon-component-icon {
  font-size: 66.67%
}

.common-source-icon-component.wellsfargo {
  background-color: #c40342
}

.common-source-icon-component.realestate {
  background: #288067 url("../../../assets/assets/redesign/real_estate_icon-48f14a8c62bceca5b900199f56a8d0a05221842e2097c4204431ff7104e27201.svg");
  background-size: cover
}

.common-source-icon-component.mortgage {
  background: #288067 url("../../../assets/assets/redesign/mortgage_icon-6600bc5b17e80dd592a258770d1cf9bb7c2243f844b3d7ae6f6bb8c5f7ea51e9.svg");
  background-size: cover
}

.common-source-icon-component-icon {
  width: auto;
  height: auto;
  font-size: inherit;
  color: #fff
}

.icon.common-source-icon-component-icon[class*=wf-logo-] {
  font-size: inherit
}

.icon.common-source-icon-component-default-banking-emblem {
  background-color: #747386;
  color: #fff
}

.icon.common-source-icon-component-default-banking-emblem:before {
  position: relative;
  right: -1px;
  font-weight: 400;
  font-size: 36px
}

.static-account-selections-dropdown-target-component {
  color: #747386
}

.static-account-selections-dropdown-target-component-dropdown-header a {
  margin-bottom: 6px;
  border-bottom: 1px solid #e7e7ea;
  border-radius: 0;
  color: #000;
  cursor: text
}

.static-breadcrumb-subheader-component {
  overflow: auto;
  padding: 12px 0;
  background-color: #f3f3f3
}

.static-breadcrumb-subheader-component-caret {
  margin: 0 4px
}

.static-college-info-screen-component-guide-text {
  margin-bottom: 36px
}

.static-college-info-screen-component-bullet-header {
  line-height: 1
}

.static-college-savings-state-disclosure-component {
  margin: 12px auto 36px;
  max-width: 1000px
}

.static-college-savings-state-disclosure-component-seal-container {
  display: flex;
  align-items: center
}

.static-college-savings-state-disclosure-component-seal {
  width: 150px;
  margin-right: 12px
}

.static-disclosures-legal-component-heading {
  border-top: 3px solid #8f53d7;
  padding: 12px 0;
  margin-top: 48px
}

.static-disclosures-legal-component-general-heading {
  margin-top: 48px
}

.static-footer-component-terms a,
.static-footer-component-links a {
  color: #747386;
  text-decoration: underline
}

.static-footer-component {
  font-family: Calibre, Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-align: left;
  color: #747386;
  max-width: 1050px;
  margin-right: auto;
  margin-left: auto
}

.static-footer-component-container {
  border-top: 1px solid #e7e7ea;
  max-width: 1000px;
  height: 100%;
  margin: 0 auto;
  padding: 15px 0
}

@media only screen and (max-width: 768px) {
  .static-footer-component-container {
    margin: 0 auto 50px
  }
}

.static-footer-component-links {
  list-style: none;
  overflow: auto;
  margin: 15px 0;
  padding-left: 0
}

.static-footer-component-links li {
  float: left;
  margin-left: 11px
}

@media only screen and (max-width: 768px) {
  .static-footer-component-links {
    display: none
  }
}

.static-footer-component-bottom-row {
  height: 28px
}

.static-footer-component-copyright {
  line-height: 28px
}

.static-footer-component-social-icons {
  float: right
}

a.static-footer-component-social-link {
  float: left;
  text-decoration: none;
  margin-left: 12px
}

a.static-footer-component-social-link:hover {
  text-decoration: none
}

a.static-footer-component-social-link:first-child {
  margin-left: 0
}

.static-header-react-component .dropdown-component {
  margin: 0
}

.header-container.static-header-react-component-header-container {
  width: 100%;
  height: 72px;
  background-color: #8f53d7
}

.header-container.static-header-react-component-header-container-fixed {
  position: fixed;
  top: 0
}

.static-header-react-component-logo-container {
  margin-right: 36px
}

.static-header-react-component-logo {
  line-height: 72px;
  color: #fff;
  font-size: 36px
}

.static-header-react-component-login-button {
  color: #fff
}

.static-header-react-component-login-button:hover {
  color: #e7e7ea
}

.static-header-react-component-spacer {
  height: 72px
}

.icon.static-header-react-component-open-mobile-menu-icon {
  height: 72px;
  cursor: pointer
}

.icon.static-header-react-component-open-mobile-menu-icon:before {
  line-height: 72px;
  font-size: 24px
}

.static-not-found-component {
  margin-top: -72px;
  padding-top: 72px
}

.static-not-found-component-image {
  max-width: 100%;
  margin-bottom: 36px;
  padding-left: 24px
}

.static-not-found-component-paragraph-spacing {
  margin-bottom: 36px
}

.static-plan-college-savings-component-content-area {
  box-shadow: 0 2px 6px #0000001a;
  padding: 24px 24px 0
}

.static-plan-college-savings-component-risk-score-tooltip {
  cursor: help;
  border-bottom: 1px dashed #b7b7c0
}

.static-plan-college-savings-component-tooltip-icon {
  vertical-align: top
}

.static-plan-college-savings-component-buttons {
  display: flex;
  flex-direction: column;
  align-items: center
}

.static-plan-college-savings-graph-component {
  margin-bottom: 24px
}

.static-plan-college-savings-graph-component .dashboard-college-glide-path-graph-component {
  height: 400px
}

@media only screen and (max-width: 1140px) {
  .static-plan-college-savings-graph-component .dashboard-college-glide-path-graph-component {
    height: auto;
    min-height: 300px;
    margin-bottom: 24px
  }
}

.static-plan-college-savings-graph-legend-component-label-header-row:first-of-type th {
  padding-top: 0
}

.static-plan-college-savings-graph-legend-component-label-header-row th {
  font-weight: 500;
  padding-top: 24px
}

.static-plan-college-savings-graph-legend-component-label-header-row-overview th {
  padding-top: 12px
}

.static-plan-college-savings-graph-legend-component-label-row td {
  padding-top: 6px
}

.static-plan-college-savings-graph-legend-component-label:before {
  content: "";
  display: inline-block;
  border-radius: 10px;
  width: 10px;
  height: 10px;
  margin-right: 10px
}

.static-plan-college-savings-graph-legend-component-label-header-stocks:before {
  background: #ff6f00
}

.static-plan-college-savings-graph-legend-component-label-header-bonds:before {
  background: #57c5de
}

.static-plan-college-savings-graph-legend-component-label-header-treasury-bills:before {
  background: #014e86
}

.static-plan-college-savings-graph-legend-component-label-us-stocks:before {
  background: #ff6f00
}

.static-plan-college-savings-graph-legend-component-label-intl-developed:before {
  background: #ff8700
}

.static-plan-college-savings-graph-legend-component-label-intl-emerging:before {
  background: #faad58
}

.static-plan-college-savings-graph-legend-component-label-div-stocks:before {
  background: #febf87
}

.static-plan-college-savings-graph-legend-component-label-real-estate:before {
  background: #ceac8f
}

.static-plan-college-savings-graph-legend-component-label-infl-bonds:before {
  background: #57c5de
}

.static-plan-college-savings-graph-legend-component-label-corp-bonds:before {
  background: #2488c0
}

.static-plan-college-savings-graph-legend-component-label-em-bonds:before {
  background: #0a6da4
}

.static-plan-college-savings-graph-legend-component-label-us-tbills:before {
  background: #014e86
}

.static-questionnaire-component-questions-wrapper {
  min-height: 400px;
  margin-bottom: 12px
}

.static-questionnaire-component-questions-wrapper .static-questionnaire-component-flow-message {
  margin-bottom: 12px;
  font-size: 24px
}

.static-questionnaire-component-controls {
  padding-top: 36px
}

.static-questionnaire-component-error {
  color: #f24d4d;
  margin-top: 10px;
  font-size: 14px
}

.static-questionnaire-component-processing {
  margin: 5em 0 18em;
  text-align: center
}

@media only screen and (max-width: 480px) {
  .static-questionnaire-component-responsive .static-questionnaire-component-questions-wrapper {
    min-height: 80vh !important
  }
}

@media only screen and (max-width: 480px) {
  .static-questionnaire-component-responsive .static-questionnaire-component-controls {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    border-top: 1px solid #f3f3f3
  }
}

.static-questionnaire-component-disclosure {
  margin-left: 12px
}

.static-questionnaire-name-or-checkbox-component-checkbox-wrapper {
  margin-bottom: 24px;
  margin-top: 24px
}

.static-questionnaire-controls-component-continue {
  min-width: 110px
}

.static-questionnaire-external-accounts-component-logo {
  width: 40px;
  height: 40px;
  font-size: 40px
}

.static-questionnaire-integer-component-integer {
  max-width: 200px;
  -moz-appearance: textfield
}

.static-questionnaire-integer-component-integer::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.static-questionnaire-money-component-money {
  max-width: 200px
}

.static-signup-breadcrumb-component {
  overflow: auto;
  padding: 12px 0;
  border-bottom: 1px solid #b7b7c0;
  background-color: #f3f3f3
}

.static-unavailable-component-image {
  margin-bottom: 36px;
  max-width: 100%
}

.static-unavailable-component-link-spacing {
  margin-top: 36px
}

.transactions-group-component {
  margin-top: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid var(--tk-content-divider)
}

.transactions-group-component-header {
  padding-left: 24px;
  margin-top: 24px;
  margin-bottom: 18px
}

.transactions-group-component-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  bottom: 1px
}

.transactions-group-component-dot-danger {
  background-color: var(--tk-affordability-stretch)
}

.transactions-group-component-dot-warning {
  background-color: var(--tk-affordability-manageable)
}

.transactions-group-component-dot-success {
  background-color: var(--tk-affordability-comfortable)
}

.transactions-group-component-dot-info {
  background-color: var(--tk-affordability-unaffordable)
}

.transactions-header-wrapper-component-link-wrapper {
  margin-top: 18px
}

.transaction-item-component-wrapper {
  cursor: pointer;
  background-color: var(--tk-surface-interactive-concealed);
  transition: background-color 75ms cubic-bezier(.2, 0, .4, 1)
}

.transaction-item-component-wrapper:hover {
  background-color: var(--tk-surface-interactive-concealed-hover)
}

.transaction-item-component-wrapper.transaction-item-component-highlight {
  background-color: var(--tk-surface-interactive-concealed-active)
}

.transaction-item-component-side-padding {
  padding-left: 24px;
  padding-right: 24px
}

.transaction-item-component-muted {
  color: var(--tk-content-secondary)
}

.transaction-item-component-table-cell {
  vertical-align: top
}

.transaction-item-component-table-cell-content {
  line-height: 24px;
  vertical-align: top
}

.transaction-item-component-table-cell-icon {
  width: 24px
}

.transaction-item-component-attention-icon {
  margin-left: -4px
}

.transactions-list-component-wrapper {
  height: 696px;
  overflow: auto
}

@media only screen and (max-width: 768px) {
  .transactions-list-component-wrapper {
    height: auto
  }
}

.transactions-list-wrapper-side-border {
  border-right: 1px solid var(--tk-content-divider)
}

.flows-transfer-account-number-component-info-trigger-node {
  margin-top: 24px
}

@media only screen and (max-width: 768px) {
  .flows-transfer-account-number-component-info-trigger-node {
    margin-top: 0
  }
}

.flows-transfer-account-number-component-account-row-display {
  margin-bottom: 24px
}

.flows-transfer-account-selection-component-account-details {
  color: #747386
}

@media only screen and (max-width: 768px) {
  .flows-transfer-account-selection-component-account-details {
    color: #161338
  }
}

@media only screen and (max-width: 768px) {
  .flows-transfer-account-selection-component-account-details-market-value:before {
    content: "("
  }

  .flows-transfer-account-selection-component-account-details-market-value:after {
    content: ")"
  }
}

.flows-transfer-account-subtype-component-account-row-display {
  margin-bottom: 24px
}

.flows-transfer-account-unsupported-component-list {
  padding-left: 18px
}

.flows-transfer-check-modal-link-component-bank-wpic,
.flows-transfer-check-modal-link-component-bank {
  box-shadow: 0 2px 6px #0000001a;
  background-repeat: no-repeat;
  background-size: cover;
  height: 216px;
  width: 100%
}

.flows-transfer-check-modal-link-component-bank {
  background-image: url("../../../assets/assets/transfer/bank_check-adc59d28c0dd987d14f0dec625f1bf16971b03f5023fc152ea2bed4496c77fe3.png")
}

.flows-transfer-check-modal-link-component-bank-wpic {
  background-image: url("../../../assets/assets/transfer/bank_wpic_check-6187c81f8c957ec0a2fa397ab5935eb70f6a90e703e41e1b254da0a2d5bbb2cd.png")
}

.flows-transfer-college-plan-component-typeahead-wrapper {
  margin-bottom: 18px;
  max-width: 408px
}

.flows-transfer-college-plan-modal-component-paragraph-wrapper {
  padding: 12px 24px 0
}

.flows-transfer-confirmation-component {
  display: flex;
  flex-grow: 1
}

@media only screen and (max-width: 768px) {
  .flows-transfer-confirmation-component {
    margin: 0
  }
}

.flows-transfer-employer-sponsored-instructions-component-title {
  align-items: center;
  display: flex
}

.flows-transfer-employer-sponsored-instructions-component-main-title {
  flex: 1
}

.flows-transfer-employer-sponsored-instructions-component-title-icon {
  margin-right: 3px
}

.flows-transfer-employer-sponsored-instructions-component-subtitle {
  margin-left: 54px
}

.flows-transfer-employer-sponsored-instructions-component-table tr:first-child td {
  border: none
}

.flows-transfer-employer-sponsored-overview-component-title {
  margin-bottom: 36px
}

@media only screen and (max-width: 768px) {
  .flows-transfer-employer-sponsored-type-component-help-link-wrapper {
    margin-top: 12px
  }
}

.flows-transfer-employer-sponsored-type-component-help-link {
  text-decoration: underline
}

.flows-transfer-issues-component-list-item+.flows-transfer-issues-component-list-item {
  margin-top: 12px
}

.flows-transfer-details-component-bullet-list li {
  line-height: 1.2;
  margin-bottom: 18px
}

.flows-transfer-details-component-bullet-keep {
  color: #8f53d7
}

.flows-transfer-details-component-bullet-sell-and-reinvest {
  color: #09f
}

.flows-transfer-details-component-bullet-invest-cash {
  color: #83e4c8
}

.flows-transfer-details-component-bullet-leave {
  color: #b7b7c0
}

.flows-transfer-details-component-pie-chart-container {
  justify-content: center;
  align-items: center
}

.flows-transfer-details-component-pie-chart {
  width: 288px;
  height: 288px;
  margin: 0 auto
}

@media only screen and (min-width: 769px) and (max-width: 1139px) {
  .flows-transfer-details-component-pie-chart {
    width: 216px;
    height: 216px
  }
}

.flows-transfer-details-component-group-details-modal {
  max-height: 80vh;
  overflow-y: scroll
}

@media only screen and (max-width: 768px) {
  .flows-transfer-details-component-group-details-modal {
    max-height: 100vh
  }
}

.flows-transfer-details-group-details-component-section-title {
  color: #8f53d7
}

.flows-transfer-details-group-details-component-main-description-section {
  height: 100%
}

.flows-transfer-details-group-details-component-table {
  width: 100%
}

.flows-transfer-details-group-details-component-keep-tooltip-content {
  text-transform: none;
  text-align: left
}

@media only screen and (max-width: 768px) {
  .flows-transfer-transfer-linking-modal-wrapper-component-rollover-instructions {
    padding-bottom: 60px
  }
}

.flows-transfer-transfer-plan-supported-investments-component-modal-component {
  max-height: 80vh;
  overflow-y: scroll
}

@media only screen and (max-width: 768px) {
  .flows-transfer-transfer-plan-supported-investments-component-modal-component {
    max-height: 100vh
  }
}

.flows-transfer-transfer-plan-supported-investments-component-modal-table-symbol {
  width: 60%
}

.flows-transfer-type-component-card-wrapper {
  min-height: 120px;
  cursor: pointer;
  display: flex;
  align-items: center
}

@media only screen and (min-width: 769px) and (max-width: 1139px) {
  .flows-transfer-type-component-card-wrapper {
    min-height: 168px
  }
}

.flows-transfer-type-component-card-content-wrapper {
  flex: 1
}

.flows-transfer-type-component-link-underline {
  text-decoration: underline
}

.flows-transfer-type-help-modal-component-option {
  border-top: 1px solid #e7e7ea
}

.flows-transfer-type-help-modal-component-option:first-of-type {
  border-top: none
}

@media only screen and (max-width: 768px) {
  .flows-transfer-type-help-modal-component-icon-wrapper {
    margin: 24px 0
  }
}

.flows-transfer-wf-account-selection-component {
  position: relative
}

.flows-transfer-wf-account-selection-component-account-details {
  color: #747386
}

@media only screen and (max-width: 768px) {
  .flows-transfer-wf-account-selection-component-account-details {
    color: #161338
  }
}

@media only screen and (max-width: 768px) {
  .flows-transfer-wf-account-selection-component-account-details-market-value:before {
    content: "("
  }

  .flows-transfer-wf-account-selection-component-account-details-market-value:after {
    content: ")"
  }
}

.dashboard-withdraw-funds-bank-component {
  margin-bottom: 24px
}

.dashboard-withdraw-funds-bank-component-tooltip-container {
  display: flex;
  align-items: center
}

.dashboard-withdraw-funds-celebrate-step-component-wrapper {
  min-height: 168px
}

.dashboard-withdraw-funds-celebrate-step-component-link {
  position: relative
}

.dashboard-withdraw-funds-flow-manager-component {
  display: flex;
  flex-direction: column;
  min-height: 168px
}

.dashboard-withdraw-funds-flow-manager-component-child {
  min-height: 168px
}

.dashboard-withdraw-funds-header-component {
  margin-bottom: 18px
}

.dashboard-withdraw-funds-header-component-title {
  margin-bottom: 6px
}

.dashboard-withdraw-funds-modal-component {
  text-align: left
}

.dashboard-withdraw-funds-navigation-component {
  margin-top: 12px;
  align-self: flex-start
}

.dashboard-withdraw-funds-review-address-row-component-address-item {
  margin-bottom: 8px
}

.dashboard-withdraw-funds-review-address-row-component-address-item:last-child {
  margin-bottom: 0
}

.dashboard-withdraw-funds-tax-consequences-component-gains-breakdown {
  margin: 0 18px 18px
}

.accordion-component {
  background-color: transparent;
  margin-bottom: 12px;
  position: relative
}

.accordion-component .accordion-row-component {
  padding: 0 24px;
  border-top: 1px solid #e7e7ea
}

.accordion-component .accordion-row-component:last-child {
  border-bottom: 1px solid #e7e7ea
}

.accordion-component .accordion-row-component .accordion-row-header-component {
  display: flex;
  align-items: center;
  overflow: hidden
}

.accordion-component .accordion-row-component .accordion-row-header-component .accordion-row-header-component-title {
  cursor: pointer;
  width: 100%;
  padding: 24px 0
}

.accordion-component .accordion-row-component .accordion-row-header-component .accordion-row-header-component-collapser {
  text-align: right;
  cursor: pointer
}

.accordion-component .accordion-row-component .accordion-row-subheader-component {
  padding-bottom: 24px
}

.accordion-component .accordion-row-component .accordion-row-supplemental-component {
  transition: height .3s ease-out
}

.accordion-component .accordion-row-component .accordion-row-supplemental-component.accordion-row-supplemental-component-expanded {
  padding-bottom: 24px
}

.accordion-component .accordion-row-component-collapse-left .accordion-row-header-component-collapser {
  padding: 24px 19px 24px 0
}

.accordion-component .accordion-row-component-collapse-left .accordion-row-subheader-component,
.accordion-component .accordion-row-component-collapse-left .accordion-row-supplemental-component {
  margin-left: 30px
}

.accordion-component .accordion-row-component-collapse-right .accordion-row-header-component-collapser {
  padding: 24px
}

.accordion-component-condensed .accordion-row-component {
  padding: 0 18px
}

.accordion-component-condensed .accordion-row-component .accordion-row-header-component .accordion-row-header-component-title {
  padding: 18px 0
}

.accordion-component-condensed .accordion-row-component .accordion-row-supplemental-component {
  padding-bottom: 18px
}

.accordion-component-condensed .accordion-row-component-collapse-left .accordion-row-header-component-collapser {
  padding: 18px 19px 18px 0
}

.accordion-component-condensed .accordion-row-component-collapse-right .accordion-row-header-component-collapser {
  padding: 18px 0
}

.action-button-component {
  display: block;
  text-decoration: none;
  background-color: #fcfcfc;
  color: inherit !important;
  border: 1px solid #e7e7ea;
  border-radius: 4px;
  margin-bottom: 12px;
  cursor: pointer;
  box-shadow: 0 2px 6px #0003;
  width: 100%;
  padding: 24px
}

@media only screen and (max-width: 768px) {
  .action-button-component {
    padding: 18px
  }
}

.action-button-component:hover {
  color: inherit;
  border-color: #1e83ef
}

.action-button-component:active {
  box-shadow: none;
  outline: none
}

.action-button-component:focus {
  box-shadow: none
}

.action-button-component-selected {
  border-color: #1e83ef;
  box-shadow: none
}

.action-button-component-disabled .action-button-component-content {
  opacity: .5
}

.action-button-component-supplemental {
  transition: height .3s ease-out
}

.action-button-component-supplemental:empty {
  display: none
}

.alert-bar-component {
  border-style: solid;
  border-width: 0 0 1px 0;
  font-size: 18px;
  color: #161338
}

.alert-bar-component-content {
  width: 100%;
  padding: 12px;
  display: flex;
  margin: auto
}

.alert-bar-component-success {
  background-color: #d8f1e2;
  border-color: #d8f1e2
}

.alert-bar-component-info {
  background-color: #e8ecfb;
  border-color: #e8ecfb
}

.alert-bar-component-warning {
  background-color: #fff9bf;
  border-color: #fff9bf
}

.alert-bar-component-danger {
  background-color: #ffd2d2;
  border-color: #ffd2d2
}

.alert-bar-component-action-link {
  margin-left: 6px;
  font-weight: 500;
  cursor: pointer
}

.alert-bar-component-dismiss-link {
  margin-left: 6px
}

.alert-bar-component-dismiss {
  position: relative;
  color: #b7b7c0;
  cursor: pointer
}

.alert-bar-component-message {
  align-self: center;
  flex-grow: 1;
  line-height: 1.3
}

.balance-sheet-recommendations-manager-component-content-transition-enter {
  opacity: .01;
  transition: opacity .3s ease-in .2s
}

.balance-sheet-recommendations-manager-component-content-transition-enter.balance-sheet-recommendations-manager-component-content-transition-enter-active {
  opacity: 1
}

.balance-sheet-recommendations-manager-component-content-transition-exit.balance-sheet-recommendations-manager-component-content-transition-exit-active {
  display: none
}

.recommendation-type-component-account-type-icon {
  margin: 0 auto 12px
}

.external-accounts-balance-sheet-recommendations-real-estate-type-component-home-icon {
  width: 72px;
  height: 72px;
  background-size: 100%;
  background-repeat: no-repeat;
  margin: 0 auto 12px;
  background-image: url("../../../assets/assets/path/icons/home_lg_round-e8f09751f4874a787030117a2136929de6191d7fb5ac91cf076af8542fb562d4.png")
}

.balance-sheet-recommendations-institution-button-group-component-institution-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 12px
}

.balance-sheet-recommendations-institution-button-group-component-institution {
  transition: transform .2s ease-out;
  width: 33%
}

.balance-sheet-recommendations-institution-button-group-component-institution:hover {
  transform: scale(1.1)
}

.breadcrumb-component-child {
  display: inline-flex;
  align-items: center
}

.breadcrumb-component-divider,
.breadcrumb-item-component {
  opacity: .5
}

.breadcrumb-item-component.breadcrumb-item-component-active {
  opacity: 1;
  font-weight: 500
}

.carousel-component-horizontal-container {
  display: flex;
  align-items: center
}

.carousel-component-arrow-container {
  flex: 1;
  max-width: 40px
}

.carousel-component-arrow {
  width: 40px;
  height: 40px;
  font-size: 30px;
  cursor: pointer;
  color: #747386
}

.carousel-component-arrow:before {
  line-height: 40px
}

.carousel-component-arrow:hover {
  color: #413f57
}

.carousel-component-children-container {
  flex: 1;
  overflow: hidden
}

.carousel-component-children-scroll-container {
  display: flex;
  transition: transform .3s ease-in-out
}

.carousel-component-child-container {
  display: flex;
  flex: 0 0 auto
}

.carousel-component-dots-container {
  margin-top: 24px
}

.carousel-component-dot {
  display: inline-block;
  margin: 0 6px;
  background-color: #747386;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  cursor: pointer
}

.carousel-component-dot:last-of-type {
  margin-right: 0
}

.carousel-component-dot-active {
  background-color: #4840bb
}

.widget-section.common-checklist-row-component {
  border-left: none;
  border-right: none
}

.widget-section.common-checklist-row-component:first-of-type {
  border-top: none
}

.widget-section.common-checklist-row-component:last-of-type {
  border-bottom: none;
  padding-bottom: 12px
}

.widget-section.common-checklist-row-component .common-checklist-row-component {
  padding-left: 0;
  padding-right: 0
}

.widget-section.common-checklist-row-component .common-checklist-row-component:last-of-type {
  padding-bottom: 0
}

.common-checklist-row-component-todo-icon {
  border-radius: 24px;
  border: 1px solid #b7b7c0;
  width: 24px;
  height: 24px;
  align-self: center
}

.common-checklist-row-component-incomplete {
  background-color: #fcfcfc
}

.common-checklist-row-component-incomplete-icon {
  margin-top: -6px;
  opacity: .6
}

.common-checklist-row-component-header {
  position: relative;
  display: flex;
  flex-flow: row nowrap
}

@media only screen and (max-width: 1140px) {
  .common-checklist-row-component-action-link-node {
    float: left;
    margin-top: 12px
  }
}

.common-checklist-row-component-accordion-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0
}

.dropdown-container {
  position: relative;
  display: inline-block
}

.dropdown-target {
  cursor: pointer
}

.dropdown-target:after {
  content: "\f0d7";
  font-family: FontAwesome;
  font-size: 12px;
  margin-left: 6px
}

.dropdown-target-spacer {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 6px
}

.dropdown-component {
  display: inline-block;
  position: absolute;
  top: 100%;
  z-index: 1090;
  font-size: 18px;
  font-weight: 400;
  background-color: #fff;
  box-shadow: 0 1px 1px #0000000d;
  border: 1px solid #e7e7ea;
  border-radius: 0;
  padding: 6px 0;
  min-width: 180px;
  margin: 6px 0 0;
  list-style: none;
  text-align: left;
  transform: translate(0);
  opacity: 1;
  transition: transform .3s cubic-bezier(.175, .885, .32, 1), opacity .3s cubic-bezier(.175, .885, .32, 1)
}

.dropdown-component.dropdown-component-left {
  left: 0;
  right: auto
}

.dropdown-component.dropdown-component-right {
  left: auto;
  right: 0
}

.dropdown-component.dropdown-component-center {
  left: 50%;
  transform: translate(-50%)
}

.dropdown-component.dropdown-component-hidden {
  transform: translateY(-6px);
  opacity: 0
}

.dropdown-component>li {
  margin-bottom: 1px;
  padding: 0 6px
}

.dropdown-component>li:last-child {
  margin-bottom: 0
}

.dropdown-component>li>a,
.dropdown-component>li button,
.dropdown-component>li .dropdown-item-component-item-with-submenu {
  display: block;
  text-decoration: none;
  line-height: 2.5;
  border-radius: 0;
  padding: 0 12px;
  color: #161338;
  white-space: nowrap;
  cursor: pointer
}

.dropdown-component>li>a.active,
.dropdown-component>li button.active,
.dropdown-component>li .dropdown-item-component-item-with-submenu.active {
  color: #4840bb
}

.dropdown-component>li>a.disabled,
.dropdown-component>li button.disabled,
.dropdown-component>li .dropdown-item-component-item-with-submenu.disabled {
  color: #747386
}

.dropdown-component>li:hover>a,
.dropdown-component>li:hover button,
.dropdown-component>li:hover .dropdown-item-component-item-with-submenu,
.dropdown-component>li:focus>a,
.dropdown-component>li:focus button,
.dropdown-component>li:focus .dropdown-item-component-item-with-submenu {
  text-decoration: none;
  color: #4840bb
}

.dropdown-component>li:hover>a.disabled,
.dropdown-component>li:hover button.disabled,
.dropdown-component>li:hover .dropdown-item-component-item-with-submenu.disabled,
.dropdown-component>li:focus>a.disabled,
.dropdown-component>li:focus button.disabled,
.dropdown-component>li:focus .dropdown-item-component-item-with-submenu.disabled {
  background-color: transparent;
  cursor: not-allowed
}

.dropdown-item-component-item-with-submenu {
  position: relative
}

.dropdown-item-component-submenu-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px
}

.dropdown-item-component-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: 6px;
  margin-top: -12px
}

.dropdown-divider-component {
  height: 1px;
  margin: 6px 12px;
  background-color: #e7e7ea
}

.error-boundary-dashboard-component {
  align-content: center;
  background-color: #fff;
  border: 1px solid #e7e7ea;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 24px;
  min-height: 240px;
  padding: 0 12px;
  text-align: center
}

.error-boundary-flow-card-text {
  justify-content: center;
  text-align: center
}

.error-boundary-full-page {
  max-width: 456px;
  margin: 180px auto 240px
}

.error-boundary-header {
  align-content: center;
  display: flex;
  flex-direction: column;
  height: 75px;
  justify-content: center;
  padding: 0 12px;
  text-align: center
}

.error-boundary-hidden {
  display: none
}

.error-boundary-modal {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 400px;
  text-align: center
}

.expanded-clickable-area {
  cursor: pointer
}

.flow-modal-component-back-link {
  position: absolute;
  cursor: pointer;
  top: 18px;
  left: 24px
}

@media only screen and (max-width: 480px) {
  .flow-modal-component-back-link-text {
    display: none
  }
}

.flow-modal-component-title {
  color: #161338;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 12px
}

.flow-modal-component-subtitle {
  margin-top: -6px;
  margin-bottom: 18px;
  font-size: 18px;
  color: #747386
}

.form-selection-group-component {
  border-bottom: 1px solid #e7e7ea;
  margin-bottom: 12px;
  cursor: pointer
}

.form-selection-group-component .form-selection-group-row-component {
  padding: 15px 18px;
  border-top: 1px solid #e7e7ea
}

.form-selection-group-component .form-selection-group-row-component.form-selection-group-row-component-disabled,
.form-selection-group-component .form-selection-group-row-component.form-selection-group-row-component-disabled label {
  color: #b7b7c0;
  cursor: not-allowed
}

.form-selection-group-component .form-selection-group-row-component.form-selection-group-row-component-expanded {
  background-color: #fcfcfc
}

.form-selection-group-component .form-selection-group-row-component:not(.form-selection-group-row-component-expanded) .form-selection-group-row-component-supplemental {
  display: none
}

.form-selection-group-component .form-selection-group-row-component .form-selection-group-row-component-supplemental {
  margin: 0 24px 9px 30px
}

.form-selection-group-component .form-selection-group-row-component .form-selection-group-row-component-supplemental:empty {
  display: none
}

.form-selection-group-component.form-selection-group-component-condensed .form-selection-group-row-component {
  padding: 3px 18px
}

.account-not-found-component-image {
  width: 75px;
  margin-bottom: 24px
}

.account-not-found-component-link {
  color: #8f53d7
}

.manual-ach-relationship-component-check {
  width: 100%;
  height: 130px;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 12px
}

@media only screen and (max-width: 768px) {
  .manual-ach-relationship-component-check {
    background-position: -9px 0;
    background-size: cover;
    height: 96px
  }
}

.manual-ach-relationship-component-input-row {
  margin-bottom: 12px
}

.manual-ach-relationship-component-institution-name-wrapper {
  display: flex;
  align-items: flex-end
}

.manual-ach-relationship-component-institution-name {
  height: 40px;
  line-height: 40px;
  font-weight: 500
}

.manual-ach-relationship-component-check-routing-number {
  background-image: url("../../../assets/assets/redesign/routing_number_check-56a8daedd8d615f8c8baae96d98a5a88ab3f3cda22c4da5d3c6c7f737dbea3a1.svg")
}

.manual-ach-relationship-component-check-account-number {
  background-image: url("../../../assets/assets/redesign/account_number_check-3233451e1cd82f2ad6925b891ef95aa4884c13c1a6458c1cc801a3951060d3c8.svg")
}

.metered-slider-component-overflow-ticks-container,
.metered-slider-component-ticks-container {
  position: relative;
  display: flex;
  align-items: flex-end;
  top: -18px;
  height: 48px
}

.metered-slider-component .tooltip-component {
  padding: 0;
  border: none;
  background-color: transparent;
  box-shadow: none
}

.metered-slider-component-slider-container {
  display: flex
}

.metered-slider-component-ticks-container {
  flex: 1;
  width: 100%;
  justify-content: space-between
}

.metered-slider-component-overflow-ticks-container {
  flex: 0 0 36px;
  justify-content: space-evenly
}

.metered-slider-component-overflow-ticks-container .metered-slider-component-tick {
  cursor: default
}

.metered-slider-component-overflow-placeholder-tick {
  position: relative;
  height: 6px;
  align-self: center;
  top: 12px;
  background-color: #b7b7c0
}

.metered-slider-component-tick {
  height: 40%;
  background-color: #4840bb;
  cursor: pointer
}

.metered-slider-component-tick.metered-slider-component-tick-end {
  height: 60%
}

.metered-slider-component-tick.metered-slider-component-tick-selected {
  height: 100%
}

.metered-slider-component-handle {
  position: absolute;
  z-index: 1;
  top: 115%;
  width: 42px;
  height: 18px;
  flex: none;
  border-radius: 6px;
  border: 1px solid #b7b7c0;
  box-shadow: 0 3px 4px #00000026;
  background-color: #fff;
  cursor: col-resize
}

.metered-slider-component-handle:after,
.metered-slider-component-handle:before {
  content: " ";
  position: absolute;
  bottom: 95%;
  left: 50%;
  height: 0;
  width: 0;
  border: solid transparent
}

.metered-slider-component-handle:before {
  border-color: #0000;
  border-bottom-color: #b7b7c0;
  border-width: 19px;
  margin-left: -19px
}

.metered-slider-component-handle:after {
  border-color: #0000;
  border-bottom-color: #fff;
  border-width: 18px;
  margin-left: -18px
}

.metered-slider-component-labels-container {
  display: flex;
  align-items: center
}

.metered-slider-component-min-label,
.metered-slider-component-max-label {
  flex: 0 0 50%
}

.metered-slider-component-max-label {
  text-align: right
}

.metric-component>.metric-component-data {
  font-size: 20px
}

.metric-component>.metric-component-label {
  font-size: 15px;
  color: #747386
}

.mfa-phone-step-component-flex-container,
.mfa-auth-verify-step-component-flex-container,
mfa-phone-verify-step-component-flex-container {
  min-height: 250px
}

.mfa-auth-step-component-flex-container {
  min-height: 250px
}

.mfa-auth-step-component-qr {
  object-fit: cover;
  width: 100%;
  margin-left: -24px
}

.mfa-auth-step-component-secret {
  margin-top: 18px
}

.mfa-success-step-component-button {
  width: 65%
}

@media only screen and (max-width: 768px) {
  .mfa-success-step-component-button {
    min-width: 75%
  }
}

.common-mobile-menu-sidebar-component-backdrop {
  position: fixed;
  z-index: 1400;
  inset: 0;
  background-color: #000;
  opacity: 0;
  transition: opacity .2s ease-in-out;
  visibility: hidden
}

.common-mobile-menu-sidebar-component-backdrop.common-mobile-menu-sidebar-component-backdrop-visible {
  visibility: visible;
  opacity: .7
}

.common-mobile-menu-sidebar-component-menu {
  position: fixed;
  z-index: 1500;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0;
  padding: 72px 0;
  transition: width .2s ease-in-out, visibility .2s ease-in-out;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  visibility: hidden
}

.common-mobile-menu-sidebar-component-menu.common-mobile-menu-sidebar-component-menu-open {
  width: 320px;
  visibility: visible
}

.common-mobile-menu-sidebar-component-close-button {
  position: absolute;
  top: 24px;
  right: 18px;
  cursor: pointer
}

.common-mobile-menu-sidebar-component-close-button:hover {
  color: #747386
}

.common-mobile-menu-sidebar-component-top-content-container,
.common-mobile-menu-sidebar-component-bottom-content-container {
  padding: 12px 24px 0
}

.common-mobile-menu-sidebar-component-hidden-checkbox,
.common-mobile-menu-sidebar-component-subnav,
.common-mobile-menu-sidebar-component-toggle-icon.wfont.wf-accordion-up {
  display: none
}

.common-mobile-menu-sidebar-component-nav-item[aria-expanded=true] .common-mobile-menu-sidebar-component-toggle-icon.wfont.wf-accordion-up {
  display: inline
}

.common-mobile-menu-sidebar-component-nav-item[aria-expanded=true] .common-mobile-menu-sidebar-component-toggle-icon.wfont.wf-accordion-down {
  display: none
}

.common-mobile-menu-sidebar-component-subnav.common-mobile-menu-sidebar-component-subnav-expanded {
  display: block
}

.common-mobile-menu-sidebar-component-subnav {
  padding-left: 24px
}

.common-mobile-menu-sidebar-component .common-mobile-menu-sidebar-component-nav-item {
  position: relative;
  display: block;
  min-width: 320px;
  padding: 12px 24px;
  font-size: 24px;
  color: #161338;
  cursor: pointer;
  text-align: inherit;
  line-height: inherit
}

.common-mobile-menu-sidebar-component .common-mobile-menu-sidebar-component-nav-item:active,
.common-mobile-menu-sidebar-component .common-mobile-menu-sidebar-component-nav-item:hover,
.common-mobile-menu-sidebar-component .common-mobile-menu-sidebar-component-nav-item:focus {
  color: #161338
}

.common-mobile-menu-sidebar-component .common-mobile-menu-sidebar-component-nav-item.common-mobile-menu-sidebar-component-nav-item-highlight,
.common-mobile-menu-sidebar-component .common-mobile-menu-sidebar-component-nav-item.common-mobile-menu-sidebar-component-nav-item-highlight:active,
.common-mobile-menu-sidebar-component .common-mobile-menu-sidebar-component-nav-item.common-mobile-menu-sidebar-component-nav-item-highlight:hover {
  color: #1e83ef
}

.common-mobile-menu-sidebar-component-subnav .common-mobile-menu-sidebar-component-nav-item {
  padding-left: 24px;
  font-size: 20px
}

.common-mobile-menu-sidebar-component-toggle-icon {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%)
}

.common-mobile-menu-sidebar-component-subnav .common-mobile-menu-sidebar-component-toggle-icon {
  right: 48px
}

.modal-open {
  overflow-y: hidden;
  position: fixed;
  top: 0;
  right: 0;
  left: 0
}

.modal-component-background {
  inset: 0;
  position: fixed;
  z-index: 1040;
  background-color: var(--tk-surface-overlay)
}

.modal-component-wrapper-center {
  position: absolute;
  width: 100%;
  max-height: 100%;
  overflow-y: auto;
  top: 50%;
  transform: translateY(-50%)
}

.modal-component-wrapper-center.modal-component-wrapper-overlay {
  top: 0;
  transform: translateY(0)
}

.modal-component-wrapper-fixed {
  position: absolute;
  width: 100%;
  max-height: 100%;
  overflow-y: auto
}

.modal-component-wrapper-fixed.modal-component-wrapper-overlay {
  top: 0;
  transform: translateY(0)
}

.modal-component {
  width: 100%;
  max-width: 600px;
  position: relative;
  margin: 36px auto
}

.modal-component:focus {
  outline: 0
}

.modal-component.modal-component-default {
  background-color: #fff;
  border-radius: 16px
}

.modal-component.modal-component-default .modal-component-content {
  padding: 32px 42px
}

@media only screen and (max-width: 480px) {
  .modal-component.modal-component-default .modal-component-content {
    padding: 24px 31.5px
  }
}

.modal-component.modal-component-overlay {
  max-width: none;
  padding-top: 60px;
  pointer-events: none
}

.modal-component.modal-component-arrayOfChildren .modal-component-header {
  border-bottom: none
}

.modal-component.modal-component-arrayOfChildren .modal-component-content {
  border-top: 1px solid #e7e7ea
}

.modal-component-medium {
  max-width: 520px
}

.modal-component-large {
  max-width: 720px
}

.modal-component-xl {
  max-width: 900px
}

.modal-component-header {
  font-size: 18px;
  text-transform: inherit;
  min-height: 60px;
  padding: 18px 24px;
  background-color: #fcfcfc;
  border-bottom: 1px solid #e7e7ea;
  border-radius: 16px 16px 0 0
}

.modal-component-header-with-close-button {
  padding-left: 50px;
  padding-right: 50px
}

.modal-component-content .table {
  background-color: transparent
}

.modal-component-content .table>thead>tr>th:first-child,
.modal-component-content .table>thead>tr>td:first-child,
.modal-component-content .table>tbody>tr>th:first-child,
.modal-component-content .table>tbody>tr>td:first-child,
.modal-component-content .table>tfoot>tr>th:first-child,
.modal-component-content .table>tfoot>tr>td:first-child {
  padding-left: 0
}

.modal-component-content .table>thead>tr>th:last-child,
.modal-component-content .table>thead>tr>td:last-child,
.modal-component-content .table>tbody>tr>th:last-child,
.modal-component-content .table>tbody>tr>td:last-child,
.modal-component-content .table>tfoot>tr>th:last-child,
.modal-component-content .table>tfoot>tr>td:last-child {
  padding-right: 0
}

.modal-component-close {
  position: absolute;
  z-index: 1041;
  top: 18px;
  right: 24px;
  cursor: pointer
}

.modal-component-close:before {
  font-size: 18px;
  color: #747386
}

.modal-component-close-toolkit {
  position: absolute;
  z-index: 1041;
  top: 10px;
  right: 10px;
  cursor: pointer;
  font-size: 32px;
  background-color: transparent
}

.modal-component-overlay-supplemental {
  position: absolute;
  pointer-events: all;
  top: 0;
  right: 0
}

@media only screen and (max-width: 768px) {
  .modal-component-overlay-supplemental {
    right: 6px
  }
}

.modal-component-transition-default-appear,
.modal-component-transition-default-enter {
  opacity: .01;
  transform: scale(.95)
}

.modal-component-transition-default-enter-active,
.modal-component-transition-default-appear-active {
  opacity: 1;
  transform: scale(1);
  transition: transform .3s cubic-bezier(.175, .885, .32, 1), opacity .3s cubic-bezier(.175, .885, .32, 1)
}

.modal-component-transition-overlay-appear,
.modal-component-transition-overlay-enter {
  opacity: .01
}

@keyframes modalSlideUp {
  0% {
    transform: translateY(120px)
  }

  to {
    transform: translateY(0)
  }
}

.modal-component-transition-overlay-enter-active,
.modal-component-transition-overlay-appear-active {
  opacity: 1;
  animation: modalSlideUp .5s;
  transition: opacity .7s ease
}

.new-link-status-form-rows-component-row-wrapper {
  padding: 9px 0
}

.new-link-status-form-rows-component-icon-wrapper {
  margin-left: 42px
}

.new-link-status-form-rows-component-icon-wrapper-syncing {
  margin-left: 42px;
  opacity: .4
}

.new-link-status-form-rows-component-disabled:hover {
  cursor: not-allowed
}

@media only screen and (max-width: 1140px) {

  .new-link-status-form-rows-component-status-row-link,
  .new-link-status-form-rows-component-view-invalid-accounts-link {
    display: block
  }
}

@media only screen and (min-width: 1140px) {
  .new-link-status-form-rows-component-view-invalid-accounts-link {
    display: block
  }
}

.numbered-list-item-component {
  display: flex
}

.numbered-list-item-component:last-of-type .numbered-list-item-component-content {
  border: none
}

.numbered-list-item-component-bullet {
  width: 36px;
  height: 36px;
  border-radius: 18px;
  background-color: #4840bb1a;
  color: var(--tk-content-primary);
  margin-right: 18px;
  margin-top: 18px;
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center
}

.numbered-list-item-component-content {
  flex: 1 1 auto;
  padding: 24px 0;
  border-bottom: 1px solid var(--tk-content-divider)
}

.odometer-component {
  display: inline-block;
  text-align: center
}

.odometer-component-digit {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  white-space: pre;
  overflow: hidden
}

.odometer-component-digit-content {
  width: 1ch
}

.pagination-component {
  display: flex;
  align-items: center;
  justify-content: center
}

.common-passiveplus-features-widget-component-container {
  display: flex
}

.common-passiveplus-features-widget-component-icon-container {
  width: 27px
}

.common-passiveplus-features-widget-component-icon:before {
  text-align: left
}

.common-passiveplus-features-widget-component-icon-disabled:before {
  color: #747386
}

.common-passiveplus-features-widget-component-content {
  flex-grow: 1
}

.pie-chart-component {
  position: relative
}

.pie-chart-component.pie-chart-component-clickable .pie-chart-component-slice {
  cursor: pointer
}

.pie-chart-component-center-content-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

svg.pie-chart-component-svg {
  height: 100%;
  width: 100%;
  overflow: visible;
  transform-style: preserve-3d
}

.progress-bar-component-bar-container {
  position: relative;
  overflow: hidden;
  height: 6px;
  background-color: #e7e7ea
}

.progress-bar-component-with-labels .progress-bar-component-bar-container {
  height: 30px
}

.progress-bar-component-rounded {
  border-radius: 100px
}

.progress-bar-component-fill {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: #4840bb;
  transform: translate(-100%);
  transition: transform .2s ease-in-out
}

.progress-bar-component-value-label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px
}

.progress-bar-component-current-value-label {
  left: 12px;
  z-index: 3
}

.progress-bar-component-max-value-label {
  right: 12px;
  z-index: 1
}

.progress-bar-component-text-container {
  margin-top: 6px
}

.progress-bar-component-progress-text-container {
  margin-left: 0;
  padding-left: 0;
  color: #413f57
}

.progress-bar-component-goal-text-container {
  margin-right: 0;
  padding-right: 0;
  color: #413f57
}

.select-menu-item-component .select-menu-item-component-submenu,
.select-menu-component .select-menu-component-options-container,
.select-menu-component .select-menu-component-mobile-options-container {
  background-color: #fcfcfc;
  border-radius: 0;
  border: 1px solid #b7b7c0
}

.select-menu-mobile-item-component-submenu-row .select-menu-mobile-item-component-selected-icon,
.select-menu-mobile-item-component-menu-row .select-menu-mobile-item-component-selected-icon,
.select-menu-item-component .select-menu-item-component-selected-icon {
  position: absolute;
  width: 18px;
  height: 18px;
  color: #161338
}

.select-menu-component {
  position: relative;
  color: #161338
}

.select-menu-component.select-menu-component-open {
  z-index: 1090
}

.select-menu-component .select-menu-component-toggle-container {
  display: flex;
  justify-content: space-between;
  padding: 9px 12px;
  border: 1px solid #b7b7c0;
  background-color: #fcfcfc;
  border-radius: 0;
  cursor: default
}

.select-menu-component .select-menu-component-toggle-container:focus,
.select-menu-component .select-menu-component-toggle-container:active {
  border-color: #1e83ef
}

.select-menu-component .select-menu-component-toggle-container.select-menu-component-toggle-container-disabled {
  background-color: #f3f3f3;
  border-color: #e7e7ea;
  color: #b7b7c0;
  cursor: not-allowed
}

.select-menu-component .select-menu-component-placeholder {
  align-self: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.select-menu-component .select-menu-component-options-container,
.select-menu-component .select-menu-component-mobile-options-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}

.select-menu-component .select-menu-component-options-container.select-menu-component-options-container-scrolling,
.select-menu-component .select-menu-component-mobile-options-container.select-menu-component-options-container-scrolling {
  max-height: 216px;
  overflow-y: auto
}

.select-menu-title-component {
  padding: 6px 0;
  position: relative;
  text-transform: uppercase;
  cursor: default
}

.select-menu-title-component:first-child {
  border-radius: 0
}

.select-menu-title-component .select-menu-title-component-title {
  position: relative;
  z-index: 1;
  margin-left: 18px;
  padding: 0 12px;
  background-color: #fcfcfc;
  font-size: 13px;
  font-weight: 500;
  color: #747386
}

.select-menu-title-component:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -1px;
  border-top: 1px solid #b7b7c0
}

.select-menu-item-component-button {
  display: flex;
  padding: 6px 12px 6px 30px
}

.select-menu-item-component-display {
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1 0
}

.select-menu-item-component {
  position: relative;
  padding: 0;
  color: #161338;
  cursor: default;
  white-space: nowrap;
  display: flex
}

.select-menu-item-component:first-child {
  border-radius: 0
}

.select-menu-item-component:last-child {
  border-radius: 0
}

.select-menu-item-component.select-menu-item-component-disabled {
  color: #747386;
  cursor: not-allowed
}

.select-menu-item-component:not(.select-menu-item-component-disabled):focus,
.select-menu-item-component.select-menu-item-component-highlighted:not(.select-menu-item-component-disabled) {
  background-color: #1e83ef;
  color: #fff
}

.select-menu-item-component:not(.select-menu-item-component-disabled):focus>.select-menu-item-component-selected-icon,
.select-menu-item-component.select-menu-item-component-highlighted:not(.select-menu-item-component-disabled)>.select-menu-item-component-selected-icon {
  color: #fff
}

.select-menu-item-component .select-menu-item-component-selected-icon {
  left: 6px
}

.select-menu-item-component .select-menu-item-component-selected-icon:before {
  line-height: 24px
}

.select-menu-item-component .select-menu-item-component-submenu {
  position: absolute;
  top: 0;
  left: 100%
}

.select-menu-mobile-item-component-menu-row .select-menu-mobile-item-component-selected-icon {
  left: 6px
}

.select-menu-mobile-item-component-menu-row .select-menu-mobile-item-component-selected-icon:before {
  line-height: 36px
}

.select-menu-mobile-item-component-submenu-row .select-menu-mobile-item-component-selected-icon:before {
  line-height: 36px
}

.select-menu-mobile-item-component {
  display: flex;
  flex-flow: column wrap;
  background-color: #fff
}

.select-menu-mobile-item-component.select-menu-mobile-item-component-submenu-expanded {
  border-bottom: 1px solid #e7e7ea
}

.select-menu-mobile-item-component.select-menu-mobile-item-component-disabled {
  color: #747386;
  cursor: not-allowed
}

.select-menu-mobile-item-component-submenu {
  display: none;
  background-color: #fcfcfc
}

.select-menu-mobile-item-component-submenu.select-menu-mobile-item-component-submenu-expanded {
  display: flex
}

.select-menu-mobile-item-component-menu-row,
.select-menu-mobile-item-component-submenu-row {
  display: flex;
  width: 100%;
  padding: 6px 12px 6px 30px;
  border-bottom: 1px solid #e7e7ea
}

.select-menu-mobile-item-component-menu-display {
  width: 100%;
  padding: 6px 0
}

.select-menu-mobile-item-component-submenu-display {
  padding: 6px 24px
}

.slider-component-delta-fill,
.slider-component-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 4px
}

.slider-component {
  touch-action: none;
  flex: 1 0
}

.slider-component-container {
  display: flex
}

.slider-component-label {
  flex: 1;
  -webkit-user-select: none;
  user-select: none
}

.slider-component-slider-container {
  position: relative;
  flex: 6
}

.slider-component-slider-container .tooltip-component {
  white-space: nowrap;
  border-color: #e1e2e6;
  box-shadow: 0 1px 4px #2020281a;
  font-size: 17px;
  -webkit-user-select: none;
  user-select: none
}

.slider-component-slider-container .tooltip-component-arrow:before {
  border-top-color: #e1e2e6
}

.slider-component-slider {
  height: 4px;
  border-radius: 4px;
  cursor: pointer
}

.slider-component-fill {
  border-radius: 4px 0 0 4px
}

.slider-component-delta-fill {
  border-radius: 0
}

.slider-component-handle {
  position: relative;
  z-index: 1;
  top: -10px;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  border: .8px solid rgba(0, 0, 0, .134);
  box-shadow: 0 2px 3px #0000004d;
  cursor: col-resize
}

.slider-component-pin {
  position: absolute;
  top: -18px;
  transform: skew(-30deg) scaleY(.9);
  background-color: #67c8ac;
  text-align: left;
  transition: left .2s ease-in-out
}

.slider-component-pin.slider-component-pin-clickable {
  cursor: pointer
}

.slider-component-pin:before,
.slider-component-pin:after {
  content: "";
  position: absolute;
  background-color: inherit
}

.slider-component-pin,
.slider-component-pin:before,
.slider-component-pin:after {
  width: 8px;
  height: 8px;
  border-top-right-radius: 50%
}

.slider-component-pin:before {
  transform: rotate(-135deg) skew(-45deg) scale(1.5, .75) translateY(-50%)
}

.slider-component-pin:after {
  transform: rotate(135deg) skewY(-45deg) scale(.75, 1.5) translate(50%)
}

.spinner-component {
  display: inline-block;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  border: 2px var(--tk-surface-track) solid;
  border-top-color: var(--tk-content-interactive-default);
  animation: rotate 1s infinite linear
}

.spinner-component.spinner-component-medium {
  display: block;
  margin: 12px auto;
  height: 24px;
  width: 24px
}

.spinner-component.spinner-component-large {
  display: block;
  margin: 12px auto;
  height: 72px;
  width: 72px
}

.spinner-component.spinner-component-xl {
  display: block;
  margin: 12px auto;
  height: 120px;
  width: 120px
}

.spinner-component.spinner-component-white {
  border-color: #ffffff4d;
  border-top-color: #fff
}

.common-spinner-overlay-component-container {
  position: absolute;
  inset: 0;
  padding-top: 120px;
  background-color: #ffffffd9
}

.split-layout-info-component-container {
  overflow: hidden
}

.split-layout-info-component-summary-container {
  box-shadow: 0 0 12px #0003
}

.split-layout-info-component-summary-container-primary-bright {
  color: #fff;
  background: #8f53d7
}

.split-layout-info-component-summary,
.split-layout-info-component-details {
  padding: 42px
}

.static-field-input-component-static-field-container {
  display: flex;
  align-items: center
}

.static-field-input-component-static-field-container:hover .static-field-input-component-edit-icon {
  visibility: visible
}

.static-field-input-component-static-field {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  padding-right: 2px
}

.static-field-input-component-status,
.static-field-input-component-edit-icon {
  margin-left: 6px;
  align-self: center
}

.static-field-input-component-input {
  background-color: transparent;
  max-width: 100%;
  border: none;
  border-bottom: 1px solid #747386
}

.static-field-input-component-input.static-field-input-component-input-errored {
  border-bottom-color: #f24d4d
}

.static-field-input-component-input.static-field-input-component-input-active {
  border-bottom-color: #83e4c8
}

.static-field-input-component-input:active,
.static-field-input-component-input:focus {
  outline: none
}

.static-field-input-component-input-container {
  position: relative;
  top: -1px;
  left: -1px;
  margin-bottom: -3px
}

.static-field-input-component-account-type {
  color: #747386
}

.static-field-input-component-icons-container {
  display: flex;
  align-items: center
}

.tag-component {
  display: inline-block;
  margin: 6px 12px 6px 0;
  border-radius: 0;
  border-width: 1px;
  border-style: solid;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400
}

.tag-component-default {
  color: var(--tk-content-primary);
  background-color: var(--tk-surface);
  border-color: var(--tk-content-divider)
}

.tag-component-wrapper:before,
.tag-component-wrapper:after {
  content: " ";
  display: table
}

.tag-component-wrapper:after {
  clear: both
}

.tag-component-content {
  float: left;
  padding: 6px
}

.tag-component-remove {
  float: left;
  cursor: pointer;
  padding: 6px
}

.textual-tabs-component-tabs {
  display: flex;
  border-bottom: 2px solid #e7e7ea;
  margin-bottom: 24px
}

.textual-tabs-component-tab-title {
  flex: 1 1 100%;
  text-align: center;
  font-weight: 700;
  color: #747386;
  padding-bottom: 6px;
  cursor: pointer
}

.textual-tabs-component-tab-title-selected {
  border-bottom: 2px solid #288067;
  color: #288067;
  margin-bottom: -2px
}

.common-toast-component {
  position: fixed;
  z-index: 1039;
  bottom: 36px;
  transform: translateY(400px);
  opacity: 0;
  transition: transform .7s ease-in-out, opacity .7s ease-in-out;
  max-width: 444px
}

@media only screen and (max-width: 768px) {
  .common-toast-component {
    width: 90%
  }
}

.common-toast-component.common-toast-component-position-right {
  right: 36px
}

@media only screen and (max-width: 768px) {
  .common-toast-component.common-toast-component-position-right {
    right: auto;
    left: 50%;
    transform: translate(-50%, 400px)
  }
}

.common-toast-component.common-toast-component-position-center {
  left: 50%;
  transform: translate(-50%, 400px)
}

.common-toast-component.common-toast-component-visible {
  opacity: 1
}

.common-toast-component.common-toast-component-visible.common-toast-component-position-right {
  transform: translateY(0)
}

@media only screen and (max-width: 768px) {
  .common-toast-component.common-toast-component-visible.common-toast-component-position-right {
    transform: translate(-50%)
  }
}

.common-toast-component.common-toast-component-visible.common-toast-component-position-center {
  transform: translate(-50%)
}

.common-toast-component .common-toast-component-clickable-container {
  cursor: pointer
}

.common-toast-component .common-toast-component-close {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer
}

.tooltip-container {
  position: relative
}

.tooltip-target {
  cursor: pointer
}

.tooltip-trigger-text {
  border-bottom: 1px dashed #b7b7c0;
  cursor: help
}

.tooltip-trigger-icon {
  cursor: help
}

.tooltip-component {
  font-size: 15px;
  font-weight: 400;
  color: var(--tk-content-secondary);
  line-height: 1.3;
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  max-width: 300px;
  padding: 18px 24px;
  background-color: var(--tk-surface-elevated);
  border: 1px solid var(--tk-content-divider);
  border-radius: 0;
  box-shadow: 0 1px 1px #0000000d
}

.modal-component .tooltip-component {
  z-index: 1070
}

.tooltip-component-arrow {
  position: absolute
}

.tooltip-component-arrow:before,
.tooltip-component-arrow:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent
}

.tooltip-component-arrow:before {
  border-width: 6px
}

.tooltip-component-arrow:after {
  border-width: 5px
}

.tooltip-component-top .tooltip-component-arrow {
  bottom: 0;
  left: 50%
}

.tooltip-component-top .tooltip-component-arrow:before {
  border-top-color: var(--tk-content-divider);
  bottom: -6px;
  left: -6px
}

.tooltip-component-top .tooltip-component-arrow:after {
  border-top-color: var(--tk-surface-elevated);
  bottom: -5px;
  left: -5px
}

.tooltip-component-top .tooltip-component-arrow:before,
.tooltip-component-top .tooltip-component-arrow:after {
  border-bottom: none
}

.tooltip-component-bottom .tooltip-component-arrow {
  top: 0;
  left: 50%
}

.tooltip-component-bottom .tooltip-component-arrow:before {
  border-bottom-color: var(--tk-content-divider);
  top: -6px;
  left: -6px
}

.tooltip-component-bottom .tooltip-component-arrow:after {
  border-bottom-color: var(--tk-surface-elevated);
  top: -5px;
  left: -5px
}

.tooltip-component-bottom .tooltip-component-arrow:before,
.tooltip-component-bottom .tooltip-component-arrow:after {
  border-top: none
}

.tooltip-component-right .tooltip-component-arrow {
  left: 0;
  top: 50%
}

.tooltip-component-right .tooltip-component-arrow:before {
  border-right-color: var(--tk-content-divider);
  top: -6px;
  left: -6px
}

.tooltip-component-right .tooltip-component-arrow:after {
  border-right-color: var(--tk-surface-elevated);
  top: -5px;
  left: -5px
}

.tooltip-component-right .tooltip-component-arrow:before,
.tooltip-component-right .tooltip-component-arrow:after {
  border-left: none
}

.tooltip-component-left .tooltip-component-arrow {
  right: 0;
  top: 50%
}

.tooltip-component-left .tooltip-component-arrow:before {
  border-left-color: var(--tk-content-divider);
  top: -6px;
  right: -6px
}

.tooltip-component-left .tooltip-component-arrow:after {
  border-left-color: var(--tk-surface-elevated);
  top: -5px;
  right: -5px
}

.tooltip-component-left .tooltip-component-arrow:before,
.tooltip-component-left .tooltip-component-arrow:after {
  border-right: none
}

.tooltip-component-hidden {
  visibility: hidden
}

.tooltip-trigger-component {
  line-height: 1
}

.common-transitions-fade-component-enter,
.common-transitions-fade-component-appear {
  opacity: 0
}

.common-transitions-fade-component-enter-active,
.common-transitions-fade-component-appear-active {
  opacity: 1;
  transition: opacity .5s
}

.common-transitions-fade-component-exit {
  opacity: 1
}

.common-transitions-fade-component-exit-active {
  transition: opacity .3s;
  opacity: 0
}

.typeahead-component {
  position: relative
}

.typeahead-component-input {
  width: 100%;
  padding: 8px 12px;
  background-color: #fcfcfc;
  border: 1px solid #b7b7c0;
  border-radius: 0
}

.typeahead-component-input.with-icon {
  padding-right: 36px
}

.typeahead-component-input:focus,
.typeahead-component-input:active {
  border-color: #1e83ef
}

.typeahead-component-search-icon {
  position: absolute;
  top: 12px;
  right: 12px
}

.typeahead-component-options-container {
  z-index: 1090;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  border: 1px solid #b7b7c0;
  border-radius: 0;
  background-color: #fcfcfc
}

.typeahead-component-no-results-container {
  padding: 12px
}

.typeahead-option-component {
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 12px;
  border-bottom: 1px solid #e7e7ea;
  cursor: pointer
}

.typeahead-option-component:first-of-type {
  border-radius: 0
}

.typeahead-option-component:last-of-type {
  border-radius: 0;
  border-bottom: none
}

.typeahead-option-component.active {
  background-color: #f3f3f3
}

.waitlist-email-input-form {
  width: 100%
}

.waitlist-email-input-form-input {
  height: 52px
}

.waitlist-email-input-form-button {
  height: 52px;
  background-color: #4840bb;
  color: #fff;
  font-weight: 600
}

.waitlist-email-input-form-button:hover,
.waitlist-email-input-form-button:focus {
  color: #fff
}

.waitlist-email-input-modal {
  margin-top: -90px
}

@media only screen and (max-width: 480px) {
  .waitlist-email-input-modal {
    margin-top: -70px
  }

  .waitlist-email-input-modal img {
    width: 200px
  }
}

.widget-carousel-component {
  width: 100%
}

.widget-carousel-component .widget {
  margin-bottom: 0
}

.widget-carousel-component:hover .widget-carousel-component-arrow {
  visibility: visible;
  opacity: 1
}

.widget-carousel-component-arrows-children-container {
  position: relative
}

.widget-carousel-component-overflow-container {
  overflow: hidden;
  padding-top: 12px;
  margin-top: -12px;
  transition: height .2s ease-in-out
}

.widget-carousel-component-children-container {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform .5s ease-in-out;
  transform: translate(0)
}

.widget-carousel-component-children-container>div {
  flex: 0 0 100%;
  align-self: flex-start
}

.widget-carousel-component-arrow {
  position: absolute;
  z-index: 2;
  visibility: hidden;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  line-height: 36px;
  margin-left: -18px;
  border-radius: 100%;
  background-color: #00000080;
  color: #fff;
  cursor: pointer;
  text-align: center;
  opacity: 0;
  transition: opacity .2s ease-in-out
}

.widget-carousel-component-arrow.widget-carousel-component-arrow-left {
  left: 0
}

.widget-carousel-component-arrow.widget-carousel-component-arrow-right {
  left: 100%
}

@media only screen and (max-width: 768px) {
  .widget-carousel-component-arrow {
    visibility: visible;
    opacity: 1
  }
}

.widget-carousel-component-dots-container {
  margin-top: 12px;
  text-align: center
}

.widget-carousel-component-dot-container {
  margin-right: 12px;
  position: relative
}

.widget-carousel-component-dot-container:last-of-type {
  margin-right: 0
}

.widget-carousel-component-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 100%;
  background-color: var(--tk-surface-track);
  cursor: pointer
}

.widget-carousel-component-dot.widget-carousel-component-dot-active {
  background-color: var(--tk-content-interactive-default)
}

.widget-carousel-component-dot-pin {
  position: absolute;
  top: -36px;
  left: 50%;
  transform: translateY(-100%) translate(-50%)
}

.dev-tools-components-toggle-toggle-toggle {
  position: relative;
  padding: 16px;
  border-radius: 9999px;
  font-size: 24px;
  color: var(--tk-content-interactive-default);
  background: var(--tk-surface-interactive-default);
  transition: background .15s cubic-bezier(.2, 0, .4, 1), color .15s cubic-bezier(.2, 0, .4, 1);
  cursor: pointer;
  outline: none
}

.dev-tools-components-toggle-toggle-toggle:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 9999px;
  background: var(--tk-surface);
  z-index: -1
}

.dev-tools-components-toggle-toggle-toggle:hover {
  color: var(--tk-content-interactive-default-hover);
  background: var(--tk-surface-interactive-default-hover)
}

.dev-tools-components-toggle-toggle-toggle:focus,
.dev-tools-components-toggle-toggle-toggle:active {
  color: var(--tk-content-interactive-default-active);
  background: var(--tk-surface-interactive-default-active)
}

.dev-tools-components-toggle-toggle-toggle.dev-tools-components-toggle-toggle-open:after {
  transition: opacity .2s;
  opacity: 0
}

.dev-tools-components-toggle-toggle-toggle:not(.dev-tools-components-toggle-toggle-no-actions):after {
  content: attr(data-action-count);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  position: absolute;
  top: -4px;
  right: -4px;
  width: 24px;
  height: 24px;
  border-radius: 9999px;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  background-color: var(--tk-surface-elevated);
  color: var(--tk-content-primary)
}

body:not(.using-mouse) .dev-tools-components-toggle-toggle-toggle:focus {
  box-shadow: 0 0 0 2px var(--tk-content-interactive-default)
}

.dev-tools-components-component-highlighter-component-highlighter-component {
  border: 2px solid var(--tk-surface-interactive-primary);
  position: absolute;
  box-sizing: content-box;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  opacity: .75;
  z-index: 100000
}

.dev-tools-components-component-highlighter-component-highlighter-component:before {
  content: attr(data-name);
  position: absolute;
  left: -2px;
  top: -20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  color: var(--tk-content-interactive-primary);
  background-color: var(--tk-surface-interactive-primary);
  padding: 0 8px
}

.logged-out-investing-guide-hover-cards-hover-cards-section {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

@media only screen and (max-width: 768px) {
  .logged-out-investing-guide-hover-cards-hover-cards-section {
    display: block;
    width: 100%
  }
}

.logged-out-investing-guide-hover-cards-hover-cards-accordion {
  background: #8f53d7;
  box-shadow: 0 4px 12px #00000040;
  width: 100%;
  padding: 24px;
  color: #fff;
  transition: background-color .2s ease .4s;
  outline: none
}

.logged-out-investing-guide-hover-cards-hover-cards-accordion:hover,
.logged-out-investing-guide-hover-cards-hover-cards-accordion:focus,
.logged-out-investing-guide-hover-cards-hover-cards-accordion:active {
  color: #fff
}

.logged-out-investing-guide-hover-cards-hover-cards-accordion-content {
  color: #fff;
  transition: max-height .8s ease, background-color .2s ease .4s;
  overflow: hidden;
  background-color: #8f53d7;
  margin-bottom: 12px
}

.logged-out-investing-guide-hover-cards-hover-cards-accordion-content-p {
  padding: 0 24px 24px;
  font-size: 16px;
  margin-bottom: 0
}

.logged-out-investing-guide-hover-cards-hover-cards-accordion-content-p:first-of-type {
  padding-bottom: 12px
}

.logged-out-investing-guide-hover-cards-hover-cards-accordion-header {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  width: 100%
}

.logged-out-investing-guide-hover-cards-hover-cards-accordion-expanded {
  background-color: #161338;
  box-shadow: none
}

.logged-out-investing-guide-hover-cards-hover-cards-caret {
  transition: transform .3s ease
}

.logged-out-investing-guide-hover-cards-hover-cards-caret-expanded {
  transform: rotate(180deg)
}

.logged-out-investing-guide-hover-cards-hover-cards-card {
  position: relative;
  margin: 12px;
  color: #fff;
  line-height: 20px
}

.logged-out-investing-guide-hover-cards-hover-cards-card:hover .logged-out-investing-guide-hover-cards-hover-cards-card-default,
.logged-out-investing-guide-hover-cards-hover-cards-card:active .logged-out-investing-guide-hover-cards-hover-cards-card-default {
  opacity: 0
}

.logged-out-investing-guide-hover-cards-hover-cards-card:hover .logged-out-investing-guide-hover-cards-hover-cards-card-active,
.logged-out-investing-guide-hover-cards-hover-cards-card:active .logged-out-investing-guide-hover-cards-hover-cards-card-active {
  opacity: 1
}

.logged-out-investing-guide-hover-cards-hover-cards-card-content {
  width: 228px;
  height: 204px;
  background-color: #8f53d7;
  transition: background-color .3s ease, transform .3s ease
}

.logged-out-investing-guide-hover-cards-hover-cards-card-content:hover,
.logged-out-investing-guide-hover-cards-hover-cards-card-content:active {
  background-color: #161338;
  transform: scale(1.1)
}

.logged-out-investing-guide-hover-cards-hover-cards-card-default {
  opacity: 1;
  padding: 30px;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: flex-end;
  background-color: #8f53d7
}

.logged-out-investing-guide-hover-cards-hover-cards-card-number {
  font-weight: 600;
  font-size: 30px;
  opacity: .5
}

.logged-out-investing-guide-hover-cards-hover-cards-card-active {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 24px;
  opacity: 0
}

.logged-out-investing-guide-hover-cards-hover-cards-learn-more-link {
  display: flex;
  font-weight: 600;
  color: #fff
}

.logged-out-investing-guide-hover-cards-hover-cards-learn-more-link .logged-out-investing-guide-hover-cards-hover-cards-icon {
  margin-left: -7px;
  font-size: 14px;
  transition: transform .2s ease;
  position: relative;
  top: 2px
}

.logged-out-ira-calculator-faq-ira-calculator-faq-faq {
  background: #fff;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, .1)
}

.logged-out-ira-calculator-faq-ira-calculator-faq-faq-section {
  padding: 0 24px 24px
}

.logged-out-ira-calculator-magi-modal-ira-calculator-magi-modal-list {
  list-style-type: none;
  padding-left: 12px
}

.logged-out-ira-calculator-magi-modal-ira-calculator-magi-modal-list li {
  display: flex;
  align-items: center;
  line-height: 32px
}

.logged-out-ira-calculator-magi-modal-ira-calculator-magi-modal-li-box {
  min-width: 9px;
  min-height: 9px;
  border: 1px solid #000;
  margin-right: 12px
}

.logged-out-ira-calculator-page-ira-calculator-page-container-logged-out {
  display: flex;
  justify-content: space-between;
  padding: 0 12% 60px
}

.logged-out-ira-calculator-page-ira-calculator-page-container-logged-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  height: 250px;
  margin: 0 auto;
  max-width: 1450px;
  background: #8f53d7
}

@media only screen and (max-width: 1140px) {
  .logged-out-ira-calculator-page-ira-calculator-page-container-logged-out {
    display: block;
    padding: 0 3% 60px
  }
}

.logged-out-ira-calculator-page-ira-calculator-page-container-logged-in {
  display: flex;
  justify-content: space-between
}

.logged-out-ira-calculator-page-ira-calculator-page-container-logged-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  height: 300px;
  background: #8f53d7
}

@media only screen and (max-width: 1140px) {
  .logged-out-ira-calculator-page-ira-calculator-page-container-logged-in {
    display: block
  }
}

.logged-out-ira-calculator-page-ira-calculator-page-tooltip-row {
  display: flex;
  align-items: center
}

.logged-out-ira-calculator-page-ira-calculator-page-inputs-label {
  display: flex;
  align-items: center;
  margin-top: 24px;
  font-size: 16px;
  color: #b7b7c0
}

.logged-out-ira-calculator-page-ira-calculator-page-contribution-amount {
  font-weight: 600;
  font-size: 38px;
  line-height: 42px
}

.logged-out-ira-calculator-page-ira-calculator-page-title {
  position: relative;
  width: 100%;
  color: #fff;
  padding: 36px;
  background: #8f53d7
}

.logged-out-ira-calculator-page-ira-calculator-page-back {
  position: absolute;
  left: 0
}

.logged-out-ira-calculator-page-ira-calculator-page-h1 {
  font-size: 24px;
  line-height: 22px;
  margin-bottom: 0;
  text-align: center
}

.logged-out-ira-calculator-page-ira-calculator-page-inputs-h2 {
  font-weight: 600;
  font-size: 24px;
  line-height: 22px
}

.logged-out-ira-calculator-page-ira-calculator-page-inputs {
  background: #161338;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 4px;
  width: 36%;
  height: -moz-fit-content;
  height: fit-content;
  color: #fff;
  padding: 30px
}

@media only screen and (max-width: 1140px) {
  .logged-out-ira-calculator-page-ira-calculator-page-inputs {
    width: 100%
  }
}

.logged-out-ira-calculator-page-ira-calculator-page-content {
  max-width: 60%
}

@media only screen and (max-width: 1140px) {
  .logged-out-ira-calculator-page-ira-calculator-page-content {
    margin-top: 36px;
    max-width: 100%
  }
}

.logged-out-ira-calculator-page-ira-calculator-page-button-inputs {
  display: flex;
  margin-top: 12px
}

.logged-out-ira-calculator-page-ira-calculator-page-inputs-submit {
  font-weight: 500;
  border: 1px solid #fff;
  border-radius: 100px;
  margin-top: 24px;
  margin-bottom: 0;
  padding: 9px;
  color: #fff;
  width: 100%;
  text-align: center;
  transition: background .2s ease, color .2s ease
}

.logged-out-ira-calculator-page-ira-calculator-page-inputs-submit:active,
.logged-out-ira-calculator-page-ira-calculator-page-inputs-submit:focus,
.logged-out-ira-calculator-page-ira-calculator-page-inputs-submit:hover {
  background: #fff;
  color: #161338
}

.logged-out-ira-calculator-page-ira-calculator-page-input-button {
  font-weight: 500;
  border: 1px solid #fff;
  border-radius: 100px;
  padding: 6px;
  color: #fff;
  min-width: 72px;
  font-size: 16px;
  text-align: center;
  transition: background .2s ease, color .2s ease
}

.logged-out-ira-calculator-page-ira-calculator-page-input-button.logged-out-ira-calculator-page-ira-calculator-page-selected {
  background: #fff;
  color: #161338
}

.logged-out-ira-calculator-page-ira-calculator-page-input-button:disabled {
  opacity: .5
}

.logged-out-ira-calculator-page-ira-calculator-page-filing-status-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  border: 0;
  background: #161338;
  width: 100%;
  cursor: pointer;
  border-bottom: 1px solid rgba(255, 255, 255, .7);
  border-radius: 0
}

.logged-out-ira-calculator-page-ira-calculator-page-dollar-input {
  font-weight: 600;
  background: #161338;
  width: 100%;
  border: 0;
  font-size: 20px;
  line-height: 26px;
  border-bottom: 1px solid rgba(255, 255, 255, .7)
}

.logged-out-ira-calculator-page-ira-calculator-page-dob-input {
  font-weight: 600;
  color: #fff !important;
  background: #161338;
  width: 100%;
  border: 0;
  font-size: 20px;
  line-height: 26px;
  border-bottom: 1px solid rgba(255, 255, 255, .7)
}

.logged-out-ira-calculator-accordion-ira-calculator-accordion-accordion-container {
  border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.logged-out-ira-calculator-accordion-ira-calculator-accordion-accordion-container:last-of-type {
  border-bottom: 0
}

.logged-out-ira-calculator-accordion-ira-calculator-accordion-accordion {
  padding: 24px;
  width: 100%
}

.logged-out-ira-calculator-accordion-ira-calculator-accordion-accordion-content {
  transition: max-height .8s ease-out;
  overflow: hidden
}

.logged-out-ira-calculator-accordion-ira-calculator-accordion-accordion-header {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap
}

.logged-out-ira-calculator-accordion-ira-calculator-accordion-caret {
  transition: transform .3s ease
}

.logged-out-ira-calculator-accordion-ira-calculator-accordion-caret-expanded {
  transform: rotate(180deg)
}

.logged-out-ira-calculator-results-ira-calculator-results-default-state {
  font-size: 20px;
  line-height: 24px;
  opacity: .5;
  text-align: center;
  margin-bottom: 0
}

.logged-out-ira-calculator-results-ira-calculator-results-results {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 4px;
  box-shadow: 0 4px 12px #0000001a;
  padding: 36px;
  margin-bottom: 24px;
  opacity: 1;
  transition: opacity .3s ease
}

.logged-out-ira-calculator-results-ira-calculator-results-fade-result {
  opacity: 0
}

.logged-out-ira-calculator-results-ira-calculator-results-results-h2 {
  color: #8f53d7;
  font-weight: 600;
  font-size: 20px;
  line-height: 18px
}

.logged-out-ira-calculator-results-ira-calculator-results-results-account-type {
  font-weight: 600;
  font-size: 30px
}

.logged-out-ira-calculator-results-ira-calculator-results-tooltip-row {
  display: flex;
  align-items: center
}

.logged-out-ira-calculator-results-ira-calculator-results-contribution-amount {
  font-weight: 600;
  font-size: 30px
}

@media only screen and (max-width: 480px) {
  .logged-out-ira-calculator-results-ira-calculator-results-investing-guide-cta {
    margin-top: 12px
  }
}

.reusable-components-plan-plan-editable-plan-editable-item-bar-wrapper {
  width: 100%;
  padding-bottom: 12px;
  max-width: 250px
}

.reusable-components-plan-plan-editable-plan-editable-item-bar-wrapper.reusable-components-plan-plan-editable-plan-editable-item-tbyb {
  max-width: none;
  display: flex;
  align-items: baseline;
  padding-bottom: 0
}

.reusable-components-plan-plan-editable-plan-editable-item-percent-wrapper {
  width: 40px
}

.reusable-components-plan-plan-editable-plan-editable-item-edit-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  box-shadow: 0;
  padding: 0;
  text-align: right;
  width: 40px;
  margin-left: auto;
  border-bottom: 1px solid #c4c4c4;
  margin-bottom: -1px;
  align-self: flex-start
}

.reusable-components-plan-plan-editable-plan-editable-item-edit-input.reusable-components-plan-plan-editable-plan-editable-item-tbyb {
  text-align: left;
  outline: 0
}

.reusable-components-plan-plan-editable-plan-editable-item-item-accessory {
  width: 26px;
  height: 26px;
  border-radius: 13px;
  border: 3px solid #e8e7eb
}

.reusable-components-plan-plan-editable-plan-editable-item-progress-bar-wrap {
  flex: 1 0;
  width: 100%;
  height: 3px;
  border-radius: 6px;
  overflow: hidden
}

.reusable-components-plan-plan-editable-plan-editable-item-slider-wrapper {
  width: 100%;
  height: 32px;
  margin-top: 32px
}

.reusable-components-plan-plan-editable-plan-editable-item-slider-wrapper [data-reach-slider] {
  position: relative;
  top: -5px
}

.reusable-components-plan-plan-editable-plan-editable-item-slider-wrapper [data-reach-slider-range] {
  display: none
}

.reusable-components-plan-plan-editable-plan-editable-item-slider-wrapper [data-reach-slider-track] {
  height: 20px;
  background-color: transparent;
  background-image: linear-gradient(90deg, transparent 75%, rgba(72, 64, 187, .1) 25%);
  background-size: 12px 100%;
  background-repeat: repeat;
  background-position: -9px 0
}

.reusable-components-plan-plan-editable-plan-editable-item-slider-wrapper [data-reach-slider-handle] {
  width: 9px;
  height: 44px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  background-image: linear-gradient(90deg, transparent 66%, var(--tk-surface-interactive-primary) 33%);
  background-size: 9px 100%;
  background-repeat: repeat;
  background-position: -3px 0
}

.reusable-components-plan-plan-editable-dialog-asset-allocation-error-exclamation-icon {
  color: var(--tk-content-interactive-destructive);
  width: 32px
}

.reusable-components-plan-plan-editable-plan-editable-switch-portfolio-section {
  display: flex;
  justify-content: space-between;
  align-items: center
}

@media only screen and (max-width: 1140px) {
  .reusable-components-plan-plan-editable-plan-editable-show-on-large-screens {
    display: none
  }
}

.reusable-components-plan-plan-editable-plan-editable-icon-wrapper {
  width: 40px;
  height: 40px
}

.reusable-components-plan-plan-editable-plan-editable-for-account-request-allocation-bar-allocation-bar-bar {
  width: 100%;
  border-radius: 32px;
  border: 3px solid #e8e7eb;
  height: 26px;
  overflow: hidden
}

.reusable-components-plan-plan-editable-plan-editable-for-account-request-allocation-bar-allocation-bar-item {
  display: inline-block;
  height: 100%;
  vertical-align: top;
  border-right: 3px solid #e8e7eb
}

.reusable-components-plan-plan-editable-plan-editable-for-account-request-allocation-bar-allocation-bar-item:first-child {
  border-radius: 13px 0 0 13px
}

.reusable-components-plan-plan-editable-plan-editable-for-account-request-allocation-bar-allocation-bar-item:last-child {
  border-right: 0;
  border-radius: 0 13px 13px 0
}

.reusable-components-plan-plan-editable-plan-editable-for-account-dialog-rebalancing-preference-default-update-portfolio-screen-render-newlines {
  white-space: pre-wrap
}

.reusable-components-plan-plan-editable-plan-editable-for-account-dialog-rebalancing-preference-dialog-rebalancing-preference-spinner-wrapper {
  height: 652px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.reusable-components-plan-plan-editable-plan-editable-for-account-dialog-rebalancing-preference-aggressive-update-portfolio-screen-render-newlines,
.reusable-components-plan-plan-editable-plan-editable-for-account-dialog-rebalancing-preference-tax-calculations-screen-render-newlines {
  white-space: pre-wrap
}

.reusable-components-autopilot-edit-destination-edit-destination-section-header {
  display: flex;
  justify-content: space-between
}

.reusable-components-autopilot-select-interval-select-interval-max-width {
  max-width: 300px
}

.reusable-components-autopilot-plan-list-plan-list-deposit-icon {
  color: var(--tk-content-secondary);
  width: 40px;
  height: 40px;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4px
}

.reusable-components-autopilot-unstable-link-message-unstable-link-message-link-message-tooltip-trigger {
  font-size: 15px
}

.reusable-components-autopilot-account-icon-accessory-account-icon-accessory-accessory {
  transition: filter .2s ease-out, opacity .2s ease-out
}

.reusable-components-autopilot-account-icon-accessory-account-icon-accessory-muted {
  filter: grayscale(100%)
}

.reusable-components-autopilot-account-icon-accessory-account-icon-accessory-muted.reusable-components-autopilot-account-icon-accessory-account-icon-accessory-institution {
  filter: invert(100%) grayscale(100%);
  opacity: .5
}

.reusable-components-autopilot-edit-source-edit-source-max-width {
  max-width: 300px
}

.reusable-components-autopilot-edit-source-edit-source-edit-source-account-icon {
  position: relative;
  top: -6px;
  left: -14px
}

@keyframes pulseOverlay {
  0% {
    opacity: .65
  }

  50% {
    opacity: .25
  }

  to {
    opacity: .65
  }
}

.reusable-components-autopilot-loading-overlay-loading-overlay-loading {
  position: relative;
  pointer-events: none;
  z-index: 0
}

.reusable-components-autopilot-loading-overlay-loading-overlay-loading:before {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  inset: 0;
  background-color: var(--tk-surface);
  opacity: 0;
  animation: pulseOverlay ease-in-out infinite 1s
}

.reusable-components-expanded-clickable-area-expanded-clickable-area-wrapper {
  cursor: pointer
}

.reusable-components-form-address-form-address-invalid {
  box-shadow: inset 0 0 0 1px var(--tk-content-interactive-destructive)
}

.reusable-components-form-address-form-address-invalid:hover {
  box-shadow: inset 0 0 0 1px var(--tk-content-interactive-destructive), 0 0 0 4px var(--tk-surface-interactive-destructive)
}

.reusable-components-form-address-form-address-invalid:focus-within,
.reusable-components-form-address-form-address-invalid.inputGroupFocus {
  box-shadow: inset 0 0 0 2px var(--tk-content-interactive-destructive), 0 0 0 4px var(--tk-surface-interactive-destructive)
}

.reusable-components-page-footer-page-footer-footer {
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
  height: 72px;
  flex: 0 0 auto;
  border-top: 1px solid var(--tk-content-divider);
  background: var(--tk-surface);
  display: flex;
  align-items: center;
  justify-content: stretch;
  z-index: 3;
  margin-top: 12px
}

@media only screen and (max-width: 768px) {
  .reusable-components-page-footer-page-footer-fullscreen {
    bottom: calc(48px + env(safe-area-inset-bottom))
  }
}

.reusable-components-page-footer-page-footer-sticky {
  position: sticky
}

.reusable-components-page-footer-page-footer-fixed {
  position: fixed
}

.reusable-components-page-footer-page-footer-container {
  flex: 1 0;
  width: 100%;
  margin: 0 auto;
  padding: 0 24px
}

@media only screen and (max-width: 768px) {
  .reusable-components-page-footer-page-footer-one-column-layout {
    display: block;
    max-width: 480px
  }
}

@media only screen and (min-width: 769px) {
  .reusable-components-page-footer-page-footer-one-column-layout {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 24px;
    max-width: 768px
  }
}

@media only screen and (max-width: 768px) {
  .reusable-components-page-footer-page-footer-default-layout {
    display: block;
    max-width: 480px
  }
}

@media only screen and (min-width: 769px) and (max-width: 1140px) {
  .reusable-components-page-footer-page-footer-default-layout {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 24px
  }
}

@media only screen and (min-width: 1141px) {
  .reusable-components-page-footer-page-footer-default-layout {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 48px;
    max-width: 1140px
  }
}

@media only screen and (min-width: 769px) and (max-width: 960px) {
  .reusable-components-page-footer-page-footer-content {
    grid-column: 6/span 7
  }
}

@media only screen and (min-width: 961px) {
  .reusable-components-page-footer-page-footer-content {
    grid-column: 5/span 8
  }
}

.reusable-components-fullscreen-overlay-fullscreen-overlay-overlay {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  overflow-y: auto;
  background: var(--tk-surface);
  z-index: 10
}

.reusable-components-fullscreen-overlay-fullscreen-overlay-content {
  position: absolute;
  inset: 0;
  outline: 0
}

.reusable-components-fastlink-modal-fastlink-loading-spinner-fastlink-container {
  padding: 24px;
  height: auto
}

@media only screen and (max-width: 768px) {
  .reusable-components-fastlink-modal-fastlink-loading-spinner-fastlink-container {
    height: 80vh
  }
}

.reusable-components-action-carousel-action-carousel-desktop-container {
  display: block
}

.reusable-components-action-carousel-action-carousel-mobile-container-wrapper {
  display: none;
  padding-bottom: 36px
}

.reusable-components-action-carousel-action-carousel-mobile-container {
  position: absolute;
  width: 100%;
  left: 0
}

.reusable-components-action-carousel-action-carousel-slider {
  position: relative;
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer
}

.reusable-components-action-carousel-action-carousel-slider::-webkit-scrollbar {
  display: none
}

.reusable-components-action-carousel-action-carousel-carousel-action {
  margin: 0 6px
}

.reusable-components-action-carousel-action-carousel-carousel-action:first-child {
  margin-left: 0
}

.reusable-components-action-carousel-action-carousel-carousel-action:last-child {
  margin-right: 0
}

@media only screen and (max-width: 480px) {
  .reusable-components-action-carousel-action-carousel-desktop-container {
    display: none
  }

  .reusable-components-action-carousel-action-carousel-mobile-container-wrapper {
    display: block
  }

  .reusable-components-action-carousel-action-carousel-carousel-action {
    display: inline-block
  }

  .reusable-components-action-carousel-action-carousel-carousel-action:first-child {
    margin-left: 24px
  }

  .reusable-components-action-carousel-action-carousel-carousel-action:last-child {
    margin-right: 24px
  }
}

.reusable-components-plan-portfolio-building-portfolio-building-container {
  position: fixed;
  inset: 0
}

.reusable-components-plan-portfolio-building-portfolio-building-background {
  background: #230b59
}

.reusable-components-plan-portfolio-building-portfolio-building-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center
}

.reusable-components-plan-portfolio-building-portfolio-building-animation {
  max-width: 500px;
  width: 100%
}

.reusable-components-plan-portfolio-building-portfolio-building-bottom-animation-container {
  margin-top: 48px;
  display: flex;
  justify-content: center
}

.reusable-components-plan-portfolio-building-portfolio-building-checkmark-text {
  display: flex;
  animation: opacityUp .25s ease;
  opacity: .3;
  animation-fill-mode: forwards
}

@keyframes opacityUp {
  0% {
    opacity: .3
  }

  to {
    opacity: 1
  }
}

.reusable-components-select-select-select-wrapper {
  position: relative;
  font-size: 19px;
  line-height: 24px;
  font-weight: 400
}

.reusable-components-select-select-select {
  display: block;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: auto;
  background: transparent;
  padding: 16px 32px 16px 16px;
  color: var(--tk-content-primary);
  border: 0;
  border-radius: 16px;
  box-shadow: inset 0 0 0 1px var(--tk-content-divider);
  transition: box-shadow .1s cubic-bezier(.2, 0, .4, 1);
  cursor: pointer;
  outline: none
}

.reusable-components-select-select-select.reusable-components-select-select-legacy {
  border-radius: 0;
  padding-top: 8px;
  padding-bottom: 8px
}

.reusable-components-select-select-select:hover {
  box-shadow: inset 0 0 0 1px var(--tk-content-divider), 0 0 0 4px var(--tk-surface-interactive-default)
}

.reusable-components-select-select-select:focus {
  box-shadow: inset 0 0 0 2px var(--tk-content-interactive-default), 0 0 0 4px var(--tk-surface-interactive-default);
  background: transparent
}

.reusable-components-select-select-select.reusable-components-select-select-disabled {
  color: var(--tk-content-disabled);
  background-color: var(--tk-surface-disabled);
  box-shadow: inset 0 0 0 1px var(--tk-content-divider);
  cursor: not-allowed
}

.reusable-components-select-select-icon-wrapper {
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  display: flex;
  align-items: center;
  pointer-events: none
}

.reusable-components-select-select-icon {
  color: var(--tk-content-secondary);
  transform: rotate(90deg);
  width: 16px;
  height: 16px
}

:root {
  --reach-slider: 1
}

[data-reach-slider-input] {
  max-width: 100%
}

[data-reach-slider-input][data-orientation=horizontal] {
  height: .5rem
}

[data-reach-slider-input][data-orientation=vertical] {
  width: .5rem;
  height: 250px;
  max-height: 100%
}

[data-reach-slider-input][data-disabled] {
  opacity: .5;
  pointer-events: none
}

[data-reach-slider-track] {
  position: relative;
  border-radius: .25rem;
  background: var(--tk-surface-track)
}

[data-reach-slider-track][data-orientation=horizontal] {
  width: 100%;
  height: inherit
}

[data-reach-slider-track][data-orientation=vertical] {
  width: inherit;
  height: 100%
}

[data-reach-slider-track]:before {
  content: "";
  position: absolute
}

[data-reach-slider-track][data-orientation=horizontal]:before {
  width: 100%;
  height: 1.5rem;
  top: calc(-.5rem - 1px);
  left: 0
}

[data-reach-slider-track][data-orientation=vertical]:before {
  width: 1.5rem;
  height: 100%;
  top: 0;
  left: calc(-.5rem - 1px)
}

[data-reach-slider-handle] {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  z-index: 1;
  transform-origin: center;
  border: .8px solid var(--tk-content-divider);
  box-shadow: 0 1px 1px #0000004d;
  background-color: var(--tk-surface);
  cursor: col-resize
}

[data-reach-slider-handle][aria-orientation=horizontal] {
  top: 50%;
  transform: translateY(-50%)
}

[data-reach-slider-handle][aria-orientation=horizontal]:focus {
  transform: translateY(-50%)
}

[data-reach-slider-handle][aria-orientation=vertical] {
  left: 50%;
  transform: translate(-50%)
}

[data-reach-slider-range] {
  border-radius: inherit;
  background: var(--tk-content-interactive-default);
  left: 0;
  bottom: 0
}

[data-reach-slider-range][data-orientation=horizontal] {
  height: 100%
}

[data-reach-slider-range][data-orientation=vertical] {
  width: 100%
}

[data-reach-slider-marker] {
  background: gray;
  transform-origin: center
}

[data-reach-slider-marker][data-orientation=horizontal] {
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3px;
  height: .75rem
}

[data-reach-slider-marker][data-orientation=vertical] {
  left: 50%;
  transform: translate(-50%, -50%);
  width: .75rem;
  height: 3px
}

[data-reach-slider-track-highlight] {
  border-radius: inherit;
  background: var(--tk-content-interactive-default);
  left: 0;
  bottom: 0
}

[data-reach-slider-track-highlight][data-orientation=horizontal] {
  height: 100%
}

[data-reach-slider-track-highlight][data-orientation=vertical] {
  width: 100%
}

@media only screen and (max-width: 480px) {
  .reusable-components-recaptcha-recaptcha-recaptcha {
    transform: scale(.85);
    transform-origin: 0 0
  }
}

.reusable-components-manual-ach-relationship-manual-ach-relationship-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 24px
}

.reusable-components-spinner-spinner-spinner {
  display: inline-block;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  border: 2px var(--tk-surface-track) solid;
  border-top-color: var(--tk-content-interactive-default);
  animation: rotate 1s infinite linear
}

.reusable-components-spinner-spinner-spinner.reusable-components-spinner-spinner-medium {
  display: block;
  margin: 12px auto;
  height: 24px;
  width: 24px
}

.reusable-components-spinner-spinner-spinner.reusable-components-spinner-spinner-large {
  display: block;
  margin: 12px auto;
  height: 72px;
  width: 72px
}

.reusable-components-spinner-spinner-spinner.reusable-components-spinner-spinner-xl {
  display: block;
  margin: 12px auto;
  height: 120px;
  width: 120px
}

.reusable-components-spinner-spinner-spinner.reusable-components-spinner-spinner-white {
  border-color: #ffffff4d;
  border-top-color: #fff
}

@keyframes rotate {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(359deg)
  }
}

.reusable-components-toast-toast-rounded {
  border-radius: 16px;
  border-color: var(--tk-content-divider)
}

.reusable-components-toast-toast-container {
  background-color: var(--tk-surface);
  color: var(--tk-content-primary)
}

.reusable-components-toast-toast-content {
  padding: 16px
}

.reusable-components-show-hide-password-input-show-hide-password-input-input-container {
  display: flex;
  justify-content: space-between
}

.reusable-components-show-hide-password-input-show-hide-password-input-show-hide-button {
  height: 100%;
  display: flex;
  align-items: center
}

.reusable-components-show-hide-password-input-show-hide-password-input-password-input {
  border: 0;
  background-color: #fcfcfc;
  outline: none;
  width: 95%;
  height: 100%
}

.reusable-components-toggle-switch-toggle-switch-wrapper {
  height: 24px;
  position: relative;
  top: -1px
}

.reusable-components-toggle-switch-toggle-switch-input {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 40px;
  left: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
  cursor: pointer
}

.reusable-components-toggle-switch-toggle-switch-input:checked+.reusable-components-toggle-switch-toggle-switch-button {
  background: var(--tk-surface-interactive-primary)
}

.reusable-components-toggle-switch-toggle-switch-input:checked+.reusable-components-toggle-switch-toggle-switch-button:after {
  left: 17px
}

.reusable-components-toggle-switch-toggle-switch-input:focus-visible {
  outline-offset: 3px;
  outline: var(--tk-surface-interactive-default-active) groove 2px
}

.reusable-components-toggle-switch-toggle-switch-button {
  transition: background .15s cubic-bezier(.3, 0, .6, 1);
  background: var(--tk-surface-disabled);
  border-radius: 24px;
  position: relative;
  display: inline-block;
  height: 24px;
  width: 40px
}

.reusable-components-toggle-switch-toggle-switch-button:after {
  transition: left .15s cubic-bezier(.3, 0, .6, 1);
  background: #fff;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  height: 20px;
  width: 20px;
  left: 3px;
  top: 2px;
  transform: translateZ(0);
  border: .5px solid rgba(0, 0, 0, .04);
  box-shadow: 0 3px 8px #00000026, 0 3px 1px #0000000f
}

input:focus+.reusable-components-toggle-switch-toggle-switch-button {
  outline: var(--tk-surface-interactive-default-active) groove 2px
}

.reusable-components-truncate-multiline-text-truncate-multiline-text-truncate {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.reusable-components-external-accounts-sources-step-sources-step-sticky-container {
  display: flex;
  flex-direction: column;
  margin-right: -24px;
  margin-top: -24px
}

.reusable-components-external-accounts-sources-step-sources-step-sticky-content {
  flex: 1 0 auto;
  max-height: 70vh;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 24px 24px 24px 5px
}

.reusable-components-external-accounts-sources-step-sources-step-sticky-footer {
  flex-shrink: 0;
  border-top: 1px solid var(--tk-content-divider);
  margin: 0 0 0 -24px;
  padding: 24px 24px 0
}

.reusable-components-action-carousel-action-action-action {
  display: inline-block;
  border-radius: 24px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  padding: 8px 12px;
  box-sizing: border-box;
  white-space: nowrap;
  flex: 1 0 0;
  background-color: var(--tk-surface-interactive-default);
  color: var(--tk-content-interactive-default)
}

.reusable-components-action-carousel-action-action-action:hover {
  background-color: var(--tk-surface-interactive-default-hover);
  color: var(--tk-content-interactive-default-hover)
}

.reusable-components-action-carousel-action-action-action:focus,
.reusable-components-action-carousel-action-action-action:active {
  background-color: var(--tk-surface-interactive-default);
  color: var(--tk-content-interactive-default)
}

.reusable-components-action-carousel-action-action-icon {
  margin-right: 4px
}

.reusable-components-logged-out-footer-footer-footer-container {
  background-color: #18172b;
  position: relative;
  overflow: hidden
}

.reusable-components-logged-out-footer-footer-footer-nav-col {
  display: flex;
  flex-direction: column;
  row-gap: 24px
}

.reusable-components-logged-out-footer-footer-footer-nav-group {
  display: flex;
  flex-direction: column;
  row-gap: 8px
}

.reusable-components-logged-out-footer-footer-footer-nav-group-title {
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
  font-size: 22px
}

.reusable-components-logged-out-footer-footer-footer-nav-item {
  color: #fff !important;
  white-space: nowrap
}

.reusable-components-logged-out-footer-footer-footer-nav-item:hover .reusable-components-logged-out-footer-footer-footer-nav-line,
.reusable-components-logged-out-footer-footer-footer-nav-item:active .reusable-components-logged-out-footer-footer-footer-nav-line {
  width: 100%
}

.reusable-components-logged-out-footer-footer-footer-nav-item-container {
  position: relative;
  display: inline-block
}

.reusable-components-logged-out-footer-footer-footer-nav-line {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  bottom: -2px;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s;
  width: 0;
  background-color: #fff
}

.reusable-components-logged-out-footer-footer-logo {
  max-width: 200px
}

.reusable-components-logged-out-footer-children {
  color: #b7b7c0;
  font-size: 12px;
  padding: 32px 0;
  border-top: 1px solid white
}

.reusable-components-external-accounts-account-row-account-row-content {
  flex: 1 0 auto
}

.reusable-components-external-accounts-account-row-account-row-row {
  display: flex;
  justify-content: space-between
}

.reusable-components-external-accounts-account-row-account-row-dashboard-external-account-logo {
  margin-top: 2px
}

.reusable-components-plan-plan-portfolio-type-portfolio-comparison-dialog-portfolio-comparison-dialog-table-header {
  border-left: 1px solid #e7e7ea;
  text-align: center;
  text-align: -webkit-center;
  padding: 12px
}

.reusable-components-plan-plan-portfolio-type-portfolio-comparison-dialog-portfolio-comparison-dialog-category-column,
.reusable-components-plan-plan-portfolio-type-portfolio-comparison-dialog-portfolio-comparison-dialog-empty-header {
  min-width: 40%;
  max-width: 126px;
  padding: 16px;
  text-align: left
}

.reusable-components-plan-plan-portfolio-type-portfolio-comparison-dialog-portfolio-comparison-dialog-category-column {
  border-top: 1px solid #e7e7ea;
  border-bottom: 1px solid #e7e7ea
}

.reusable-components-plan-plan-portfolio-type-portfolio-comparison-dialog-portfolio-comparison-dialog-table-data {
  text-align: center;
  border-left: 1px solid #e7e7ea;
  border-top: 1px solid #e7e7ea;
  border-bottom: 1px solid #e7e7ea
}

.reusable-components-plan-plan-portfolio-type-portfolio-comparison-dialog-portfolio-comparison-dialog-icon-container {
  vertical-align: top
}

.reusable-components-plan-plan-portfolio-type-portfolio-comparison-dialog-portfolio-comparison-dialog-header-text-container {
  vertical-align: bottom
}

.reusable-components-logged-out-header-header-header-container {
  background-color: #fff;
  display: block;
  position: relative;
  z-index: 50
}

@media only screen and (max-width: 1140px) {
  .reusable-components-logged-out-header-header-header-container {
    display: none
  }
}

.reusable-components-logged-out-header-header-header-desktop-container {
  margin: 0 auto;
  padding: 0 64px;
  max-width: 2024px
}

@media only screen and (max-width: 768px) {
  .reusable-components-logged-out-header-header-header-desktop-container {
    padding: 0
  }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .reusable-components-logged-out-header-header-header-desktop-container {
    padding: 0 48px
  }
}

.reusable-components-logged-out-header-header-header-desktop-inner-container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  justify-content: space-between;
  height: 96px
}

.reusable-components-logged-out-header-header-header-desktop-nav {
  display: flex;
  align-items: center;
  column-gap: 80px
}

@media (max-width: 1280px) {
  .reusable-components-logged-out-header-header-header-desktop-nav {
    column-gap: 50px
  }
}

.reusable-components-logged-out-header-header-header-button-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 16px
}

.reusable-components-logged-out-header-header-header-login-button:hover .reusable-components-logged-out-header-header-header-login-text-gradient {
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to bottom, #484848, #ad6035)
}

.reusable-components-logged-out-header-header-header-text-container {
  display: block;
  border: 1px
}

.reusable-components-logged-out-header-header-header-button {
  border: none;
  background: none;
  text-decoration: none !important
}

.reusable-components-logged-out-header-header-bg-eggplant {
  background-color: #230b59
}

.reusable-components-logged-out-header-header-bg-white {
  background-color: #fff
}

.reusable-components-logged-out-header-header-padding-zero {
  padding: 0 !important
}

.reusable-components-logged-out-header-header-width-zero {
  width: 0
}

.reusable-components-logged-out-header-header-width-full {
  width: 100% !important
}

.reusable-components-logged-out-header-header-bottom-zero {
  bottom: 0
}

.reusable-components-logged-out-header-header-bottom-point-five {
  bottom: 2px
}

.reusable-components-logged-out-header-header-text-eggplant {
  color: #230b59
}

.reusable-components-logged-out-header-header-text-white {
  color: #fff
}

.reusable-components-logged-out-header-header-text-blurple {
  color: var(--tk-surface-interactive-primary)
}

.reusable-components-logged-out-header-header-content-start {
  justify-content: flex-start !important
}

.reusable-components-logged-out-header-header-content-end {
  justify-content: flex-end !important
}

.reusable-components-logged-out-header-header-heading {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px
}

.reusable-components-logged-out-header-header-simple {
  font-weight: 500
}

.reusable-components-logged-out-header-header-underline {
  text-decoration-line: underline
}

.reusable-components-logged-out-header-header-arrow {
  pointer-events: none;
  position: absolute;
  right: -16px;
  bottom: -1.5px;
  font-family: GT Alpina, ui-serif, Georgia, Cambria, Times New Roman, Times, serif
}

.reusable-components-logged-out-header-header-link {
  position: relative;
  white-space: nowrap
}

.reusable-components-logged-out-header-header-link:hover .reusable-components-logged-out-header-header-link-underline,
.reusable-components-logged-out-header-header-link:active .reusable-components-logged-out-header-header-link-underline {
  width: 100%
}

.reusable-components-logged-out-header-header-main-link-container {
  display: flex;
  position: relative;
  justify-content: flex-start;
  text-align: left;
  padding: 4px 24px 4px 4px;
  border-radius: 4px
}

.reusable-components-logged-out-header-header-main-link-container:hover .reusable-components-logged-out-header-header-main-link-image-container,
.reusable-components-logged-out-header-header-main-link-container:active .reusable-components-logged-out-header-header-main-link-image-container {
  transform: scale(1.1)
}

.reusable-components-logged-out-header-header-main-link-container:hover .reusable-components-logged-out-header-header-link-underline,
.reusable-components-logged-out-header-header-main-link-container:active .reusable-components-logged-out-header-header-link-underline {
  width: 100%
}

.reusable-components-logged-out-header-header-main-link-image-container {
  flex-grow: 0;
  flex-shrink: 0;
  height: 128px;
  width: 128px;
  margin-right: 16px;
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}

.reusable-components-logged-out-header-header-main-link-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center
}

.reusable-components-logged-out-header-header-main-link-content-container {
  flex-grow: 1;
  max-width: 300px
}

.reusable-components-logged-out-header-header-main-link-content-inner-container {
  display: inline-block;
  position: relative;
  color: #230b59;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px
}

.reusable-components-logged-out-header-header-main-link-content-inner-container:hover .reusable-components-logged-out-header-header-link-underline,
.reusable-components-logged-out-header-header-main-link-content-inner-container:active .reusable-components-logged-out-header-header-link-underline {
  width: 100%
}

.reusable-components-logged-out-header-header-link-underline {
  position: absolute;
  background-color: #230b59;
  left: 0;
  right: 0;
  height: 2px;
  bottom: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s;
  width: 0
}

.reusable-components-logged-out-header-header-main-link-subtitle,
.reusable-components-logged-out-header-header-main-link-mobile-subtitle {
  color: #230b59;
  font-size: 18px;
  line-height: 1.2;
  font-family: Calibre, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"
}

.reusable-components-logged-out-header-header-main-link-mobile-subtitle {
  max-width: 250px
}

.reusable-components-logged-out-header-header-sidebar-link-divider,
.reusable-components-logged-out-header-header-sidebar-link-mobile-divider {
  border-color: #d1d5db;
  width: 100%
}

.reusable-components-logged-out-header-header-sidebar-link-divider {
  margin: 4px 0
}

.reusable-components-logged-out-header-header-sidebar-link-mobile-divider {
  margin: 0 16px
}

.reusable-components-logged-out-header-header-menu-container {
  z-index: 40;
  margin: 0 !important
}

.reusable-components-logged-out-header-header-menu-mobile-container {
  overflow: hidden;
  border-radius: 4px;
  color: #230b59;
  font-weight: 500;
  text-align: center
}

.reusable-components-logged-out-header-header-menu-main-container {
  background-color: #fff;
  border-radius: 12px;
  display: flex;
  align-items: stretch;
  justify-content: center;
  overflow: hidden;
  color: #230b59;
  font-weight: 500;
  filter: drop-shadow(-14.4442px 17.1565px .7222px rgba(0, 0, 0, .1))
}

.reusable-components-logged-out-header-header-menu-main {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 36px 16px
}

.reusable-components-logged-out-header-header-menu-sidebar,
.reusable-components-logged-out-header-header-menu-mobile-sidebar {
  background-color: #f3f4f6;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.reusable-components-logged-out-header-header-menu-mobile-sidebar {
  align-items: center;
  justify-content: center;
  padding: 24px 32px
}

.reusable-components-logged-out-header-header-menu-sidebar {
  padding: 40px 32px;
  align-items: flex-start;
  justify-content: flex-start
}

.reusable-components-logged-out-header-header-header-tab-link {
  font-weight: 500;
  position: relative;
  line-height: 30px
}

.reusable-components-logged-out-header-header-header-tab-link:hover .reusable-components-logged-out-header-header-link-underline,
.reusable-components-logged-out-header-header-header-tab-link:active .reusable-components-logged-out-header-header-link-underline {
  width: 100%
}

.reusable-components-logged-out-header-header-header-tab-popout {
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 8px;
  line-height: 30px
}

.reusable-components-logged-out-header-header-header-tab-popout:hover .reusable-components-logged-out-header-header-link-underline,
.reusable-components-logged-out-header-header-header-tab-popout:active .reusable-components-logged-out-header-header-link-underline {
  width: 100%
}

.reusable-components-logged-out-header-header-chevron {
  display: inline;
  height: 6px;
  margin-top: 3px
}

.reusable-components-logged-out-header-header-header-mobile-container {
  position: relative;
  display: none;
  height: 96px;
  padding: 0 64px;
  max-width: 2024px;
  align-items: center;
  background-color: #fff;
  z-index: 50
}

@media only screen and (max-width: 1140px) {
  .reusable-components-logged-out-header-header-header-mobile-container {
    display: flex
  }
}

@media only screen and (max-width: 768px) {
  .reusable-components-logged-out-header-header-header-mobile-container {
    padding: 0 16px
  }
}

.reusable-components-logged-out-header-header-header-mobile-inner-container {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between
}

.reusable-components-logged-out-header-header-header-mobile-tab-link {
  font-weight: 400;
  color: #fff;
  position: relative;
  font-size: 24px;
  line-height: 32px;
  padding: 16px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 5px
}

.reusable-components-logged-out-header-header-header-mobile-popout-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 16px 32px
}

.reusable-components-logged-out-header-header-header-mobile-menu-container {
  z-index: 50;
  background-color: #230b59;
  position: fixed;
  inset: 0;
  color: #fff;
  padding: 24px;
  overflow: auto
}

.reusable-components-logged-out-header-header-header-mobile-menu-inner-container {
  max-width: 384px;
  margin: 0 auto
}

.reusable-components-logged-out-header-header-header-mobile-menu-logo-container {
  display: flex;
  width: 100%;
  padding: 8px 0;
  justify-content: space-between
}

.reusable-components-logged-out-header-header-header-mobile-menu-logo {
  width: 36px;
  height: 36px
}

.reusable-components-logged-out-header-header-header-mobile-menu-divider {
  flex-grow: 1;
  flex-shrink: 1
}

.reusable-components-logged-out-header-header-header-mobile-menu-links-container {
  display: flex;
  flex-direction: column;
  text-align: center
}

.reusable-components-logged-out-header-header-header-mobile-menu-cta-container {
  display: flex;
  flex-direction: column;
  margin: 16px 0;
  row-gap: 16px
}

.reusable-components-logged-out-header-header-header-mobile-menu-apps-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 8px
}

.reusable-components-logged-out-header-header-app-logo {
  height: 100%;
  max-width: 150px;
  object-position: center;
  object-fit: contain
}

.reusable-components-logged-out-header-header-button {
  z-index: 1;
  position: relative;
  justify-content: center;
  border-radius: 7px;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  font-family: Calibre, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
  padding: 12px 20px;
  display: inline-flex;
  white-space: nowrap
}

@media only screen and (min-width: 1801px) {
  .reusable-components-logged-out-header-header-button {
    padding: .875rem 1.5rem
  }
}

.reusable-components-logged-out-header-header-button:active:after {
  opacity: 1
}

.reusable-components-logged-out-header-header-button:before,
.reusable-components-logged-out-header-header-button:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0;
  transition: opacity .3s ease-out
}

.reusable-components-logged-out-header-header-primary-button {
  box-shadow: 0 0 #0000
}

.reusable-components-logged-out-header-header-primary-button:before {
  background: linear-gradient(180deg, var(--tk-surface-interactive-primary) 0%, #ad6035 100%)
}

.reusable-components-logged-out-header-header-primary-button:after {
  background: #230b59
}

.reusable-components-logged-out-header-header-primary-button:hover {
  box-shadow: 0 4px 20px #00000040;
  color: #fff
}

.reusable-components-logged-out-header-header-primary-button:hover:before {
  opacity: 1
}

.reusable-components-logged-out-header-header-primary-button-light {
  background-color: var(--tk-surface-interactive-primary);
  color: #fff;
  overflow: hidden;
  text-decoration: none
}

.reusable-components-logged-out-header-header-primary-button-dark {
  background-color: #fff;
  color: #230b59;
  overflow: hidden;
  text-decoration: none
}

.reusable-components-logged-out-header-header-secondary-button-light {
  border: 1px solid var(--tk-surface-interactive-primary);
  color: var(--tk-surface-interactive-primary);
  text-decoration: none
}

.reusable-components-logged-out-header-header-secondary-button-dark {
  border: 1px solid #dadef1;
  color: #dadef1;
  text-decoration: none
}

.reusable-components-logged-out-header-header-secondary-button-dark:hover {
  border: transparent
}

.reusable-components-logged-out-header-header-secondary-button-on-light:before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 7px;
  padding: 1px;
  background: linear-gradient(180deg, var(--tk-surface-interactive-primary) 0%, #ad6035 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude
}

.reusable-components-logged-out-header-header-secondary-button-on-light:hover:not(:active) {
  background: linear-gradient(180deg, var(--tk-surface-interactive-primary) 0%, #ad6035 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  border: 1px solid transparent
}

.reusable-components-logged-out-header-header-secondary-button-on-light:hover:not(:active):before {
  opacity: 1
}

.reusable-components-logged-out-header-header-secondary-button-on-dark:before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 7px;
  padding: 1px;
  background: linear-gradient(180deg, var(--tk-surface-interactive-primary) 0%, #ad6035 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude
}

.reusable-components-logged-out-header-header-secondary-button-on-dark:hover:not(:active) {
  background: linear-gradient(180deg, var(--tk-surface-interactive-primary) 0%, #ad6035 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  border: 1px solid transparent
}

.reusable-components-logged-out-header-header-secondary-button-on-dark:hover:not(:active):before {
  opacity: 1
}

.reusable-components-questionnaire-crunching-numbers-crunching-numbers-flex-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 380px;
  flex-direction: column
}

.reusable-components-external-accounts-contact-client-services-step-contact-client-services-step-contact-client-services-component {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1
}

.reusable-components-external-accounts-contact-client-services-step-contact-client-services-step-contact-client-services-component-icon-container {
  padding-bottom: 24px;
  display: flex;
  justify-content: center
}

.reusable-components-external-accounts-bank-account-selection-step-bank-account-selection-step-bank-account-selection-step {
  display: flex;
  align-items: center
}

.flows-application-components-greendot-agreements-greendot-agreements-container {
  color: #747386
}

.flows-application-components-greendot-agreements-greendot-agreements-container ul {
  padding-left: 2rem
}

.flows-application-components-greendot-agreements-greendot-agreements-container ul li {
  margin-bottom: 1.5rem
}

.flows-components-nav-links-nav-links-nav-links-container {
  padding: 0 6px;
  min-height: 48px;
  display: grid;
  grid-template-columns: 2fr 1fr 2fr
}

.flows-components-nav-links-nav-links-cancel-button-container {
  font-size: 19px;
  justify-self: right;
  grid-column-start: 3;
  grid-column-end: 4
}

.flows-components-nav-links-nav-links-back-button-container {
  font-size: 19px;
  justify-self: left;
  grid-column-start: 1;
  grid-column-end: 2
}

.flows-components-nav-links-nav-links-wealthfront-logo-container {
  justify-self: center;
  grid-column-start: 2;
  grid-column-end: 3
}

.flows-components-nav-links-nav-links-wealthfront-logo-mobile {
  display: none;
  margin-left: auto
}

.flows-components-nav-links-nav-links-wealthfront-logo-desktop {
  display: block;
  margin-left: auto
}

@media (max-width: 768px) {
  .flows-components-nav-links-nav-links-wealthfront-logo-mobile {
    display: block
  }

  .flows-components-nav-links-nav-links-wealthfront-logo-desktop {
    display: none
  }
}

@media only screen and (max-width: 768px) {
  .flows-components-nav-links-nav-links-with-progress-bar .flows-components-nav-links-nav-links-nav-links-container {
    grid-template-columns: none;
    display: flex
  }

  .flows-components-nav-links-nav-links-with-progress-bar .flows-components-nav-links-nav-links-back-button-container {
    justify-self: left;
    flex-shrink: 1
  }

  .flows-components-nav-links-nav-links-with-progress-bar .flows-components-nav-links-nav-links-cancel-button-container {
    flex-grow: 1;
    text-align: center;
    margin-left: -18px
  }

  .flows-components-nav-links-nav-links-with-progress-bar .flows-components-nav-links-nav-links-wealthfront-logo-container {
    display: none
  }
}

.flows-application-components-stock-portfolio-chapter-screen-chapter-screen-image-container {
  max-width: 50%;
  min-width: 468px;
  min-height: 468px;
  display: block;
  margin-left: auto;
  margin-right: auto
}

@media (max-width: 481px) {
  .flows-application-components-stock-portfolio-chapter-screen-chapter-screen-image-container {
    min-width: 312px;
    min-height: 312px
  }
}

.flows-application-components-stock-portfolio-chapter-screen-chapter-screen-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto
}

.flows-signup-components-welcome-screen-welcome-screen-image {
  max-width: 100%
}

.flows-signup-components-welcome-screen-welcome-screen-image-desktop {
  max-width: 35%;
  min-width: 250px
}

.flows-application-components-review-step-acknowledgement-panel-confirm-trust-input {
  display: flex;
  align-items: start;
  column-gap: 12px
}

.flows-signup-components-signup-flow-button-signup-flow-button-signup-flow-button {
  display: flex;
  padding: 0;
  width: auto;
  max-width: -moz-fit-content;
  max-width: fit-content
}

@media only screen and (max-width: 768px) {
  .flows-signup-components-signup-flow-button-signup-flow-button-signup-flow-button {
    max-width: 100%;
    width: 100%
  }
}

.flows-autopilot-components-autopilot-setup-start-autopilot-setup-start-categories-and-autopilot-image {
  width: 80%;
  height: 80%;
  display: block;
  margin: 0 auto 36px
}

@media only screen and (max-width: 768px) {
  .flows-autopilot-components-autopilot-setup-start-autopilot-setup-start-categories-and-autopilot-image {
    width: 100%;
    height: 100%
  }
}

.flows-signup-components-signup-dual-button-layout-signup-dual-button-layout-dual-button-layout {
  width: 100%;
  padding: 0;
  display: flex;
  flex-flow: row
}

@media only screen and (max-width: 768px) {
  .flows-signup-components-signup-dual-button-layout-signup-dual-button-layout-dual-button-layout {
    flex-flow: column
  }
}

.flows-signup-components-signup-dual-button-layout-signup-dual-button-layout-dual-button-left,
.flows-signup-components-signup-dual-button-layout-signup-dual-button-layout-dual-button-right {
  margin-right: 12px;
  max-width: -moz-fit-content;
  max-width: fit-content
}

@media only screen and (max-width: 768px) {

  .flows-signup-components-signup-dual-button-layout-signup-dual-button-layout-dual-button-left,
  .flows-signup-components-signup-dual-button-layout-signup-dual-button-layout-dual-button-right {
    width: 100%;
    max-width: 100%;
    margin-bottom: 8px
  }
}

.flows-signup-components-start-signup-start-content {
  max-width: 40%;
  margin: 0 auto;
  text-align: center
}

@media only screen and (max-width: 1140px) {
  .flows-signup-components-start-signup-start-content {
    max-width: 85%
  }
}

.flows-signup-components-start-signup-start-container {
  margin: -60px;
  text-align: center;
  min-height: 500px;
  display: flex;
  align-items: center;
  background-image: url("../../../assets/assets/logged_out/investing_guide/lady_drinking_coffee-8a231a1490a676da9ad2bafe5a2f463d48de70038a50e35a6125ebbddac45766.png");
  background-repeat: no-repeat;
  background-position: right
}

@media only screen and (max-width: 1140px) {
  .flows-signup-components-start-signup-start-container {
    background-size: 55%;
    margin: -20px -60px
  }
}

@media only screen and (max-width: 768px) {
  .flows-signup-components-start-signup-start-container {
    background-position: right top;
    margin: -24px -18px;
    background-size: 60%;
    align-items: flex-end
  }
}

@media only screen and (max-width: 480px) {
  .flows-signup-components-start-signup-start-container {
    background-size: 65%
  }
}

@media only screen and (max-width: 768px) {
  .flows-signup-components-start-signup-start-button {
    margin-bottom: 24px
  }
}

.flows-signup-components-start-signup-start-content-b {
  text-align: center;
  max-width: 38%;
  margin-left: 10%
}

@media only screen and (max-width: 768px) {
  .flows-signup-components-start-signup-start-content-b {
    max-width: 70%;
    margin: 0 auto
  }
}

@media only screen and (max-width: 480px) {
  .flows-signup-components-start-signup-start-content-b {
    max-width: 90%
  }
}

.flows-signup-components-start-signup-start-h1 {
  font-weight: 600;
  font-size: 36px;
  text-align: center
}

@media only screen and (max-width: 768px) {
  .flows-signup-components-start-signup-start-h1 {
    margin-top: 70%
  }
}

.flows-post-signup-components-invite-steps-apy-invite-step-apy-invite-step-apy-invite-button-container {
  max-width: 327px
}

@media only screen and (max-width: 480px) {
  .flows-post-signup-components-invite-steps-apy-invite-step-apy-invite-step-apy-invite-button-container {
    max-width: 100%
  }
}

.flows-application-components-info-gathering-trustee-picker-picker-has-max-trustees {
  padding-left: 24px;
  padding-right: 24px
}

.flows-check-components-success-step-success-step-manual-review-icon {
  height: 50px
}

.flows-debit-card-activation-components-debit-card-activation-cde-debit-card-activation-cde-iframe {
  width: 100%;
  height: 620px;
  border-style: none;
  overflow: hidden
}

.flows-debit-card-activation-components-debit-card-activation-cde-debit-card-activation-cde-iframe-wrapper {
  position: relative;
  padding: 0 192px
}

@media only screen and (max-width: 768px) {
  .flows-debit-card-activation-components-debit-card-activation-cde-debit-card-activation-cde-iframe-wrapper {
    padding: 0
  }
}

.flows-application-components-account-type-steps-account-type-start-account-type-start-row {
  display: flex
}

.flows-application-components-account-type-steps-account-type-start-account-type-start-row .flows-application-components-account-type-steps-account-type-start-account-type-start-column {
  flex: 1 1 0;
  width: 0
}

.flows-application-components-account-type-steps-account-type-start-account-type-start-row .flows-application-components-account-type-steps-account-type-start-account-type-start-column.flows-application-components-account-type-steps-account-type-start-account-type-start-button-column {
  text-align: right
}

@media only screen and (max-width: 1140px) {
  .flows-application-components-account-type-steps-account-type-start-account-type-start-row {
    display: block
  }

  .flows-application-components-account-type-steps-account-type-start-account-type-start-row .flows-application-components-account-type-steps-account-type-start-account-type-start-column {
    flex: none;
    width: 100%
  }

  .flows-application-components-account-type-steps-account-type-start-account-type-start-row .flows-application-components-account-type-steps-account-type-start-account-type-start-column.flows-application-components-account-type-steps-account-type-start-account-type-start-button-column {
    text-align: left;
    margin-top: 12px
  }
}

.flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-headline-container {
  padding: 48px 24px;
  position: relative;
  z-index: 2
}

@media only screen and (min-width: 1140px) {
  .flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-headline-container {
    width: 800px;
    margin: 0 auto;
    padding: 64px 0
  }
}

.flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-svg {
  position: relative
}

.flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-svg img {
  z-index: 1;
  position: absolute;
  bottom: 24px;
  right: -50px;
  width: 180px
}

@media only screen and (min-width: 1140px) {
  .flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-svg {
    width: 800px;
    margin: 0 auto;
    padding: 0
  }

  .flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-svg img {
    width: auto;
    bottom: -60px;
    right: -120px
  }
}

.flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-program {
  border-bottom: 1px solid var(--tk-content-divider);
  padding-bottom: 32px
}

.flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-program.flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-program-last {
  border-bottom: 0
}

@media only screen and (max-width: 1140px) {
  .flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-cta {
    margin-top: 24px
  }
}

.flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-svg-in-flow {
  display: none
}

.flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-skip {
  padding: 20px 0 0
}

.flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-invite-article {
  position: relative;
  padding: 10px 7%
}

@media only screen and (max-width: 1140px) {
  .flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-invite-article {
    padding: 10px 5%
  }
}

.flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-invite-article .flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-svg {
  position: static
}

.flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-invite-article .flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-svg img {
  display: none
}

.flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-invite-article .flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-svg img .flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-svg-in-flow {
  display: block;
  inset: -54px auto auto -56px
}

@media only screen and (min-width: 769px) and (max-width: 1139px) {
  .flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-invite-article .flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-svg img .flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-svg-in-flow {
    top: -54px;
    left: -56px
  }
}

@media only screen and (max-width: 768px) {
  .flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-invite-article .flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-svg img .flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-svg-in-flow {
    top: -20px;
    left: -30px
  }
}

.flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-invite-article .flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-content {
  padding: 50px 0 0;
  width: auto
}

.flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-invite-article .flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-headline-container {
  padding: 50px 0 15px
}

.flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-invite-article .flows-post-signup-components-invite-steps-post-application-invite-post-app-invite-header {
  padding-top: 24px;
  border-bottom: 0
}

.flows-application-components-stock-portfolio-stitched-context-setting-chapter-screen-stitched-context-setting-chapter-screen-image {
  max-width: 50%;
  min-width: 468px;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.flows-post-signup-components-invite-steps-bond-invite-step-bond-invite-step-bond-background-for-body {
  background: var(--tk-gradient-soft)
}

@media only screen and (min-width: 768px) {
  .flows-post-signup-components-invite-steps-bond-invite-step-bond-invite-step-bond-background-for-body {
    background: none
  }
}

.flows-post-signup-components-invite-steps-bond-invite-step-bond-invite-step-bond-background-for-flow-card {
  background: var(--tk-gradient-soft)
}

@media only screen and (max-width: 768px) {
  .flows-post-signup-components-invite-steps-bond-invite-step-bond-invite-step-bond-background-for-flow-card {
    background: #0000
  }
}

.flows-post-signup-components-invite-steps-bond-invite-step-bond-invite-step-bond-disclosure {
  display: block
}

@media only screen and (max-width: 1140px) {
  .flows-post-signup-components-invite-steps-bond-invite-step-bond-invite-step-bond-disclosure {
    display: none
  }
}

.flows-funding-components-bank-deposit-bank-deposit-success-bank-deposit-success-merch-card {
  border-radius: 16px;
  border: 1px solid var(--tk-content-divider)
}

.flows-check-components-form-step-form-step-title {
  margin-bottom: 24px
}

.flows-check-components-form-step-form-step-message {
  margin-top: 9px;
  margin-bottom: 6px;
  font-size: 15px
}

.flows-application-components-info-gathering-trustee-picker-existing-secondary-existing-secondary-loading {
  margin-left: auto;
  margin-right: 12px
}

.utilities-react-query-global-revalidating-spinner-global-revalidating-spinner-floating {
  position: fixed;
  bottom: 0;
  left: 12px
}

@media only screen and (max-width: 768px) {
  .utilities-react-query-global-revalidating-spinner-global-revalidating-spinner-floating {
    bottom: 48px
  }
}

.static-access-components-mfa-mfa-label-container {
  display: flex;
  justify-content: space-between
}

.static-access-components-access-card-access-card-access-card {
  max-width: 456px;
  margin: 60px auto 132px
}

.static-access-components-mfa-reset-mfa-reset-container {
  min-height: 100vh
}

.static-access-components-mfa-reset-mfa-reset-center {
  display: flex;
  justify-content: center
}

.categories-category-dialog-styles-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(46px, 1fr));
  gap: 16px
}

.categories-category-dialog-styles-category {
  border: 0
}

.categories-category-dialog-styles-category:focus {
  outline: none
}

body:not(.using-mouse) .categories-category-dialog-styles-category:focus .categories-category-dialog-styles-category-icon {
  box-shadow: 0 0 0 1px var(--tk-content-interactive-default)
}

.categories-category-dialog-styles-category-content {
  position: relative;
  display: inline-block
}

.categories-category-dialog-styles-category-icon {
  border: 3px solid transparent;
  border-radius: 50%;
  padding: 3px
}

.categories-category-dialog-styles-category-icon:hover {
  cursor: pointer
}

.categories-category-dialog-styles-selected {
  border-color: var(--tk-content-interactive-default)
}

.categories-category-dialog-styles-category-pop {
  position: absolute;
  background-color: var(--tk-content-interactive-default);
  border-radius: 50%
}

.categories-category-dialog-styles-input {
  width: 100%
}

.categories-categories-view-screen-styles-container {
  display: flex
}

.categories-categories-view-screen-styles-column {
  flex: 1
}

.dashboard-components-settings-mfa-confirm-generator-confirm-generator-backup-toggle-container {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.dashboard-components-settings-mfa-confirm-generator-confirm-generator-qr-code-image {
  max-width: 100%
}

.dashboard-components-settings-mfa-sms-backup-verification-sms-backup-verification-grid-container {
  display: grid;
  grid-template-columns: auto 60px;
  align-items: center
}

.dashboard-components-settings-ira-withholding-ira-withholding-inline {
  display: block
}

@media only screen and (max-width: 768px) {
  .dashboard-components-settings-ira-withholding-ira-withholding-inline {
    display: none
  }
}

.dashboard-components-settings-ira-withholding-ira-withholding-stack {
  display: none
}

@media only screen and (max-width: 768px) {
  .dashboard-components-settings-ira-withholding-ira-withholding-stack {
    display: block
  }
}

.dashboard-components-settings-account-restrictions-container-account-restrictions-container-row {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 0 144px
}

.dashboard-components-settings-account-restrictions-container-account-restrictions-container-row:not(:last-child) {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--tk-content-divider)
}

@media only screen and (max-width: 1140px) {
  .dashboard-components-settings-account-restrictions-container-account-restrictions-container-row {
    gap: 0 64px
  }
}

.dashboard-components-settings-security-create-app-specific-password-modal-create-app-specific-password-modal-flex-container {
  display: flex;
  flex-direction: row
}

.dashboard-components-settings-security-create-app-specific-password-modal-create-app-specific-password-modal-copy-button {
  flex: 0 0;
  margin-left: auto
}

.dashboard-components-settings-security-create-app-specific-password-modal-create-app-specific-password-modal-plain-text-input {
  border: 0;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 30px
}

@media only screen and (max-width: 768px) {
  .dashboard-components-settings-security-create-app-specific-password-modal-create-app-specific-password-modal-plain-text-input {
    font-size: 18px
  }
}

.dashboard-components-settings-mfa-authenticator-app-table-authenticator-app-table-header-overrides>thead>tr>th {
  text-transform: capitalize !important
}

.dashboard-components-settings-navigation-navigation-rounded {
  border-radius: 16px;
  border-color: var(--tk-content-divider)
}

.dashboard-components-settings-account-recovery-codes-account-recovery-codes-recover-code-table {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(5, 1fr)
}

@media only screen and (max-width: 960px) {
  .dashboard-components-settings-account-recovery-codes-account-recovery-codes-recover-code-table {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr))
  }
}

.dashboard-components-account-view-settings-allocation-update-needs-review {
  display: flex;
  justify-content: space-between
}

.dashboard-components-account-view-account-name-account-name-name-input-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px
}

.dashboard-components-account-view-account-name-account-name-save-button {
  padding-top: 16px
}

.dashboard-components-account-view-funded-investment-account-dashboard-funded-investment-account-dashboard-desktop-transfer-button {
  display: block;
  margin-top: 24px
}

@media only screen and (max-width: 768px) {
  .dashboard-components-account-view-funded-investment-account-dashboard-funded-investment-account-dashboard-desktop-transfer-button {
    display: none
  }
}

.dashboard-components-account-view-funded-investment-account-dashboard-funded-investment-account-dashboard-mobile-transfer-button {
  display: none
}

@media only screen and (max-width: 768px) {
  .dashboard-components-account-view-funded-investment-account-dashboard-funded-investment-account-dashboard-mobile-transfer-button {
    display: block
  }
}

.dashboard-components-account-view-funded-investment-account-dashboard-funded-investment-account-dashboard-hidden {
  display: none
}

.dashboard-components-account-view-performance-performance-card-wrapper {
  width: 100%
}

.dashboard-components-account-view-performance-performance-card-graph-wrapper {
  width: 100%;
  height: 155px
}

@media (max-width: 464px) {
  .dashboard-components-account-view-performance-performance-card-relative-performance {
    margin-bottom: 56px
  }
}

.dashboard-components-account-view-performance-performance-card-spinner-wrapper {
  height: 225px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.dashboard-components-account-view-performance-performance-card-hidden {
  display: none
}

.dashboard-components-account-view-prefunded-how-did-you-hear-multi-survey-how-did-you-hear-survey-multi-toast {
  padding: 0;
  width: 312px;
  border-radius: 4px;
  box-shadow: 0 4px 14px #0000001a;
  height: 70vh;
  overflow-y: auto
}

.dashboard-components-account-view-prefunded-how-did-you-hear-multi-survey-how-did-you-hear-survey-multi-toast.dashboard-components-account-view-prefunded-how-did-you-hear-multi-survey-how-did-you-hear-survey-multi-show-mobile {
  display: block
}

@media only screen and (max-width: 768px) {
  .dashboard-components-account-view-prefunded-how-did-you-hear-multi-survey-how-did-you-hear-survey-multi-toast {
    display: none;
    height: 100%;
    width: 100%;
    transform: none;
    position: fixed;
    inset: 0
  }
}

.dashboard-components-account-view-prefunded-how-did-you-hear-multi-survey-how-did-you-hear-survey-multi-mobile-toast {
  display: none;
  border-radius: 8px
}

@media only screen and (max-width: 768px) {
  .dashboard-components-account-view-prefunded-how-did-you-hear-multi-survey-how-did-you-hear-survey-multi-mobile-toast {
    display: block
  }
}

@media only screen and (max-width: 768px) {
  .dashboard-components-account-view-prefunded-how-did-you-hear-multi-survey-how-did-you-hear-survey-multi-mobile-toast.dashboard-components-account-view-prefunded-how-did-you-hear-multi-survey-how-did-you-hear-survey-multi-show-mobile {
    display: none
  }
}

.dashboard-components-account-view-asset-class-asset-class-icon {
  width: .5em;
  height: 1em !important;
  margin-right: 4px;
  margin-bottom: 2px;
  color: var(--tk-content-secondary)
}

.dashboard-components-account-view-asset-class-asset-class-money-in {
  color: var(--tk-content-positive)
}

.dashboard-components-account-view-funded-cash-account-dashboard-styles-cursor:hover {
  cursor: pointer
}

.dashboard-components-account-view-funded-cash-account-dashboard-styles-actions-container,
.dashboard-components-account-view-funded-cash-account-dashboard-styles-legacy-actions-container {
  margin-top: 24px
}

.dashboard-components-account-view-funded-cash-account-dashboard-styles-transfer-button-container {
  display: block
}

.dashboard-components-account-view-funded-cash-account-dashboard-styles-interest-rate-button {
  padding: 0
}

.dashboard-components-account-view-funded-cash-account-dashboard-styles-footer-container {
  display: none
}

@media only screen and (max-width: 768px) {
  .dashboard-components-account-view-funded-cash-account-dashboard-styles-page-layout-container {
    margin-bottom: calc(64px + env(safe-area-inset-bottom))
  }

  .dashboard-components-account-view-funded-cash-account-dashboard-styles-actions-container {
    margin-top: 0
  }

  .dashboard-components-account-view-funded-cash-account-dashboard-styles-transfer-button-container {
    display: none
  }

  .dashboard-components-account-view-funded-cash-account-dashboard-styles-footer-container {
    display: block
  }
}

.dashboard-components-account-view-bond-portfolio-feedback-bond-portfolio-feedback-textarea {
  width: 100%;
  padding: 16px;
  font-size: 19px;
  line-height: 24px;
  color: var(--tk-content-primary);
  caret-color: var(--tk-content-interactive-default);
  background-color: var(--tk-surface);
  border-radius: 16px;
  box-shadow: inset 0 0 0 1px var(--tk-content-divider);
  transition: box-shadow .1s cubic-bezier(.2, 0, .4, 1);
  overflow: hidden;
  outline: none
}

.dashboard-components-account-view-bond-portfolio-feedback-bond-portfolio-feedback-textarea::selection {
  background-color: var(--tk-surface-interactive-default-hover)
}

.dashboard-components-account-view-bond-portfolio-feedback-bond-portfolio-feedback-textarea:hover {
  box-shadow: inset 0 0 0 1px var(--tk-content-divider), 0 0 0 4px var(--tk-surface-interactive-default)
}

.dashboard-components-account-view-bond-portfolio-feedback-bond-portfolio-feedback-textarea:focus {
  box-shadow: inset 0 0 0 2px var(--tk-content-interactive-default), 0 0 0 4px var(--tk-surface-interactive-default)
}

.dashboard-components-account-view-manage-account-lock-unlock-debit-card-unlocked-unlocked-confirm {
  animation: burst .2s linear
}

.dashboard-components-account-view-debit-account-pay-by-check-merch-modal-pay-by-check-merch-modal-container {
  margin: -36px -42px;
  position: relative;
  overflow: hidden
}

@media only screen and (max-width: 480px) {
  .dashboard-components-account-view-debit-account-pay-by-check-merch-modal-pay-by-check-merch-modal-container {
    margin: -24px -32px
  }
}

.dashboard-components-account-view-debit-account-pay-by-check-merch-modal-pay-by-check-merch-modal-body-content {
  width: 65%;
  margin: 0 auto;
  text-align: center;
  padding: 48px 36px
}

@media only screen and (max-width: 768px) {
  .dashboard-components-account-view-debit-account-pay-by-check-merch-modal-pay-by-check-merch-modal-body-content {
    padding: 36px 24px;
    width: 100%
  }
}

.dashboard-components-account-view-debit-account-pay-by-check-merch-modal-pay-by-check-merch-modal-text-content {
  margin: 0 auto;
  text-align: center;
  padding: 0 24px
}

@media only screen and (max-width: 768px) {
  .dashboard-components-account-view-debit-account-pay-by-check-merch-modal-pay-by-check-merch-modal-text-content {
    width: 100%
  }
}

@media only screen and (max-width: 480px) {
  .dashboard-components-account-view-debit-account-pay-by-check-merch-modal-pay-by-check-merch-modal-svg {
    width: 250px
  }
}

.dashboard-components-account-view-debit-account-pay-by-check-merch-modal-pay-by-check-merch-modal-colored-bg {
  padding-top: 48px;
  background-image: url("../../../assets/assets/wf_modules/debit_card/header-602a8a19012bd8f4bfc2c369fe1b632da766e82221b91b3a81806c46cf79bf17.svg");
  background-repeat: no-repeat;
  height: 340px
}

.dashboard-components-account-view-debit-account-debit-account-adoption-modal-debit-account-adoption-container {
  margin: -34px -42px;
  position: relative;
  overflow: hidden
}

@media only screen and (max-width: 480px) {
  .dashboard-components-account-view-debit-account-debit-account-adoption-modal-debit-account-adoption-container {
    margin: -24px -32px
  }
}

.dashboard-components-account-view-debit-account-debit-account-adoption-modal-debit-account-adoption-body-content {
  width: 65%;
  margin: 0 auto;
  text-align: center;
  padding: 7% 5%
}

@media only screen and (max-width: 768px) {
  .dashboard-components-account-view-debit-account-debit-account-adoption-modal-debit-account-adoption-body-content {
    width: 100%
  }
}

.dashboard-components-account-view-debit-account-debit-account-adoption-modal-debit-account-adoption-header-content {
  width: 65%;
  margin: 0 auto;
  text-align: center;
  padding: 5%
}

@media only screen and (max-width: 768px) {
  .dashboard-components-account-view-debit-account-debit-account-adoption-modal-debit-account-adoption-header-content {
    width: 100%
  }
}

.dashboard-components-account-view-debit-account-debit-account-adoption-modal-debit-account-adoption-colored-bg {
  background-image: url("../../../assets/assets/wf_modules/debit_card/header-602a8a19012bd8f4bfc2c369fe1b632da766e82221b91b3a81806c46cf79bf17.svg");
  background-repeat: no-repeat;
  height: 400px
}

.dashboard-components-account-view-debit-account-debit-account-adoption-modal-debit-account-adoption-direct-deposit-step {
  background: url("../../../assets/assets/wf_modules/debit_card/manage_account-79e0ef3861669492a3250e1940fad50c95b657df59b47b3f311947045f5d8ea4.svg") no-repeat;
  background-position: center;
  height: 241px
}

.dashboard-components-account-view-debit-account-debit-account-adoption-modal-debit-account-adoption-pay-bill-step {
  background: url("../../../assets/assets/wf_modules/debit_card/transaction_display-3271f2381436de406fa28568dbf097a22f4d7a5d2becd003d8cd61d2fa207e91.svg") no-repeat;
  background-position: center;
  height: 241px
}

.dashboard-components-account-view-debit-account-debit-account-adoption-modal-debit-account-adoption-send-check-step {
  background: url("../../../assets/assets/wf_modules/debit_card/send_check-155bbef46cfe5f149255f2550690e9b64cdb1553717d29f2a9f6ea79110960ff.svg") no-repeat;
  background-position: center;
  height: 241px
}

@media only screen and (max-width: 480px) {
  .dashboard-components-account-view-debit-account-debit-account-adoption-modal-debit-account-adoption-send-check-step {
    background-size: 90% 100%
  }
}

.dashboard-components-account-view-debit-account-debit-account-adoption-modal-debit-account-adoption-find-a-t-m-step {
  background: url("../../../assets/assets/wf_modules/debit_card/atm_locator-1ef79cce71d2707b07ecf8bd99bcde8e8743f8d775b089ff9d93317602bd5a9d.svg") no-repeat;
  background-position: center;
  height: 241px
}

.dashboard-components-account-view-debit-account-debit-account-adoption-modal-debit-account-adoption-carousel-wrapper {
  margin-top: -311px
}

.dashboard-components-account-view-debit-account-debit-account-adoption-modal-debit-account-adoption-button-wrapper {
  text-align: center;
  margin: 60px 0
}

.dashboard-components-account-view-debit-account-debit-account-status-debit-account-status-card {
  padding: 24px
}

.dashboard-components-account-view-debit-account-debit-account-status-debit-account-status-header {
  font-size: 15px;
  line-height: 20px;
  color: #161338;
  font-weight: 500
}

.dashboard-components-account-view-debit-account-debit-account-status-debit-account-status-header-icon {
  margin-right: 14px
}

.dashboard-components-account-view-debit-account-debit-account-status-debit-account-status-body {
  margin-top: 12px;
  font-size: 15px;
  line-height: 20px;
  color: #413f57
}

.dashboard-components-account-view-debit-account-debit-account-status-debit-account-status-cta-group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: space-around;
  align-items: flex-start
}

.dashboard-components-account-view-debit-account-debit-account-status-debit-account-status-cta {
  flex: 0 1 auto;
  font-weight: 500;
  margin-top: 12px
}

.dashboard-components-account-view-debit-account-debit-account-status-debit-account-status-close-button {
  float: right;
  color: #b7b7c0
}

.dashboard-components-account-view-debit-account-debit-account-status-debit-account-status-survey-dialog-button-wrapper {
  width: 60%;
  margin: 0 auto
}

.dashboard-components-account-view-debit-account-debit-account-status-debit-account-status-survey-dialog-button-wrapper:last-child {
  margin-bottom: 12px
}

.dashboard-components-account-view-debit-account-debit-account-status-debit-account-status-indent {
  margin-left: 32px
}

.dashboard-components-account-view-prefunded-how-did-you-hear-multi-survey-thanks-screen-thanks-screen-icon-circle {
  width: 40px;
  height: 40px;
  background-color: #4840bb1a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center
}

.dashboard-components-account-view-manage-account-physical-debit-card-lock-unlock-unlocked-unlocked-confirm {
  animation: burst .2s linear
}

.dashboard-components-account-view-manage-account-virtual-debit-card-lock-unlock-unlocked-unlocked-confirm {
  animation: burst .2s linear
}

@keyframes burst {
  0% {
    transform: scale(1)
  }

  50% {
    transform: scale(1.1)
  }

  to {
    transform: scale(1)
  }
}

.dashboard-components-user-explore-user-explore-portfolio-user-explore-portfolio-investments-slider-wrapper {
  max-width: 256px;
  margin-bottom: 32px
}

.dashboard-components-user-explore-user-explore-trending-user-explore-trending-wrapper {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  padding: 2px
}

.dashboard-components-user-explore-user-explore-trending-user-explore-trending-highlight-transition {
  transition: transform .2s cubic-bezier(.3, 0, .6, 1)
}

.dashboard-components-user-explore-user-explore-trending-user-explore-trending-highlight {
  position: absolute;
  top: 2px;
  left: 0;
  transform: translate(2px);
  border-radius: 9999px;
  border: 3px solid var(--tk-content-interactive-default);
  height: 60px;
  width: 60px;
  z-index: 1
}

.dashboard-components-user-explore-user-explore-trending-user-explore-trending-icon-button {
  border: 0
}

.dashboard-components-user-explore-user-explore-trending-user-explore-trending-icon-button:focus {
  outline: none
}

body:not(.using-mouse) .dashboard-components-user-explore-user-explore-trending-user-explore-trending-icon-button:focus .dashboard-components-user-explore-user-explore-trending-user-explore-trending-icon {
  box-shadow: 0 0 0 1px var(--tk-content-interactive-default)
}

.dashboard-components-user-explore-user-explore-trending-user-explore-trending-icon-wrapper {
  position: relative;
  display: inline-block;
  height: 60px;
  width: 60px
}

.dashboard-components-user-explore-user-explore-trending-user-explore-trending-icon,
.dashboard-components-user-explore-user-explore-trending-user-explore-trending-icon-border {
  padding: 3px;
  border-radius: 9999px;
  margin-right: 16px
}

.dashboard-components-user-explore-user-explore-trending-user-explore-trending-icon-border {
  border: 1px solid var(--tk-content-divider);
  position: relative;
  top: -54px;
  left: 6px;
  height: calc(100% - 12px);
  width: calc(100% - 12px)
}

.dashboard-components-user-explore-user-explore-trending-user-explore-trending-icon {
  border: 3px solid transparent;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  transition: opacity .1s cubic-bezier(.3, 0, .6, 1);
  opacity: .75
}

.dashboard-components-user-explore-user-explore-trending-user-explore-trending-icon:hover {
  cursor: pointer;
  opacity: .9
}

.dashboard-components-user-explore-user-explore-trending-user-explore-trending-icon.dashboard-components-user-explore-user-explore-trending-user-explore-trending-selected {
  opacity: 1
}

.dashboard-components-user-explore-user-explore-trending-user-explore-trending-icon-pop {
  position: absolute;
  background-color: var(--tk-content-interactive-default);
  border-radius: 9999px;
  pointer-events: none
}

.dashboard-components-user-explore-user-explore-top-holdings-user-explore-top-holdings-bar {
  width: 100%;
  border-radius: 8px;
  background-color: var(--tk-content-divider);
  height: 40px;
  overflow: hidden
}

.dashboard-components-user-explore-user-explore-top-holdings-user-explore-top-holdings-item {
  display: inline-block;
  height: 100%;
  vertical-align: top;
  margin-right: 2px
}

.dashboard-components-user-explore-user-explore-home-user-explore-home-hidden {
  display: none
}

@media only screen and (max-width: 768px) {
  .dashboard-components-user-explore-user-explore-home-user-explore-home-desktop-feedback-notice {
    visibility: hidden;
    height: 0;
    margin: -12px 0
  }
}

.dashboard-components-user-explore-user-explore-home-user-explore-home-mobile-feedback-notice {
  display: none;
  margin-bottom: 8px
}

@media only screen and (max-width: 768px) {
  .dashboard-components-user-explore-user-explore-home-user-explore-home-mobile-feedback-notice {
    display: block
  }
}

.dashboard-components-user-explore-user-explore-category-user-explore-category-container {
  margin-bottom: 44px
}

.dashboard-components-user-explore-user-explore-choose-portfolio-user-explore-choose-portfolio-card {
  display: block;
  padding: 24px;
  border-radius: 16px;
  overflow: hidden;
  width: 325px;
  background-color: var(--tk-surface)
}

.dashboard-components-user-explore-user-explore-choose-portfolio-user-explore-choose-portfolio-image-wrapper {
  padding-bottom: 56.27%;
  position: relative
}

.dashboard-components-user-explore-user-explore-choose-portfolio-user-explore-choose-portfolio-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute
}

.dashboard-components-user-explore-user-explore-choose-portfolio-user-explore-choose-portfolio-pill-container {
  position: absolute;
  top: 16px;
  right: 16px
}

.dashboard-components-user-explore-user-explore-add-investment-list-user-explore-add-investment-list-new-portfolio-button-wrapper {
  margin-top: 8px
}

.dashboard-components-user-explore-user-explore-investment-user-explore-investment-time-range-selector-time-range-selector {
  width: 50%
}

@media only screen and (max-width: 1140px) {
  .dashboard-components-user-explore-user-explore-investment-user-explore-investment-time-range-selector-time-range-selector {
    width: 80%
  }
}

@media only screen and (max-width: 768px) {
  .dashboard-components-user-explore-user-explore-investment-user-explore-investment-desktop-sidebar {
    visibility: hidden;
    height: 0;
    margin: -16px 0
  }
}

.dashboard-components-user-explore-user-explore-investment-user-explore-investment-mobile-sticky-footer {
  position: sticky;
  background: var(--tk-surface);
  border-top: 1px solid var(--tk-content-divider);
  padding: 24px;
  margin: 16px -24px -24px;
  bottom: calc(48px + env(safe-area-inset-bottom));
  z-index: 10;
  display: none
}

@media only screen and (max-width: 768px) {
  .dashboard-components-user-explore-user-explore-investment-user-explore-investment-mobile-sticky-footer {
    display: block
  }
}

@media only screen and (max-width: 768px) {
  .dashboard-components-user-explore-user-explore-investment-user-explore-investment-desktop-feedback-notice {
    visibility: hidden;
    height: 0;
    margin: -24px 0
  }
}

.dashboard-components-user-explore-user-explore-investment-user-explore-investment-mobile-feedback-notice {
  display: none;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--tk-content-divider)
}

@media only screen and (max-width: 768px) {
  .dashboard-components-user-explore-user-explore-investment-user-explore-investment-mobile-feedback-notice {
    display: block
  }
}

.dashboard-components-user-explore-user-explore-investment-user-explore-investment-save-button {
  margin-right: 8px
}

.dashboard-components-user-explore-user-explore-investment-user-explore-investment-card {
  max-width: 304px;
  margin-bottom: 32px
}

.dashboard-components-user-explore-user-explore-portfolio-user-explore-portfolio-hero {
  height: 400px;
  width: 100%;
  max-width: 1092px;
  margin: auto auto 32px;
  background: #ffffff1a;
  position: relative
}

@media (max-width: 960px) {
  .dashboard-components-user-explore-user-explore-portfolio-user-explore-portfolio-hero {
    height: 280px
  }
}

@media (max-width: 768px) {
  .dashboard-components-user-explore-user-explore-portfolio-user-explore-portfolio-hero {
    height: 220px
  }
}

.dashboard-components-user-explore-user-explore-portfolio-user-explore-portfolio-hero-img {
  height: 100%;
  width: 100%;
  object-fit: cover
}

.dashboard-components-user-explore-user-explore-portfolio-user-explore-portfolio-hero,
.dashboard-components-user-explore-user-explore-portfolio-user-explore-portfolio-hero-img {
  border-radius: 16px
}

@media (max-width: 1140px) {

  .dashboard-components-user-explore-user-explore-portfolio-user-explore-portfolio-hero,
  .dashboard-components-user-explore-user-explore-portfolio-user-explore-portfolio-hero-img {
    border-radius: 0
  }
}

.dashboard-components-user-explore-user-explore-portfolio-user-explore-portfolio-hero-back {
  position: absolute;
  top: 16px;
  left: 16px;
  width: 34px;
  height: 34px;
  background: var(--tk-surface);
  border-radius: 9999px;
  display: flex;
  justify-content: center
}

.dashboard-components-user-explore-user-explore-portfolio-user-explore-portfolio-hero-back>* {
  padding: 0
}

@media only screen and (max-width: 768px) {
  .dashboard-components-user-explore-user-explore-portfolio-user-explore-portfolio-desktop-add-button {
    display: none
  }

  .dashboard-components-user-explore-user-explore-portfolio-user-explore-portfolio-heading-wrapper {
    margin-bottom: -32px
  }
}

.dashboard-components-user-explore-user-explore-portfolio-user-explore-portfolio-mobile-add-button {
  display: none
}

@media only screen and (max-width: 768px) {
  .dashboard-components-user-explore-user-explore-portfolio-user-explore-portfolio-mobile-add-button {
    display: block
  }
}

.dashboard-components-user-explore-user-explore-feedback-general-user-explore-feedback-general-textarea {
  width: 100%;
  padding: 16px;
  font-size: 19px;
  line-height: 24px;
  color: var(--tk-content-primary);
  caret-color: var(--tk-content-interactive-default);
  background-color: var(--tk-surface);
  border-radius: 16px;
  box-shadow: inset 0 0 0 1px var(--tk-content-divider);
  transition: box-shadow .1s cubic-bezier(.2, 0, .4, 1);
  overflow: hidden;
  outline: none
}

.dashboard-components-user-explore-user-explore-feedback-general-user-explore-feedback-general-textarea::selection {
  background-color: var(--tk-surface-interactive-default-hover)
}

.dashboard-components-user-explore-user-explore-feedback-general-user-explore-feedback-general-textarea:hover {
  box-shadow: inset 0 0 0 1px var(--tk-content-divider), 0 0 0 4px var(--tk-surface-interactive-default)
}

.dashboard-components-user-explore-user-explore-feedback-general-user-explore-feedback-general-textarea:focus {
  box-shadow: inset 0 0 0 2px var(--tk-content-interactive-default), 0 0 0 4px var(--tk-surface-interactive-default)
}

.dashboard-components-user-explore-user-explore-collection-user-explore-collection-button-group {
  display: flex;
  gap: 8px
}

@media only screen and (max-width: 768px) {
  .dashboard-components-user-explore-user-explore-collection-user-explore-collection-desktop-sidebar {
    visibility: hidden;
    height: 0;
    margin: -12px 0
  }
}

.dashboard-components-user-explore-user-explore-collection-user-explore-collection-mobile-sticky-footer {
  position: sticky;
  background: var(--tk-surface);
  border-top: 1px solid var(--tk-content-divider);
  padding: 24px;
  margin: 16px -24px -24px;
  bottom: calc(48px + env(safe-area-inset-bottom));
  z-index: 10;
  display: none
}

@media only screen and (max-width: 768px) {
  .dashboard-components-user-explore-user-explore-collection-user-explore-collection-mobile-sticky-footer {
    display: block
  }
}

@media only screen and (max-width: 768px) {
  .dashboard-components-user-explore-user-explore-collection-user-explore-collection-desktop-feedback-notice {
    visibility: hidden;
    height: 0;
    margin: -24px 0
  }
}

.dashboard-components-user-explore-user-explore-collection-user-explore-collection-mobile-feedback-notice {
  display: none;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--tk-content-divider)
}

@media only screen and (max-width: 768px) {
  .dashboard-components-user-explore-user-explore-collection-user-explore-collection-mobile-feedback-notice {
    display: block
  }
}

.dashboard-components-user-explore-user-explore-collection-user-explore-collection-dialog-share-copy-button {
  margin-left: 16px
}

.dashboard-components-user-explore-user-explore-portfolio-user-explore-portfolio-breakdown-progress-bar {
  width: 260px
}

.dashboard-components-user-explore-user-explore-portfolio-user-explore-portfolio-benefits-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 24px
}

@media only screen and (max-width: 768px) {
  .dashboard-components-user-explore-user-explore-portfolio-user-explore-portfolio-benefits-cards {
    flex-wrap: nowrap;
    overflow-x: scroll
  }
}

.dashboard-components-user-explore-user-explore-portfolio-user-explore-portfolio-benefits-card {
  display: inline-block;
  max-width: 300px;
  padding: 24px;
  border: 2px solid rgba(255, 255, 255, .1);
  border-radius: 16px
}

@media only screen and (max-width: 768px) {
  .dashboard-components-user-explore-user-explore-portfolio-user-explore-portfolio-benefits-card {
    min-width: 240px
  }
}

.dashboard-components-user-explore-user-explore-portfolio-user-explore-portfolio-benefits-icon {
  width: 64px;
  height: 64px
}

.dashboard-components-user-explore-user-explore-investment-user-explore-investment-graph-direct-indexing-disclosure {
  width: 70%
}

@media only screen and (max-width: 768px) {
  .dashboard-components-user-explore-user-explore-investment-user-explore-investment-graph-direct-indexing-disclosure {
    width: 100%
  }
}

.dashboard-components-user-explore-user-explore-investment-user-explore-investment-graph-wrapper {
  height: 225px
}

.dashboard-components-user-explore-user-explore-portfolio-user-explore-portfolio-graph-hidden {
  display: none
}

@media only screen and (max-width: 768px) {
  .dashboard-components-user-explore-user-explore-portfolio-user-explore-portfolio-graph-control-wrapper {
    display: flex;
    justify-content: center
  }
}

.dashboard-components-user-explore-user-explore-home-user-explore-home-portfolios-carousel a {
  width: 325px;
  height: 368px
}

@media only screen and (max-width: 480px) {
  .dashboard-components-user-explore-user-explore-home-user-explore-home-portfolios-carousel a {
    width: 290px;
    height: 350px
  }
}

.dashboard-components-stock-portfolios-reusable-components-collection-card-with-stock-list-text-wrapper {
  height: 76px
}

.dashboard-components-stock-portfolios-reusable-components-collection-card-with-stock-list-card-wrapper {
  width: 300px;
  cursor: pointer;
  text-align: inherit
}

.dashboard-components-stock-portfolios-reusable-components-collection-card-with-stock-list-list-wrapper>ul {
  padding: 0
}

.dashboard-components-stock-portfolios-reusable-components-collection-card-with-stock-list-flex-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-left: -16px
}

.dashboard-components-stock-portfolios-reusable-components-collection-card-with-stock-list-flex-item {
  line-height: 1em;
  padding-left: 16px
}

.dashboard-components-stock-portfolios-reusable-components-collection-card-with-stock-list-flex-item-title {
  flex-grow: 1;
  width: calc(100% - 40px)
}

.dashboard-components-merchandise-cash-merchandise-card-cash-merchandise-card-badge:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  right: 0;
  background-color: var(--tk-content-interactive-default);
  border-radius: 9999px;
  outline: 2px solid #ffff
}

.dashboard-components-merchandise-investment-financial-incentive-addon-financial-incentive-addon-call-out {
  padding-top: 12px;
  padding-bottom: 12px;
  margin: 12px -42px -24px;
  color: var(--tk-surface);
  text-align: center;
  background: var(--tk-surface-interactive-primary)
}

.dashboard-components-merchandise-cash-merchandise-card-cash-merchandise-card-modal-cash-merchandise-card-modal-background {
  background: linear-gradient(180deg, #f6e9e2, #e8ebfd)
}

.dashboard-components-merchandise-cash-merchandise-card-cash-merchandise-card-modal-cash-merchandise-card-modal-container {
  padding: 5px;
  margin: 10px 0
}

.dashboard-components-merchandise-cash-merchandise-card-cash-merchandise-card-modal-cash-merchandise-card-modal-button-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  row-gap: 10px;
  margin-top: 10px
}

.dashboard-components-merchandise-cash-merchandise-card-cash-merchandise-card-modal-cash-merchandise-card-modal-button {
  width: 100%
}

.dashboard-components-merchandise-introductory-card-introductory-card-introductory-component {
  display: flex;
  width: 100%;
  text-align: left;
  align-items: center
}

.dashboard-components-merchandise-introductory-card-introductory-card-introductory-text {
  margin-right: 48px;
  flex-grow: 1;
  flex-shrink: 1
}

@media only screen and (max-width: 768px) {
  .dashboard-components-merchandise-introductory-card-introductory-card-introductory-text {
    margin-right: 32px
  }
}

.dashboard-components-merchandise-introductory-card-introductory-card-text-container {
  max-width: 500px
}

.dashboard-components-merchandise-introductory-card-introductory-card-medium-screen-component {
  margin-bottom: 36px
}

@media only screen and (max-width: 768px) {
  .dashboard-components-merchandise-introductory-card-introductory-card-medium-screen-component {
    display: none
  }
}

.dashboard-components-merchandise-introductory-card-introductory-card-small-screen-component {
  margin-bottom: 32px
}

@media only screen and (min-width: 769px) {
  .dashboard-components-merchandise-introductory-card-introductory-card-small-screen-component {
    display: none
  }
}

.dashboard-components-merchandise-introductory-card-introductory-card-introductory-icon {
  border-radius: 50%
}

.dashboard-components-merchandise-investment-card-card-invest-leaf {
  width: 45px;
  height: 45px
}

.dashboard-components-merchandise-investment-card-card-container {
  padding: 24px 42px;
  text-align: center
}

@media only screen and (max-width: 768px) {
  .dashboard-components-merchandise-investment-modal-modal-modal {
    overflow: hidden
  }
}

.dashboard-components-merchandise-investment-modal-modal-container {
  margin: -34px -42px
}

@media only screen and (max-width: 480px) {
  .dashboard-components-merchandise-investment-modal-modal-container {
    margin: -24px -32px
  }
}

.dashboard-components-merchandise-investment-modal-modal-section {
  padding: 4% 7%;
  display: flex;
  justify-content: space-between;
  align-items: center
}

@media only screen and (max-width: 480px) {
  .dashboard-components-merchandise-investment-modal-modal-section {
    display: block
  }
}

.dashboard-components-merchandise-investment-modal-modal-rebalance-section {
  padding: 0 0 0 7%
}

@media only screen and (max-width: 480px) {
  .dashboard-components-merchandise-investment-modal-modal-rebalance-section {
    padding-top: 7%
  }
}

.dashboard-components-merchandise-investment-modal-modal-rebalance-img {
  max-width: 55%
}

@media only screen and (max-width: 480px) {
  .dashboard-components-merchandise-investment-modal-modal-rebalance-img {
    max-width: inherit;
    width: 100%
  }
}

.dashboard-components-merchandise-investment-modal-modal-gray-section {
  background: #fcfcfc;
  border: 1px solid rgba(0, 0, 0, .1)
}

.dashboard-components-merchandise-investment-modal-modal-button-section {
  position: sticky;
  bottom: 0;
  text-align: center;
  background: #8f53d7;
  padding: 24px
}

@media only screen and (max-width: 480px) {
  .dashboard-components-merchandise-investment-modal-modal-button-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px
  }
}

.dashboard-components-merchandise-investment-modal-modal-h2 {
  font-weight: 600;
  font-size: 20px;
  line-height: 19px;
  color: #83e4c8;
  text-transform: uppercase
}

.dashboard-components-merchandise-investment-modal-modal-h3 {
  font-weight: 600;
  font-size: 24px;
  line-height: 27px
}

.dashboard-components-merchandise-investment-modal-modal-content {
  max-width: 36%
}

@media only screen and (max-width: 480px) {
  .dashboard-components-merchandise-investment-modal-modal-content {
    max-width: 100%;
    margin-bottom: 24px
  }
}

.dashboard-components-merchandise-investment-modal-modal-img {
  max-width: 55%
}

@media only screen and (max-width: 480px) {
  .dashboard-components-merchandise-investment-modal-modal-img {
    max-width: 100%
  }
}

.dashboard-components-merchandise-investment-modal-modal-footer-btn {
  margin-right: 12px
}

@media only screen and (max-width: 480px) {
  .dashboard-components-merchandise-investment-modal-modal-footer-btn {
    margin-bottom: 12px
  }
}

.dashboard-components-alerts-list-container-alerts-list-container-user-explore-portfolio {
  display: none
}

.dashboard-components-allocation-update-root-root {
  display: flex;
  flex-direction: column;
  min-height: 100%
}

.dashboard-components-invites-and-referrals-invite-components-text-input {
  padding: 16px 24px
}

.dashboard-components-invites-and-referrals-invite-components-btn {
  padding: 15px 24px;
  font-size: 19px;
  line-height: 24px;
  width: 106px
}

.dashboard-components-invites-and-referrals-invite-components-iframe {
  width: 100%;
  height: 250px;
  border: 1px solid var(--tk-content-divider);
  display: none
}

@media only screen and (max-width: 480px) {
  .dashboard-components-invites-and-referrals-invite-components-iframe {
    height: 190px
  }
}

.dashboard-components-invites-and-referrals-invite-components-iframe-visible {
  display: block
}

.dashboard-components-prefunded-task-list-base-task-base-task {
  padding: 24px 12px
}

@media only screen and (max-width: 768px) {
  .dashboard-components-prefunded-task-list-base-task-base-task {
    padding: 12px 0
  }
}

.dashboard-components-prefunded-task-list-base-task-base-task:not(:last-child) {
  border-bottom: 1px solid var(--tk-content-divider)
}

.dashboard-components-prefunded-task-list-base-task-base-task:last-child {
  padding: 24px 12px 0
}

@media only screen and (max-width: 768px) {
  .dashboard-components-prefunded-task-list-base-task-base-task:last-child {
    padding: 12px 6px 0
  }
}

.dashboard-components-prefunded-task-list-base-task-icon {
  grid-area: icon;
  color: var(--tk-content-secondary)
}

.dashboard-components-prefunded-task-list-base-task-icon-complete {
  color: var(--tk-content-interactive-default)
}

.dashboard-components-prefunded-task-list-base-task-headline {
  grid-area: headline
}

.dashboard-components-prefunded-task-list-base-task-description {
  grid-area: description;
  padding-top: 12px
}

.dashboard-components-prefunded-task-list-base-task-task {
  display: grid;
  grid-template-areas: "icon headline" ". description";
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  gap: 0 12px
}

.dashboard-components-root-root-root,
.legacy-page-root {
  padding-top: 36px;
  padding-bottom: 48px
}

@media only screen and (max-width: 768px) {

  .dashboard-components-root-root-root,
  .legacy-page-root {
    padding-top: 24px;
    padding-bottom: 72px
  }

  @supports (padding: 0px) {

    .dashboard-components-root-root-root,
    .legacy-page-root {
      padding-bottom: calc(72px + env(safe-area-inset-bottom))
    }
  }
}

.dashboard-components-root-root-flush-top {
  margin-top: -36px
}

.dashboard-components-root-root-flush-bottom {
  margin-bottom: -72px
}

.dashboard-components-simple-asset-allocation-simple-asset-allocation-weight-container {
  display: flex;
  align-items: center;
  gap: 12px
}

.dashboard-components-simple-asset-allocation-simple-asset-allocation-segmented-control-container {
  display: flex;
  gap: 12px;
  align-items: center;
  width: 50%;
  min-width: 20px
}

@media only screen and (max-width: 1140px) {
  .dashboard-components-simple-asset-allocation-simple-asset-allocation-segmented-control-container {
    width: 100%;
    min-width: auto
  }
}

.dashboard-components-simple-asset-allocation-simple-asset-allocation-icon {
  color: var(--tk-surface-interactive-primary)
}

.dashboard-components-simple-asset-allocation-simple-asset-allocation-returns-container {
  min-width: 80px;
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  column-gap: 4px
}

.dashboard-components-simple-asset-allocation-simple-asset-allocation-weights {
  display: grid;
  grid: auto/auto 1fr;
  align-items: baseline;
  gap: 0 12px
}

.dashboard-components-allocation-update-allocation-update-content {
  flex: 1 0 auto
}

.dashboard-components-allocation-update-allocation-update-weights {
  display: grid;
  grid: auto/auto 1fr;
  align-items: center;
  gap: 0 12px
}

.dashboard-components-autopilot-math-breakdown-math-breakdown-wrapper.container-flex {
  max-width: 100%;
  padding: 0
}

.dashboard-components-prefunded-task-list-tasks-nestable-list {
  list-style: none;
  padding: 0
}

.dashboard-components-prefunded-task-list-tasks-nestable-list .dashboard-components-prefunded-task-list-tasks-nestable-list {
  border-top: 1px solid var(--tk-content-divider);
  margin-top: 12px
}

@media only screen and (max-width: 768px) {
  .dashboard-components-prefunded-task-list-tasks-nestable-list .dashboard-components-prefunded-task-list-tasks-nestable-list {
    margin-top: 6px
  }
}

.dashboard-components-prefunded-task-list-tasks-task .copy-item-button {
  margin: 12px 0
}

@media only screen and (max-width: 768px) {
  .dashboard-components-prefunded-task-list-tasks-task .copy-item-button {
    padding: 6px 0
  }
}

.dashboard-components-documents-tax-forms-account-view-dialog-tax-forms-account-view-dialog-has-correction {
  color: #288067
}

.dashboard-components-global-navbar-logo-logo-logo {
  padding: 12px 16px;
  margin-left: -16px;
  border-radius: 16px;
  transition: background-color .15s cubic-bezier(.2, 0, .4, 1);
  color: var(--tk-content-interactive-default)
}

.dashboard-components-global-navbar-logo-logo-logo svg {
  display: block;
  width: 26px;
  height: 24px;
  fill: currentColor
}

.dashboard-components-global-navbar-logo-logo-logo:hover {
  color: var(--tk-content-interactive-default);
  background-color: var(--tk-surface-interactive-concealed-hover)
}

.dashboard-components-global-navbar-logo-logo-logo:active {
  color: var(--tk-content-interactive-default);
  background-color: var(--tk-surface-interactive-concealed-active)
}

.dashboard-components-global-navbar-logo-logo-logo:focus {
  outline: none;
  color: var(--tk-content-interactive-default);
  box-shadow: 0 0 0 2px var(--tk-content-interactive-default)
}

@media only screen and (max-width: 960px) {
  .dashboard-components-global-navbar-logo-logo-logo {
    display: none
  }
}

@media only screen and (min-width: 769px) and (max-width: 960px) {
  .dashboard-components-global-navbar-logo-logo-logo {
    padding: 12px;
    margin-left: -12px
  }
}

body.using-mouse .dashboard-components-global-navbar-logo-logo-logo:focus {
  box-shadow: none
}

.dashboard-components-dashboard-resume-application-resume-application-container {
  display: none
}

@media only screen and (max-width: 768px) {
  .dashboard-components-dashboard-resume-application-resume-application-container {
    display: block
  }
}

.dashboard-components-global-cash-categories-toast-styles-toast {
  width: 300px
}

@media only screen and (max-width: 480px) {
  .dashboard-components-global-cash-categories-toast-styles-toast {
    width: 180px
  }
}

.dashboard-components-global-real-estate-address-fields-component-wrapper-address-fields-component-wrapper-google-attribution-div {
  background-image: url("../../../assets/assets/redesign/powered_by_google-533cb39f7dad385e4b124588f494e5a8d192f26ff49360d0a38c635a369c852f.png");
  background-repeat: no-repeat;
  background-position: right center;
  width: 100%;
  height: 100%;
  min-height: 18px
}

.dashboard-components-global-real-estate-address-fields-component-wrapper-address-fields-component-wrapper-address-typeahead-container {
  margin-bottom: 18px
}

.dashboard-components-global-real-estate-address-fields-component-wrapper-address-fields-component-wrapper-manual-entry-button {
  text-decoration: underline;
  margin-left: 6px
}

.dashboard-components-global-real-estate-address-fields-component-wrapper-address-fields-component-wrapper-manual-entry-button:hover {
  text-decoration: underline
}

.dashboard-components-interest-left-on-the-table-bar-chart-bar-chart-container {
  width: 100%;
  height: 240px;
  position: relative
}

.dashboard-components-interest-left-on-the-table-bar-chart-bar-chart-projection {
  position: absolute;
  text-align: center;
  max-width: 225px
}

@media only screen and (max-width: 768px) {
  .dashboard-components-interest-left-on-the-table-bar-chart-bar-chart-projection {
    max-width: 125px
  }
}

.dashboard-components-interest-left-on-the-table-bar-chart-bar-chart-svg {
  background-color: var(--tk-surface)
}

.dashboard-components-goals-overview-overview-graph {
  margin-bottom: 48px;
  padding-top: 24px
}

@media only screen and (max-width: 768px) {
  .dashboard-components-goals-overview-overview-graph {
    padding-top: 32px
  }
}

.dashboard-components-path-goal-accessory-goal-accessory-future-expense {
  background: var(--tk-surface-interactive-default);
  padding: 8px;
  border-radius: 50%
}

.dashboard-components-path-goal-accessory-goal-accessory-future-expense-image {
  filter: brightness(0) saturate(100%) invert(26%) sepia(18%) saturate(6357%) hue-rotate(229deg) brightness(94%) contrast(98%);
  height: 24px;
  width: 24px;
  display: block
}

.dashboard-components-invites-and-referrals-invite-referral-hub-program-list-item-program-list-item-container {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: 16px
}

@media only screen and (max-width: 768px) {
  .dashboard-components-invites-and-referrals-invite-referral-hub-program-list-item-program-list-item-container {
    grid-template-columns: 1fr
  }
}

.dashboard-components-transfer-money-account-selection-transfer-money-account-selection-icon {
  display: block;
  width: 40px;
  height: 40px;
  font-size: 20px
}

.dashboard-components-transfer-money-account-selection-transfer-money-account-selection-icon[class*=wf-logo-] {
  font-size: 40px
}

.dashboard-components-transfer-money-account-selection-transfer-money-account-selection-icon:before {
  line-height: 40px
}

.dashboard-components-transfer-money-account-selection-transfer-money-account-selection-circle {
  position: relative;
  width: 40px;
  height: 40px;
  border: 2px solid var(--tk-content-divider);
  border-radius: 9999px
}

.dashboard-components-transfer-money-account-selection-transfer-money-account-selection-circle.dashboard-components-transfer-money-account-selection-transfer-money-account-selection-active {
  border-color: var(--tk-content-interactive-default)
}

.dashboard-components-transfer-money-account-selection-transfer-money-account-selection-outer-circle {
  position: absolute;
  left: -6px;
  top: -6px;
  width: 48px;
  height: 48px;
  border: 4px solid var(--tk-content-divider);
  border-radius: 50%
}

.dashboard-components-transactions-list-list-more-transactions-button {
  padding-left: 24px;
  margin-bottom: 16px
}

.dashboard-components-autopilot-overview-item-non-autopilot-transfer-overview-item-non-autopilot-transfer-dialog.container-flex {
  max-width: 100%
}

.dashboard-components-scheduled-transfers-pending-transaction-list-pending-transaction-list-empty-state-image {
  max-width: 160px
}

.dashboard-components-scheduled-transfers-pending-transaction-list-pending-transaction-list-transaction-list {
  padding: 0;
  margin: -12px 0;
  width: 100%;
  list-style-type: none
}

.dashboard-components-autopilot-overview-item-autopilot-transfers-overview-item-autopilot-transfers-container {
  position: relative;
  width: 100%;
  z-index: 0
}

.dashboard-components-autopilot-overview-item-autopilot-transfers-overview-item-autopilot-transfers-container:focus {
  outline: none
}

.dashboard-components-autopilot-overview-item-autopilot-transfers-overview-item-autopilot-transfers-container:before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -12px;
  border-radius: 12px;
  background-color: transparent;
  transition: background-color .1s ease
}

.dashboard-components-autopilot-overview-item-autopilot-transfers-overview-item-autopilot-transfers-container:hover:before {
  background-color: var(--tk-surface-interactive-concealed-hover)
}

.dashboard-components-autopilot-overview-item-autopilot-transfers-overview-item-autopilot-transfers-container:active:before {
  background-color: var(--tk-surface-interactive-concealed-active)
}

body:not(.using-mouse) .dashboard-components-autopilot-overview-item-autopilot-transfers-overview-item-autopilot-transfers-container:focus:after {
  content: "";
  position: absolute;
  inset: -12px;
  border-radius: 12px;
  border: 2px solid var(--tk-surface-interactive-primary);
  transition: border-color .1s ease
}

.dashboard-components-autopilot-overview-item-autopilot-transfers-overview-item-autopilot-transfers-transfer-state-container {
  display: flex
}

.dashboard-components-autopilot-overview-item-autopilot-transfers-overview-item-autopilot-transfers-transfer-state-icon {
  flex: 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 24px;
  font-size: 28px;
  margin-right: 16px
}

.dashboard-components-autopilot-overview-item-autopilot-transfers-overview-item-autopilot-transfers-transfer-state-line {
  flex: 1 1;
  width: 2px;
  border-radius: 1px;
  background-color: var(--tk-content-divider);
  min-height: 8px
}

.dashboard-components-autopilot-overview-item-autopilot-transfers-overview-item-autopilot-transfers-transfer-state-header {
  flex: 1 1;
  padding-top: 6px;
  padding-bottom: 8px
}

.dashboard-components-autopilot-overview-item-autopilot-transfers-overview-item-autopilot-transfers-transfer-state-arrow {
  flex: 0 0;
  color: var(--tk-content-secondary);
  font-size: 24px
}

.dashboard-components-autopilot-overview-item-autopilot-transfers-overview-item-autopilot-transfers-transfer {
  display: flex;
  padding-top: 4px
}

.dashboard-components-autopilot-overview-item-autopilot-transfers-overview-item-autopilot-transfers-transfer:last-child .dashboard-components-autopilot-overview-item-autopilot-transfers-overview-item-autopilot-transfers-transfer-line {
  display: none
}

.dashboard-components-autopilot-overview-item-autopilot-transfers-overview-item-autopilot-transfers-transfer:last-child .dashboard-components-autopilot-overview-item-autopilot-transfers-overview-item-autopilot-transfers-transfer-details {
  padding: 0
}

.dashboard-components-autopilot-overview-item-autopilot-transfers-overview-item-autopilot-transfers-transfer-icon {
  flex: 0 0 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 16px
}

.dashboard-components-autopilot-overview-item-autopilot-transfers-overview-item-autopilot-transfers-transfer-line {
  flex: 1 1;
  width: 2px;
  border-radius: 1px;
  margin-top: 4px;
  background-color: var(--tk-content-divider)
}

.dashboard-components-autopilot-overview-item-autopilot-transfers-overview-item-autopilot-transfers-transfer-details {
  flex: 1 1;
  padding-bottom: 8px
}

.dashboard-components-autopilot-overview-item-autopilot-transfers-overview-item-autopilot-transfers-institution-logo {
  width: 24px;
  height: 24px
}

.dashboard-components-dashboard-overview-overview-above-page-merchandise {
  margin-top: -36px;
  margin-bottom: 36px
}

@media only screen and (max-width: 768px) {
  .dashboard-components-dashboard-overview-overview-above-page-merchandise {
    margin-top: -24px;
    margin-bottom: 24px
  }
}

@media only screen and (max-width: 768px) {
  .dashboard-components-dashboard-overview-overview-transfer {
    display: none
  }
}

.dashboard-components-dashboard-overview-overview-graph {
  margin-bottom: 24px;
  padding-top: 24px
}

@media only screen and (max-width: 768px) {
  .dashboard-components-dashboard-overview-overview-graph {
    padding-top: 32px
  }
}

.dashboard-components-global-fast-cash-upsell-modal-fast-cash-upsell-modal-modal-content {
  padding: 0 !important;
  border-radius: 16px;
  overflow: hidden
}

.dashboard-components-global-fast-cash-upsell-modal-fast-cash-upsell-modal-background {
  background: url("../../../assets/assets/wf_modules/debit_card/background-9e060be1142b2a76f7389c7dced1962949ea729aa93a8a211a404b2262c21fde.png") 0 0 no-repeat;
  min-height: 337px
}

@media only screen and (max-width: 768px) {
  .dashboard-components-global-fast-cash-upsell-modal-fast-cash-upsell-modal-background {
    background-position: center 0
  }
}

.dashboard-components-global-fast-cash-upsell-modal-fast-cash-upsell-modal-column2 {
  padding-left: 48px;
  padding-right: 84px;
  padding-top: 64px
}

@media only screen and (max-width: 768px) {
  .dashboard-components-global-fast-cash-upsell-modal-fast-cash-upsell-modal-column2 {
    padding-right: 48px
  }
}

.dashboard-components-global-fast-cash-upsell-modal-fast-cash-upsell-modal-row {
  margin-left: 0 !important;
  margin-right: 0 !important
}

.dashboard-components-global-fast-cash-upsell-modal-fast-cash-upsell-modal-bubble {
  width: 253px;
  background: linear-gradient(180deg, #fff -53.59%, #e2e1ff -9.39%, #fff 73.9%, #d1cff4 150.11%);
  top: 290px;
  left: 7px;
  margin: 0 auto;
  position: relative;
  padding: 13px;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: flex-end;
  align-items: flex-start;
  box-shadow: 0 4px 4px #0000001a
}

.dashboard-components-autopilot-overview-status-explanation-overview-status-explanation-sub-header {
  white-space: pre-wrap
}

.dashboard-components-global-existing-links-step-existing-links-step-section {
  padding: 24px 0
}

.dashboard-components-global-existing-links-step-existing-links-step-section:first-child {
  padding-top: 0
}

.dashboard-components-global-existing-links-step-existing-links-step-section:last-child {
  padding-bottom: 0
}

.dashboard-components-global-existing-links-step-existing-links-step-section+.dashboard-components-global-existing-links-step-existing-links-step-section {
  border-top: 1px solid var(--tk-content-divider)
}

.dashboard-components-autopilot-overview-container-overview-container-heading-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.dashboard-components-global-flow-manager-wrapper-flow-manager-wrapper-body {
  padding: 24px;
  width: 100%;
  position: relative
}

.dashboard-components-documents-user-documents-user-documents-table-cell-div {
  min-width: 72px
}

.dashboard-components-documents-user-documents-user-documents-download-iframe {
  display: none
}

.dashboard-components-prefunded-task-list-tasks-microdeposit-verification-task-input-wrapper {
  position: relative
}

.dashboard-components-prefunded-task-list-tasks-microdeposit-verification-task-input-wrapper:before {
  content: "0.";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  left: .2em
}

.dashboard-components-prefunded-task-list-tasks-microdeposit-verification-task-input {
  padding-left: calc(1ch + 6px);
  width: 72px
}

.dashboard-components-transfer-money-notice-message-trigger-message-trigger-render-newlines {
  white-space: pre-wrap
}

@media only screen and (max-width: 768px) {
  .dashboard-components-global-global-linking-modal-global-linking-modal-action-text {
    display: none
  }
}

.dashboard-components-global-navbar-mobile-item-mobile-item-container {
  flex: 0 0 auto
}

.dashboard-components-global-navbar-mobile-item-mobile-item-item {
  display: block;
  position: relative;
  color: var(--tk-content-secondary);
  font-size: 19px;
  line-height: 24px;
  padding: 8px 16px;
  border-radius: 16px;
  transition: background-color .15s cubic-bezier(.2, 0, .4, 1), color .15s cubic-bezier(.2, 0, .4, 1)
}

.dashboard-components-global-navbar-mobile-item-mobile-item-item:hover {
  color: var(--tk-content-secondary);
  background-color: var(--tk-surface-interactive-concealed-hover)
}

.dashboard-components-global-navbar-mobile-item-mobile-item-item:active {
  color: var(--tk-content-secondary);
  background-color: var(--tk-surface-interactive-concealed-active)
}

.dashboard-components-global-navbar-mobile-item-mobile-item-item:focus {
  outline: none;
  color: var(--tk-content-secondary);
  box-shadow: 0 0 0 2px var(--tk-content-interactive-default)
}

.dashboard-components-global-navbar-mobile-item-mobile-item-item.dashboard-components-global-navbar-mobile-item-mobile-item-active {
  color: var(--tk-content-interactive-default)
}

.dashboard-components-global-navbar-mobile-item-mobile-item-badge:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  top: 8px;
  right: 12px;
  background-color: var(--tk-content-interactive-default);
  border-radius: 9999px
}

body.using-mouse .dashboard-components-global-navbar-mobile-item-mobile-item-item:focus {
  box-shadow: none
}

.dashboard-components-interest-left-on-the-table-cash-merchandise-card-cash-merchandise-card-card-container {
  margin-top: 94px
}

@media only screen and (max-width: 768px) {
  .dashboard-components-interest-left-on-the-table-cash-merchandise-card-cash-merchandise-card-card-container {
    margin-top: 114px
  }
}

.dashboard-components-interest-left-on-the-table-cash-merchandise-card-cash-merchandise-card-button-container {
  width: -moz-fit-content;
  width: fit-content
}

@media only screen and (max-width: 768px) {
  .dashboard-components-interest-left-on-the-table-cash-merchandise-card-cash-merchandise-card-button-container {
    width: 100%
  }
}

@media only screen and (max-width: 768px) {
  .dashboard-components-interest-left-on-the-table-cash-merchandise-card-cash-merchandise-card-new-cash-account-cta-text-desktop {
    display: none
  }
}

.dashboard-components-interest-left-on-the-table-cash-merchandise-card-cash-merchandise-card-new-cash-account-cta-text {
  display: none
}

@media only screen and (max-width: 768px) {
  .dashboard-components-interest-left-on-the-table-cash-merchandise-card-cash-merchandise-card-new-cash-account-cta-text {
    display: block
  }
}

.dashboard-components-interest-left-on-the-table-cash-merchandise-card-cash-merchandise-card-insight-icon {
  display: inline-block;
  height: 1.2em;
  vertical-align: -.25em
}

.dashboard-components-path-overlay-button-overlay-button-container {
  position: relative;
  padding: 24px;
  border-top: 1px solid #e7e7ea;
  display: flex;
  justify-content: flex-end
}

@media only screen and (max-width: 768px) {
  .dashboard-components-path-overlay-button-overlay-button-container {
    justify-content: center
  }
}

.dashboard-components-global-navbar-item-item-container {
  flex: 0 0 auto
}

.dashboard-components-global-navbar-item-item-item {
  display: block;
  text-align: center;
  position: relative;
  color: var(--tk-content-primary);
  font-size: 19px;
  line-height: 24px;
  font-weight: 400;
  padding: 12px 16px;
  border-radius: 16px;
  transition: background-color .15s cubic-bezier(.2, 0, .4, 1), color .15s cubic-bezier(.2, 0, .4, 1)
}

@media only screen and (min-width: 769px) and (max-width: 960px) {
  .dashboard-components-global-navbar-item-item-item {
    padding: 12px 8px
  }
}

.dashboard-components-global-navbar-item-item-item:hover {
  color: var(--tk-content-primary);
  background-color: var(--tk-surface-interactive-concealed-hover)
}

.dashboard-components-global-navbar-item-item-item:active {
  color: var(--tk-content-primary);
  background-color: var(--tk-surface-interactive-concealed-active)
}

.dashboard-components-global-navbar-item-item-item:focus {
  outline: none;
  color: var(--tk-content-primary);
  box-shadow: 0 0 0 2px var(--tk-content-interactive-default)
}

.dashboard-components-global-navbar-item-item-item.dashboard-components-global-navbar-item-item-active {
  color: var(--tk-content-interactive-default);
  font-weight: 500
}

.dashboard-components-global-navbar-item-item-item:after {
  display: block;
  content: attr(title);
  font-weight: 500;
  height: 0;
  overflow: hidden;
  visibility: hidden
}

.dashboard-components-global-navbar-item-item-badge:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 12px;
  right: 4px;
  background-color: var(--tk-content-interactive-default);
  border-radius: 9999px
}

@media only screen and (min-width: 769px) and (max-width: 960px) {
  .dashboard-components-global-navbar-item-item-badge:before {
    width: 4px;
    height: 4px
  }
}

body.using-mouse .dashboard-components-global-navbar-item-item-item:focus {
  box-shadow: none
}

.dashboard-components-transfer-money-select-button-select-button-wrapper {
  position: relative
}

.dashboard-components-transfer-money-select-button-select-button-button {
  display: block;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: auto;
  background: transparent;
  padding: 16px 32px 16px 16px;
  color: var(--tk-content-primary);
  border: 0;
  border-radius: 16px;
  box-shadow: inset 0 0 0 1px var(--tk-content-divider);
  transition: box-shadow .1s cubic-bezier(.2, 0, .4, 1);
  cursor: pointer;
  outline: none;
  text-align: left !important;
  font-size: 19px;
  line-height: 24px;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.dashboard-components-transfer-money-select-button-select-button-button:hover {
  box-shadow: inset 0 0 0 1px var(--tk-content-divider), 0 0 0 4px var(--tk-surface-interactive-default)
}

.dashboard-components-transfer-money-select-button-select-button-button:focus {
  box-shadow: inset 0 0 0 2px var(--tk-content-interactive-default), 0 0 0 4px var(--tk-surface-interactive-default);
  background: transparent
}

.dashboard-components-transfer-money-select-button-select-button-button.dashboard-components-transfer-money-select-button-select-button-placeholder {
  color: var(--tk-content-secondary)
}

.dashboard-components-transfer-money-select-button-select-button-button.dashboard-components-transfer-money-select-button-select-button-selected {
  color: var(--tk-content-primary)
}

.dashboard-components-transfer-money-select-button-select-button-button.dashboard-components-transfer-money-select-button-select-button-with-label {
  padding: 24px 16px 8px
}

.dashboard-components-transfer-money-select-button-select-button-label {
  position: absolute;
  top: 16px;
  left: 16px;
  right: 16px;
  font-size: 19px;
  line-height: 24px;
  color: var(--tk-content-secondary);
  transform-origin: top left;
  transition: top .1s cubic-bezier(.2, 0, .4, 1), transform .1s cubic-bezier(.2, 0, .4, 1);
  cursor: text
}

.dashboard-components-transfer-money-select-button-select-button-label::selection {
  background-color: transparent
}

.dashboard-components-transfer-money-select-button-select-button-shrink-label .dashboard-components-transfer-money-select-button-select-button-label {
  top: 8px;
  transform: scale(.66);
  cursor: default
}

.dashboard-components-transfer-money-select-button-select-button-icon-wrapper {
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  display: flex;
  align-items: center;
  pointer-events: none
}

.dashboard-components-transfer-money-select-button-select-button-icon {
  color: var(--tk-content-secondary);
  transform: rotate(90deg);
  width: 16px;
  height: 16px
}

.dashboard-components-transfer-money-page-heading-page-heading-confirmed {
  font-size: 64px;
  color: var(--tk-content-interactive-default)
}

.dashboard-components-transfer-money-page-heading-page-heading-failure {
  font-size: 64px
}

.dashboard-components-global-navbar-navbar-navbar-items-left,
.dashboard-components-global-navbar-navbar-navbar-items-right {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none
}

@media only screen and (max-width: 768px) {

  .dashboard-components-global-navbar-navbar-navbar-items-left,
  .dashboard-components-global-navbar-navbar-navbar-items-right {
    display: none
  }
}

@media only screen and (max-width: 960px) {
  .dashboard-components-global-navbar-navbar-navbar-items-left {
    margin-left: -8px
  }
}

.dashboard-components-global-navbar-navbar-navbar-items-right {
  margin-right: -16px
}

.dashboard-components-global-navbar-navbar-mobile-navbar-items {
  display: none
}

@media only screen and (max-width: 768px) {
  .dashboard-components-global-navbar-navbar-mobile-navbar-items {
    display: flex;
    max-width: 480px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    justify-content: space-around
  }
}

.dashboard-components-transfer-money-stock-split-custom-split-item-slider-container {
  width: 100%;
  padding-bottom: 12px;
  max-width: 250px
}

.dashboard-components-transfer-money-stock-split-custom-split-item-slider-wrapper {
  width: 100%;
  height: 32px;
  margin-top: 24px
}

.dashboard-components-transfer-money-stock-split-custom-split-item-slider-wrapper [data-reach-slider] {
  position: relative
}

.dashboard-components-transfer-money-stock-split-custom-split-item-slider-wrapper [data-reach-slider-range] {
  display: none
}

.dashboard-components-transfer-money-stock-split-custom-split-item-slider-wrapper [data-reach-slider-track] {
  height: 20px;
  background-color: transparent;
  background-image: linear-gradient(90deg, transparent 75%, var(--tk-content-divider) 25%);
  background-size: 12px 100%;
  background-repeat: repeat;
  background-position: -9px 0
}

.dashboard-components-transfer-money-stock-split-custom-split-item-slider-wrapper [data-reach-slider-handle] {
  width: 9px;
  height: 44px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  background-image: linear-gradient(90deg, transparent 66%, var(--tk-content-interactive-default) 33%);
  background-size: 9px 100%;
  background-repeat: repeat;
  background-position: -3px 0
}

@media only screen and (max-width: 768px) {
  .dashboard-components-stock-portfolios-portfolio-portfolio-graph-wrapper-control-wrapper {
    display: flex;
    justify-content: center
  }
}

.dashboard-components-transfer-money-tab-selection-tab-selection-tab-button {
  border-radius: 24px;
  box-shadow: inset 0 0 0 1px var(--tk-content-divider);
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: var(--tk-content-primary);
  line-height: 20px;
  padding: 8px 12px;
  width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  flex: 1 0 0;
  margin: 0 4px;
  background-color: transparent;
  transition: box-shadow .1s cubic-bezier(.2, 0, .4, 1)
}

.dashboard-components-transfer-money-tab-selection-tab-selection-tab-button:focus,
.dashboard-components-transfer-money-tab-selection-tab-selection-tab-button:hover {
  box-shadow: inset 0 0 0 1px var(--tk-content-secondary);
  color: var(--tk-content-primary)
}

.dashboard-components-transfer-money-tab-selection-tab-selection-tab-button:focus {
  outline: 0
}

.dashboard-components-transfer-money-tab-selection-tab-selection-tab-button.dashboard-components-transfer-money-tab-selection-tab-selection-active {
  color: var(--tk-content-interactive-default);
  box-shadow: inset 0 0 0 2px var(--tk-content-interactive-default)
}

.dashboard-components-transfer-money-tab-selection-tab-selection-icon {
  margin-right: 4px
}

.dashboard-components-stock-portfolios-portfolio-portfolio-bar-chart-container {
  width: 100%;
  height: 115px;
  position: relative
}

.dashboard-components-stock-portfolios-portfolio-portfolio-bar-chart-line {
  stroke-dasharray: 4;
  stroke: var(--tk-content-divider);
  stroke-width: 1px
}

.dashboard-components-stock-portfolios-portfolio-portfolio-bar-chart-text {
  position: absolute;
  left: 0;
  background-color: var(--tk-surface);
  padding: 4px 12px 4px 0;
  border-radius: 16px
}

.dashboard-components-stock-portfolios-portfolio-portfolio-bar-chart-svg {
  background-color: var(--tk-surface)
}

.dashboard-components-stock-portfolios-portfolio-portfolio-bar-chart-axis {
  font-size: 12px
}

.dashboard-components-stock-portfolios-portfolio-portfolio-bar-chart-axis path {
  stroke-dasharray: 4;
  color: var(--tk-content-divider)
}

.dashboard-components-stock-portfolios-portfolio-portfolio-bar-chart-axis g {
  color: var(--tk-content-secondary)
}

.dashboard-components-path-future-expense-goal-goal-status-screen-screen-future-expense-type {
  width: 35px;
  height: 35px;
  opacity: .75;
  transition: transform .15s ease-out
}

.dashboard-components-path-future-expense-goal-goal-status-screen-screen-future-expense-type:hover,
.dashboard-components-path-future-expense-goal-goal-status-screen-screen-future-expense-type-selected {
  opacity: 1;
  transform: scale(1.25);
  filter: brightness(0) saturate(100%) invert(26%) sepia(18%) saturate(6357%) hue-rotate(229deg) brightness(94%) contrast(98%)
}

.dashboard-components-path-graph-degraded-degraded-container {
  text-align: center;
  padding: 48px 0
}

.dashboard-components-path-graph-degraded-degraded-image {
  max-width: 100px
}

.dashboard-components-transfer-money-confirmed-screen-contact-us-contact-us-get-help-content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding-top: 48px
}

.dashboard-components-path-savings-overview-overlay-overlay-contribution-groups {
  margin-top: -1px
}

:export {
  motionDuration0: 0;
  motionDuration25: 25ms;
  motionDuration50: 50ms;
  motionDuration75: 75ms;
  motionDuration100: .1s;
  motionDuration125: 125ms;
  motionDuration150: .15s;
  motionDuration175: 175ms;
  motionDuration200: .2s;
  motionDuration225: 225ms;
  motionDuration250: .25s;
  motionDuration275: 275ms;
  motionDuration300: .3s;
  motionDuration350: .35s;
  motionDuration400: .4s;
  motionDuration500: .5s
}

.portal-sidebar {
  display: none
}

@media only screen and (min-width: 769px) {
  .portal-sidebar {
    display: block
  }
}

@media only screen and (max-width: 959px) {
  .portal-loan-menu-wide {
    display: none
  }
}

@media only screen and (max-width: 768px) {
  .portal-loan-menu-narrow {
    display: none
  }
}

@media only screen and (min-width: 960px) {
  .portal-loan-menu-narrow {
    display: none
  }
}

@media only screen and (min-width: 769px) {
  .portal-mobile-menu {
    display: none
  }
}

.logged-out-layout {
  max-width: 1450px;
  margin-right: auto;
  margin-left: auto
}

.logged-out-layout-expanded {
  max-width: 100vw;
  background-color: #fff;
  margin-right: auto;
  margin-left: auto
}

.primary-button-raised {
  position: relative;
  top: 0;
  display: inline-block;
  text-transform: uppercase;
  padding: 18px 60px;
  background: #8f53d7;
  color: #fff !important;
  font-weight: 600;
  transition: box-shadow .2s ease, top .2s ease
}

.primary-button-raised:hover {
  box-shadow: 0 4px 24px #00000040;
  top: -6px
}

@media only screen and (max-width: 1800px) {
  .primary-button-raised {
    padding: 18px 48px
  }
}

@media only screen and (max-width: 1140px) {
  .primary-button-raised {
    padding: 18px 24px;
    margin-right: 0
  }
}

.white-button-raised {
  position: relative;
  top: 0;
  display: inline-block;
  text-transform: uppercase;
  padding: 18px 60px;
  background: #fff;
  color: #8f53d7 !important;
  font-weight: 600;
  transition: box-shadow .2s ease, top .2s ease
}

.white-button-raised:hover {
  box-shadow: 0 4px 24px #00000040;
  top: -6px
}

@media only screen and (max-width: 1800px) {
  .white-button-raised {
    padding: 18px 48px
  }
}

@media only screen and (max-width: 1140px) {
  .white-button-raised {
    padding: 18px 24px;
    margin-right: 0
  }
}

.investing-guide {
  position: relative;
  max-width: 1450px;
  line-height: 24px;
  overflow: hidden
}

.investing-guide-aside-wrapper {
  position: relative
}

.investing-guide-button-white {
  border-radius: 100px;
  color: #161338;
  background: #fff;
  width: 288px;
  padding: 12px;
  text-transform: uppercase;
  font-weight: 600;
  transition: transform .2s ease
}

.investing-guide-button-white:hover {
  color: #161338;
  transform: scale(1.03)
}

.investing-guide-button-transparent {
  border-radius: 100px;
  color: #fff;
  background: transparent;
  border: 1px solid #fff;
  width: 240px;
  padding: 12px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  transition: transform .2s ease
}

.investing-guide-button-transparent:hover {
  transform: scale(1.03);
  color: #fff
}

.investing-guide-card {
  position: relative;
  margin: 0 8%;
  padding: 6%;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  box-shadow: 0 4px 34px #0000001a
}

.investing-guide-card:first-of-type {
  z-index: 1;
  margin-top: -18px
}

@media only screen and (max-width: 1140px) {
  .investing-guide-card:first-of-type {
    margin-top: -48px
  }
}

@media only screen and (max-width: 768px) {
  .investing-guide-card {
    margin: 0 4%
  }
}

@media only screen and (max-width: 480px) {
  .investing-guide-card {
    margin: 0;
    padding: 9% 3%;
    box-shadow: none;
    border: none
  }

  .investing-guide-card:first-of-type {
    margin-top: -156px
  }
}

.investing-guide-card-h2 {
  font-weight: 600;
  font-size: 60px;
  line-height: 52px;
  color: #83e4c8
}

@media only screen and (max-width: 768px) {
  .investing-guide-card-h2 {
    font-size: 45px;
    line-height: 50px
  }
}

.investing-guide-card-h3 {
  font-weight: 600;
  font-size: 30px;
  line-height: 36px
}

.investing-guide-card-subtitle {
  font-size: 30px;
  line-height: 30px;
  padding-bottom: 24px
}

.investing-guide-card-list {
  line-height: 31px
}

.investing-guide-card-list-item:before {
  content: "\2713";
  font-size: 18px;
  margin-right: 12px
}

.investing-guide-card-inset {
  margin-left: 10%;
  margin-right: 10%;
  max-width: 48%;
  margin-bottom: 60px
}

@media only screen and (max-width: 1140px) {
  .investing-guide-card-inset {
    max-width: 100%
  }
}

.investing-guide-margin-triple--bottom {
  margin-bottom: 36px
}

.investing-guide-margin-5x--top {
  margin-top: 60px
}

@media only screen and (max-width: 768px) {
  .investing-guide-margin-5x--top {
    margin-top: 48px
  }
}

.investing-guide-cta {
  position: relative;
  z-index: 1;
  background: linear-gradient(111.75deg, #8f53d7 4.66%, #7b3ddf 97.85%);
  margin: 0 8% 120px;
  padding: 6%;
  box-shadow: 0 4px 34px #0000001a;
  text-align: center
}

@media only screen and (max-width: 768px) {
  .investing-guide-cta {
    margin-right: 4%;
    margin-left: 4%;
    padding: 9%
  }
}

@media only screen and (max-width: 480px) {
  .investing-guide-cta {
    margin: 0
  }
}

.investing-guide-button-cta {
  border-radius: 100px;
  color: #8f53d7;
  background: #fff;
  width: 288px;
  padding: 12px;
  text-transform: uppercase;
  font-weight: 600;
  transition: transform .2s ease
}

.investing-guide-button-cta:hover {
  transform: scale(1.03);
  color: #8f53d7
}

.investing-guide-cta-h3 {
  font-weight: 600;
  font-size: 35px;
  line-height: 65px;
  color: #fff
}

@media only screen and (max-width: 768px) {
  .investing-guide-cta-h3 {
    font-size: 35px;
    line-height: 41px;
    margin-bottom: 24px
  }
}

.investing-guide-support-section {
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: space-evenly;
  align-items: stretch;
  margin-top: -240px;
  padding: 17% 15%;
  width: 100%;
  background: #161338;
  color: #fff
}

@media only screen and (max-width: 768px) {
  .investing-guide-support-section {
    margin-top: -180px
  }
}

@media only screen and (max-width: 480px) {
  .investing-guide-support-section {
    margin-top: 0
  }
}

.investing-guide-support-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  max-width: 300px;
  text-align: center
}

.investing-guide-header-top-bar {
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 1450px;
  z-index: 11;
  color: #fff;
  background-color: #161338
}

.investing-guide-header {
  position: fixed;
  width: 100%;
  max-width: 1450px;
  z-index: 10;
  top: 75px;
  color: #fff;
  background-color: #161338;
  box-shadow: 0 4px 4px #00000040;
  transition: transform 1.2s ease, visibility 1.2s ease
}

.investing-guide-header.investing-guide-header-hidden {
  transform: translateY(-200%);
  visibility: hidden
}

@media only screen and (max-width: 768px) {
  .investing-guide-header {
    top: 65px
  }
}

.investing-guide-header-menu-icon {
  width: 25px
}

.investing-guide-header-menu-icon div,
.investing-guide-header-menu-icon:before,
.investing-guide-header-menu-icon:after {
  background-color: #83e4c8;
  border-radius: 3px;
  content: "";
  display: block;
  height: 3px;
  margin: 5px 0;
  transition: transform .2s ease-in-out
}

.investing-guide-header-menu-icon-open:before {
  transform: translateY(8px) rotate(135deg)
}

.investing-guide-header-menu-icon-open:after {
  transform: translateY(-8px) rotate(-135deg)
}

.investing-guide-header-menu-icon-open div {
  transform: scale(0)
}

.investing-guide-header-progress-bar {
  position: relative;
  height: 6px;
  background-color: #83e4c84d;
  width: 100%;
  overflow: hidden
}

.investing-guide-header-progress-bar-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  width: 0;
  background-color: #83e4c8;
  z-index: 3;
  transition: width 1s ease-out
}

.investing-guide-header-menu-btn {
  background-color: #161338;
  color: #83e4c8;
  border: none;
  outline: none
}

.investing-guide-header-title-section {
  position: absolute;
  width: 100%;
  background: #161338;
  top: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 24px;
  transition: transform .7s ease, visibility .7s ease
}

.investing-guide-header-title-section.investing-guide-header-title-section-hidden {
  transform: translateY(-100%);
  visibility: hidden
}

.investing-guide-header-title {
  align-self: left;
  flex-grow: 1;
  margin-left: 6px
}

@media only screen and (max-width: 768px) {
  .investing-guide-header-title {
    display: none
  }
}

.investing-guide-header-logo {
  display: none;
  color: #83e4c8
}

@media only screen and (max-width: 768px) {
  .investing-guide-header-logo {
    display: block
  }
}

.investing-guide-header-list-section {
  display: flex;
  justify-content: space-evenly;
  color: #fff
}

@media only screen and (max-width: 768px) {
  .investing-guide-header-list-section {
    display: block;
    text-align: right;
    padding: 0 10%
  }
}

.investing-guide-header-list {
  color: #fff;
  line-height: 32px
}

.investing-guide-header-list-title {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 0;
  color: #fff !important
}

@media only screen and (max-width: 1140px) {
  .investing-guide-header-list-title {
    font-size: 20px
  }
}

.investing-guide-header-list-link {
  color: #fff !important
}

@keyframes pulse-cta {
  0% {
    box-shadow: 0 0 #83e4c81a
  }

  40% {
    box-shadow: 0 0 0 12px #83e4c880
  }

  0% {
    box-shadow: 0 0 0 5px #83e4c81a
  }
}

.investing-guide-header-cta {
  border: 1px solid #83e4c8;
  padding: 12px 18px;
  border-radius: 100px;
  color: #83e4c8 !important;
  background: transparent;
  text-align: center;
  transition: background-color .8s ease-out;
  transition: color .8s ease-out
}

.investing-guide-header-cta.investing-guide-header-cta-pulse {
  background-color: #83e4c8;
  color: #161338 !important;
  animation: pulse-cta 2s 3
}

.investing-guide-intro {
  position: relative;
  display: flex;
  top: 36px;
  margin: 0 12%;
  padding-top: 60px;
  justify-content: space-between
}

@media only screen and (max-width: 1140px) {
  .investing-guide-intro {
    top: 0
  }
}

@media only screen and (max-width: 768px) {
  .investing-guide-intro {
    padding-top: 120px;
    display: block;
    text-align: center
  }
}

.investing-guide-intro-container {
  width: 50%
}

@media only screen and (max-width: 1140px) {
  .investing-guide-intro-container {
    width: 55%
  }
}

@media only screen and (max-width: 768px) {
  .investing-guide-intro-container {
    width: 100%
  }
}

.investing-guide-intro-nav {
  margin-top: 48px
}

@media only screen and (max-width: 1140px) {
  .investing-guide-intro-nav {
    margin-top: 12px
  }
}

@media only screen and (max-width: 768px) {
  .investing-guide-intro-nav {
    display: none
  }
}

@media only screen and (max-width: 1140px) {
  .investing-guide-intro-phone {
    max-width: 275px
  }
}

@media only screen and (max-width: 768px) {
  .investing-guide-intro-phone {
    max-width: 250px;
    margin-top: 36px
  }
}

.investing-guide-intro-bg {
  position: absolute;
  z-index: 0;
  min-height: 906px;
  width: auto
}

@media only screen and (min-width: 769px) and (max-width: 1139px) {
  .investing-guide-intro-bg {
    min-height: 700px;
    width: auto
  }
}

.investing-guide-intro-h1 {
  font-weight: 600;
  font-size: 50px;
  line-height: 62px;
  color: #fff
}

@media only screen and (max-width: 1140px) {
  .investing-guide-intro-h1 {
    font-size: 40px;
    line-height: 50px
  }
}

.investing-guide-intro-description {
  font-size: 20px;
  line-height: 29px;
  color: #fff;
  margin-bottom: 24px
}

@media only screen and (max-width: 1140px) {
  .investing-guide-intro-description {
    font-size: 18px;
    line-height: inherit
  }
}

.investing-guide-intro-link {
  font-weight: 600;
  font-size: 20px;
  line-height: 38px;
  letter-spacing: 1px;
  color: #fff !important
}

.investing-guide-intro-link .icon {
  margin-left: -7px;
  font-size: 14px;
  transition: transform .2s ease;
  position: relative;
  top: 2px
}

.investing-guide-intro-link:hover .icon {
  transform: translate(4px)
}

.investing-guide-intro-line {
  display: inline-block;
  width: 24px;
  height: 2px;
  background: #fabeab;
  margin-right: 18px;
  margin-bottom: 5px
}

.investing-guide-our-strategy {
  border-left: 5px solid #83e4c8;
  padding-left: 24px
}

.investing-guide-our-strategy-know-the-difference {
  display: flex;
  margin-left: 10%
}

@media only screen and (max-width: 1140px) {
  .investing-guide-our-strategy-know-the-difference {
    margin-left: 0;
    justify-content: space-between
  }
}

@media only screen and (max-width: 768px) {
  .investing-guide-our-strategy-know-the-difference {
    display: block
  }
}

.investing-guide-our-strategy-table td {
  padding: 12px 0
}

.investing-guide-our-strategy-tr {
  border-top: 1px solid rgba(255, 255, 255, .2);
  border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.investing-guide-our-strategy-stock-picking {
  max-width: 348px;
  border: 10px solid #67c8ac;
  padding: 30px;
  text-align: center
}

@media only screen and (max-width: 768px) {
  .investing-guide-our-strategy-stock-picking {
    max-width: 100%
  }
}

.investing-guide-our-strategy-wf-better {
  max-width: 348px;
  border: 10px solid #8f53d7;
  padding: 30px;
  text-align: center;
  margin-left: 36px
}

@media only screen and (max-width: 768px) {
  .investing-guide-our-strategy-wf-better {
    max-width: 100%;
    margin-top: 36px;
    margin-left: 0
  }
}

.investing-guide-burt-iframe-aside {
  position: absolute;
  right: -36px;
  top: 240px;
  width: 450px;
  box-shadow: 0 4px 4px #00000040
}

@media only screen and (max-width: 1140px) {
  .investing-guide-burt-iframe-aside {
    position: static;
    margin: 0 auto 36px;
    width: 80%
  }
}

@media only screen and (max-width: 768px) {
  .investing-guide-burt-iframe-aside {
    width: auto
  }
}

.investing-guide-burt-iframe-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%
}

.investing-guide-burt-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none
}

.investing-guide-our-strategy-aside {
  position: absolute;
  right: -36px;
  top: 50%;
  max-width: 450px;
  background: #8f53d7;
  color: #fff;
  padding: 24px;
  box-shadow: 0 4px 4px #00000040
}

@media only screen and (max-width: 1140px) {
  .investing-guide-our-strategy-aside {
    position: static;
    max-width: 90%;
    margin: 0 auto 36px
  }
}

@media only screen and (max-width: 768px) {
  .investing-guide-our-strategy-aside {
    max-width: 100%
  }
}

.investing-guide-our-strategy-aside-example {
  color: #83e4c8;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 0
}

.investing-guide-our-strategy-aside-source {
  font-style: italic;
  line-height: 18px;
  margin: 12px 0 0;
  color: #fff;
  opacity: .6
}

.investing-guide-our-strategy-aside-source a {
  color: #fff;
  text-decoration: underline
}

.investing-guide-our-strategy-aside-h3 {
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 0;
  color: #fff
}

.investing-guide-our-strategy-h3 {
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 18px
}

.investing-guide-our-strategy-cta-list {
  text-align: left;
  color: #fff;
  margin-left: 18%
}

.investing-guide-our-strategy-aside-list-header {
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 24px
}

.investing-guide-our-strategy-aside-list-item {
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 22px
}

.investing-guide-our-strategy-aside-list-item:before {
  content: "\2605";
  margin-right: 6px
}

.investing-guide-our-strategy-h4 {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px
}

.investing-guide-our-strategy-cta {
  color: #fff
}

.investing-guide-how-it-works-h3 {
  font-weight: 600;
  font-size: 30px;
  line-height: 36px
}

.investing-guide-how-it-works-globally-diversified-h4 {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px
}

.investing-guide-how-it-works-aside-section {
  position: absolute;
  top: 850px;
  right: -36px;
  max-width: 264px
}

.investing-guide-how-it-works-rollover-401k {
  background: #773edd;
  box-shadow: 0 4px 12px #00000040;
  color: #fff;
  padding: 36px;
  margin-bottom: 24px
}

.investing-guide-how-it-works-roth-ira {
  background: #8f53d7;
  box-shadow: 0 4px 12px #00000040;
  color: #fff;
  padding: 36px
}

.investing-guide-how-it-works-h4 {
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 0
}

.investing-guide-how-it-works-p {
  font-size: 16px;
  line-height: 24px
}

.investing-guide-how-it-works-account-card-section {
  display: flex;
  justify-content: space-between
}

@media only screen and (max-width: 768px) {
  .investing-guide-how-it-works-account-card-section {
    display: block
  }
}

.investing-guide-how-it-works-account-card {
  max-width: 30%;
  box-shadow: 0 4px 12px #00000040
}

@media only screen and (max-width: 768px) {
  .investing-guide-how-it-works-account-card {
    max-width: 350px;
    margin: 0 auto 36px
  }
}

@media only screen and (max-width: 480px) {
  .investing-guide-how-it-works-account-card {
    max-width: 90%
  }
}

.investing-guide-how-it-works-account-card-content {
  padding: 24px
}

.investing-guide-how-it-works-img {
  width: 100%
}

.investing-guide-how-it-works-account-cta {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 0
}

.investing-guide-how-it-works-link {
  display: block
}

.investing-guide-how-it-works-link .icon {
  margin-left: -7px;
  font-size: 14px;
  transition: transform .2s ease;
  position: relative;
  top: 2px
}

.investing-guide-how-it-works-link:hover .icon {
  transform: translate(4px)
}

.investing-guide-how-it-works-aside {
  position: absolute;
  right: -36px;
  top: 37%;
  max-width: 325px;
  background: #fafafa;
  text-align: center;
  padding: 24px;
  box-shadow: 0 4px 4px #00000040
}

@media only screen and (max-width: 1140px) {
  .investing-guide-how-it-works-aside {
    position: static;
    max-width: inherit
  }
}

.investing-guide-how-it-works-purple-aside {
  position: absolute;
  right: -36px;
  top: 27%;
  max-width: 325px;
  background: #8f53d7;
  padding: 24px;
  box-shadow: 0 4px 4px #00000040;
  color: #fff
}

.investing-guide-how-it-works-purple-aside a {
  color: #fff !important
}

@media only screen and (max-width: 1140px) {
  .investing-guide-how-it-works-purple-aside {
    position: static;
    max-width: 75%;
    margin: 60px auto 0
  }
}

@media only screen and (max-width: 768px) {
  .investing-guide-how-it-works-purple-aside {
    max-width: 100%
  }
}

.investing-guide-how-it-works-aside-content {
  padding: 0 12px
}

.investing-guide-how-it-works-diversified-portfolio-img {
  max-width: 100%;
  margin: 0 auto
}

#investing-guide-bar-chart-react {
  margin: 48px 0
}

.investing-guide-bar-chart-controls {
  display: flex;
  justify-content: space-between
}

@media only screen and (max-width: 768px) {
  .investing-guide-bar-chart-controls {
    flex-direction: column-reverse;
    text-align: center
  }
}

.investing-guide-bar-chart-h3 {
  font-weight: 600;
  font-size: 30px;
  line-height: 52px
}

.investing-guide-bar-chart-slider-container {
  width: 55%
}

@media only screen and (max-width: 768px) {
  .investing-guide-bar-chart-slider-container {
    width: 100%
  }
}

.investing-guide-bar-chart-slider-input {
  position: relative;
  width: 100%
}

.investing-guide-bar-chart-pretty-name {
  font-size: 12px;
  line-height: 16px;
  margin-top: 6px
}

.investing-guide-bar-chart-slider-bar {
  position: absolute;
  height: 8px;
  border-radius: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  background: #e6e7ea
}

.investing-guide-bar-chart-slider-fill {
  height: 8px;
  border-radius: 20px;
  background: #8f53d7
}

.investing-guide-bar-chart-slider-score {
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 22px;
  line-height: 24px
}

.investing-guide-bar-chart-slider {
  position: relative;
  z-index: 2;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  background: transparent;
  border-radius: 20px;
  height: 8px;
  margin: 24px 0;
  outline: none;
  cursor: pointer
}

.investing-guide-bar-chart-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  z-index: 2;
  cursor: col-resize;
  background: #fff;
  height: 36px;
  width: 36px;
  border-radius: 100%;
  border: 1px solid rgba(0, 0, 0, .1);
  box-shadow: 0 4px 34px #0000001a
}

.investing-guide-bar-chart-slider::-moz-range-thumb {
  -moz-appearance: none;
  appearance: none;
  z-index: 2;
  cursor: col-resize;
  background: #fff;
  height: 48px;
  width: 48px;
  border-radius: 100%;
  border: 1px solid rgba(0, 0, 0, .1);
  box-shadow: 0 4px 34px #0000001a
}

.investing-guide-bar-chart-button {
  min-width: 102px;
  background-color: #fff;
  border: 2px solid #8f53d7;
  color: #8f53d7;
  text-align: center;
  padding: 6px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  transition: background .2s ease, color .2s ease
}

.investing-guide-bar-chart-button.investing-guide-bar-chart-selected {
  color: #fff;
  background: #8f53d7
}

.investing-guide-bar-chart-button.investing-guide-bar-chart-selected:active,
.investing-guide-bar-chart-button.investing-guide-bar-chart-selected:focus,
.investing-guide-bar-chart-button.investing-guide-bar-chart-selected:hover {
  color: #fff
}

.investing-guide-bar-chart-button:active,
.investing-guide-bar-chart-button:focus,
.investing-guide-bar-chart-button:hover {
  color: #8f53d7
}

.investing-guide-bar-chart-button:first-of-type {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px
}

.investing-guide-bar-chart-button:last-of-type {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px
}

.investing-guide-bar-chart-bar-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 36px
}

.investing-guide-bar-chart-bar-name-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between
}

.investing-guide-bar-chart-bar-container {
  display: flex;
  max-width: 9%;
  flex-grow: 1;
  flex-direction: column-reverse;
  height: 96px;
  cursor: pointer;
  outline: none
}

.investing-guide-bar-chart-bar {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: height .5s ease
}

.investing-guide-bar-chart-bar-percent-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  text-align: center
}

.investing-guide-bar-chart-bar-percent {
  max-width: 9%;
  flex-grow: 1;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  outline: none
}

.investing-guide-bar-chart-bar-name {
  max-width: 9%;
  flex-grow: 1;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  cursor: pointer;
  outline: none;
  padding: 6px 0
}

.investing-guide-bar-chart-bar-faded {
  opacity: .3
}

.investing-guide-bar-chart-ticks-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px
}

.investing-guide-bar-chart-tick {
  display: flex;
  max-width: 9%;
  flex-grow: 1;
  height: 6px
}

.investing-guide-bar-chart-selected-allocation {
  margin-top: 24px;
  border-top: 1px solid rgba(0, 0, 0, .1)
}

.investing-guide-bar-chart-selected-allocation-h4 {
  font-weight: 600;
  font-size: 30px;
  line-height: 24px
}

@media only screen and (max-width: 1140px) {
  .investing-guide-bar-chart-selected-allocation-h4 {
    font-size: 24px
  }
}

.investing-guide-bar-chart-selected-allocation-content {
  display: flex;
  justify-content: space-between;
  min-height: 204px
}

@media only screen and (max-width: 768px) {
  .investing-guide-bar-chart-selected-allocation-content {
    display: block
  }
}

.investing-guide-bar-chart-selected-allocation-description {
  width: 35%
}

@media only screen and (max-width: 768px) {
  .investing-guide-bar-chart-selected-allocation-description {
    width: 100%
  }
}

.investing-guide-bar-chart-selected-allocation-table {
  width: 50%
}

@media only screen and (max-width: 768px) {
  .investing-guide-bar-chart-selected-allocation-table {
    width: 100%
  }
}

.investing-guide-bar-chart-selected-allocation-th {
  opacity: .5;
  font-weight: 600;
  line-height: 24px;
  font-size: 16px;
  min-width: 96px
}

.investing-guide-bar-chart-mobile-row {
  align-items: center
}

.investing-guide-bar-chart-mobile-th {
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  text-transform: uppercase;
  opacity: .3
}

.investing-guide-bar-chart-mobile-name {
  max-width: 175px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 3px 12px 3px 3px
}

@media only screen and (max-width: 480px) {
  .investing-guide-bar-chart-mobile-name {
    max-width: 150px
  }
}

.investing-guide-bar-chart-mobile-bar-container {
  width: 100%
}

.investing-guide-bar-chart-mobile-bar {
  height: 9px;
  border-radius: 100px;
  transition: width .5s ease
}

.investing-guide-historical-performance {
  border: 10px solid #8f53d7;
  padding: 48px;
  margin-bottom: 60px
}

@media only screen and (max-width: 768px) {
  .investing-guide-historical-performance {
    padding: 0;
    border: none
  }
}

#investing-guide-fees-module-react {
  margin-top: 60px
}

.investing-guide-performance-and-fees-card {
  background: #fff url("../../../assets/assets/logged_out/investing_guide/lady_drinking_coffee-8a231a1490a676da9ad2bafe5a2f463d48de70038a50e35a6125ebbddac45766.png") right top no-repeat
}

@media only screen and (max-width: 1140px) {
  .investing-guide-performance-and-fees-card {
    background: #fff
  }
}

.investing-guide-performance-and-fees-aside {
  position: absolute;
  top: 60%;
  right: -60px;
  width: 276px;
  background: #8f53d7;
  box-shadow: 0 4px 12px #00000040;
  color: #fff;
  padding: 36px
}

@media only screen and (min-width: 769px) and (max-width: 1139px) {
  .investing-guide-performance-and-fees-aside {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto 36px;
    right: 0
  }
}

@media only screen and (max-width: 768px) {
  .investing-guide-performance-and-fees-aside {
    position: static;
    width: 276px;
    margin: 0 auto 36px
  }
}

@media only screen and (min-width: 769px) and (max-width: 1139px) {
  .investing-guide-performance-and-fees-aside-content {
    max-width: 50%
  }
}

.investing-guide-performance-and-fees-h4 {
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 6px
}

.investing-guide-performance-and-fees-aside-h4 {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  opacity: .5;
  font-weight: 700
}

@media only screen and (max-width: 1140px) {
  .investing-guide-performance-and-fees-aside-h4 {
    position: absolute;
    top: 12px
  }
}

.investing-guide-performance-and-fees-check {
  font-size: 16px;
  line-height: 24px
}

.investing-guide-performance-and-fees-check:before {
  content: "\2713";
  color: #000;
  margin-right: 6px
}

.investing-guide-performance-and-fees-cross {
  font-size: 16px;
  line-height: 24px
}

.investing-guide-performance-and-fees-cross:before {
  content: "x";
  color: #000;
  margin-right: 6px
}